.carousel { padding-top: 20px; margin: 0 auto; max-width: 1200px; } /*主题部分*/ .container { width: 100%; margin: 10px 0 0 0; } .container .container-part01 { margin: 0 auto; max-width: 1200px; font-size: 0; -webkit-text-size-adjust: none; } .container .container-part01 .part01-left { width: 78%; float: left; } .container .container-part01 .part01-left .part01-tabs { position: relative; } .container .container-part01 .part01-left .part01-tabs li { display: inline-block; padding: 0 20px 0 0; cursor: pointer; } .container .container-part01 .part01-left .part01-tabs li a { font-size: 20px; color: #333 !important; font-weight: bold; padding: 0 6px 4px 6px; box-sizing: border-box; } .container .container-part01 .part01-left .part01-tabs .part01-more { display: inline-block; font-size: 14px; line-height: 14px; color: #666; position: absolute; right: 0; bottom: 0; } .container .container-part01 .part01-left .part01-tabs li .active { color: #0084ff !important; border-bottom: 2px solid #0084ff; box-sizing: border-box; } .container .container-part01 .part01-left .part01-tabs a:hover { color: #0084ff !important; } .container .container-part01 .part01-left .part01-content { width: 100%; padding: 30px 0; border-bottom: 1px solid #f1f1f1; } .container .container-part01 .part01-left .part01-content .file .file-title li { font-size: 14px; margin-left: 1%; line-height: 28px; height: 28px; position: relative; } .container .file-point { display: inline-block; width: 4px; height: 4px; border-radius: 8px; background-color: #0084ff !important; position: absolute; margin: 0 0 0 10px; top: 11px; left: 0; } .container .container-part01 .part01-left .part01-content .file .file-title li .fiel-date { position: absolute; right: 0; } .container .container-part01 .part01-left .part01-content .file .file-title li a { display: inline-block; width: 75%; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; left: 24px; } .container .container-part01 .part01-left .part01-content .news .file-title li { font-size: 14px; margin-left: 1%; line-height: 28px; height: 28px; position: relative; } .container .container-part01 .part01-left .part01-content .news .file-title li .file-point { display: inline-block; width: 4px; height: 4px; border-radius: 8px; background-color: #0084ff !important; position: absolute; margin: 0 0 0 10px; top: 11px; left: 0; } .container .container-part01 .part01-left .part01-content .news .file-title li .fiel-date { position: absolute; right: 0; } .container .container-part01 .part01-left .part01-content .news .file-title li a { display: inline-block; width: 75%; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; left: 24px; } .container .container-part01 .part01-right { width: 20%; float: right; } .container .container-part01 .part01-right a { display: inline-block; width: 100%; font-size: 16px; height: 32px; line-height: 32px; color: #333; font-weight: bold; border-bottom: 2px solid #0084ff; padding: 0 0 0 12px; box-sizing: border-box; } .container .container-part01 .part01-right .right-img { width: 100%; margin: 10px 0 0 0; cursor: pointer; position: relative; text-align: center; overflow: hidden; } .container .container-part01 .part01-right .right-img img { display: inline-block; width: 100%; border-radius: 3px; height: 129px; } .container .container-part01 .part01-right .right-img p { width: 100%; position: absolute; bottom: 0; padding: 0 6px; line-height: 32px; height: 32px; box-sizing: border-box; text-align: center; font-size: 14px; color: #fff; background: rgba(0,0,0,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .container .container-part { margin: 0 auto; max-width: 1200px; font-size: 0; margin-top: 30px; margin-bottom: 40px; -webkit-text-size-adjust: none; } .container .container-part .part-title { height: 18px; line-height: 18px; } .container .container-part .expert-box { width: 100%; } .container .part-title .piece { width: 3px; height: 20px; background: #0099ff; display: inline-block; float: left; } .container .part-title h1 { float: left; margin: 0 0 0 16px; } .container .container-part .part-title h1 { font-size: 20px; color: #333 !important; font-weight: bold; } .container .container-part .part-title .part-more { display: inline-block; font-size: 14px; line-height: 14px; color: #666; float: right; } .container .container-part .part-title .part-more:hover { color: #0084ff !important; } .container .container-part .part-laboratory { margin: 24px 0 0 0; width: 100%; } .container .container-part .part-laboratory .dynamic { display: inline-block; width: 30%; height: 100%; border-radius: 3px; background: #f1f1f1; vertical-align: top; } .container .container-part .part-laboratory .dynamic .dynamic-con { height: 100%; padding: 5.3% 0 15% 0; box-sizing: border-box; } .container .container-part .part-laboratory .dynamic p { font-size: 18px; font-weight: bold; color: #666; text-align: center; padding: 3.6% 0 2.8% 0; } .container .container-part .part-laboratory .dynamic li { width: 100%; box-sizing: border-box; list-style: none; color: #0084ff; position: relative; height: 32px; } .container .container-part .part-laboratory .dynamic a { display: inline-block; font-size: 14px; line-height: 32px; color: #666; width: 80%; position: absolute; left: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .container .container-part .part-laboratory .dynamic .dynamic-con .file-point { margin: 0 0 0 20px; top: 14px; } .container .container-part .part-laboratory .conference { display: inline-block; width: 21%; margin: 0 0 0 1.6%; border-radius: 3px; overflow: hidden; position: relative; cursor: pointer; box-shadow: 0px 2px 2px 0px rgba(7, 17, 27, 0.2); transition: all 0.25s linear; } .container .container-part .part-laboratory .conference:hover { box-shadow: 0px 10px 10px 0px rgba(7,17,27,0.2); transform:translate(0px,-6px); } .container .container-part .part-laboratory .conference a img { display: block; width: 100%; } .container .container-part .part-laboratory .conference li { margin-left: 40px; } .container .container-part .part-laboratory .conference a span{ font-size: 14px; color: #fff; padding: 8px 20px; background: #0099ff; border-radius: 3px; position: absolute; bottom: 40px; left: 50%; margin-left: -48px; } .container .container-part .part-laboratory .dynamic .dynamic-con { position: relative; } .container .container-part .part-laboratory .dynamic .dynamic-more { position: absolute; height: 35px; width: 96px; text-align: center; line-height: 35px; font-size: 14px; color: #fff; background: #0099ff; border-radius: 3px; position: absolute; bottom: 6%; left: 50%; margin-left: -48px; box-sizing: border-box; } /*.container .container-part .expert-box {*/ /* margin: 24px 0 0 0;*/ /*}*/ /*.container .container-part .expert {*/ /* display: inline-block;*/ /* width: 18.4%;*/ /* position: relative;*/ /* overflow: hidden;*/ /* margin-right: 1.6%;*/ /* border-radius: 3px;*/ /*}*/ /*.container .container-part #expert-last {*/ /* margin: 0;*/ /*}*/ /*.container .container-part .expert img {*/ /* display: block;*/ /* width: 100%;*/ /* height: 209px;*/ /*}*/ #div1{position: relative;overflow: hidden; } #div1 ul{position: absolute;left: 0;top: 0; width:2520px; float: left;} #div1 ul li{float:left;list-style: none; margin-right:12px; margin-top: 20px;} .teacher01{ background: url(/uploads/image/msfimages/teach_bg01.png) no-repeat; background-size: 100%; height: 252px; width: 190px; } .teacher02{ width: 100%; background: url(/uploads/image/msfimages/teach_bg02.png) no-repeat; background-size: 100%; } .teacher01 img{ display: block; margin: 0 auto; margin-top: 22px !important; width: 130px; height: 130px; border-radius: 65px; transition: all 0.6s; position: relative; z-index: 2; behavior: ; } .teacher01 img:hover{ transform: scale(1.05); } .teacher01 h1{ font-size: 14px; width: 100%; line-height: 22px; color: #0084ff; text-align: center; margin: 0 !important; padding: 0 !important; } .teacher01 p{ font-size: 12px; width: 100%; text-align: center; color: #666; padding: 0 6px; } .expert-left,.expert-right{ z-index: 101; position: absolute; top:50%; margin-top: -24px; width: 40px; height: 48px; background: url(/uploads/image/msfimages/expert-title-bg.png) no-repeat; text-align: center; line-height: 48px; cursor: pointer; } .expert-left img{ display: inline; } .expert-left{ left: 0; } .expert-right{ right: 0; } .container .container-part .expert .cover-info { position: absolute; left: 0; top: 68%; background: rgba(0,0,0,.5); width: 100%; color: #fff; transition: top .3s; height: 100%; border-radius: 3px; text-align: center; } .container .container-part .expert .cover-info .name { font-size: 18px; color: #fff; padding-top: 4.5%; transition: padding .2s; } .container .container-part .expert .cover-info .des { font-size: 14px; color: #fff; } .container .container-part .expert .cover-info .con { height: 52%; font-size: 14px; color: #fff; padding: 6%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .container .container-part .expert a:hover .cover-info { top: 0; } .container .container-part .expert a:hover .name { padding-top: 23%; } .container .container-part .obl-mian { margin: 24px 0 0 0; } .container .container-part .obl-mian .obl-box { position: relative; font-size: 14px; display: inline-block; width: 23.7%; color: #666; margin: 0 0 0 1%; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0px 2px 2px 0px rgba(7, 17, 27, 0.2); position: relative; transition: all 0.25s linear; box-sizing: border-box; cursor: pointer; } .container .container-part .obl-mian .obl-box1 { margin-left: 0; } .container .container-part .obl-mian .obl-box .play-hover { width: 100%; position: relative; } .container .container-part .obl-mian .play-hover .play-box { position: absolute; top: 0; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: rgba(0, 0, 0, .35); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0.35); transition: all .5s; transition-property: all; transition-duration: 0.5s; transition-timing-function: initial; transition-delay: initial; } .container .container-part .obl-mian .obl-box .play-hover .play-img { display: block; width: 100%; border: none; border-radius: 6px 6px 0 0; } .container .container-part .obl-mian .play-hover .play-box .play { display: block; width: 18%; position: absolute; left: 50%; top: 50%; margin-left:-10%; margin-top:-20px; transform: translate(0, -25%); border: none; } .container .container-part .obl-mian .obl-box .obl-con { padding: 5%; height: 40%; box-sizing: border-box; } .container .container-part .obl-mian .obl-box .obl-con p { font-size: 16px; color: #333; line-height: 21px; height: 42px; margin: 0 0 10px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .container .container-part .obl-mian .obl-box .obl-con .obl-name { float: right; padding: 0 5% 0 0; font-size: 14px; color: #666; } .container .container-part .obl-mian .obl-box:hover { box-shadow: 0px 10px 10px 0px rgba(7,17,27,0.2); transform:translate(0px,-6px); } .container .container-part .obl-mian .obl-box .play-hover:hover .play-box { opacity: 1; filter: alpha(opacity=100); } .container .container-part .result { margin: 24px 0 0 0; } .container .container-part .result li { display: inline-block; width: 48%; margin: 0 1%; box-shadow: 0px 2px 2px 0px rgba(7, 17, 27, 0.2); transition: all 0.25s linear; } .container .container-part .result #mar-ot { margin: 0; } .container .container-part .result li:hover { box-shadow: 0px 10px 10px 0px rgba(7,17,27,0.2); transform:translate(0px,-4px); } .container .container-part .result li img { display: block; width: 100%; border-radius: 3px; } .container .container-part .activity-box { margin: 24px 0 0 0; position: relative; cursor: pointer; } .container .container-part .activity-box img { display: block; width: 100%; border-radius: 3px; } .container .container-part .activity-box .activity { position: absolute; top: 7%; } .container .container-part .activity-box .activity h1 { font-size: 18px; text-align: center; font-weight: bold; color: #0099ff; line-height: 40px; } .container .container-part .activity-box .activity p { font-size: 14px; padding: 0px 14%; color: #666; line-height: 22px; text-align: justify; text-indent: 2em; } .container .container-part .activity-box .activity .p-ot { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .container .container-part .link-index-box { width: 100%; font-size: 18px; color: #888; text-align: center; line-height: 60px; position: relative; } .container .container-part .link-index-box img { display: inline-block; width: 100%; } .container .container-part .link-index-box p { position: absolute; top: 0; left: 50%; margin: 0 0 0 -36px; font-size: 18px; color: #888 } .container .container-part .link-img { font-size: 0; margin: 0 0 40px 0; text-align: center; } .container .container-part .link-img li { display: inline-block; } .container .container-part .link-img .link-mar20 { margin-right: 1.4%; } .container .container-part .link-img .link-w1 { width: 25.8%; } .container .container-part .link-img .link-w2 { width: 21.6%; } .container .container-part .link-img img { display: inline-block; width: 100%; } @media (min-width: 669px) and (max-width: 1199px) { #eduresult { display: none; } .container .container-part .part-laboratory .conference-ot { height: 360px; width: 290px; margin: 0 0 20px 2%; vertical-align: middle; } .container .container-part .part-laboratory .conference-ot img { height: 360px; } .container .container-part .part-laboratory { padding: 0 4%; box-sizing: border-box; } .container .container-part .part-laboratory .dynamic { width: 290px; height:360px; margin: 0 0 0 2%; } .container .container-part .part-laboratory .dynamic .dynamic-con { padding: 10% 0; box-sizing: border-box; } .container .container-part .part-laboratory .dynamic li { text-align: left; padding: 0 6%; } .container .container-part .part-laboratory .dynamic a { width: 100%; text-align: center; left: 0; } .container .container-part .expert .cover-info { top: 67%; } .container .container-part .expert .cover-info .con { height: 45%; -webkit-line-clamp:4; } .container .container-part .part-laboratory .dynamic .dynamic-con .file-point { display: none; } .container .container-part .activity-box .activity p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .container .container-part .activity-box .activity .p-ot { display: none; } } @media (min-width: 668px) { .nav-box .nav-content .nav-box01 { width: 70%; } .nav-box .swiper-container { display: none; } } @media (max-width: 667px) { .container .container-part01 .part01-left .part01-content .file .file-title li a { width: 66%; } .container .container-part01 .part01-left .part01-content .news .file-title li a { width: 66%; } .container .container-part .result li { width: 100% !important; margin-bottom: 10px; } #eduresult { display: none; } #div2 ul { display: inline-flex; left: 15px; } .teacher01 { height: 205px; width: 48%; display: inline-flex; margin-top: 15px } .teacher01 img { height: 100px; width: 100px; } .carousel { padding-top: 0; } .carousel .carousel-inner img{ padding: 10px 0 10px 0; } .container { padding: 0 10px; box-sizing: border-box; } .container .container-part01 .part01-left { display: inline-block; width: 98%; } .container .container-part01 .part01-right { display: inline-block; width: 98%; margin-top: 30px; } .container .container-part01 .part01-left .part01-tabs li { padding: 0 10px 0 0; } .container .container-part01 .part01-left .part01-content { padding: 20px 0 6px 0; } .container .container-part01 .part01-right a { border-bottom: none; font-size: 20px; color: #333 !important; font-weight: bold; padding: 0; } .container .container-part01 .part01-right .right-img { display: inline-block; width: 48%; margin: 4% 2% 0 0; } .container .container-part01 .part01-right #right-img { margin: 4% 0 0 0; } .container .date-ot { display: none; } .container .container-part .part-laboratory .dynamic { width: 98%; margin: 0 0 1.6% 1.6%; } .container .container-part .part-laboratory .dynamic li { text-align: left; padding: 0 6%; } .container .container-part .part-laboratory .dynamic a { width: 90%; left: 8%; } .container .container-part .part-laboratory .conference { width: 48%; margin: 1.6% 0 0 1.6%; } .container .container-part .part-laboratory .conference a { bottom: 14%; padding: 6px 16px; margin-left: -44px; } /*.container .container-part .expert-box {*/ /* display: flex;*/ /* justify-content: space-between;*/ /* flex-wrap: wrap;*/ /*}*/ /*.container .container-part .expert {*/ /* width: 48%;*/ /* margin: 0 0 4% 0;*/ /*}*/ .container .container-part .expert .cover-info { top: 68%; } .container .container-part .expert .cover-info .name { padding-top: 4%; } .container .container-part .expert .cover-info .con { display: none; } .container .container-part .obl-mian { display: flex; justify-content: space-between; flex-wrap: wrap; } .container .container-part .obl-mian .obl-box { width: 48%; margin: 0 0 4% 0; } .container .container-part .activity-box .activity { top: 50%; left: 50%; margin: -24px 0 0 -54px; } .container .container-part .activity-box .activity p { display: none; } .container .container-part .activity-box .activity .p-ot { display: none; } .container .container-part .link-index-box { line-height: 30px; } .container .container-part .link-index-box img { height: 6px; } .container .container-part .link-index-box p { font-size: 14px; margin: 6px 0 0 -45px; line-height: 19px; background: #ffff; height: 16px; width: 91px; } .container .container-part .link-img { display: flex; justify-content: space-between; flex-wrap: wrap; } .container .container-part .link-img .link-mar20 { margin: 0; } .container .container-part .link-img .link-w1 { width: 49%; margin: 10px 0 0 0; } .container .container-part .link-img .link-w2 { width: 49%; margin: 10px 0 0 0; } .container .container-part .link-img img { height: 40px; } .container .container-part .part-laboratory .dynamic .dynamic-more { bottom: 2.4%; } }