@media (min-width: 1200px) and (max-width: 1700px) { .width1300{ width: 100%; } .section-info{ width: 90%; } .section-content p{overflow: hidden;height: 270px;} .doctor-list{ width: 100%; } .section-search{ width: 100%; padding-right: 30px; } .section-ul ul li{ width: 14.5%; } // Ê×Ò³ .index_container .sytopheader .banner-ul{ width: 100%; padding:0 20px; box-sizing: border-box; } .index_container .section .nav{ width: 270px; } .wrapper{ width: calc(100% - 270px); margin-left: 270px; } .map-detail{width: 30% !important;} .newslist3 .news_font{max-width: 600px;} } @media (max-width:1500px) { .sy-container{ width: 100%; padding: 30px; box-sizing: border-box; } .sy-quicklist{margin-top: 70px;} .service-main{ } } @media (max-width:1450px) { .news_font{ max-width: 400px; } } @media (max-width:1400px) { .news_font{ max-width: 410px !important; } .sy-hospital-img{ margin-right: 50px; } .sy-hospital-content p{ font-size: 18px; line-height: 35px; } } @media (max-width:1330px) { .section-ul ul li{ width: 17.5%; } } @media(max-width:1240px){ } @media (max-width: 1200px) { .width1300{ width: 100%; } .news_font{ max-width: 350px; } .section-info{width: 90%;} .section-bg{ width: 300px; } .section-content p{height: 270px;overflow: hidden;} .doctor-list{ width: 100%; } .section-search { width: 100%; padding-right: 30px; } // Ê×Ò³ .index_container .sytopheader .banner-ul{ width: 100%; padding:0 20px; box-sizing: border-box; } .index_container .sytopheader .banner-ul li{ padding-top: 20px; // height: 310px; min-height: 260px; } .banner-ul li h1{font-size: 26px;} .banner-ul li P{ font-size: 16px; width: 80%; margin-top: 10px; } .sy-noticelist ul { justify-content: space-between; } .sy-noticelist ul li{ width: 48%; margin-right: 0; } .sy-media{ flex-wrap: wrap; } .media-left{ width: 100%; margin:0 auto; } .media-right{margin-top: 20px;} .index_aside:nth-child(6){height: auto !important;} .sy-quicklist{margin-top: 100px;} .map-detail{ width: 30% !important; } } @media (max-width:1000px) { .doctor-list-ul li a{ padding-right: 30px; } .section-ul ul li{ width: 22%; } } @media (max-width:768px) { .text1{ display: flex; flex-wrap: wrap; padding: 1rem ; box-sizing: border-box; background-color: #003277; } .text1 p { width: 47%; font-size: 16px; color: #ffffff; display: flex; margin-bottom: 13px; &:nth-child(5),&:nth-child(6){ width: 100%; } } .text1 p i { background-repeat: no-repeat; background-size: contain; margin-right: 13px; width: 20px; } .text1 p:nth-child(1) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/xf.png); } .text1 p:nth-child(2) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/nt.png); } .text1 p:nth-child(3) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/myi.png); } .text1 p:nth-child(4) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/menzhen.png); opacity: 0.4; } .text1 p:nth-child(5) i { width: 20px; height: 17px; background-image: url(/static/jiuyi/images/maps.png); } .text1 p:nth-child(6) i { width: 18px; height: 18px; background-image: url(/static/jiuyi/images/tal.png); } .text1 p a{ font-size: 16px; color: #ffffff; } .content-main{box-sizing: border-box;} .content-main img{width: 100%;max-width: 100%;height: auto !important;} .content-main table{width: 100%;height: auto !important;} .content-main table tr.firstRow p:nth-child(1){display: none;} .m-back {display: block;} .pc-nav{display: none;} .m-nav{ display: block; } .news_font{ max-width: 300px; } .wrapper{ width: 100%; margin-left: 0; padding-top:80px; float: none; } .wrapper-padding{padding-top: 0;} .body-content{ padding:0 20px; } .newslistthree li{ width: 100%; height: 140px; border-bottom: 1px solid #ccc; margin:0; padding:10px 0; } .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; background: #003277; border: none !important; padding: 0 15px; box-sizing: border-box; color: #fff; } .zyfeilei ul li.li_on a{ color: #e6c390; } .newactive{float: none;display: block !important;} .newactive h3{ line-height: 50px; color: #fff; padding-left: 15px; font-size: 20px; background: url('/static/jiuyi/images/erjibg.png') no-repeat 95% center; background-size: 7%; text-align: left; } .zhishuoxhlist li{width: 100%; margin-right:0 !important;} .doctor-info{ // max-width: 152px; max-width: 53%; } .newslist3 ul li{ width: 100%; padding: 20px 10px; } .newslist3 ul li a{ height: 110px; } .newslist3 .news_pic{ height: 90px; width: 146px; } .newslist3 .news_font{ margin-right: 0; margin-left: 25px; width: 205px; height: auto; } .newslist3 h3{ height: 35px; line-height: 35px; } .news3date{display: none;} .newslist3 i{ display: none; } .news3more{ display: none; } .doctor-list-ul li a{ padding: 25px 20px !important; padding-right: 15px !important; justify-content: space-between; } .doctor-info h1{ margin-bottom: 10px; height: 40px; overflow: hidden; } .doctor-info h2{margin-top: 0;} .doctor-img{margin-right: 20px;} .doctor-info h1 span{margin-left: 0;} .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;} .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{height: 100%;} .model-left h1{ font-size: 25px; height: 70px; line-height: 70px; } .model-right{width: 60%;padding:10px 20px;height: 340px;} .model-email{font-size: 16px;} .model-detail{width: 100%;} .section-href{ width: 100%; } .doctor-list{ width: 100%; } .section-search{ width: 100%; padding: 0 10px; height: 134px; background-size: cover; } .section-search-text{ width: 85px; } .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-img{ width: 60px; height: 60px; } .section-ul ul li{ width: 30.5%; height: 140px; background: none !important; } .section-ul ul li a h3{ font-size: 14px; margin-top: 10px; } .section-ul ul li a{ padding-top: 20px; } .xgzhuanjia ul{ justify-content: space-between; } .xgzhuanjia ul li{width: 46%;margin-right: 0 !important;margin-bottom: 10px !important;} .xgzhuanjia ul li .zjpic{ width: 100% !important; } // Ê×Ò³ .index_container .sytopheader{padding-top: 20px;overflow: hidden;} .index_aside{padding-bottom: 0;height: auto !important;} .index_aside:nth-child(4){ padding-bottom: 50px; height: 245px !important; } .index_aside:last-child{ height: 310px !important; padding-bottom: 0; } .map-detail{right: 2%;} .dituleft{height: 20rem;margin-bottom:0} .sywrapper{padding-top: 0;} .index_container .sytopheader .banner-ul{ width: 100%; padding:0 20px; box-sizing: border-box; margin-top:70px; } .index_container .sytopheader .banner-ul ul{ flex-wrap: wrap; } .index_container .sytopheader .banner-ul li{ padding-top: 20px; min-height: 260px; width: 48%; margin-bottom: 20px; } .index_container .sytopheader .banner-ul li:nth-child(3){ height: 170px; } .index_container .sytopheader .banner-ul li:nth-child(4){ height: 170px; } .banner-icon{width: 50px;} .banner-ul li h1{ font-size: 20px; height: 40px; line-height:40px; } .banner-ul li P{ font-size: 14px; width: 80%; margin-top: 0px; line-height: 24px; max-height: 100%; } .index_aside .sy-title{ padding:0 15px; padding-top: 30px; margin-bottom: 30px; box-sizing: border-box; } .index_aside .sy-title h1{ height: 40px; line-height: 40px; } .index_aside .sy-title h2{ font-size: 24px; height: 40px; line-height: 40px; } .index_aside .sy-title h3{ font-size: 15px; line-height: 25px; } .sy-container{ padding:0 20px; box-sizing: border-box; width: 100%; } .sy-hospital-info{ flex-wrap: wrap; justify-content:center; width:100%; margin:0 auto; } .sy-hospital-img{ margin:0 auto; width: 100%; height: 240px; max-height: 240px; text-align: center; } .sy-hospital-content p{ font-size: 15px; line-height: 28px; margin-top: 10px; } .sy-hospital-content .lookmore{margin:30px auto;} .sy-service{padding:50px 0;padding-bottom: 5px;} .service-main{ height: 725px; background: none; } .service-main ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .service-main ul li{ width: 50% !important; height: 145px; position: static; } // .service-main ul li:nth-child(5){ // width: 100% !important; // } .service-icon{ width: 40px; height: 40px; } .service-main ul li a{padding-top: 30px;} .service-main ul li a h1{font-size: 18px;} .sy-tabs ul li{ font-size: 16px; } .sy-doctor ul{margin-top: 30px;max-height: 805px;height: auto;} .sy-doctor ul li{ width: 31.3%; margin:1%; height: 150px; } .sy-doctor ul li a{padding-top: 20px;} .sy-doctor-img{ width: 60px; height: 60px; } .sy-doctor ul li h1{ font-size: 15px; } .sy-health-div ul{ flex-wrap: wrap; } .sy-health-div ul li{ width: 100%; margin:0; margin-bottom: 15px; } .sy-health-list{margin-top: 25px;} .sy-health-div ul li a{ padding:20px; } .sy-health-div ul li a h1{ font-size: 16px; } .sy-health-div ul li a p{ font-size: 14px; line-height: 25px; max-height: 50px; height: auto; margin-top: 10px; } .sy-health-div ul li a span{margin-top: 15px;font-size: 14px;padding-top: 10px;} .sy-health-div .lookmore{margin-top: 25px;} .new-flex{ flex-wrap: wrap; } .new-flex .swiper1{ width: 100% !important; margin-right: 0; } .news-img{ height: 200px; } .new-flex .swiper1{ height: 250px !important; } .new-flex .swiper1 p{ font-size: 14px; line-height: 25px; height: 50px; padding:15px; } .new-flex .swiper-pagination{ bottom: 85px; } .sy-newslist{ width: 100%; max-width: 100%; margin-top: 20px; } .sy-newslist ul li{height: 45px;} .sy-newslist ul li a{ font-size: 14px; height: 45px; line-height: 45px; } .sy-newslist ul li a::before{top: 20px;} .sy-newslist a.lookmore{ color: #fff; background-color: #3264bf; margin: 25px auto !important; text-align: center; font-size: 16px; } .sy-media{ flex-wrap: wrap; } .media-left{ width: 100%; height: 330px; margin:0 auto; } .media-first{height: 92px;overflow: hidden;} .media-title{padding:15px;} .media-title h1{ font-size: 14px; line-height: 22px; } .media-list ul li{height: 35px;} .media-list ul li a{ font-size: 14px; height: 35px; line-height: 35px; } .media-list ul li a::before{top: 15px;} .media-right{width: 100%;margin-top: 20px;} .media-imgtwo{height: 125px;} .media-right ul li a h3{font-size: 14px;} .media-right ul li{ height: 170px; } .lookmoremargin{margin: 25px auto;} .sy-noticelist ul { justify-content: space-between; } .sy-noticelist ul li{ width: 48%; margin-right: 0; } .sy-noticelist ul li{ width: 100%; height: 100px; } .sy-noticelist ul li a{ padding: 15px 30px; } .sy-noticelist ul li a h1{font-size: 18px;} .sy-quicklist{margin-top: 0px;padding-bottom: 30px;} .sy-quicklist ul{flex-wrap: wrap;} .sy-quicklist ul li{ width: 100%; height: 220px; margin-top: 100px; } .sy-quicklist ul li:nth-child(1){ margin-top: 60px; } .sy-quicklist ul li a{padding: 0 9px;padding-top: 70px;} .sy-quicklist ul li a h1{height: 20px;} .sy-quicklist ul li a h2{margin-top: 0;font-size: 20px;} .sy-quicklist ul li a h3{margin-top: 0;height: 24px;} .sy-quicklist ul li a em{display: none;} .sy-quick-icon{ width: 90px; height: 90px; line-height: 90px; } .gongyi-list{margin-top: 150px;} .yuanbao ul{width: 100%;padding:0 15px;box-sizing: border-box;} .yuanbao li{ width: 100%;margin-right: 0; } .page_selest h3{position: static;width: 100%;font-size: 40px;} .page_selest .nianfen{position: static;display: block;margin: 0 auto;} .notice-list ul li{ width: 100%; } .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;} .content-tabs2 ul li img{width: auto;height: auto;} .content-tabs ul li::before{background: none;} .newactive{display: block !important;} .wrapper-gongyi{height: auto !important;} .gongyi-list ul{ flex-wrap: wrap; } .gongyi-list ul li{width: 100%;margin-bottom: 150px;height: 390px;} .gongyi-list ul li a{padding-top: 110px;} .gongyi-list ul li a h2{margin-top: 10px;} .gongyi-list ul li a span{margin-top: 60px;} .wrapper-gongyi .zyfeilei{background: none;} .outpatient-right{padding-top: 10px;} .outpatient-container{ background: url('/static/jiuyi/images/mzsearch-m.jpg') no-repeat center top; min-height: 600px; background-size: cover; } .outpatient{ padding-top: 350px; width: 90%; } .search-select{height: 50px;} .select-div h1{ height: 50px; border-radius: 25px; line-height: 50px; } .select-btn button{height: 50px;line-height: 50px;border-radius: 25px;} .menzhen-right{flex-wrap: wrap;} .menzhen-right select{margin:0 auto;} .menzhen-right button{display: block;margin:20px auto;border-radius: 5px;font-size: 16px;} .menzhenlist2{display: block;} .menzhen-main{display: none;} .menzhenzj-top{ background:none; height: auto; } .menzhenzj-top select{ display: block; width: 100%; height: 50px; background-color: #f5f7fa; } .menzhenzj-top input{ display: block; width: 100%; background-color: #f5f7fa; margin:0; margin:20px 0; height: 50px; } .menzhenzj-top button{border-radius: 5px;height: 50px;font-size: 16px;line-height: 50px;} .menzhen-title h1{ height: 60px; line-height: 60px; font-size: 23px; } .menzhenzj-mian{display: none;} .outpatient-doctor .menzhen-title h1{ border: none; } .outpatient-doctor{background-color: #fff;height: 100%;} .menzhenzj-warning{justify-content: center;} .menzhenlist{display: block !important;} .menzhenzjlist{display: block;} .menzhenzj-top{flex-wrap: wrap !important;} .videoWidth{ width: 90%; } }