@media (min-width: 1400px) and (max-width: 1600px) { .third_model .block-model h1{left: 10px !important;} .third_model .block-model h4{left: 60px !important;} } @media (min-width: 1200px) and (max-width: 1400px) { .width1400{ max-width:1200px; } .keyaninfo-list ul li{ max-width: 385px; } .medium-list ul li a h1{font-size: 17px;} .report-container{ height: 830px; } .report-img{ height: 380px; } // 科研 .yanjiuyuanbg{ height: 482px; } .yanjiuyuanbg ul li{ width: 240px; padding: 55px 40px; height:240px; } .yanjiuyuanbg ul li:nth-child(1){ width: 242px; } .yanjiuyuanbg ul li:nth-child(2){ left: 241px; } .yanjiuyuanbg ul li:nth-child(3){ left: 481px; } .yanjiuyuanbg ul li:nth-child(4){ left: 960px; } .yanjiuyuanbg ul li:nth-child(5){ left: 481px; top: 240px; } .yanjiuyuanbg ul li:nth-child(6){ left: 960px; top: 240px; } .section-search{ width: 100%; } .section-departm .department-updates ul{ width: 100%; } } @media(max-width:1320px){ .doctor-list{ width: 100%; } } @media(max-width:1240px){ .section-info{ width: 100%; } .section-content p{overflow: hidden;height: 270px;} } @media (max-width:1200px) { .model-content p span{ text-wrap: initial !important; } .doctor-info h1 span{margin-left: 0 !important;} // body{ width: 100%; margin:0 auto; overflow-x: hidden; } .navbar-toggle{margin-right: 0 !important;margin-top: 15px;} .width1400{ max-width:768px; margin: 20px auto; } .body-content{ h2{ } .hospital-text{ flex-wrap: wrap; justify-content: center; img{ // display: none; width: 100%; margin-bottom: 20px; } .content{ width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; padding: 0 .3rem; box-sizing: border-box; .more{ margin: 0 auto; img{margin-bottom: 0;} } } } .fourNumber{ margin-bottom: 30px;margin-top:30px; ul{ display: flex; flex-wrap: wrap; justify-content: center; li{ width: 3.55rem; margin-left: .2rem; margin-bottom: .2rem; &:nth-child(1){ margin-left: 0; } &:nth-child(3){ margin-left: 0; } img{ display: block; margin: 0 auto; } div{ margin: 0 auto; text-align: center; h3{ font-size: .46rem !important; } } } } } .cultureimage_title{ ul{ li{ padding: 24px 20px !important; } } } } #neibanner{ height: 4.5rem; } .newscontainer-title{margin-bottom: 30px;} .newscontainer-title h1{ font-size: 0.5rem; } .keyaninfo-list ul{ padding:0 0.3rem; } .keyaninfo-list ul li{ max-width: 720px; margin-right: 0; padding: 25px; width: 100%; } .neibanner-title{ top: 60%; width: 60%; height: 100px; } .neibanner-title h1{ font-size: 0.4rem; height: 100px; line-height: 100px; } .neibanner-title h2{ font-size: 0.3rem; } .yanjiuyuan{ background: #fff;padding-top:30px;padding-bottom: 1rem;} .yanjiuyuanbg{ background: #fff; } .yanjiuyuanbg ul{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } .yanjiuyuanbg ul li{ position: initial; width: 50% !important; padding:0; height: 188px; padding: 10px 18px; padding-top:15px; } .yanjiuyuanbg ul li:nth-child(1) { transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); } .yanjiuyuanbg ul li:nth-child(4){ background-color: #51577e; } .yanjiuyuanbg ul li h1{ font-size: 16px; } .yanjiuyuan .newscontainer-title{margin-bottom: 20px;} .yanjiuyuan .newscontainer-title h1{color: #333;} .bianjibu{ height: 240px; padding-top: 30px } // // .newscontainer .newList{ padding:0 0.3rem; } .newscontainer .swiper1{ width: 100% !important; } .newscontainer .news-cards{ display: none !important; } .newscontainer .swiper1{ height: 290px ; } .newscontainer .swiper1 a{ height: 290px !important; position: relative; } .kanyaninfo-date{ width: 70px;height: 70px; } .kanyaninfo-date h1{font-size: 30px;} .keyaninfo-top{ margin-bottom: 15px; } // 媒体视点 .medium-swiper{ width: 100%; background: none; } .medium-ul ul li{ height: 185px; width: 100%; } .medium-container{margin-bottom: 30px;background-size: cover !important;padding-top:30px;margin-top: 50px;} .medium-container .newscontainer-title{margin-bottom: 20px;} .medium-swiper .swiper-pagination{left: 40% !important;} .medium-swiper .swiper-button-next, .medium-swiper .swiper-button-prev{color: #fff;} .loadingmore-div{background: none;} .loadingmore-div .loadingMore a{color: #fff;border: 1px solid #fff;} .medium-right{display: none;} .loadingmore-div{padding: 20px 0;padding-bottom: 40px;} .loadingMore a{margin-top: 30px;} .medium-div img{ width: 50px; height: 50px; } // 院刊院报 .report-container{height: 760px;} .report-container .newscontainer-title{ margin-bottom: 30px; } .report-img{ width: 80% !important; margin:0 auto; } .report-container .loadingMore a{margin-top: 40px;} // .news_font{ max-width: 300px; } .section-search{ width: 100%; padding: 0 15px; height: 134px; background-size: cover; } .section-search-text{ width: 100px; } .section-search-text h2{ font-size: 18px; } .section-search-btn{ width: 80px; height: 34px; } .section-search-btn button{ height: 34px; width: 80px; font-size: 16px; } .section-search-input input{ height: 34px; padding:0 10px; font-size: 14px; } .section-ul{ width: 100%; } .section-ul ul li{ width: 31%; height: 140px; background: none !important; } .section-img{ width: 60px; height: 60px; } .section-ul ul li a h3{ font-size: 14px; margin-top: 10px; } .section-ul ul li a{ padding-top: 20px; } .section-departm .department-updates ul{width: 100%;} } @media (max-width:768px) { .body-content{ min-height: calc(100vh - 8rem) !important; } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: -0.15rem; margin-right: -0.15rem; } .dangjian .content ul{ display: block; } .dangjian .content ul li{ width: 100%; min-width: none; margin-right:0 !important; } .dangjian{ width: 100%; height: auto; .hoverlist{ } .con{ &:hover { transition: all .2s; .qtgz { display: none !important; transition: all .2s; } .hoverlist { display: flex !important; transition: all .2s; } } } li{ border-radius:.5rem; margin-bottom: .2rem; p{ margin: 0 !important; } img{ width: 2rem; height: 2rem; margin: 0 auto; } .first{ min-height: auto !important; // padding: .4rem !important; // padding: .4rem; box-sizing: border-box; } } span{ font-size: .35rem !important; } .content { ul{ li{ .con .qtgz{ display: flex; flex-wrap: wrap; align-items: center; justify-items: center; // height: auto !important; padding: 40px 118px; height: max-content; } } } } } .ygcyrk{ li{ width: 50% !important; display: none; &:nth-child(7){display: block;} &:nth-child(2){display: block;} img{ width: 1.5rem; object-fit: contain; } span{ font-size: .4rem !important; } } } .navbar-toggle { padding: 0.15rem 0; margin-top: 8px; } .navbar-brand { padding-top: 5px; } .navbar-brand img { width: 3.1rem; object-fit: contain; } .navbar-toggle img { width: 0.4rem; } .index_nav .navbar_index_header .navbar-brand img { object-fit: contain; margin-top: 0.1rem !important; } .index_nav .nav_ul .dropdown { display: block; } .doctor-list-ul li a{ padding-right: 20px; justify-content: space-between; } .doctor-list-ul li .doctor-img{ margin-right: 22px; } .doctor-title h1{ font-size:20px; } .section-info{ flex-wrap: wrap; width: 90%; margin-top: 30px; } .section-bg{ width: 100%; height: 210px; margin:0 auto; display: block; } .section-content{ width: 100%; flex: none; margin-top: 20px; } .section-content p{font-size: 14px;height: 150px;text-align: justify;} .section-href{margin-top: 15px;} .model-main{ width: 100%; flex-wrap: wrap; max-height: 540px; } .model-left{ width: 100%; padding:20px 10px; height: 170px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .expert-img{ width: 100px; height: 130px; margin:0; margin-right: 15px; } .expert-img img{max-height: 100%;} .model-left h1{ font-size: 25px; } .doctor-list-ul li .doctor-info h1{ height: 40px; overflow: hidden; } .model-right{width: 60%;padding: 20px;height: 370px;} .model-email{font-size: 16px;} .model-detail{width: 100%;} .section-href{ width: 100%; } .section-departm .department-updates ul{width: 100%;flex-wrap: wrap;} .zyfeilei{ background: #003277; border: none; height: 50px; width: 95%; margin:0 auto; margin-top: 20px; } .zyfeilei .width1400{display: block;} .zyfeilei ul{ float: none; display: block; margin-top: 0; display: none; } .zyfeilei ul li { min-width: 100px; width: 100%; border: none; margin:0; } .zyfeilei ul li a{ border-radius: 0; text-align: left; } .zyfeilei ul li.li_on a{ color: #e6c390; } .newactive{float: none;} .newactive h3{ line-height: 50px; color: #fff; padding-left: 15px; font-size: 20px; background: url('/static/zhuanye/images/erjibg.png') no-repeat 95% center; background-size: 7%; text-align: left; } .m-nav-search{ position: relative; margin-top: 20px; padding-bottom: 15px; display: block; .dazhongban{ } } .header_icon{ display: flex; flex-wrap: wrap; /* flex-direction: row; */ /* justify-content: start; align-items: center; */ .dazhongban{ width: 86px !important; height: 30px !important; background-image: url(/static/zhuanye/images/dazhongban.png); background-repeat: no-repeat; background-size: cover; margin-right: .2rem; } } .m-nav-search .En { display: inline-block; width: 22px !important; height: 22px !important; background-image: url(/static/zhuanye/images/en.png); background-repeat: no-repeat; background-size: cover; } .m-nav-search .input{ flex: 1; height: 40px; background: #265698; border-radius: 20px; display: flex; align-items: center; margin-right: 15px; } .m-nav-search input{ flex: 1; height: 100%; opacity: 0.6; border-radius: 20px; background: #265698; width: calc(240px - 21px); border: none; padding: 0 18px; color: #fff; } .m-nav-search input::-webkit-input-placeholder { color: #fff; } .m-nav-search .input i{ width: 21px; cursor: pointer; height: 21px; opacity: 0.4; margin-right: 12px; background-image: url(/static/zhuanye/images/search.png); background-repeat: no-repeat; background-size: cover; } .m-nav-search .input button{ width: 21px; cursor: pointer; height: 21px; opacity: 0.4; margin-right: 12px; background: none; border: none; background-image: url(/static/zhuanye/images/search.png); background-repeat: no-repeat; background-size: cover; } .header_icon{display: none !important;} .m-nav-search .header_icon{display: flex !important;} .connewslist ul li a span{width: 100px;} .newscontent1{margin-left: 20px;} .connewslist ul li a{ padding-right: 60px; } .news3more{ display: none; } .newslist3 .news_font{margin-right: 0;margin-left: 25px;width: 210px;height: auto;} .swiper1 .mySwiper .swiper-slide a p{ width: 100%; position: absolute; bottom: 0; left: 0; font-size: 16px; color: #ffffff !important; line-height: 48px !important; background-color: rgba(0, 0, 0, 0.3); text-align: left; padding:0 20px; height: 48px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 !important; box-sizing: border-box; } .newslist3 ul li{padding: 20px 10px;} .newslist3 ul li a{height: 110px;} .newslist3 .news_pic{ height: 90px; width: 146px; } .newslist3 h3{height: 45px;line-height: 45px;} .newslist3 i{display: none;} .news3date{display: none;} .m-back {display: block;} .content-main{padding: 0 15px;} .content-main img{width: 100%;} .liren-list ul{ justify-content: space-between; width: 95%; margin:0 auto; } .liren-list ul li{width: 45%;margin-right: 0;} .yuanbao ul{width: 100%;padding:0 15px;box-sizing: border-box;} .yuanbao li{ width: 100%;margin-right: 0; } .page_selest h3{position: static;} .page_selest .nianfen{position: static;display: block;margin: 0 auto;} .third_model .block-model ul li a p{color: #fff;} .section-ul ul li{ min-height: 150px; } .section-name h1{font-size: 28px;height: auto;line-height: 50px;} .doctor-list-ul{ width: 100%;padding:0 15px;box-sizing: border-box; } .medium-btm{bottom: 0;} .zhishuoxhlist ul{ width: 100%; padding:0 15px; box-sizing: border-box; } .zhishuoxhlist li{ width: 100%; margin-right: 0 !important; } .xhright2{width: 65%;} .liren-list ul,.yiji-list ul{ width: 100%; padding:0 15px; box-sizing: border-box; } .liren-list ul li,.yiji-list ul li{width: 100%;margin-right: 0 !important;} .yiji-list ul li{border-left: 1px solid #2f74d3;} .width1300{width: 100%;} .content-main{ width: 100%; padding:0 15px; box-sizing: border-box; } .content-tabs ul{ flex-wrap: wrap; padding-left: 20px; } .content-tabs ul li{ width:100%; position: static; } .content-tabs2{ height: auto; padding-bottom: 20px; } .content-tabs2 ul{ flex-wrap: wrap; width: 100%; padding:0 15px; box-sizing: border-box; } .content-flex{ flex-wrap: wrap; } .content-flex img{width: 100%;margin-bottom: 15px;} .content-tabs2 ul li{width: 100%;padding:0;padding-top: 30px;} .xgzhuanjia ul{ width: 100%; padding:0 15px; box-sizing: border-box; justify-content:space-between; } .xgzhuanjia ul li{ width: 45%; margin-right: 0 !important; margin-bottom: 10px !important; } .xgzhuanjia ul li .zjpic{ width: 100% !important; } .xgzhuanjia .zjxinxi p{display: none;} .index_nav{min-height: 55px;} .mySwiperBanner{margin-top: 55px;} .content-tabs ul li::before{position: static;} .content-tabs2 ul li p{text-indent: 0 !important;} .content-tabs2 ul li img{width: auto !important;} // 科室介绍 .section-departm { .banner { height: 4.9rem; .title { h1 { font-size: 0.42rem; } h4 { font-size: 0.26rem; } } } .departm-int { .section { background-color: #fff; .ks_section { margin-top: 0; width: 100%; img { width: 100%; display: none; object-fit: cover; } .block { display: none; } .abs { width: 100%; background: #ffffff; box-shadow: 0px 0px 21px 0px rgb(196 197 200 / 30%); box-sizing: border-box; padding: 0.4rem 0.2rem; position: relative; top: 0; right: 0; h2 { text-align: center; font-size: 0.36rem; margin-bottom: 0.2rem; } a { width: 2rem; height: 0.8rem; text-align: center; color: #023a85; border: 1px solid #023a85; border-radius: 0.4rem; box-sizing: border-box; margin: 0 auto; } } } } h1 { margin: 0.5rem 0; font-size: 0.42rem; } padding: 0; } .service-sector{ ul{ height: 5rem; li{ a{ img{ width: .6rem; margin-bottom: .2rem; } h3{ font-size: .36rem; } p{ display: none; line-height: .3rem; margin-top: .1rem; } } } } } .experts-scholars{ padding: .4rem 0 !important; .experts-section{ h1{ font-size: .52rem !important; margin-bottom: .3rem; } .experts-swiper{ width: 90%; margin: 0 auto; padding: 0 .3rem; .swiper{ width: 100%; .swiper-slide { padding-left: .5rem; a{ div{ h2{ font-size: .4rem !important; } p{ font-size: .26rem; line-height: .4rem; } } } } } } .more{ margin:.2rem auto ; width: 3rem; height: .8rem; border-radius: .4rem; } } } .teaching-work{ ul{ max-width: 100% !important; margin: 0 !important; display: block !important; li{ width: 100% !important; padding: 0 !important; margin-left: 0 !important; div{ h1{ text-align: center !important; font-size: .36rem !important; margin-top: .3rem !important; } p{ text-align: center !important; font-size: .26rem !important; } a{ margin: .4rem auto .3rem; width: 2.5rem !important; height: .75rem !important; border-radius: .35rem !important; box-sizing: border-box; margin-top: .4rem !important; } } img{ display: none; } } } } .department-updates { padding-bottom: 0; h1 { font-size: 0.52rem; margin: 0.3rem 0 0.4rem; } ul { width: 100%; li { max-width: 100% !important; padding: 0.49rem 0.3rem 0.8rem; margin-left: 0; .link { .title { div { width: 1.6rem; height: 1.6rem; h2 { font-size: 0.42rem; } span { font-size: 0.26rem; } } h4 { margin-left: 0.3rem; line-height: 0.5rem; font-size: 0.32rem; } } p{ font-size: .32rem; line-height: .6rem; } } a{ &:last-child{ font-size: .28rem; line-height: .9rem; } } } } .mores{ width: 3.2rem; height: 1rem; font-size: .32rem; border-radius: .5rem; margin: .4rem auto .2rem; } } } .section-departm .experts-scholars .experts-section .swiper{ padding: 0 !important; } .section-departm .experts-scholars .experts-section .swiper-button-next, .section-departm .experts-scholars .experts-section .swiper-button-prev{ width: .71rem; height: .71rem; } .loadingMore{margin:0 auto !important;} .loadingMore a{ font-size: 0.26rem !important;} footer{ margin-top: .5rem; .friendlyLinks{ display: none !important; } .copyright{ width: 100%; height: 1.2rem; background: #003277 !important; min-width: none !important; display: flex; align-items: center; justify-content: center; a{ &:not(:first-child){ display: none; } &::before{ display: none; } } } } .body-content{ .hospital{ h1{ text-align: center !important; font-size: .42rem; font-weight: bold; margin-bottom: .3rem; } h2{ text-align: center !important; font-size: .42rem; font-weight: bold; margin-bottom: .3rem; } .hospital-text{ .content{ p{ text-indent: 2em; line-height: .5rem; } .more{ width: 3rem; border-radius: 50px !important; border: 1px solid #003277; margin-top: .2rem; margin-bottom: .3rem; a{ padding: .2rem .15rem; display: flex; color: #003277; justify-content: center; align-items: center; img{ display: block; width: .5rem; margin-left: .1rem; } } } } } .cultureimage_title{ ul{ li{ color: #fff; border-radius: .1rem; background-size: cover; background-repeat: no-repeat; background-position: bottom center; margin-bottom: .2rem; &:nth-child(1){ background-image: url(/static/zhuanye/images/blue.png); } &:nth-child(2){ background-image: url(/static/zhuanye/images/yellow1.png); } &:nth-child(3){ background-image: url(/static/zhuanye/images/red.png); } } } } } } .videoWidth{ width: 90%; } }