body{ margin: 8px; } sec_span{ } #owl-demo1 .item{ display: block; } #owl-demo1>.owl-controls{ position: absolute; bottom: 23px; left: 50%; } #owl-demo1 .owl-controls .owl-page span { display: block; width: 20px; height: 20px; margin: 0 16px; filter: alpha(opacity=100); opacity: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px solid #cc131c; border-radius: 50%; background: #cc131c; overflow: hidden; } #owl-demo1 .owl-controls .owl-page.active span, #owl-demo1 .owl-controls.clickable .owl-page:hover span { background: #fff; } .com_title{ margin-bottom: 20px; } .com_title p{ font-size: 30px; } .com_title span{ display: inline-block; width: 30px; height: 5px; background: #cc131c; } .hezuodiv{ position: absolute; left: 50px; top: -5px; display: inline-block; width: 2px; height: 180px; background: #cc131c; } .hezuoyiyuan{ position: absolute; left: -100px; top: 50px; width: 40px; vertical-align: middle; text-align: center; border: 5px solid; border-image:linear-gradient(45deg, #fce37e, #ff2f14)1; animation:filter 6s infinite linear; clip-path:inset(0pxround10px); filter:hue-rotate(360deg); } @keyframes filter{ 0%{filter:hue-rotate(0deg); } 100%{ filter:hue-rotate(360deg); } } .sec1{ padding-top: 40px; padding-bottom: 60px; } .sec1 .content{ margin-bottom: 40px; font-size: 16px; line-height: 30px; } .sec1 .photo_box .img_box{ width: 370px; height: 214px; overflow: hidden; margin-right: 85px; } .sec1 .photo_box .img_box:nth-child(3n){ margin-right: 0; } .sec2{ background: #e2e2e2; padding: 40px 0; } .sec2 .tab_box{ margin-bottom: 50px; } .sec2 .tab_box>div{ display: inline-block; width: 163px; height: 47px; line-height: 47px; text-align: center; background: #fff; font-size: 20px; margin: 0 100px; cursor: pointer; } .tab_on{ background: #cc131c !important; color: #fff !important; } .owl-demo2 .item{ display: block; } .owl-demo2 .main_cont{ width: 1200px; margin: 0 auto; } .owl-demo2 .owl-controls .owl-buttons div{ margin: 0; padding: 0; opacity: 1; background: none; } .owl-demo2 .owl-prev{ position: absolute; left: 0; } .owl-demo2 .owl-next{ position: absolute; right: 0; } .owl-demo2>.owl-controls{ position: absolute; width: 100%; display: block !important; top: 130px; } .owl-demo2 .cont{ width: 530px; } .owl-demo2 .cont .p1{ font-size: 26px; font-weight: 600; color: #cc131c; border-bottom: 1px solid #8b8b8b; padding-bottom: 10px; margin-bottom: 10px; } .owl-demo2 .cont .p2{ font-size: 16px; margin-bottom: 20px; } .owl-demo2 .cont .p3{ width: 320px; font-size: 18px; } .owl-demo2 .cont .p3 span{ color: #cc131c; } .owl-demo2 .apply{ width: 207px; height: 45px; line-height: 41px; text-align: center; border: 2px solid #cd141c; background-color: #cd141c; font-size: 20px; } .owl-demo2 .apply:hover{ background: #92090f; } .owl_box{ display: none; } .sec3{ padding: 40px 0; } .news_list li .img_box{ overflow: hidden; } .news_list li:nth-child(4n){ margin-right: 0; } .news_list li:nth-child(1) .title{ font-size: 22px; font-weight: 800; width: 25em; color: rgb(42 87 215); } .news_list li:nth-child(1) .p1{ width: 100px; font-size: 16px; } .news_list li:nth-child(1) .detail_news{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 40em; line-height: 20px; height: 80px; } .news_list li:nth-child(1) .img_box_mystyle{ display: block; width: 550px; height: 300px; } .news_list li:nth-child(1) div a img{ height: 300px; } .news_list li:nth-child(2) .title{ margin-left: 770px; margin-top: -100px; font-size: 22px; font-weight: 800; width: 28em; color: rgb(42 87 215); } .news_list li:nth-child(2) .p1{ margin-left: 770px; width: 100px; font-size: 16px; } .news_list li:nth-child(2) .detail_news{ margin-left: 770px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 30em; line-height: 20px; height: 60px; } .news_list li:nth-child(2) .img_box_mystyle{ margin-left: 600px; margin-top: -440px; display: block; width: 150px; height: 100px; } .news_list li:nth-child(2) div a img{ height: 100px; } .news_list li:nth-child(3) .title{ margin-left: 770px; margin-top: -100px; font-size: 22px; font-weight: 800; width: 28em; color: rgb(42 87 215); } .news_list li:nth-child(3) .p1{ margin-left: 770px; width: 100px; font-size: 16px; } .news_list li:nth-child(3) .detail_news{ margin-left: 770px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 30em; line-height: 20px; height: 60px; } .news_list li:nth-child(3) .img_box_mystyle{ margin-left: 600px; display: block; width: 150px; height: 100px; } .news_list li:nth-child(3) div a img{ height: 100px; } .news_list li:nth-child(4) .title{ margin-left: 770px; margin-top: -100px; font-size: 22px; font-weight: 800; width: 28em; color: rgb(42 87 215); } .news_list li:nth-child(4) .p1{ margin-left: 770px; width: 100px; font-size: 16px; } .news_list li:nth-child(4) .detail_news{ margin-left: 770px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; width:30em; line-height: 20px; height: 60px; } .news_list li:nth-child(4) .img_box_mystyle{ margin-left: 600px; display: block; width: 150px; height: 100px; } .news_list li:nth-child(4) div a img{ height: 100px; } .news_list li .title:hover{ color: #cc131c; } .detail_news{ overflow: hidden; text-overflow: ellipsis; width: 30em; line-height: 20px; height: 60px; } .news_list li .p2{ line-height: 20px; height: 40px; overflow: hidden; } .sec3 .more{ width: 100px; height: 40px; line-height: 35px; display: block; border: 2px solid #d8d8d8; text-align: center; font-size: 18px; color: #cc131c; margin-left:1150px; } .sec3 .more:hover{ background: #d8d8d8; } .sec4{ background: #e2e2e2; padding: 40px 0; } .hz_list li{ float: left; width: 206px; height: 63px; overflow: hidden; margin-right: 8px; margin-bottom: 36px; } .hz_list li:nth-child(6n){ margin-right: 0; } .sec4 .more{ color: #cc131c; font-size: 20px; } #owl-demo3>.owl-controls{ position: absolute; bottom: 12px; left: 50%; } #owl-demo3 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 0 12px; filter: alpha(opacity=100); opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #cc131c; background: #fff; overflow: hidden; } #owl-demo3 .owl-controls .owl-page.active span, #owl-demo3 .owl-controls.clickable .owl-page:hover span { background: #cc131c; } .sec_about .content{ margin-top: 20px; font-size: 18px; line-height: 30px; padding-bottom: 40px; min-height: 400px; } .sec_about .contact_p{ font-size: 24px; color: #666; } .ygxy1{ margin-bottom: 100px; } .ygxy1 .content{ width: 456px; height: 250px; font-size: 16px; line-height: 30px; } .ygxy1 .img_box{ width: 456px; height: 250px; position: relative; overflow: hidden; } .ygxy1 .img_box .img_zz{ position: absolute; width: 100%; height: 100%; line-height: 250px; text-align: center; font-size: 36px; color: #fff; background: rgba(207,48,56,0.3); left: 0; top: 0; opacity: 0; transition: all 0.3s; } .ygxy1 .img_box .img_zz:hover{ opacity: 1; } .ygxy1 .img_box .img_zz2{ position: absolute; width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 28px; color: #fff; background: rgba(207,48,56,0.3); left: 0; bottom: -70px; transition: all 0.3s; } .ygxy1 .img_box:hover .img_zz2{ bottom: 0; } .develop{ margin-bottom: 60px; } #owl-demo4 .item{ display: inline-block; } .develop .img_box{ width: 175px; height: 175px; position: relative; border-radius: 50%; overflow: hidden; } .develop .img_box .img_zz{ position: absolute; width: 100%; height: 100%; line-height: 175px; text-align: center; font-size: 30px; color: #fff; background: rgba(207,48,56,0.3); left: 0; top: 0; opacity: 0; transition: all 0.3s; } .develop .img_box .img_zz:hover{ opacity: 1; } .ygxy3 .img_head{ width: 408px; height: 276px; overflow: hidden; } .ygxy3 .content{ width: 552px; height: 276px; background: #cc131c; padding: 10px; } .ygxy3 .content .p1{ font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 5px; } .ygxy3 .content .p2{ font-size: 12px; margin-bottom: 10px; color: #fff; } .ygxy3 .content .p3{ font-size: 18px; color: #fff; line-height: 30px; height: 210px; overflow: hidden; } .ygxy3 .team_list li{ width: 200px; height: 260px; float: left; padding: 25px 10px 0; overflow: hidden; margin-left: 51px; margin-right: 51px; margin-bottom: 20px; } .ygxy3 .team_list li>a{ display: block; } .ygxy3 .team_list li:nth-child(3n){ margin-right: 0; } .ygxy3 .team_list li .img_box{ width: 170px; height: 170px; overflow: hidden; border-radius: 50%; margin: 0 auto 30px; } .ygxy3 .team_list li:hover{ box-shadow: 0 0 5px 5px #dcdcdc; } .ygxy3 .team_list li .p1{ font-size: 20px; margin-bottom: 20px; } .ygxy3 .team_list li .p2{ font-size: 12px; line-height: 20px; height: 100px; overflow: hidden; } .study_list li{ border-bottom: 1px solid #dfdfdf; padding-bottom: 30px; margin-bottom: 30px; } .study_list li .img_box{ width: 197px; height: 118px; overflow: hidden; } .study_list li .cont{ width: 730px; } .study_list li .title{ margin-bottom: 10px; } .study_list li .title a{ font-size: 20px; color: #cc131c; width: 80%; } .study_list li .title .time{ font-size: 12px; } .study_list li .cont .p1{ line-height: 24px; } .apply_form .com_d{ width: 425px; margin-right: 110px; margin-bottom: 50px; } .apply_form .com_d:nth-child(2n){ margin-right: 0; } .apply_form .com_d .input1{ width: 100%; height: 42px; border: 1px solid #cfcfcf; outline: 0; padding: 0 10px; font-size: 18px; } .apply_form .sub{ width: 160px; height: 42px; background: #cc131c; border: 0; outline: 0; cursor: pointer; color: #fff; font-size: 20px; } .apply_form .tips{ line-height: 42px; margin-left: 20px; color: #999; } .yypj2{ margin-bottom: 35px; } .yypj2 .content{ width: 456px; height: 250px; } .yypj2 .content .p1{ font-size: 18px; margin-bottom: 10px; } .yypj2 .content .p2{ font-size: 18px; margin-bottom: 10px; color: #cc131c; } .yypj2 .content .p3{ font-size: 13px; line-height: 25px; height: 175px; overflow: hidden; } .yypj2 .img_box{ width: 456px; height: 250px; overflow: hidden; } .starhos_list li{ width: 214px; margin-bottom: 40px; float: left; margin-right: 34px; height: 325px; } .starhos_list li:nth-child(4n){ margin-right: 0; } .starhos_list li .img_box{ height: 214px; overflow: hidden; margin-bottom: 20px; } .starhos_list li .title{ color: #cc131c; font-size: 18px; margin-bottom: 10px; } .starhos_list li .p1{ margin-bottom: 10px; } .dt_list li{ box-shadow: 0 0 2px 2px #ecebeb; padding: 23px; margin-bottom: 30px; } .dt_list li:hover{ background: #eba1a5; } .dt_list li .img_box{ width: 207px; height: 130px; } .dt_list li .cont{ width: 74%; } .dt_list li .cont .p1{ font-size: 20px; margin-bottom: 10px; } .dt_list li .cont .p2{ line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 10px; } .dt_list li .cont .p3 div{ color: #999; margin-left: 20px; } .dt_list li .cont .p3 div img{ margin-right: 5px; } .sec_bhi{ padding-bottom: 40px; } .sec_bhi .content{ font-size: 18px; line-height: 30px; margin-bottom: 40px; } .sec_tongyon{ padding-bottom: 40px; } .sec_tongyon .content{ font-size: 18px; line-height: 30px; margin-bottom: 40px; } .apply_form textarea{ width: 100%; height: 180px; border: 1px solid #cfcfcf; outline: 0; padding: 10px; font-size: 18px; font-family: '微软雅黑'; margin-bottom: 50px; } .apply_form .com_d p{ font-size: 18px; color: #4d4d4d; margin-bottom: 10px; } .search_title{ font-size: 18px; line-height: 60px; background: #f2f2f2; color: #cc131c; padding: 0 20px; border-radius: 10px; margin-top: 40px; margin-bottom: 20px; } .hq_box{ background: #f2f2f2; padding: 10px; margin-bottom: 40px; } .hq_box .p1{ font-size: 20px; color: #cc131c; margin-bottom: 10px; } .hq_box .p2{ font-size: 16px; line-height: 30px; } .hq_p{ font-size: 22px; margin-bottom: 40px; } .hq_list li{ width: 212px; height: 84px; position: relative; box-shadow: 0 0 5px 2px #e2e1e1; margin-right: 37px; float: left; margin-bottom: 40px; } .hq_list li:nth-child(4n){ margin-right: 0; } .hq_list li a{ position: absolute; width: 212px; height: 84px; background: rgba(0,0,0,0.4); color: #fff; font-size: 16px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s; } .hq_list li a:hover{ opacity: 1; } .sjzx_list li{ width: 294px; box-shadow: 0 0 5px 2px #e2e1e1; float: left; margin-right: 39px; padding: 10px; margin-bottom: 40px; } .sjzx_list li:nth-child(3n){ margin-right: 0; } .sjzx_list li .img_box{ height: 177px; overflow: hidden; margin-bottom: 10px; } .sjzx_list li .p1{ font-size: 16px; margin-bottom: 10px; } .sjzx_list li .p2{ font-size: 14px; line-height: 20px; color: #999; height: 40px; overflow: hidden; } .team_detail{ padding-bottom: 40px; } .team_detail .img_box{ width: 370px; height: 370px; overflow: hidden; } .team_detail .cont{ width: 550px; } .team_detail .cont .title{ font-size: 24px; margin-bottom: 20px; } .team_detail .cont .title span{ font-size: 18px; } .team_detail .cont .content{ font-size: 18px; line-height: 30px; } .news_detail{ padding-bottom: 40px; } .news_detail .p1{ font-size: 24px; color: #cc131c; margin-bottom: 10px; } .news_detail .p2{ font-size: 14px; margin-bottom: 20px; color: #999; } .news_detail .content{ margin-bottom: 40px; } .news_prev,.news_next{ font-size: 18px; width: 45%; } .news_prev:hover,.news_next:hover{ color: #cc131c; } .rank_table{ table-layout:fixed; word-break:break-all; width: 100%; margin-top: 60px; margin-bottom: 40px; background-size: cover; } .rank_table th{ border: 1px solid #bfbfbf; height: 60px; font-size: 20px; } .rank_table td{ border: 1px solid #bfbfbf; height: 60px; font-size: 16px; } .rank_table .td1{ color: #cc131c; } .met1{ width: 500px; } .met1_imgbox{ width: 742px; height: 400px; overflow: hidden; } .met_p{ line-height: 70px; display: inline-block; border-bottom: 1px solid #8f7e6d; font-size: 24px; color: #cc131c; } .met1 .p1{ padding-top: 10px; padding-bottom: 20px; font-size: 18px; } .met1 .p2{ font-size: 18px; margin-bottom: 20px; } .met1 .p3{ line-height: 50px; display: inline-block; border-bottom: 1px solid #8f7e6d; font-size: 20px; color: #cc131c; margin-bottom: 20px; } .met1 .apply_box{ line-height: 65px; font-size: 20px; } .met1 .apply_box span{ height: 65px; width: 65px; font-size: 30px; border: 1px solid #b6a99b; display: inline-block; text-align: center; margin: 0 10px; } .met1 .apply_box a{ width: 206px; height: 65px; text-align: center; color: #fff; background: #cc131c; font-size: 24px; margin-left: 20px; } .mgr{ margin-left: -20px; } .met_list .place{ width: 160px; padding-right: 20px; padding-top: 20px; position: relative; right: 20px; } .met_list{ margin-top: 40px; background:url(/uploads/image/scimages/img47.jpg) 130px 0 repeat-y; } .met_list .place .p1{ font-size: 20px; margin-bottom: 10px; } .met_list .place .p2{ font-size: 18px; color: #cc131c; margin-bottom: 10px; } .met_list .img_box{ width: 364px; height: 218px; overflow: hidden; } .met_list .cont{ width: 55%; } .met_list .cont .p1{ font-size: 20px; margin-bottom: 20px; } .met_list .cont .p2{ font-size: 20px; line-height: 30px; word-wrap: break-word; } .met_list li{ margin-bottom: 50px; } .sec_meet1{ padding: 40px 0; } .met_tab1{ width: 115px; } .met_tab1 div{ height: 36px; line-height: 36px; border: 1px solid #cc131c; border-radius: 20px; font-size: 18px; text-align: center; margin-bottom: 25px; color: #cc131c; cursor: pointer; } .tab1_on{ background: #cc131c !important; color: #fff !important; } .sec_meet .com_title2{ font-size: 30px; color: #cc131c; } .sec_meet .com_title2 span{ color: #333; font-size: 18px; } .sec_meet1 .cont{ width: 88%; } .sec_meet1 .cont .content{ display: none; } .sec_meet2{ padding: 40px 0; background: #e2e2e2; } .sec_meet2 .es_box{ width: 25%; border: 1px solid transparent; height: 155px; background: #fff; } .sec_meet2 .es_box:hover{ border-color: #cc131c; } .sec_meet2 .es_box .img_box{ width: 50%; height: 100%; overflow: hidden; } .sec_meet2 .es_infor{ width: 50%; padding: 20px 10px 0; } .sec_meet2 .es_infor .p1{ font-size: 22px; margin-bottom: 10px; } .sec_meet2 .es_infor .p2{ font-size: 15px; line-height: 20px; height: 80px; overflow: hidden; } .owl-demo5 .owl-controls .owl-page span { display: block; width: 15px; height: 15px; margin: 0 10px; filter: alpha(opacity=100); opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #a2a2a2; overflow: hidden; } .owl-demo5 .owl-controls .owl-page.active span, .owl-demo5 .owl-controls.clickable .owl-page:hover span { background: #cc131c; } .owl-demo5 .owl-pagination{ margin-top: 20px; } .owl5_box{ display: none; } .met_tab2{ margin-bottom: 20px; } .met_tab2 div{ width: 247px; height: 50px; line-height: 50px; border: 1px solid #9e9e9e; border-radius: 10px; font-size: 18px; text-align: center; margin-bottom: 10px; color: #9e9e9e; cursor: pointer; float: left; padding: 0 10px; margin-right: 11px; } .met_tab2 div:nth-child(5n){ margin-right: 0; } .tab2_on{ background: #fff !important; color: #cc131c !important; border-color: #fff !important; } .sec_meet3{ padding: 40px 0; } .met_tab3{ margin-bottom: 20px; margin-left: 40%; } .met_tab3 div{ width: 247px; height: 50px; line-height: 50px; border: 1px solid #9e9e9e; border-radius: 10px; font-size: 18px; text-align: center; margin-bottom: 10px; color: #9e9e9e; cursor: pointer; float: left; padding: 0 10px; margin-right: 11px; } .met_tab3 div:nth-child(5n){ margin-right: 0; } .tab3_on{ background: #cc131c !important; color: #fff !important; border-color: #cc131c !important; } .sec_meet3 .content{ display: none; } .sec_meet4{ padding: 40px 0; background: #e2e2e2; } .owl-demo6 .owl-controls .owl-page span { display: block; width: 15px; height: 15px; margin: 0 10px; filter: alpha(opacity=100); opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #a2a2a2; overflow: hidden; } .owl-demo6 .owl-controls .owl-page.active span, .owl-demo6 .owl-controls.clickable .owl-page:hover span { background: #cc131c; } .owl-demo6 .owl-pagination{ margin-top: 20px; } .sec_meet4 .sjzx_list li{ background: #fff; margin-right: 199px; } .sec_meet4 .sjzx_list li:nth-child(3n) { margin-right: 0; } .sec_meet5{ padding: 40px 0; } .met_tab4{ margin-bottom: 20px; } .met_tab4 div{ width: 247px; height: 50px; line-height: 50px; border: 1px solid #9e9e9e; border-radius: 10px; font-size: 18px; text-align: center; margin-bottom: 10px; color: #9e9e9e; cursor: pointer; display: inline-block; padding: 0 10px; margin-right: 11px; } .tab3_on{ background: #cc131c !important; color: #fff !important; border-color: #cc131c !important; } .sec_meet5 .content{ display: none; } .sec_meet6{ padding: 40px 0; } .met_tab5{ margin-bottom: 20px; } .met_tab5 div{ width: 247px; height: 50px; line-height: 50px; border: 1px solid #9e9e9e; border-radius: 10px; font-size: 18px; text-align: center; margin-bottom: 10px; color: #9e9e9e; cursor: pointer; float: left; padding: 0 10px; margin-right: 11px; } .met_tab5 div:nth-child(5n){ margin-right: 0; } .sec_meet6 .content{ display: none; } .owl-demo7 .owl-controls .owl-page span { display: block; width: 15px; height: 15px; margin: 0 10px; filter: alpha(opacity=100); opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #a2a2a2; overflow: hidden; } .owl-demo7 .owl-controls .owl-page.active span, .owl-demo7 .owl-controls.clickable .owl-page:hover span { background: #cc131c; } .owl-demo7 .owl-pagination{ margin-top: 20px; } .partners_list li{ width: 300px; margin-bottom: 20px; float: left; margin-right: 26px; } .partners_list li:nth-child(4n){ margin-right: 0; } .partners_list li .img_box{ height: 92px; overflow: hidden; margin-bottom: 10px; } .partners_list li p{ font-size: 20px; color: #666; } .met_list .place .ball{ width: 32px; height: 32px; border-radius: 50%; border: 1px solid #b7b7b7; padding: 6px; position: absolute; left: 135px; top: 80px; background: #fff; } .met_list .place .ball>div{ background: #b7b7b7; width: 100%; height: 100%; border-radius: 50%; } /** 后面修改添加的样式 */ .lay_my_mt10{ margin-top: 10px; } .lay_my_ml100{ margin-left: 100px; } .lay_my_ml200{ margin-left: 200px; } .lay_my_font16{ font-size: 16px; } .intable{ display: inline-table; } .block{ display: block; } .none{ display: none; } .hospitalsearch{ position: absolute; display: block; width:300px; max-height:300px; background: #f8f8ff; border: 0px solid #d9d9d9; overflow: auto; z-index: 100; } #rankyearid .xm-select-parent{ width: 300px; } #ranktypeid .xm-select-parent{ width: 500px; } #rankprovinceid .xm-select-parent{ width: 400px; } #hospitalleibie .xm-select-parent{ width: 915px; } #hospital_name{ width: 300px; }