/* Created by kong 20250317 */

.spbg01 { background-image: url("../images/bg_31.jpg");}

.deptintro { margin-top: 40px;}
.deptintro .introcontent { margin: 0 auto 0 0; height: 490px; padding: 67px 132px 0 68px;}
.deptintro .introcontent p { margin-top: 23px;}
.deptintro .introcontent .readmore { margin-top: 100px;}
.deptintro img { left: auto; right: 0; top: 45px;}

.collinks { padding-top: 20px; height: 600px;}
.collinks li { float: left; margin: 40px 40px 0 0; width: 630px; height: 220px; box-sizing: border-box; padding: 41px 60px 0 61px; border-radius: 10px; background: url("../images/bg_32.jpg") no-repeat; box-shadow: rgba(0,0,0,0.1) 0 3px 10px;}
.collinks li:nth-child(2n) { margin-right: 0;}
.collinks li:nth-child(2) { background-image: url("../images/bg_33.jpg");}
.collinks li:nth-child(3) { background-image: url("../images/bg_34.jpg");}
.collinks li:nth-child(4) { background-image: url("../images/bg_35.jpg");}
.collinks li strong { display: block; font-size: 32px; line-height: 34px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.collinks li .readmore { margin-top: 63px;}

.spbg02 { margin: 40px auto 80px; height: 2567px; background-image: url("../images/bg_36.jpg"); background-position: center 62px;}

.project { margin-top: 116px; height: 484px; overflow: hidden;}
.project .thumb { float: left; width: 640px; height: 400px; border-radius: 10px;}
.project .focuslist { float: right; width: 620px;}
.project .focuslist li:first-child strong { margin-top: -6px;}

.papernav { margin: 30px 0 12px; padding: 10px 0 10px 40px; background: white; border-radius: 10px; box-shadow: rgba(0,0,0,0.1) 0 1px 3px; overflow: hidden;}
.papernav li { float: left; width: 210px; font-size: 18px; line-height: 58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.papernav li a { padding-left: 17px; background: url("../images/dot_02.png") 2px center no-repeat; transition: all 0s;}
.papernav li.current a, .papernav li a:hover { background: url("../images/dot_03.png") left center no-repeat; text-decoration: none;}

.paperlist { overflow: hidden;}
.paperlist li { float: left; margin: 38px 35px 0 0; width: 232px;}
.paperlist li:nth-child(5n) { margin-right: 0;}
.paperlist li .thumb { width: 100%; height: 300px; border-radius: 10px;}
.paperlist li strong { display: block; margin-top: 16px; font-size: 16px; line-height: 24px; color: #666; font-weight: normal; text-align: center; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.paperlist li strong a { color: #666;}
.paperlist li strong a:hover { color: #FF7522;}

.tab { margin-top: 73px; height: 526px;}
.tab .more { position: absolute; top: -31px; right: 0; line-height: 32px;}
.tab .tabnav { margin-bottom: -18px;}

.focusblock { float: left; margin-top: 60px; width: 798px; height: 577px;}
.focusblock .highlight { margin-top: 30px; overflow: hidden;}
.focusblock .highlight .thumb { float: left; margin-right: 40px; width: 400px; height: 250px; border-radius: 10px;}
.focusblock .highlight strong { display: block; margin-top: 10px; font-size: 24px; line-height: 36px; color: #333; font-weight: normal; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.focusblock .highlight p { margin-top: 8px; font-size: 16px; line-height: 30px; color: #999; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.focusblock .highlight .readmore { margin-top: 47px;}
.focusblock .highlight .readmore a { display: inline-block; vertical-align: top; color: #333; border: #CCC 1px solid; background: url("../images/arrow_07.png") right 32px center no-repeat;}

.noticelist { float: right; margin-top: 60px; width: 440px; height: 577px;}
.noticelist ul { padding-top: 4px;}
.noticelist li { margin-top: 26px; padding: 10px 20px; font-size: 18px; line-height: 36px; color: #333; border-radius: 10px; background: white; box-shadow: rgba(0,0,0,0.1) 0 3px 6px; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.spslide { margin-top: 75px; height: 624px; position: relative;}
.spslide .title { margin-bottom: 46px; color: white;}
.spslide .more a { color: white; background-image: url("../images/icon_14.png");}
.spslide .more a:hover { text-decoration: underline;}
.spslide .swiper-container { overflow: visible;}
.spslide .swiper-slide { width: 400px; height: 411px; background: white; border-radius: 10px; overflow: hidden; box-shadow: rgba(0,0,0,0.1) 0 3px 6px;}
.spslide .swiper-slide a { display: block; height: 100%;}
.spslide .swiper-slide a:hover { text-decoration: none;}
.spslide .swiper-slide .thumb { width: 100%; height: 250px; border-radius: 0 0 10px 10px;}
.spslide .swiper-slide strong { display: block; margin: 30px 25px 0; font-size: 20px; line-height: 30px; font-weight: normal; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spslide .swiper-slide i { display: block; margin: 20px 25px 0; font-size: 16px; line-height: 16px; color: #E67018; font-style: normal;}
.spslide .swiper-button-prev, .spslide .swiper-button-next { width:60px; height:60px; background:url(../images/slide_41.png) no-repeat; margin-top:0; bottom: 45px; left: 0; top: auto;}
.spslide .swiper-button-prev:hover { background-image: url("../images/slide_51.png");}
.spslide .swiper-button-next { background-image:url(../images/slide_42.png); left: 75px;}
.spslide .swiper-button-next:hover { background-image: url("../images/slide_52.png");}

.blocklist { margin-top: 60px; margin-right: 50px;}
.blocklist:last-child { margin-right: 0;}