/*title*/ .title { background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; height: 46px; line-height: 46px;overflow:hidden;} .title h3 a { font-size: 18px; border-left: 5px solid #851561; padding-left: 15px; } .title .more { color: #8f8f8f; padding-right: 10px; } .title .more:hover { color: #851561; } .left { width: 790px; box-sizing: border-box; border: 1px solid #e5e5e5;} .right { width: 390px; box-sizing: border-box; border: 1px solid #e5e5e5;} /*box1*/ .box1 { position: relative;} /*headlines*/ .box1 .headlines { border: none;} .box1 .headlines .bd ul li .pic { width: 790px; height:444px;} .box1 .headlines .bd ul li .pic img { width: 100%; height: 100%; display: block;} .box1 .headlines .bd ul li .head { position: absolute; left: 0; bottom:0;background: url("../images/hei.png"); height: 46px; line-height: 46px; width: 790px; } .box1 .headlines .bd ul li .head a { display:block; color:#fff; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; } .box1 .headlines .bd ul li .word { position: absolute; left: 810px; top:0; width: 390px; } .box1 .headlines .bd ul li .word h4 { font-size: 18px; font-weight: bold; color: #f00; text-align: center; margin-bottom: 10px; } .box1 .headlines .bd ul li .word p { color: #8f8f8f; line-height: 26px; max-height: 78px; overflow: hidden; } .box1 .headlines .hd { height: 15px; overflow: hidden; position: absolute; left: 720px; bottom: 10px; z-index: 1; } .box1 .headlines .hd ul{ overflow: hidden; zoom: 1; float: left; } .box1 .headlines .hd ul li { float: left; margin-right:4px; width: 8px; height: 8px; background: #fff; cursor: pointer; } .box1 .headlines .hd ul li.on { background: #f00; } /*media*/ .box1 .media { margin-top: 140px;} .box1 .media .list { padding: 0 20px;} .box1 .media .list ul li { border-bottom: 1px dashed #e5e5e5; margin: 15px 0; padding-bottom: 10px;} .box1 .media .list ul li .date { border-right: 1px solid #d9d9d9; text-align: center; padding-right: 15px;} .box1 .media .list ul li .date i { font-size: 22px; color: #851561;} .box1 .media .list ul li .date p { color: #adadad; } .box1 .media .list ul li .word { width: 280px; margin-top: 4px; line-height: 24px;} .box1 .media .list ul li:hover { border-bottom: 1px dashed #851561; } .box1 .media .list ul li:hover .word a { color: #851561; } /*box2*/ .box2 { padding-top: 30px;} /*news*/ .box2 .news .above { margin: 20px 20px 10px 20px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;} .box2 .news .above ul { width: 110%;} .box2 .news .above ul li { float: left; margin-right: 9px;} .box2 .news .above ul li .pic { width: 180px; height: 120px; overflow: hidden;} .box2 .news .above ul li .pic img { width: 100%; height: 100%; transition: all .3s; } .box2 .news .above ul li:hover .pic img { transform: scale(1.1); } .box2 .news .above ul li .tit { width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; padding-top: 15px; } .box2 .news .below { margin:0 20px 10px 20px; } .box2 .news .below ul li { line-height: 36px; padding-left:15px; background: url("../images/icon1.png") no-repeat left center; border-bottom: 1px dashed #fff; } .box2 .news .below ul li a { display: block; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #707070;} .box2 .news .below ul li:hover { border-bottom: 1px dashed #851561;} .box2 .news .below ul li:hover a { color: #851561;} .box2 .news .below ul li span { color: #adadad;} /*academic*/ .box2 .academic .list { margin: 21px 20px;} .box2 .academic .list ul li { margin-bottom: 20px;} .box2 .academic .list ul li .pic { width: 134px; height: 92px; overflow: hidden;} .box2 .academic .list ul li .pic img { width: 100%; height: 100%; transition: all .3s;} .box2 .academic .list ul li .tit { width: 200px; line-height: 24px; max-height: 48px; overflow: hidden; margin-top: 20px;} .box2 .academic .list ul li .tit a {color: #4c4c4c;} .box2 .academic .list ul li:hover .pic img { transform: scale(1.1);} .box2 .academic .list ul li:hover .tit a { color: #851561;} /*box3*/ .box3 { padding-top: 30px;} /*general*/ .box3 .general .list { margin:20px 20px 5px 20px;} .box3 .general .list ul { width: 110%;} .box3 .general .list ul li { margin:0 30px 15px 0; border-bottom: 1px dashed #e5e5e5; width: 359px; float: left; padding-bottom: 8px;} .box3 .general .list ul li a { display: block; } .box3 .general .list ul li p { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 6px; } .box3 .general .list ul li span { color: #adadad; background: url("../images/icon2.png") no-repeat left center; padding-left: 20px; } .box3 .general .list ul li:hover { border-bottom: 1px dashed #851561; } /*people*/ .box3 .people .list { position: relative; padding:25px 20px 15px;} .box3 .people .list .hd span { display:block; width:31px; height:55px; cursor:pointer; position: absolute; z-index: 99} .box3 .people .list .hd .prev { right:20px; top:107px; background:url("../images/arrow2.png") no-repeat;} .box3 .people .list .hd .next { left:20px; top:107px; background: url("../images/arrow1.png") no-repeat; } .box3 .people .list .bd { overflow: hidden;} .box3 .people .list .bd ul li { float: left; margin-right:20px;} .box3 .people .list .bd ul li .pic { width: 165px; height:213px; overflow: hidden; } .box3 .people .list .bd ul li .pic img { width: 100%; height: 100%; display: block; transition: all .3s;} .box3 .people .list .bd ul li .tit { width: 165px; line-height: 24px; max-height: 48px; overflow: hidden; margin-top: 12px;} .box3 .people .list .bd ul li:hover .pic img { transform: scale(1.1); } /*all_media*/ .all_media {padding: 30px 0;} .all_media .list { box-sizing: border-box; border: 1px solid #e5e5e5; padding: 20px; position: relative; height: 347px;} .all_media .list ul li { position: absolute; border: 1px solid #e5e5e5; box-sizing: border-box; } .all_media .list ul .lis1 { width: 198px; height: 306px; left:20px; top:20px;} .all_media .list ul .lis2 { width: 183px; height: 148px; left:228px; top:20px;} .all_media .list ul .lis3 { width: 374px; height: 306px; left:421px; top:20px;} .all_media .list ul .lis4 { width: 183px; height: 148px; left:804px; top:20px;} .all_media .list ul .lis5 { width: 183px; height: 148px; right:20px; top:20px;} .all_media .list ul .lis6 { width: 183px; height: 148px; left: 228px; top:178px;} .all_media .list ul .lis7 { width: 374px; height: 148px; right:20px; top:178px;} .all_media .list ul li .me_box { position: relative; width: 100%; height: 100%;} .all_media .list ul li .me_box .pic { width: 100%; height: 100%; overflow: hidden;} .all_media .list ul li .me_box .pic a { width: 100%; height: 100%; overflow: hidden;} .all_media .list ul li .me_box .pic img { width: 100%; height: 100%; transition: all .3s;} .all_media .list ul li:hover .me_box .pic img { transform: scale(1.1);} .all_media .list ul li .me_box .tit { position: absolute; left: 0; bottom:0; background: url("../images/hei.png"); width: 100%; height: 36px; line-height: 36px; text-align: center;} .all_media .list ul li .me_box .tit a { color: #fff; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .all_media .list ul li:nth-child(4) .me_box .tit { width: 40px; height: 100%;} .all_media .list ul li:nth-child(4) .me_box .tit a { width: 20px; line-height: 16px; margin:41px auto; white-space: normal;} .all_media .list ul li:nth-child(5) .me_box .tit { width: 40px; height: 100%;} .all_media .list ul li:nth-child(5) .me_box .tit a { width: 20px; line-height: 16px; margin:41px auto; white-space: normal;} /*link*/ .link ul { width: 110%;} .link ul li { float: left; width: 285px; height: 105px; margin-right: 20px;} .link ul li img { width: 100%; height: 100%; display: block; } /*child*/ /*list*/ .ny_main .ny_list { margin-top: 30px; } .ny_main .ny_list ul li { overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #dcdcdc; padding-bottom: 18px;} .ny_main .ny_list ul li h3 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 12px; } .ny_main .ny_list ul li h3 a { font-size: 16px; font-weight: bold; } .ny_main .ny_list ul li span { margin-right: 20px; color: #8f8f8f;} .ny_main .ny_list ul li:hover { border-bottom: 1px solid #851561;} .ny_main .ny_list ul li:hover h3 a { color: #851561;} /*pic1*/ .ny_main .ny_pic1 { margin-top: 30px;} .ny_main .ny_pic1 ul { width: 110%; } .ny_main .ny_pic1 ul li { float: left; margin: 0 30px 30px 0; text-align: center; position: relative; } .ny_main .ny_pic1 ul li .pic { width:380px; height: 270px; overflow: hidden; } .ny_main .ny_pic1 ul li .pic img { width:100%; height: 100%; display: block; transition: all .3s; } .ny_main .ny_pic1 ul li .tit { text-align: center; line-height: 40px; height: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; bottom:0; background: url("../images/hei.png"); } .ny_main .ny_pic1 ul li .tit a { color: #fff;} .ny_main .ny_pic1 ul li:hover .pic img {transform: scale(1.1);} /*pic2*/ .ny_main .ny_pic2 { margin-top: 30px;} .ny_main .ny_pic2 ul { width: 110%; } .ny_main .ny_pic2 ul li { float: left; margin-right: 30px; } .ny_main .ny_pic2 ul li .pic { width:175px; height: 220px; overflow: hidden; } .ny_main .ny_pic2 ul li .pic img { width:100%; height: 100%; display: block; transition: all .3s; } .ny_main .ny_pic2 ul li .tit { margin: 10px 0; width: 175px; line-height: 24px; height: 48px; overflow: hidden; } .ny_main .ny_pic2 ul li .tit a { } .ny_main .ny_pic2 ul li:hover .pic img {transform: scale(1.1);} /*word*/ .ny_main .ny_word { margin-top: 30px;} .ny_main .ny_word .news_ny_left { width: 790px; } .ny_main .ny_word .news_ny_left h2 { text-align: center; font-size: 19px; color: #851561; font-weight: bold;} .ny_main .ny_word .news_ny_left .message { height: 50px; line-height: 50px; background-color: #e8e8e8; margin: 20px 0; padding: 0 15px; box-sizing: border-box;} .ny_main .ny_word .news_ny_left .message span { color: #adadad; padding-right: 20px; } .ny_main .ny_word .news_ny_left p { color: #707070; line-height: 30px; text-indent: 2em;font-size: 16px !important;} .ny_main .ny_word .news_ny_right { width: 370px; } .ny_main .ny_word .news_ny_right .title { border-bottom: 1px solid #851561; } .ny_main .ny_word .news_ny_right .title h3 { font-size: 18px; padding-left: 10px; } .ny_main .ny_word .news_ny_right .list ul li { border-bottom: 1px dashed #e5e5e5; margin: 15px 0; padding-bottom: 10px;} .ny_main .ny_word .news_ny_right .list ul li .date { border-right: 1px solid #d9d9d9; text-align: center; padding-right: 15px;} .ny_main .ny_word .news_ny_right .list ul li .date i { font-size: 22px; color: #851561;} .ny_main .ny_word .news_ny_right .list ul li .date p { color: #adadad; } .ny_main .ny_word .news_ny_right .list ul li .word { width: 300px; margin-top: 4px; line-height: 24px;} .ny_main .ny_word .news_ny_right .list ul li:hover { border-bottom: 1px dashed #851561; } .ny_main .ny_word .news_ny_right .list ul li:hover .word a { color: #851561; }