/* commom css start */ @charset "utf-8"; * {margin: 0;padding: 0;box-sizing: border-box;} @font-face {font-family: "microsoft yahei";} html {font-family: "microsoft yahei";} body, button, input, select, textarea {font: 90% "microsoft yahei"!important;} input,textarea {font-size: 100%;-webkit-appearance : none;} input:focus, select:focus, textarea:focus{border: 1px solid #33998c !important;outline:0 !important;} table {border-collapse: collapse;border-spacing: 0;table-layout:fixed;} ol, ul {list-style: none;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} p {font-size: 14px;color: #666666;} a {color: #666666;text-decoration: none;display: inline-block;} a:hover {text-decoration: none;} img {max-width: 100%;border: none;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;overflow: hidden;} .clearfix {zoom: 1;} i{font-style: normal;} .fl, .fr {display: inline;} .fl {float: left;} .fr {float: right;} .main {width: 1180px;margin: 0 auto;/*max-width: 96%;*/} .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .ellipsis2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .ellipsis3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} /* IOS微信、UC浏览器阻止字体大小调整 */ body { -webkit-text-size-adjust: none !important; } body { -webkit-text-size-adjust: 100% !important; } .swiper-button-next,.swiper-button-prev{/*color:#33998C;*/width:30px;height:60px;background:rgba(0,0,0,0.3);} .swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,0,0,0.6);} .top {height: 110px;width:1180px;margin:0 auto;} .top .logo {margin-top: 16px;max-width:520px;} .top .form {margin-top: 40px;} .top .form p {line-height: 36px;} .top .search input {width: 256px;height: 36px;border:1px solid #d9d9d9;padding-left: 10px;color: #9C9C9C;} .top .search button {width: 15px;height: 15px;border: none;background-color: #fff;position: relative;right: 30px;cursor:pointer;} .nav {height: 56px;background-color: #33998C;} .nav .dropdown { float: left;font-size: 16px;width:calc(100% / 11);line-height: 56px;height: 56px;text-align: center;} .nav .dropdown i {display:none;} .nav .dropdown.active {background-color: #2D897E;} .nav li a {color: #fff;display:block;width:100%;} .nav .menunav,.nav .nav-btn {display: none;} .nav .dropdown.active .menunav {z-index: 9;position: absolute;display: block;} .nav .dropdown.active .menunav li {border-bottom: 1px solid #3eb8a9;background-color: #33998C;height: 56px;line-height: 56px;width: 109px;} .nav .dropdown.active .menunav li:hover{background-color: #2D897E;} .quick {background-color: #33998C;height: 160px;margin-top: -5px;} .quick li {float: left;width: calc(100% / 7);height: 160px;text-align: center;padding:35px 0;} .quick li a {display:block;width:100%;} .quick li a p {color: #fff;line-height: 35px;} .quick li a span {display: block;} .quick li:hover {background-color: #2D897E;} .dynamic .headline {margin-top: 85px;} .headline {text-align: center;} .headline h2 {color: #33998C;font-size: 30px;font-weight: bold;} .headline span {display: block;width: 38px;height: 1px;background-color: #f49800;margin: 20px auto;} .headline p {color: #666666;font-size: 18px;} .news {margin-top: 58px;margin-bottom: 60px;} .news .image-text {width:calc((100% - 30px) / 2);height: auto; position: relative;overflow: hidden;float: left;} .news .image-text .bd ul li {position: relative;overflow:hidden;} .news .image-text .bd ul li a img {width:575px;height:368px;} .news .image-text a h3 {font-size: 18px;line-height: 40px;height:40px;position:relative;overflow:hidden;} .news .image-text a:hover h3 {color: #f49800;} .news .image-text span {display: block;color: #666666;font-size: 14px;line-height: 32px;} .news .image-text p {color: #666666;font-size: 15px;line-height: 25px;height:50px;position:relative;overflow:hidden;} .news .more {margin-top: 10px; width: 120px;height: 38px;line-height: 38px; background-color: #33998C;border-radius: 5px;text-align: center;} .news .more a {color: #fff;} .news .more:hover {background-color:#2D897E ;} .news .list {width:calc((100% - 30px) / 2)} .news .list .hd ul {position:relative;overflow:hidden;width:100%;} .news .list .hd li {width:calc(100% / 3);height:70px;font-size: 26px;float: left;font-weight: bold;cursor: pointer;text-align: center;color:#666666;} .news .list .hd li:hover {color: #2D897E;} .news .list .hd li.on {color: #2D897E;} .news .list .bd li {margin-bottom: 25px;} .news .list .bd li a {display:block;width:100%;} .news .list .time {width: 20%;height: 75px;text-align: center;border-right: 1px solid #d9d9d9;} .news .list .time span {display: block;font-size: 16px;color: #666666;} .news .list .time .ri {font-size: 26px;font-weight: bold;color: #666;} .news .list .text {width: 78%;} .news .list .text h3 {font-size: 18px;line-height: 30px;height:30px;position:relative;overflow:hidden;} .news .list a:hover .text h3 {color: #f49800;} .news .list a .text p {font-size: 16px;color: #666666;height:45px;line-height: 22.5px;position:relative;overflow:hidden;} .news .list .more {display:none;} /*专家介绍*/ .card-fouth {background-color: #eaf5f3;height: auto;padding-top: 40px;padding-bottom: 40px;margin-top: 60px;text-align: center;} .mainnav {width:1180px;margin:0 auto;position:relative;z-index:999;text-align:center;height:60px;} .desc {position: relative;overflow: hidden;} .desc .industry {cursor: pointer;display: inline-block;font-size: 30px;font-weight: bold;width: 200px;color:#666666;} .case-container {position: relative;width: 1180px;margin: 0 auto; } .case-container .swiper-slide a {width:100%;display:block;position:relative;overflow:hidden;} .expert-img {width: 100%;height: auto;background-color: #fff;display: inline-block;border-radius: 50%/50%;position:relative;overflow:hidden;} .expert-img img {width:196px;height:264px;float:left;} .expert-text {width: 100%;overflow: hidden; position: relative;text-align:center;} .expert-text h2 {font-size: 20px;font-weight: bold;line-height: 40px;color:#666666;width:100%;height:40px;overflow: hidden; position: relative;} .expert-text p {font-size: 14px;font-weight:normal ;color:#666666;width:100%;height:20px;line-height: 20px;overflow: hidden; position: relative;} .industry.active {color: #33998C;cursor: pointer;} .case-panel {opacity: 0;z-index: 1;width:100%;overflow:hidden;display:none;} .case-panel.active {z-index: 98;opacity: 1;-webkit-transition: all .2s ease-out .1s;transition: all .2s ease-out .1s;display:block;} .case-panel .zmob {padding:0 40px;} .case-panel .swiper-button-next,.case-panel .swiper-button-prev{color:#33998C;background:none;opacity: 0.8;top: 39%;} .case-panel .swiper-button-prev {left:0;} .case-panel .swiper-button-next {right:0;} .case-panel .swiper-button-next:hover,.case-panel .swiper-button-prev:hover{opacity: 1;} .card-fouth .more {margin: 30px auto 0; width: 120px;height: 38px;line-height: 38px; background-color: #33998C;border-radius: 5px;text-align: center;display:inline-block;color:#fff;} /*科室介绍*/ .Department-main {margin-top: 80px;} .Department {margin-top: 50px;} .Department li {margin: 20px 15px;background-color: #33998c;text-align: center;width:calc((100% - 180px) / 6);height: 68px;line-height: 68px; border-radius: 5px;float: left;} .Department li a {color: #fff;font-size: 18px;width: 100%;} /*医生讲堂*/ /*.doctor-hall,.classroom {margin-top: 60px;} .classroom li {float: left;width:calc((100% - 90px) / 3);margin: 0 15px;position:relative;overflow:hidden;} .classroom li a .im {position:relative;overflow:hidden;width:100%;} .classroom li a .im img {width:363px;height:232px;float:left;} .classroom li a .im .video1 {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7) url("../images/video1.png") no-repeat center;background-size:25%;} .classroom li a .im .video0 {display:none;} .classroom li p {font-size: 16px;margin-top: 10px;height:50px;line-height:25px;position:relative;overflow:hidden;} .classroom li:hover a .im .video1 {background:rgba(0,0,0,0.7) url("../images/video2.png") no-repeat center;background-size:30%;}*/ .doctor-hall .swiper {margin-top: 60px;} .doctor-hall .swiper-slide {position:relative;overflow:hidden;} .doctor-hall .swiper-slide a .im {position:relative;overflow:hidden;width:100%;} .doctor-hall .swiper-slide a .im img {width:373.333px;height:238.5px;float:left;} .doctor-hall .swiper-slide a .im .video1 {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7) url("../images/video1.png") no-repeat center;background-size:25%;} .doctor-hall .swiper-slide a .im .video0 {display:none;} .doctor-hall .swiper-slide p {font-size: 16px;margin-top: 10px;height:50px;line-height:25px;position:relative;overflow:hidden;} .doctor-hall .swiper-slide:hover a .im .video1 {background:rgba(0,0,0,0.7) url("../images/video2.png") no-repeat center;background-size:30%;} .doctor-hall .swiper .swiper-button-prev {left:0;top:40%;} .doctor-hall .swiper .swiper-button-next {right:0;top:40%;} .science {background-color: #eaf5f3;margin-top: 60px;height: 600px;position: relative;overflow: hidden;} .science .headline {padding-top: 60px;} .science ul {margin-top: 60px;} .science ul li {float: left;width:calc((100% - 40px) / 2);height: 144px;background-color: #fff;margin: 10px 10px;} .science ul li img {width: 166px;height:106px;margin: 20px 20px;} .science ul li .text {width: 360px;margin-top: 20px;} .science ul li h3 {font-size: 16px;line-height: 40px;height:40px;position:relative;overflow:hidden;} .science ul li h3:hover {color: #f49800;} .science ul li p {color: #666;margin-top: 10px;height:40px;line-height:20px;position:relative;overflow:hidden;} .science ul li span {height: 3px;width: 40px;background-color: #f49800;display: block;} .environment .headline {margin-top: 60px;} .environment .swiper-slide {width: 300px; margin-top: 80px;} .environment .swiper-slide p {text-align: center;line-height: 45px;height:45px;position:relative;overflow:hidden;} .environment .swiper-slide img {width:272.5px;height:174.4px;} .cebian {width:60px;height:auto;position:fixed;top:50%;right:0;transform: translateY(-50%);z-index:99;background:#fff;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);} .cebian ul {position:relative;width:100%;height:100%;} .cebian ul li {width:100%;text-align:center;height:60px;padding:10px 0;border-bottom:1px solid #E4E9E8;} .cebian ul li img {width:20px;} .cebian ul li .im1 {display:none;} .cebian ul li p {color:#666666;font-size:12px;} .cebian ul li:hover {background:#2D897E} .cebian ul li:hover .im1 {display:inline-block;} .cebian ul li:hover .im2 {display:none;} .cebian ul li:hover p {color:#fff} .dibumob {display:none;} .footer {margin-top: 60px;background-color: #2D897E;height: auto;padding-bottom:30px;} .footer .link {line-height: 45px;border-bottom: 1px solid #17BB92;padding-bottom: 10px;position:relative;overflow:hidden;} .footer .link a {color: #fff;font-size: 16px;} .footer .link .tab {cursor: pointer; display: inline-block;width: 120px;margin-top: 10px;color: #fff;font-size: 14px;} .footer .link .hd {width:100%;position:relative;overflow:hidden;} .footer .link .bd {width:100%;position:relative;overflow:hidden;} .footer .link .links {width:100%;position:relative;overflow:hidden;} .footer .link .links ul {width:calc(100% / 3);float:left;} .footer .link .links li {width: 100%;display: block;} .footer .information .logo {width: 400px;margin: 60px 0;border-right: 1px solid #17BB92;} .footer .information .logo img {max-width:335px;} .footer .information .text {margin-top: 65px;width: 400px;padding-left: 30px;} .footer .information .text p {color: #fff;line-height: 32px;} .footer .information .text p a {color: #fff;line-height: 32px;} .footer .information .erweima {width: 340px;margin-top: 60px;} .footer .information .erweima .code {width: 150px;display: inline-block;} .footer .information .erweima .code img{margin: 0px;} .footer .information .erweima .code p {color: #fff;text-align: center;} .footer .record p {color: #fff;text-align: center;line-height: 30px;} .footer .record p a {color: #fff;text-align: center;line-height: 30px;} .footer .informationmob {display:none;} .pc {display:inline-block;} .mob {display:none;} .pages {margin-top: 20px;text-align: center;font-size: 0;margin-bottom: 20px;} .pages * {display: inline-block;font-size: 14px;} .pages a, .pages b {padding: 9px 15px;border: 1px solid #e4eaec;border-right: none;background: #ffffff;text-align: center;color: #76838f;display: inline-block;width: auto;font-size: 14px;height: 38px;line-height:20px;} .pages b {background: #33998C;border-color: #33998C;color: #ffffff;cursor: default;} .pages .current {background: #33998C;border-color: #33998C;color: #ffffff;cursor: default;} .pages a:last-child {border-right: 1px solid #e4eaec;} .pages a.to_right {border-right: 1px solid #e4eaec;} .pages a.to_right_hui {border-right: 1px solid #e4eaec;} .pages a b {padding: 0;background: none;border-color: #fff;color:#76838f;} .neibanner {width:100%;position:relative;overflow:hidden;} .neibanner a {display:block;width:100%;position:relative;overflow:hidden;} .neibanner a img {width:100%;float:left;} .public {width:1180px;margin:30px auto;position:relative;overflow:hidden;} .public .leftnav {width:300px;float:left;position:relative;overflow:hidden;} .public .leftnav .tit {width:100%;padding:30px 0 30px 30px;background:#2D897E;border-bottom:1px solid #fff;} .public .leftnav .tit h2 {color:#fff;font-size:30px;line-height:60px;} .public .leftnav .tit p {color:#fff;font-size:16px;line-height:20px;} .public .leftnav .navnei {width:100%;background:#E2E2E2;} .public .leftnav .navnei ul li {width:100%;height:60px;line-height:60px;border-bottom:1px solid #fff;} .public .leftnav .navnei ul li.active {background:#2D897E;} .public .leftnav .navnei ul li:hover {background:#2D897E;} .public .leftnav .navnei ul li a {width:100%;height:100%;display:block;font-size:16px;color:#000;padding-left:50px;color:#666666;} .public .leftnav .navnei ul li.active a{color:#fff;background:url("../images/nei02.png") no-repeat 30px center;} .public .leftnav .navnei ul li:hover a{color:#fff;background:url("../images/nei02.png") no-repeat 30px center;} .public .rcont {width:830px;float:right;position:relative;overflow:hidden;} .public .rcont .bread {width:100%;height:50px;line-height:50px;border-bottom:1px solid #666666;padding-left:15px;background:url("../images/nei01.png") no-repeat left center;} .public .rcont .bread .bread2 {height: 50px;line-height: 50px;font-size: 14px;color: #666;} .public .rcont .bread .bread2 a {color:#666;} .public .rcont .list {margin-top:30px;position:relative;overflow:hidden;} .public .rcont .list ul {width:100%;position:relative;overflow:hidden;} .public .rcont .list li {width:100%;padding:20px;border:1px solid #C2C2C2;position:relative;overflow:hidden;margin-bottom:30px;} .public .rcont .list li a {width:100%;height:auto;display:block;position: relative;overflow: hidden} .public .rcont .list li a .img {width:245px;float:left;position: relative;overflow: hidden} .public .rcont .list li a .img .video1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7) url("../images/video1.png") no-repeat center;background-size:25%;} .public .rcont .list li a .img .video0{display:none;} .public .rcont .list li a .img img {float:left;width:245px;height:155px;} .public .rcont .list li a .cont {width:calc(100% - 275px);float:right;} .public .rcont .list li a .cont h2 {height:50px;line-height:50px;position:relative;overflow:hidden;font-size:18px;} .public .rcont .list li a .cont p {height:60px;line-height:30px;position:relative;overflow:hidden;font-size:14px;color:#666;} .public .rcont .list li a .cont time {line-height:30px;font-size:14px;color:#666;} .public .rcont .list li:hover a h2 {color:#2D897E;} .public .rcont .list li:hover a .img .video1{background:rgba(0,0,0,0.7) url("../images/video2.png") no-repeat center;background-size:30%;} .public .rcont .list_img {margin-top:30px;position:relative;overflow:hidden;} .public .rcont .list_img ul {width:100%;position:relative;overflow:hidden;} .public .rcont .list_img li {width:calc((100% - 60px) / 3);border-bottom:1px dashed #E2E2E2;float:left;margin:0 30px 20px 0;} .public .rcont .list_img li:nth-child(3n){margin-right:0;} .public .rcont .list_img li a {width:100%;height:auto;display:block;position: relative;overflow: hidden;} .public .rcont .list_img li a .img {width:100%;} .public .rcont .list_img li a .img img{float:left;width:256px;height:164px;} .public .rcont .list_img li a .cont {width:100%;float:right;text-align:center;} .public .rcont .list_img li a .cont h2{font-size:18px;height:60px;line-height:60px;position: relative;overflow: hidden;} .public .rcont .list_ks {margin-top:30px;position:relative;overflow:hidden;} .public .rcont .list_ks ul {width:100%;position:relative;overflow:hidden;} .public .rcont .list_ks li {width:calc((100% - 60px) / 3);float:left;margin:0 30px 20px 0;} .public .rcont .list_ks li:nth-child(3n){margin-right:0;} .public .rcont .list_ks li a {width:100%;height:auto;display:block;position: relative;overflow: hidden;} .public .rcont .list_ks li a .img {width:100%;} .public .rcont .list_ks li a .img img {float:left;width:256px;height:164px;} .public .rcont .list_ks li a .cont {width:100%;text-align:center;background:rgba(45,137,126,0.8);position:absolute;bottom:0;} .public .rcont .list_ks li a .cont h2 {font-size:18px;height:40px;line-height:40px;position: relative;overflow: hidden;color:#fff;} .public .rcont .list_ks li a:hover .cont{background:rgba(45,137,126,1);} .public .rcont .list_doc {margin-top:30px;position:relative;overflow:hidden;} .public .rcont .list_doc ul {width:100%;position:relative;overflow:hidden;} .public .rcont .list_doc li {width:calc((100% - 60px) / 3);float:left;margin:0 30px 20px 0;} .public .rcont .list_doc li:nth-child(3n){margin-right:0;} .public .rcont .list_doc li a {width:100%;height:auto;display:block;position: relative;overflow: hidden;} .public .rcont .list_doc li a .img {width:100%;} .public .rcont .list_doc li a .img img{float:left;width:256px;height:345px;} .public .rcont .list_doc li a .cont {width:100%;text-align:center;background:rgba(45,137,126,0.8);position:absolute;bottom:0;} .public .rcont .list_doc li a .cont h2{font-size:18px;height:60px;line-height:60px;position: relative;overflow: hidden;color:#fff;width:50%;float:left;} .public .rcont .list_doc li a .cont .ce{width:50%;float:right;} .public .rcont .list_doc li a .cont .ce p{height:30px;line-height:30px;color:#fff;position: relative;overflow: hidden;} .public .rcont .list_doc li a:hover .cont{background:rgba(45,137,126,1);} .public .rcont .content {padding: 30px 0;margin-bottom:30px;} .public .rcont .content_head {text-align: center;font-size: 24px;color: #303030;} .public .rcont .content_head h3 {min-height:30px;max-height:60px;position:relative;overflow:hidden;line-height:30px;} .public .rcont .content_time span {color: #666;font-size: 14px;margin-right: 10px;} .public .rcont .content_newstext {border-top: 1px solid #e9e9e9;margin-top: 30px;padding: 30px 0;color: #666;font-size: 16px;line-height: 30px;text-align: justify;} .public .rcont .content_newstext img {max-width:100% !important;height: auto !important;} .public .rcont .content_newstext video{width:100%;margin:0 auto;} .public .rcont .content_newstext .infotextkey{font-weight:bold;} .public .rcont .content_newstext p {color:#666666;font-size:16px;} .public .rcont .content_newstext span {color:#666666;font-size:16px;} .public .rcont .content_newstext ul {padding-left:20px;} .public .rcont .content_newstext ul li{list-style:initial;} .public .rcont .content .prenext {margin: 20px 0 10px;background-color: #efefef;overflow: hidden;padding: 10px 15px;height:45px;} .public .rcont .content .prenext a {font-size:16px;height:25px;line-height:25px;position:relative;overflow:hidden;} .public .rcont .content .prenext a:hover{color:#f49800;} .public .rcont .content .prenext .prev{width: 50%;float: left;} .public .rcont .content .prenext .next{width: 50%;float: left;text-align: right;} .public .rcont .content .kp {width:100%;position:relative;overflow:hidden;margin-top:30px;} .public .rcont .content .kp h3 {font-size:24px;text-align:center;width:100%;height:80px;line-height:80px;border-bottom:1px solid #e2e2e2;} .public .rcont .content .kp .tj {width:100%;position:relative;overflow:hidden;margin-top:30px;} .public .rcont .content .kp .tj ul {width:100%;position:relative;overflow:hidden;} .public .rcont .content .kp .tj li {width:calc((100% - 60px) / 3);border-bottom:1px dashed #E2E2E2;float:left;margin:0 30px 20px 0;} .public .rcont .content .kp .tj li:nth-child(3n){margin-right:0;} .public .rcont .content .kp .tj li a {width:100%;height:auto;display:block;position: relative;overflow: hidden;} .public .rcont .content .kp .tj li a img{float:left;width:256px;height:164px;} .public .rcont .content .kp .tj li a p{float:left;font-size:18px;height:40px;line-height:40px;position: relative;overflow: hidden;width:100%;text-align:center;} .public .rcont .content .doc {width:100%;position:relative;overflow:hidden;margin-top:30px;} .public .rcont .content .doc h3 {font-size:24px;text-align:center;width:100%;height:80px;line-height:80px;border-bottom:1px solid #e2e2e2;} .public .rcont .content .doc .zj {width:100%;position:relative;overflow:hidden;margin-top:30px;} .public .rcont .content .doc .zj .swiper-slide{position:relative;} .public .rcont .content .doc .zj .swiper-slide a{width:100%;display:block;text-align:center;} .public .rcont .content .doc .zj .swiper-slide a img{width:256.5px;height:346.5px;} .public .rcont .content .doc .zj .swiper-slide a p{position:absolute;bottom:0;background:rgba(45,137,126,0.8);height:30px;line-height:30px;text-align:center;color:#fff;width:100%;} .public .rcont .content .doctop {width:100%;position:relative;overflow:hidden;} .public .rcont .content .doctop .img {float:left;width:35%;} .public .rcont .content .doctop .wenzi {float:right;width:56%;} .public .rcont .content .doctop .wenzi h3 {font-size:30px;color:#2D897E;} .public .rcont .content .doctop .wenzi h3 span {font-size:18px;color:#666666;} .public .rcont .content .doctop .wenzi ul {margin-top:30px;} .public .rcont .content .doctop .wenzi ul li {height:30px;line-height:30px;color:#666666;font-size:16px;position:relative;overflow:hidden;} .public .rcont .content .doctop .wenzi ul li span {display: inline-block;width: 5px;height: 5px;border-radius: 5px;background-color: #33998C;margin-right: 10px;margin-bottom: 3px;} .public .rcont .content .docbot {width:100%;position:relative;overflow:hidden;margin-top:30px;} .public .rcont .content .docbot h3 {font-size:24px;color:#2D897E} .public .rcont .content .docbot .docbot_cont {margin-top:30px;width:100%;position:relative;overflow:hidden;line-height:30px;} .public .rcont .content .docbot .docbot_cont p {color:#666666;font-size:16px;} .public .rcont .content .docbot .docbot_cont span {color:#666666;font-size:16px;} .public .rcont .contract {width:100%;position:relative;overflow:hidden;} .public .rcont .contract .neirong {width:100%;position:relative;overflow:hidden;margin-top:30px;} .public .rcont .contract .neirong div {width:calc(100% / 2);float:left;margin-bottom:30px;} .public .rcont .contract .neirong div h3{height:30px;line-height:30px;padding-left:35px;font-size:20px;} .public .rcont .contract .neirong div p{line-height:40px;font-size:18px;} .public .rcont .contract .neirong div.address h3{background:url("../images/contract01.png") no-repeat center left;} .public .rcont .contract .neirong div.tel h3{background:url("../images/contract02.png") no-repeat center left;} .public .rcont .contract .neirong div.time h3{background:url("../images/contract03.png") no-repeat center left;} .public .rcont .contract .neirong div.traffic h3{background:url("../images/contract04.png") no-repeat center left;} .public .rcont .contract .map {width:100%;position:relative;overflow:hidden;height:auto;} .public .rcont .contract .map .contact_map{width:100%;min-height:400px;} .public .rcont .contract .map .contact_map div{width:100%;height:400px;} .public .rcont .rec {width:100%;position:relative;overflow:hidden;} .public .rcont .rec .recruit_info {width:100%;height:auto;position:relative;overflow:hidden;border:1px solid #ddd;margin-top:20px;} .public .rcont .rec .recruit_info .recruit {width:100%;height:auto;position:relative;overflow:hidden;} .public .rcont .rec .recruit_info .recruit .one {width:100%;height:60px;line-height:58px;position:relative;overflow:hidden;background:url("../images/recruit01.png") no-repeat 10px center;border-bottom:1px solid #ddd;cursor:pointer;} .public .rcont .rec .recruit_info .recruit .one h3 {float:left;font-size:24px;margin-left:50px;width:70%;} .public .rcont .rec .recruit_info .recruit .one p {float:left;font-size:14px;} .public .rcont .rec .recruit_info .recruit .one i {float:right;margin-right:20px;} .public .rcont .rec .recruit_info .recruit .one i img {vertical-align: middle;} .public .rcont .rec .recruit_info .recruit.kai .one i img {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;} .public .rcont .rec .recruit_info .recruit .two {width:100%;position:relative;overflow:hidden;padding:20px 0;} .public .rcont .rec .recruit_info .recruit .two ul {position:relative;overflow:hidden;} .public .rcont .rec .recruit_info .recruit .two ul li {position:relative;overflow:hidden;float:left;min-width:108px;margin:10px 15px;text-align:center;border:1px solid #808080;border-radius:5px;padding:5px 20px;color:#808080;} .public .rcont .rec .recruit_info .recruit .three {width:100%;position:relative;overflow:hidden;padding:20px;border-bottom:1px solid #ddd;font-size: 16px;line-height: 36px;} .search_res {width:1180px;margin:0 auto;position:relative;} .search_res .whole_newsNav .bread {width:100%;height:50px;line-height:50px;border-bottom:1px solid #666666;padding-left:15px;background:url("../images/nei01.png") no-repeat left center;} .search_res .whole_newsNav .bread .bread2 {height: 50px;line-height: 50px;font-size: 16px;color: #666;} .search_res .whole_newsNav .bread .bread2 a {color:#666;} .whole_search ul {float:left;} .whole_search ul li {float: left;overflow: hidden;margin-right:10px; } .whole_search input {-webkit-appearance:auto;} .whole_search .select {float:left;} .whole_search .select label input {margin-right: 5px;} .whole_btn {float:left;margin-left:10px;} .whole_btn input[type='submit'] {padding: 0 5px;outline: 0 !important;} .whole_btn input[type='submit']:focus {background-color: #EFEFEF;border:1px solid #999 !important;} .whole_search input[type='text'] {padding-left: 5px;box-sizing: border-box;outline: 0 !important;width:160px;} .whole_search input[type='text']:focus {border:1px solid #999 !important;border-radius: 3px;} .whole_btn input[type='text'].keyboard {margin-right: 10px;width: 240px;} .whole_newsNav .whole_search {width: 1180px;margin: 20px 0;display:block;font-size: 16px !important;color: #303030;} .whole_newsNav .newsnav {border-bottom:0;} .whole_newsNav {border-bottom:1px solid #d2d2d2;} .search-jieguo {color: #666;margin: 20px 0;font-size: 16px;} .search-jieguo strong {color: red;font-size:20px;font-weight:bold;} .news_box li {padding: 20px 0;display: block;border-bottom: 1px dashed #d2d2d2;} .news_box li a {display: block;} .news_box a h3 {font-size: 22px;color: #303030;font-weight: 600;} .news_box a p {color: #666;font-size: 14px;margin: 15px 0;line-height: 30px;} .news_box a i {color:#666 ;font-size: 14px;} /*大于两行的显示省略号*/ .news .list a .text p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news .image-text p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .classroom li p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .science ul li p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .environment .swiper-slide p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .expert-text .position p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .expert-text .pdesc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .zright .swiper a div h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .zright .swiper a div p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .public .rcont .list li a .cont p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .public .rcont .content .prenext a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .public .rcont .list_doc li a .cont .ce p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .public .rcont .content_head h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .expert-text h2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .expert-text p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} @media screen and (max-width:1080px){ .nav .nav-btn {display: block;line-height: 48px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);color: #fff;transition: all .3s ease-out;background:#33998C;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 40px;outline-style: none;pointer-events: all;text-align: center;width: 40px;z-index: 1020;position: fixed;right: 10px;top: 1rem;} .nav-btn-icon {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 17.3px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;} .nav-btn-icon span {-webkit-transform: rotate(0deg);background-color: #fff;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;} .nav-btn-icon span:first-child {-webkit-transform-origin: left center;top: 0;transform-origin: left center;} .nav-open .nav-btn-icon span:first-child {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);} .nav-btn-icon span:nth-child(2) {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;} .nav-open .nav-btn-icon span:nth-child(2) {opacity: 0;width: 0;} .nav-btn-icon span:nth-child(3) {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;} .nav-open .nav-btn-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);} .pc {display:none;} .mob {display:inline-block;} .top {width:100%;height:70px;} .top .logo {width: 100%; height: 70px;position: fixed;top: -17px;box-shadow: 0px 0px 5px #dddddd;background-color: #fff;z-index: 1000;max-width:100%;} .logo img {width: 17rem;margin: 1rem 1rem;} .nav {background: none;height: 0;/*margin-top: 150px;*/} .nav .dropdown {display: block;height:auto;line-height:40px;} .nav .dropdown a {width:60%;display:inline-block;} .nav .dropdown i {display:block;float:right;color:#fff;} .nav .dropdown .a1.kai i {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .nav .dropdown,.nav .dropdown .menunav {width: 100%;text-align:left;} .nav .dropdown a {margin-left:20px;} .nav .dropdown i {margin-right:20px;} .nav .dropdown .menunav {background:#2F8A7F;} .nav .dropdown .menunav a {margin-left:40px;font-size: 14px;} .nav .dropdown.active {background-color: #2D897E;} .nav .nav-level {width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 66px;background: #33998C;z-index:99;display: none;border-top: 1px solid #2D897E;padding-bottom:66px;overflow: auto;} /*.nav .dropdown:hover {border-bottom: 1px solid #3eb8a9;} .nav .dropdown:hover .menunav li {width: 100%;height: 56px;line-height: 56px;background-color: #2D897E;} .nav .dropdown:hover .menunav {display: none;}*/ .form {width: 100%;height: 60px;margin-top: 70px !important;overflow: hidden;} .form input {border-radius: 30px;margin:0px auto;} .form p {display: none;} .swiper-container {width:100%;} .swiper-pointer-events {width:100%;} .main {width:100%;padding:0 10px;} .top .search {width:100%;text-align: center;} .top .search input {margin:12px auto;} .quick {height:auto;} .quick li {width:calc(100% / 4);padding:10px 0 0;height:auto;} .quick li a span img {width:30px;} .quick li a p {font-size:14px;} .cebian {display:none;} .headline h2 {font-size:24px;} .headline span {margin:10 auto;} .headline p {font-size:14px;} .news {margin-top:20px;margin-bottom:20px;} .news .image-text .bd ul li {width:100%;} .news .image-text .bd ul li a {display:block;width:100%;} .news .image-text .bd ul li a img {width:100%;height:auto;} .news .image-text {width:100%;} .news .image-text .more {display:none;} .news .list {width:100%;margin-top:20px;border-top:1px solid #B9B9B9;padding-top:20px;text-align:center;} .news .list .hd li {font-size:20px;height:45px;} .news .list .bd {text-align:left;} .news .list .bd ul li:nth-child(n+3) {display:none;} .news .list .time .ri {font-size:20px;line-height: 30px;} .news .list .more {display:inline-block;} .card-fouth {padding:0 10px;text-align:center;margin-top:30px;} .card-fouth .main {padding:0;} .card-fouth .mainnav {position:relative;overflow:hidden;height:50px;padding:0;line-height: 50px;width:100%;} .card-fouth .mainnav .desc {width:100%;top: 0;left: 0;} .card-fouth .mainnav .desc .industry {width:calc(100% / 3);font-size:18px;text-align:center;float: left;} .case-container {width:100%;height:auto;} .case-panel {width:100%;height:100%;text-align: left;margin-top:20px;} .expert-img {width:100%;height:auto;float:left;} .expert-img img {width:100%;height:auto;} .expert-text {width:100%;position:relative;margin-left:0;margin-top:0;padding:0;} .expert-text h2 {font-size:18px;line-height:30px;height:30px;position:relative;overflow:hidden;} .expert-text h2 span {font-size:16px;padding:0;} .expert-text .position {margin-bottom:0;} .expert-text .position p {font-size: 16px;line-height: 30px;} .expert-text h3 {font-size:18px;line-height:40px;} .expert-text p.pdesc {line-height:30px;position:relative;overflow:hidden;font-size: 16px;} .expert-text a {margin-top: 5px; width: 100px;height: 25px;line-height: 25px;position:relative;} .card-fouth .more {margin: 10px auto; width: 120px;height: 38px;line-height: 38px; background-color: #33998C;border-radius: 5px;text-align: center;display:inline-block;color:#fff;} .zmob {width:100%;} .Department {margin-top:20px;} .Department-main {margin-top:30px;} .Department li {width:calc((100% - 40px) / 4);margin:10px 5px;height:30px;line-height:30px;} .Department li a {font-size:16px;} .Department li:nth-child(n+9):nth-child(-n+23){display:none;} .doctor-hall, .doctor-hall .swiper {margin-top:30px;} .doctor-hall .swiper-slide a {width:100%;} .doctor-hall .swiper-slide a .im img {width:100%;height:auto;} /*.classroom li {width:calc((100% - 20px) / 2);margin:0 5px;} .classroom li a {width:100%;display:block;} .classroom li a .im img {width:100%;height:auto;float:left;} .classroom li p {margin:10px 0;}*/ .science {height:auto;margin-top:20px;} .science .headline {padding-top:30px;} .science ul {margin-top:30px;} .science ul li {width:100%;margin:0;height:auto;margin-bottom:10px;} .science ul li a {padding:10px;} .science ul li img {width:30%;margin:0;height:auto;} .science ul li .text {width:calc(70% - 10px);margin:0;} .science ul li h3 {height:25px;line-height:25px;position:relative;overflow:hidden;font-size: 16px;} .science ul li p {margin-top:0;font-size: 14px;height:40px;line-height:20px;position:relative;overflow:hidden;} .environment .headline {margin-top:30px;} .environment .swiper-slide {margin-top:30px;} .environment .swiper-wrapper {position:relative;} .environment .swiper-slide a {display: inline-block;width: 100%;} .environment .swiper-slide a img {width:100%;height:auto;} .footer {margin-top:30px;height:auto;padding-bottom:80px;} .footer .link {display:none;} .footer .information {display:none;} .footer .informationmob {display:block;} .footer .informationmob .erweima {/*padding:30px 40px 15px;*/position:relative;overflow:hidden;} .footer .informationmob .erweima .line {border-bottom:2px solid #fff;position:relative;overflow:hidden;padding-bottom:20px;width: 90%;margin: 30px auto 0;} .footer .informationmob .erweima .code {width:45%;} .footer .informationmob .erweima .code img {width:100%;} .footer .informationmob .erweima .code p {color:#fff;text-align:center;font-size:12px;} .footer .informationmob .text {text-align:center;color:#fff;line-height:30px;} .footer .informationmob .text p {color:#fff;} .footer .record p.mob {display:block;} .dibumob {display:block;position:fixed;bottom:0;z-index:99;height:75px;background:#207368;width:100%;padding:10px 0;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);} .dibumob ul li {width:calc(100% / 3);text-align:center;float:left;} .dibumob ul li a p {color:#fff;} .public {width:100%;margin:0;} .public .leftnav {width:100%;} .public .leftnav .navnei {width:100%;} .public .leftnav .navnei {width:100%;} .public .leftnav .navnei ul li {width:calc(100% / 4);float:left;text-align:center;border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;border-right:1px solid #E2E2E2;} .public .leftnav .navnei ul li {height:45px;line-height:45px;} .public .leftnav .navnei ul li a {padding:0;} .public .leftnav .navnei ul li.active a {background-image:none;} .public .rcont {width:100%;padding:0 10px;} .public .rcont .list li a .img {width:100%;} .public .rcont .list li a .img img {width:100%;height:auto;} .public .rcont .list li a .cont {width:100%;} .public .rcont .list_img li:nth-child(3n) {margin-right:20px;} .public .rcont .list_img li {width:calc((100% - 20px) / 2);margin:0 20px 20px 0;} .public .rcont .list_img li:nth-child(2n) {margin-right:0;} .public .rcont .list_img li a .cont h2 {height:40px;line-height:40px;} .public .rcont .list_ks li:nth-child(3n) {margin-right:20px;} .public .rcont .list_ks li {width:calc((100% - 20px) / 2);margin:0 20px 20px 0;} .public .rcont .list_ks li:nth-child(2n) {margin-right:0;} .public .rcont .list_ks li a .cont h2 {height:40px;line-height:40px;font-size:16px;} .public .rcont .list_ks li a .img img {width:100%;height:auto;} .public .rcont .list_doc li:nth-child(3n) {margin-right:20px;} .public .rcont .list_doc li {width:calc((100% - 20px) / 2);margin:0 20px 20px 0;} .public .rcont .list_doc li:nth-child(2n) {margin-right:0;} .public .rcont .list_doc li a .cont h2 {height:60px;line-height:60px;} .public .rcont .list_doc li a .img img {width:100%;height:auto;} .public .rcont .content {margin-bottom:0;} .public .rcont .content .kp {margin-top:0;} .public .rcont .content .kp .tj li {width:100%;} .public .rcont .content .kp .tj li a img {width:100%;height:auto;} .public .rcont .content .doc .zj .swiper-slide a img{max-width:100%;} .public .rcont .content .doctop {text-align:center;} .public .rcont .content .doctop .img {width:100%;text-align:center;} .public .rcont .content .doctop .img img {max-width:100%;} .public .rcont .content .doctop .wenzi {width:100%;text-align:left;} .public .rcont .contract .neirong div {width:100%;margin-bottom: 15px;} .public .rcont .contract .neirong div h3 {height:30px;line-height:30px;background-size:24px !important;font-size:22px;padding-left: 30px;} .public .rcont .rec .recruit_info .recruit .one p {display: none;} .public .rcont .rec .recruit_info .recruit .two ul li {min-width: auto;padding: 5px;margin: 10px} .public .rcont .rec .recruit_info .recruit .three{padding:0 10px;} .search_res {width:100%;padding:0 10px;} .whole_newsNav .whole_search {width:100%;} .whole_search ul {width:100%;} .whole_search ul li {width:calc((100% - 20px) / 2);float:left;} .whole_search .select {width:35%;margin-top:10px;} .whole_btn {width:calc(65% - 20px);margin-top:10px;} .whole_btn input[type="text"].keyboard {width:calc(70% - 20px);} .whole_btn input[type="submit"] {width:30%;} .dynamic .headline {margin-top:30px;} } @media screen and (max-width:810px){ .news .image-text .bd ul li a img {height:505px;} .expert-img img {height:209px;} .environment .swiper-slide a img {height:244px;} .public .rcont .list_img li a .img img{width:100%;height:246px;} .public .rcont .list_ks li a .img img {height:246px;} .public .rcont .list_doc li a .img img{height:520px;} .expert-text .position {height:125px;position:relative;overflow:hidden;} } @media screen and (max-width:768px){ .expert-text .position {height:100px;position:relative;overflow:hidden;} .expert-text .position p {font-size: 14px;line-height: 25px;height:25px;position:relative;overflow:hidden;} .expert-text h3 {font-size:16px;line-height:30px;} .expert-text p.pdesc {height:50px;line-height:25px;position:relative;overflow:hidden;font-size: 14px;} .Department li {width:calc((100% - 30px) / 3);margin:10px 5px;height:30px;line-height:30px;} .classroom li {width:100%;margin:0;} .expert-img img {height:auto;} .case-panel .swiper-button-next::after,.case-panel .swiper-button-prev::after{font-size:25px;} } @media screen and (max-width:428px){ .dibumob ul li a img {width:25px;} .news .image-text .bd ul li a img {height:261px;} .expert-img img {height:208px;} .environment .swiper-slide a img {height:261px;} .doctor-hall .swiper-slide a .im img {height:224px;} .public .rcont .list_img li a .img img{height:124px;} .public .rcont .list_ks li a .img img {height:124px;} .public .rcont .list_doc li a .img img{height:262px;} .science ul li img {height:74px;} } @media screen and (max-width:414px){ .news .image-text .bd ul li a img {height:252px;} .expert-img img {height:198px;} .environment .swiper-slide a img {height:252px;} .doctor-hall .swiper-slide a .im img {height:216px;} .public .rcont .list_img li a .img img{height:119px;} .public .rcont .list_ks li a .img img {height:119px;} .public .rcont .list_doc li a .img img{height:252px;} .science ul li img {height:71px;} } @media screen and (max-width:390px){ .news .image-text .bd ul li a img {height:237px;} .expert-img img {height:182px;} .environment .swiper-slide a img {height:227px;} .doctor-hall .swiper-slide a .im img {height:202px;} .public .rcont .list_img li a .img img{height:112px;} .public .rcont .list_ks li a .img img {height:112px;} .public .rcont .list_doc li a .img img{height:236px;} .science ul li img {height:67px;} } @media screen and (max-width:375px){ .news .image-text .bd ul li a img {height:227px;} .expert-img img {height:172px;} .environment .swiper-slide a img {height:227px;} .doctor-hall .swiper-slide a .im img {height:195px;} .public .rcont .list_img li a .img img{height:107px;} .public .rcont .list_ks li a .img img {height:107px;} .public .rcont .list_doc li a .img img{height:226px;} .science ul li img {height:65px;} }