/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei","Shonar Bangla","Arial" }
input,textarea,button{padding: 0;font-family:"Microsoft YaHei","Shonar Bangla","Arial"}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;}
select,input,textarea,button{vertical-align:middle;outline: none;-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
/*header*/
.header {
width:100%;
}
.header_top {
width:100%;
height:40px;
line-height:40px;
background:#00a5a8;
overflow:hidden;
position:relative;
}
.header_box {
width:1260px;
margin:auto;
position:relative;
}
.header_top_txt {
color:#ffffff;
font-family:SimSun;
font-size:14px;
float:left;
}
.header_top_right {
float:right;
padding-right:180px;
}
.header_top_weibo {
float:left;
width:23px;
margin-right:30px;
}
.header_top_weibo img {
width:100%;
display:block;
margin-top:11px;
}
.header_top_ewm {
float:left;
width:23px;
margin-right:30px;
position:relative;
}
.header_top_ewm img {
width:100%;
display:block;
margin-top:11px;
}
.header_top_ewmimg {
display:none;
width:135px;
height:135px;
position:absolute;
top:0;
right:155px;
z-index:9;
}
.header_top_ewm:hover .header_top_ewmimg {
display:block;
}
.header_top_ewmimg img {
width:100%;
}
.header_top_tel {
position:absolute;
width:520px;
left:1080px;
top:0;
background:#00a5a8 url(../images/tb3.png) 19px center no-repeat;
font-size:18px;
font-family:Arial;
color:#fff;
box-sizing:border-box;
padding-left:54px;
}
.header_menu {
width:100%;
height:90px;
background:#009b9c;
}
.logo {
float:left;
margin-top:15px;
}
.menu {
float:right;
}
.menu li {
float:left;
height:80px;
line-height:80px;
padding-top:10px;
}
.menu li a {
font-size:16px;
color:#fff;
display:block;
padding:0 23px;
transition: all ease .3s;
}
.menu li:hover a {
background:#009b9c;
}
.menu li.on a {
background:#009b9c;
}
/*banner*/
.banner {
width:100%;
position:relative;
}
.banner .bd {
width:100%;
}
.banner .bd .tempWrap {
width:100%!important;
}
.banner .bd li {
width:100%;
}
.banner .bd li a {
width:100%;
display:block;
}
.banner .bd li a img {
width:100%;
}
.banner .prev {
background:url(../images/tb45.png) center center no-repeat;
position:absolute;
z-index:99;
width:18px;
height:33px;
left:100px;
top:45%;
opacity:0.3;
}
.banner .next {
background:url(../images/tb44.png) center center no-repeat;
position:absolute;
z-index:99;
width:18px;
height:33px;
right:100px;
top:45%;
opacity:0.3;
}
.banner .prev:hover, .banner .next:hover {
opacity:1;
}
.banner_search {
position:absolute;
bottom:0;
width:100%;
height:80px;
background:rgba(255,255,255,.5);
}
.search_box {
width:620px;
height:40px;
margin:20px auto;
border-radius:15px;
overflow:hidden;
background:#fff;
box-shadow:0 3px 5px #e8e8e8;
}
.search_box_txt {
width:570px;
height:40px;
float:left;
border:none;
box-sizing:border-box;
padding-left:20px;
font-size:16px;
color:#999;
}
.search_box_button {
width:49px;
height:40px;
background:url(../images/tb5.png) center center no-repeat;
border:none;
}
/*服务内容*/
.index_fwnr {
width:100%;
}
.index_box {
width:1260px;
margin:auto;
padding-top:52px;
position:relative;
}
.title_box {
width:100%;
text-align:center;
position:relative;
z-index:9;
}
.title_box_title1 {
font-size:24px;
color:#009b9c; font-weight:bold;
line-height:38px;
}
.title_box_title2 {
font-size:18px;
line-height:30px;
color:#b7b7b7;
font-family:Arial;
}
.title_box_title3 {
font-size:24px;
color:#fff;
line-height:38px;
}
.title_box_title4 {
font-size:22px;
line-height:30px;
color:#fff;
opacity:0.32;
text-transform:uppercase;
font-family:Arial;
font-weight:initial;
}
.index_fwnr_list {
width:100%;
padding-top:33px;
}
.index_fwnr_list .bd {
width:100%;
height:320px;
}
.index_fwnr_list .bd ul {
height:320px;
}
.index_fwnr_list .bd li {
width:285px;
height:271px;
float:left;
margin-right:40px;
border-bottom:1px solid #e9e9e9;
padding-top:20px;
transition: all ease .3s;
}
.index_fwnr_list .bd li:hover {
height:310px;
padding-top:0;
background:#009b9c;
border-bottom:none;
box-shadow:0 5px 10px 0 #efefef;
}
.fwnr_list_img {
width:285px;
transition: all ease .3s;
}
.fwnr_list_title {
width:100%;
text-align:center;
padding-top:22px;
transition: all ease .3s;
}
.fwnr_list_title p {
font-size:18px;
line-height:32px;
color:#333;
transition: all ease .3s;
}
.fwnr_list_title span {
font-size:12px;
line-height:23px;
color:#999;
}
.index_fwnr_list .bd li:hover .fwnr_list_title p, .index_fwnr_list .bd li:hover .fwnr_list_title span {
color:#eee;
}
.fwnr_list_tb {
width:30px;
height:30px;
margin:auto;
margin-top:13px;
display:none;
transition: all ease .3s;
}
.index_fwnr_list .bd li:hover .fwnr_list_tb {
display:block;
}
.fwnr_list_tb img {
width:30px;
height:30px;
}
.index_fwnr_list .hd {
width:100%;
height:42px;
text-align:center;
margin-top:30px;
padding-bottom:55px;
}
.index_fwnr_list .hd .prev, .index_fwnr_list .hd .next {
width:40px;
height:40px;
border:1px solid #dcdcdc;
margin:0 3px;
display:inline-block;
cursor:pointer;
transition: all ease .3s;
}
.index_fwnr_list .hd .prev {
background:url(../images/tb6.jpg) center center no-repeat;
}
.index_fwnr_list .hd .prev:hover {
background:url(../images/tb6-1.jpg) center center no-repeat;
border:1px solid #4f64ae;
}
.index_fwnr_list .hd .next {
background:url(../images/tb7-1.jpg) center center no-repeat;
}
.index_fwnr_list .hd .next:hover {
background:url(../images/tb7.jpg) center center no-repeat;
border:1px solid #4f64ae;
}
/*医疗团队*/
.index_yltd {
width:100%;
background:#fafafa;
}
.index_yltd_box {
width:100%;
padding-top:24px;
}
.index_yltd_box .bd {
width:860px;
float:left;
}
.index_yltd_box .bd li {
width:100%;
display:table;
}
.yltd_bd_img {
width:310px;
height:550px;
margin-left:13px;
float:left;
}
.yltd_bd_img img {
width:100%;
}
.yltd_bd_txt {
width:537px;
float:left;
padding-top:140px;
padding-left:78px;
box-sizing:border-box;
}
.yltd_bd_title {
font-size:20px;
line-height:24px;
color:#009b9c;
}
.yltd_bd_title span {
font-size:24px;
font-weight:bold;
margin-right:20px;
}
.yltd_bd_title2 {
font-size:18px;
line-height:24px;
color:#009b9c;
margin-top:12px;
margin-bottom:32px;
}
.yltd_bd_xian {
width:80px;
height:1px;
background:#009b9c;
}
.yltd_bd_txts {
font-size:14px;
line-height:36px;
color:#666;
padding-top:18px;
}
.index_yltd_box .hd {
width:375px;
margin-top:135px;
float:right;
position:relative;
}
.index_yltd_box .hd .txt {
font-size:14px;
line-height:24px;
color:#666;
}
.index_yltd_box .hd ul {
width:100%;
margin-left:-5px;
padding-top:22px;
}
.index_yltd_box .hd ul li {
width:116px;
height:116px;
border:2px solid #f2f2f2;
float:left;
margin-left:5px;
margin-bottom:5px;
}
.index_yltd_box .hd ul li.on {
border:2px solid #009b9c;
}
.index_yltd_box .hd .more {
width:118px;
height:118px;
text-align:center;
line-height:118px;
font-family:Arial;
color:#fff;
background:#009b9c;
font-size:14px;
display:block;
position:absolute;
right:6px;
top:173px;
transition:all ease .3s;
}
.index_yltd_box .hd .more:hover {
background:#009b9c;
}
/*就诊流程*/
.index_jzlc {
width:100%;
background:url(../images/tb14.jpg) left 342px repeat-x;
padding-bottom:80px;
}
.index_jzlc_box {
padding-top:42px;
}
/*资讯中心*/
.index_zxzx {
width:100%;
background:url(../images/tb15.jpg) center center no-repeat;
padding-bottom:80px;
}
.index_zxzx_list {
width:100%;
background:url(../images/tb17.jpg) center center repeat-y;
margin-top:50px;
padding-bottom:20px;
}
.index_zxzx_list li {
width:100%;
height:162px;
box-sizing:border-box;
padding:11px 0;
display:table;
background:url(../images/tb18.jpg) center top no-repeat;
transition: all ease .3s;
position:relative;
}
.index_zxzx_list li .time {
font-size:30px;
line-height:36px;
font-family:Arial;
color:#999;
padding-top:27px;
height:86px;
transition: all ease .6s;
position:absolute;
}
.index_zxzx_list li .time span {
font-size:14px;
display:block;
}
.index_zxzx_list li .img {
width:330px;
height:140px;
display:none;
transition: all ease .3s;
}
.index_zxzx_list li .img img {
width:100%;
}
.index_zxzx_list li .txt {
width:500px;
padding-left:58px;
padding-right:72px;
padding-top:20px;
}
.index_zxzx_list li .txt .title {
font-size:18px;
line-height:36px;
color:#000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index_zxzx_list li .txt .txts {
font-size:14px;
line-height:24px;
color:#666;
margin-top:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.index_zxzx_list li.ji .time {
text-align:right;
right:686px;
}
.index_zxzx_list li.ji .img {
float:right;
}
.index_zxzx_list li.ji .txt {
float:right;
}
.index_zxzx_list li.ou .time {
text-align:left;
left:686px;
}
.index_zxzx_list li.ou .img {
float:left;
}
.index_zxzx_list li.ou .txt {
float:left;
}
.index_zxzx_list li:hover {
background:#0e9595;
}
.index_zxzx_list li.ji:hover .time {
color:#fff;
right:1085px;
background:url(../images/tb16.png) bottom right no-repeat;
}
.index_zxzx_list li.ou:hover .time {
color:#fff;
left:1085px;
background:url(../images/tb16.png) bottom left no-repeat;
}
.index_zxzx_list li:hover .img {
display:block;
}
.index_zxzx_list li:hover .txt .title {
color:#fff;
}
.index_zxzx_list li:hover .txt .txts {
color:#fff;
opacity:0.7;
}
.index_zxzx_more {
width:120px;
height:40px;
text-align:center;
line-height:40px;
display:block;
margin:auto;
background:#009b9c;
color:#fff;
font-size:12px;
font-family:Arial;
}
/*机构网络*/
.index_jgwl {
width:100%;
height:755px;
position:relative;
}
.index_jgwl_map {
position:absolute;
top:0;
width:100%;
height:755px;
background:url(../images/img8.jpg) center center no-repeat;
}
.index_jgwl_map_list {
width:340px;
position:absolute;
left:0;
top:165px;
}
.index_jgwl_map_list li {
width:100%;
height:49px;
line-height:49px;
background:#0e9595 url(../images/tb19.png) 310px center no-repeat;
border-top:1px solid #2b7ebf;
border-bottom:1px solid #0f5083;
box-sizing:border-box;
padding-left:20px;
padding-right:30px;
transition: all ease .3s;
}
.index_jgwl_map_list li:hover {
background:#16629d url(../images/tb20.png) 310px center no-repeat;
}
.index_jgwl_map_list li a {
display:block;
color:#fff;
font-size:14px;
}
.index_jgwl_map_add {
position:absolute;
height:31px;
background:url(../images/tb21.png) center bottom no-repeat;
}
.add1 {
left:778px;
top:282px;
}
.add2 {
left:642px;
top:447px;
}
.add3 {
left:764px;
top:544px;
}
.add4 {
left:790px;
top:574px;
}
.add5 {
left:745px;
top:593px;
}
.index_jgwl_map_add span {
padding:0 12px;
height:25px;
line-height:25px;
font-size:14px;
color:#fff;
display:block;
border-radius:12px;
background:#009b9c;
cursor:pointer;
}
.index_jgwl_map_add.on {
background:url(../images/tb22.png) center bottom no-repeat;
}
.index_jgwl_map_add.on span {
background:#418fcc;
}
/*联系我们*/
.index_lxwm {
width:100%;
background:#009b9c;
padding-bottom:60px;
}
.index_lxwm_box {
width:100%;
margin-top:35px;
padding:35px 0;
box-shadow: 0 5px 20px 5px rgba(0,0,0,.2);
}
.index_lxwm_left {
width:630px;
height:320px;
float:left;
border-right:1px solid #1ea4a5;
box-sizing:border-box;
padding-left:60px;
}
.index_lxwm_left .title {
font-size:22px;
line-height:36px;
color:#fff;
padding-top:14px;
margin-bottom:27px;
}
.index_lxwm_left .address {
padding-left:42px;
background:url(../images/tb23.png) left 6px no-repeat;
margin-bottom:18px;
}
.index_lxwm_left .address span {
font-size:20px;
line-height:36px;
font-weight:bold;
font-family:Arial;
color:#fff;
}
.index_lxwm_left .address p {
font-size:14px;
line-height:24px;
color:#fff;
opacity:0.6;
margin-top:3px;
}
.index_lxwm_left .telphone {
padding-left:42px;
background:url(../images/tb24.png) left 6px no-repeat;
margin-bottom:16px;
}
.index_lxwm_left .telphone span {
font-size:20px;
line-height:36px;
font-weight:bold;
font-family:Arial;
color:#fff;
}
.index_lxwm_left .telphone p {
font-size:18px;
line-height:36px;
font-family:Arial;
color:#fff;
opacity:0.6;
margin-top:3px;
}
.index_lxwm_left .email {
padding-left:42px;
background:url(../images/tb25.png) left 6px no-repeat;
}
.index_lxwm_left .email span {
font-size:20px;
line-height:36px;
font-weight:bold;
font-family:Arial;
color:#fff;
}
.index_lxwm_left .email p {
font-size:18px;
line-height:36px;
font-family:Arial;
color:#fff;
opacity:0.6;
margin-top:3px;
}
.index_lxwm_right {
float:left;
width:630px;
height:320px;
border-left:1px solid #009b8b;
padding-left:60px;
padding-top:5px;
box-sizing:border-box;
}
.index_lxwm_right .txt {
width:510px;
height:45px;
border:1px solid rgba(255,255,255,.1);
background:#00a5a8;
border-radius:3px;
box-sizing:border-box;
padding-left:15px;
font-size:14px;
color:#fff;
margin-bottom:15px;
}
.index_lxwm_right .txt::-webkit-input-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .txt:-moz-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .txt::-moz-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .txt:-ms-input-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .text {
width:510px;
height:80px;
border:1px solid rgba(255,255,255,.1);
background:#00a5a8;
border-radius:3px;
box-sizing:border-box;
padding-left:15px;
font-size:14px;
line-height:36px;
color:#fff;
margin-bottom:15px;
}
.index_lxwm_right .text::-webkit-input-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .text:-moz-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .text::-moz-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .text:-ms-input-placeholder {
color: rgba(255,255,255,.6);
}
.index_lxwm_right .button {
width:120px;
height:40px;
border:none;
background:#00a5a8;
text-align:center;
line-height:40px;
font-size:16px;
font-weight:bold;
color:#fff;
}
/*footer*/
.footer {
width:100%;
background:#009b9c;
}
.footer_box {
width:1260px;
margin:auto;
padding-top:52px;
padding-bottom:50px;
}
.footer_box_news {
width:480px;
float:left;
}
.footer_box_news .title {
font-size:20px;
line-height:36px;
color:#fff;
margin-bottom:6px;
}
.footer_box_news .news {
padding:15px 0;
display:table;
}
.footer_box_news .news .img {
width:112px;
float:left;
}
.footer_box_news .news .txt {
width:340px;
float:left;
margin-left:20px;
}
.footer_box_news .news .txt .txt_title {
font-size:16px;
line-height:30px;
color:#fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.footer_box_news .news .txt .txt_txt {
font-size:14px;
line-height:22px;
color:rgba(255,255,255,.5);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.footer_box_fuwu {
float:left;
width:250px;
margin-left:110px;
}
.footer_box_fuwu .title {
font-size:20px;
line-height:36px;
color:#fff;
margin-bottom:22px;
}
.footer_box_fuwu .link {
font-size:14px;
color:#fff;
padding:0 20px;
height:36px;
line-height:34px;
box-sizing:border-box;
border:1px solid rgba(255,255,255,.15);
display:table;
margin-bottom:10px;
}
.footer_box_about {
width:325px;
float:right;
}
.footer_box_about .title {
font-size:20px;
line-height:36px;
color:#fff;
margin-bottom:14px;
}
.footer_box_about .txt {
font-size:14px;
line-height:30px;
color:rgba(255,255,255,.6);
margin-bottom:32px;
}
.footer_box_about .link {
width:120px;
height:40px;
border:none;
background:#0e9595;
text-align:center;
line-height:40px;
font-size:12px;
color:#fff;
display:block;
}
.footer_banquan {
width:100%;
text-align:center;
height:60px;
line-height:60px;
color:#ffffff;
font-size:14px;
background:#069495;
}
.footer_banquan a {
color:#ffffff;
}
/*分享*/
.fenxiang {
width:32px;
height:92px;
background:#00a5a8 url(../images/tb31.png) center 15px no-repeat;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
position:fixed;
z-index:999;
top:50%;
left:0;
font-size:14px;
color:#fff;
line-height:32px;
writing-mode:vertical-rl;
box-sizing:border-box;
padding-top:43px;
}
.fenxiang a {
color:#fff;
}
/*右悬浮*/
.right_fixed {
position:fixed;
right:0;
bottom:0;
z-index:999;
width:50px;
height:250px;
background:url(../images/tb32.png) no-repeat;
}
.right_fixed .gotop {
width:50px;
height:50px;
background:url(../images/tb26.png) center center no-repeat;
}
.right_fixed .tel {
width:50px;
height:50px;
background:url(../images/tb33.jpg) left center repeat-x;
transition:all ease .3s;
position:absolute;
right:0;
top:50px;
}
.right_fixed .tel:hover {
width:200px;
}
.right_fixed .tel a {
display:block;
padding-left:50px;
height:50px;
line-height:50px;
background:url(../images/tb27.png) left center no-repeat;
color:#fff;
}
.right_fixed .weixin {
width:50px;
height:50px;
background:url(../images/tb34.jpg) left center repeat-x;
transition:all ease .3s;
position:absolute;
right:0;
top:100px;
}
.right_fixed .weixin:hover {
width:200px;
}
.right_fixed .weixin a {
display:block;
padding-left:50px;
height:50px;
line-height:50px;
background:url(../images/tb28.png) left center no-repeat;
color:#fff;
}
.right_fixed .qq {
width:50px;
height:50px;
background:url(../images/tb35.jpg) left center repeat-x;
transition:all ease .3s;
position:absolute;
right:0;
top:150px;
}
.right_fixed .qq:hover {
width:200px;
}
.right_fixed .qq a {
display:block;
padding-left:50px;
height:50px;
line-height:50px;
background:url(../images/tb29.png) left center no-repeat;
color:#fff;
}
.right_fixed .hide {
width:50px;
height:50px;
background:url(../images/tb30.png) center center no-repeat;
position:absolute;
bottom:0;
}
/*ny_banner*/
.ny_banner {
width:100%;
}
.ny_banner img {
width:100%;
}
/*ny_address*/
.ny_address {
width:100%;
height:60px;
border-bottom:1px solid #d8d8d8;
}
.ny_address_box {
width:1260px;
margin:auto;
}
.ny_address_list {
width:100%;
}
.ny_address_list li {
height:60px;
line-height:60px;
float:left;
margin-right:20px;
transition: all ease .3s;
}
.ny_address_list li a {
min-width:120px;
box-sizing:border-box;
text-align:center;
padding:0 28px;
font-size:16px;
color:#333;
display:block;
transition: all ease .3s;
}
.ny_address_list li:hover a {
color:#009b9c;
border-bottom:1px solid #009b9c;
}
.ny_address_list li.on a {
color:#009b9c;
border-bottom:1px solid #009b9c;
}
.ny_address2 {
width:100%;
height:49px;
border-bottom:1px solid #eee;
background:#fff;
/*background:#f6f6f6;*/
}
.ny_address_list2 {
width:100%;
}
.ny_address_list2 li {
float:left;
height:48px;
line-height:48px;
border-bottom:1px solid #f6f6f6;
float:left;
}
.ny_address_list2 li a {
display:block;
font-size:16px;
color:#333;
padding:0 24px;
}
.ny_address_list2 li:hover a {
/*color:#fff;
background:#009b9c;
border-bottom:2px solid #2b82c7;*/
color: #009b9c;
/*background: #fff;*/
border-bottom: 1px solid #009b9c;
}
.ny_address_list2 li.on a {
/*color:#fff;
background:#009b9c;
border-bottom:2px solid #2b82c7;*/
color: #009b9c;
/*background: #fff;*/
border-bottom: 1px solid #009b9c;
}
/*ny_content*/
.ny_content {
width:100%;
position:relative;
}
.ny_content_box {
width:1260px;
margin:auto;
position:relative;
padding-top:40px;
}
.about_box {
width:100%;
padding-bottom:50px;
border-bottom:1px solid #e4e4e4;
}
.about_box .left_video {
width:540px;
float:left;
}
.about_box .right_txt {
width:620px;
float:right;
}
.about_box .right_txt .right_txt_logo {
padding-top:20px;
}
.about_box .right_txt .right_txt_title {
font-size:18px;
font-weight:bold;
color:#333;
margin-top:34px;
margin-bottom:19px;
}
.about_box .right_txt .right_txt_txt {
font-size:14px;
line-height:22px;
color:#666;
}
.about_txt {
width:100%;
font-size:14px;
line-height:22px;
color:#666;
padding-top:48px;
padding-bottom:154px;
}
/* 定义关键帧 */
@-webkit-keyframes shade{
from{opacity:1;}
15%{opacity:0.4;}
to{opacity:1;}
}
@-moz-keyframes shade{
from{opacity:1;}
15%{opacity:0.4;}
to{opacity:1;}
}
@-ms-keyframes shade{
from{opacity:1;}
15%{opacity:0.4;}
to{opacity:1;}
}
@-o-keyframes shade{
from{opacity:1;}
15%{opacity:0.4;}
to{opacity:1;}
}
@keyframes shade{
from{opacity:1;}
15%{opacity:0.4;}
to{opacity:1;}
}
/* wrap */
#masonry{
width:auto;
height:auto;
margin:0 auto;
position:relative;
margin-right:-20px;
}
#masonry .box{
width:300px;
height:auto;
border:none;
float:left;
margin-right:20px;
margin-bottom:20px;
cursor:pointer;
}
#masonry .box .info{
width:300px;
height:auto;
background:#f4f4f4;
padding-bottom:16px;
}
#masonry .box .info .pic{
width:300px;
height:auto;
margin:0 auto;
}
#masonry .box .info .pic:hover{
-webkit-animation:shade 3s ease-in-out 1;
-moz-animation:shade 3s ease-in-out 1;
-ms-animation:shade 3s ease-in-out 1;
-o-animation:shade 3s ease-in-out 1;
animation:shade 3s ease-in-out 1;
}
#masonry .box .info .pic img{width:300px;border-radius:3px;}
#masonry .box .info .title{
width:300px;
line-height:24px;
color:#666;
font-size:14px;
margin-top:18px;
padding-left:15px;
box-sizing:border-box;
}
#masonry .box .info .time {
font-size:14px;
line-height:24px;
color:#999;
padding-left:15px;
box-sizing:border-box;
}
/*layer*/
.layui-layer-setwin .layui-layer-close2 {
right: -15px!important;
top: -60px!important;
width: 40px!important;
height: 40px!important;
background:url(../images/tb36.png) center center no-repeat;
z-index:99;
background-position:center!important;
}
.box_content {
width:1040px;
padding:20px;
background:#fff;
}
.box_content_img {
width:100%;
}
.box_content_img img {
width:100%;
}
.box_content_title {
font-size:18px;
line-height:24px;
color:#333;
padding-top:34px;
}
.box_content_title span {
font-size:14px;
color:#999;
margin-left:18px;
}
.box_content_txt {
font-size:14px;
line-height:24px;
color:#999;
margin-top:10px;
}
.about_contact {
width:100%;
}
.about_contact .title {
font-size:18px;
line-height:24px;
color:#333;
}
.about_contact .way {
font-size:14px;
line-height:24px;
color:#666;
margin-top:30px;
}
.about_contact .link {
height:38px;
margin-top:35px;
}
.about_contact .link a {
width:38px;
height:38px;
display:block;
margin-right:10px;
float:left;
background:#b3b3b3;
border-radius:100%;
overflow:hidden;
transition:all ease .3s;
}
.about_contact .link a:hover {
background:#009b9c;
}
.about_contact .link a img {
width:100%;
}
.about_contact .map {
width:100%;
margin-top:50px;
}
.about_contact .map img {
width:100%;
}
.about_contact .table {
width:100%;
border-top:1px solid #e4e4e4;
margin-top:50px;
padding-top:24px;
}
.about_contact .table .title {
font-size:14px;
line-height:24px;
color:#009b9c;
margin-bottom:22px;
}
.about_contact .table .left_box {
width:620px;
float:left;
padding-bottom:6px;
}
.about_contact .table .left_box .left_box_txt {
width:100%;
height:44px;
background:#f5f5f5;
color:#666;
box-sizing:border-box;
padding-left:20px;
border:none;
margin-bottom:24px;
font-size:14px;
}
.about_contact .table .right_box {
width:620px;
float:right;
padding-bottom:6px;
}
.about_contact .table .right_box .right_box_txt {
width:100%;
height:180px;
margin-bottom:24px;
box-sizing:border-box;
padding-left:20px;
font-size:14px;
line-height:24px;
padding-top:10px;
border:none;
background:#f5f5f5;
color:#666;
}
.about_contact .table .button {
width:220px;
height:50px;
box-sizing:border-box;
border:1px solid #17619d;
color:#17619d;
font-size:20px;
text-align:center;
line-height:48px;
margin:auto;
background:no-repeat;
border-radius:25px;
margin:auto;
display:table;
margin-bottom:107px;
}
/*机构网络*/
.jgwl_box {
width:100%;
margin-bottom:40px;
}
.jgwl_box:last-child {
margin-bottom:80px;
}
.jgwl_box .img {
width:630px;
overflow:hidden;
}
.jgwl_box .img img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.jgwl_box:hover .img img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.jgwl_box .txt_box {
width:590px;
}
.jgwl_box .txt_box .title {
font-size:22px;
line-height:44px;
padding:11px 0;
border-bottom:1px solid #eee;
color:#333;
}
.jgwl_box .txt_box .txt {
font-size:14px;
line-height:22px;
color:#666;
}
.jgwl_box .txt_box .txt span {
margin-top:17px;
margin-bottom:8px;
display:block;
}
.jgwl_box .txt_box .txt p {
height:102px;
border-bottom:1px solid #eee;
}
.jgwl_box .txt_box .address {
width:100%;
font-size:14px;
line-height:22px;
color:#666;
padding-top:27px;
}
.jgwl_box .txt_box .address .address_add {
padding-left:34px;
background:url(../images/tb40.png) left 2px no-repeat;
margin-bottom:14px;
}
.jgwl_box .txt_box .address .address_tel {
padding-left:34px;
background:url(../images/tb41.png) left 2px no-repeat;
}
/*医健服务*/
.yjfw_list {
width:100%;
}
.yjfw_list li {
width:100%;
margin-bottom:40px;
display:table;
background:#f6f6f6;
transition: all ease .3s;
}
.yjfw_list li:last-child {
margin-bottom:80px;
}
.yjfw_list li .txt_box {
width:330px;
float:left;
margin-left:40px;
}
.yjfw_list li .txt_box .top_tb {
margin-top:40px;
width:60px;
height:10px;
background:#009b9c;
transition: all ease .3s;
}
.yjfw_list li .txt_box .title {
font-size:24px;
line-height:30px;
color:#333;
margin-top:27px;
margin-bottom:22px;
transition: all ease .3s;
}
.yjfw_list li .txt_box .txt {
font-size:14px;
line-height:22px;
color:#333;
transition: all ease .3s;
}
.yjfw_list li .txt_box .more {
margin-top:26px;
width:120px;
height:36px;
box-sizing:border-box;
border:1px solid #009b9c;
text-align:center;
line-height:34px;
font-size:14px;
color:#999;
border-radius:18px;
transition: all ease .3s;
}
.yjfw_list li .img {
width:840px;
height:300px;
border:10px solid #eee;
float:right;
transition: all ease .3s;
overflow:hidden;
}
.yjfw_list li .img img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.yjfw_list li:hover .img img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.yjfw_list li:hover {
background:#009b9c;
}
.yjfw_list li:hover .txt_box .top_tb {
background:#009b9c;
}
.yjfw_list li:hover .txt_box .title {
color:#fff;
}
.yjfw_list li:hover .txt_box .txt {
color:rgba(255,255,255,.8);
}
.yjfw_list li:hover .txt_box .more {
color:#009b9c;
background:#fff;
border:1px solid #fff;
}
.yjfw_list li:hover .img {
border-color:#009b9c;
}
.yjfw_box {
width:1260px;
margin:auto;
}
.yjfw_box_menu {
width:280px;
float:left;
padding-top:50px;
}
.yjfw_box_menu li {
width:100%;
box-sizing:border-box;
padding-left:30px;
height:36px;
line-height:36px;
margin-bottom:5px;
}
.yjfw_box_menu li a {
font-size:16px;
color:#333;
}
.yjfw_box_menu li:hover {
background:#009b9c;
}
.yjfw_box_menu li:hover a {
color:#fff;
}
.yjfw_box_menu li.on {
background:#009b9c;
}
.yjfw_box_menu li.on a {
color:#fff;
}
.yjfw_box_content {
width:980px;
float:right;
padding-left:60px;
background:url(../images/tb42.png) left top repeat-y;
box-sizing:border-box;
}
.yjfw_box_content .title {
font-size:24px;
line-height:32px;
color:#333;
padding-top:46px;
padding-bottom:22px;
border-bottom:1px solid #e4e4e4;
text-align:center;
}
.yjfw_box_content img{
max-width:100%;
}
.yjfw_box_content .txt {
font-size:14px;
line-height:24px;
color:#666;
padding:24px 10px 100px 10px;
}
/*脊柱侧弯*/
.jzcw_box1 {
width:100%;
padding-bottom:60px;
background:#f8f8f8;
}
.jzcw_box_left {
width:520px;
border:20px solid #fff;
}
.jzcw_box_left img {
width:100%;
}
.jzcw_box_right {
width:620px;
box-sizing:border-box;
padding-right:20px;
}
.jzcw_box_right .title {
font-size:36px;
line-height:40px;
font-weight:bold;
color:#009b9c;
margin-top:190px;
}
.jzcw_box_right .title2 {
font-size:26px;
line-height:40px;
color:#009b9c;
margin-top:5px;
}
.jzcw_box_right .txt {
font-size:14px;
line-height:24px;
color:#333;
margin-top:36px;
}
.jzcw_box_left2 {
width:630px;
box-sizing:border-box;
margin-left:20px;
min-height:660px;
}
.jzcw_box_left2 .title {
font-size:36px;
line-height:40px;
font-weight:bold;
color:#009b9c;
text-transform:uppercase;
margin-top:95px;
}
.jzcw_box_left2 .title2 {
font-size:26px;
line-height:40px;
color:#009b9c;
margin-top:5px;
}
.jzcw_box_left2 .title2 span {
font-size:14px;
height:24px;
line-height:24px;
padding:0 8px;
background:#009b9c;
color:#fff;
display:inline-table;
}
.jzcw_box_left2 .txt {
font-size:14px;
line-height:24px;
color:#333;
margin-top:40px;
}
.jzcw_box_right2 {
width:520px;
border:20px solid #f8f8f8;
position:absolute;
top:-100px;
right:0;
}
.jzcw_box2 {
width:100%;
padding-bottom:110px;
background:#f8f8f8;
}
.jzcw_box2 .top {
text-align:center;
}
.jzcw_box2 .top .title {
font-size:24px;
line-height:30px;
padding:7px 0;
color:#333;
}
.jzcw_box2 .top .tb {
font-size:16px;
color:#fff;
line-height:30px;
display:inline-table;
padding:0 35px;
border-radius:15px;
background:#009b9c;
margin-top:9px;
margin-bottom:35px;
}
.jzcw_box2 .top .txt {
font-size:14px;
line-height:24px;
color:#666;
margin-bottom:56px;
}
.jzcw_box2 .img {
width:600px;
box-shadow:0 3px 10px 5px #ddd;
}
.jzcw_box3 {
width:100%;
}
.jzcw_box3:first-child {
border-bottom:1px solid #e4e4e4;
padding-bottom:40px;
margin-bottom:40px;
}
.jzcw_box3:last-child {
padding-bottom:80px;
}
.jzcw_box3 .t_box {
width:560px;
margin-left:10px;
}
.jzcw_box3 .t_box .title {
font-size:18px;
line-height:34px;
font-weight:bold;
color:#333;
padding-top:20px;
}
.jzcw_box3 .t_box .title2 {
font-size:16px;
line-height:30px;
padding:0 35px;
border-radius:15px;
color:#fff;
background:#297fc2;
display:inline-table;
margin-top:14px;
margin-bottom:25px;
}
.jzcw_box3 .t_box .txt {
font-size:14px;
line-height:24px;
color:#666;
}
.jzcw_box3 .img {
width:560px;
}
.jzcw_box3 .img img {
width:100%;
}
.jzcw_box4 {
width:100%;
background:#f8f8f8;
padding-top:40px;
padding-bottom:20px;
}
.jzcw_box4 .title {
text-align:center;
font-size:24px;
color:#333;
padding:12px 0;
margin-bottom:32px;
}
.jzcw_box4_menu {
width:1260px;
height:58px;
margin:auto;
margin-bottom:42px;
}
.jzcw_box4_menu ul {
margin-left:-15px;
}
.jzcw_box4_menu li {
width:240px;
text-align:center;
font-size:16px;
line-height:24px;
padding:16px 0;
color:#333;
float:left;
border-top:1px solid #999;
border-bottom:1px solid #999;
margin-left:15px;
cursor:pointer;
}
.jzcw_box4_menu li:hover {
color:#009b9c;
border-color:#009b9c;
}
.jzcw_box4_menu li.on {
color:#009b9c;
border-color:#009b9c;
}
.jzcw_box4_list {
width:100%;
}
.jzcw_box4_list .img {
width:100%;
}
.jzcw_box4_list .img img {
width:25%;
display:block;
float:left;
}
.jzcw_box5 {
width:100%;
background:url(../images/tb14.jpg) left 265px repeat-x;
padding-top:40px;
padding-bottom:50px;
}
.jzcw_box5 .jzcw_box5_box {
width:1260px;
margin:auto;
}
.jzcw_box5 .jzcw_box5_box .title {
font-size:24px;
color:#333;
line-height:30px;
padding-top:19px;
margin-bottom:42px;
text-align:center;
}
.jzcw_box5 .jzcw_box5_box .img {
width:100%;
}
.jzcw_box5 .jzcw_box5_box .img img {
width:100%;
}
.yltd_box {
width:1260px;
margin:auto;
}
.yltd_box_title {
width:1260px;
height:60px;
border-bottom:1px solid #d8d8d8;
margin:auto;
}
.yltd_box_title span {
width:150px;
line-height:32px;
padding:19px 0 9px 10px;
border-bottom:1px solid #009b9c;
display:block;
font-size:16px;
color:#009b9c;
}
.yltd_box_list {
width:100%;
height:200px;
margin-top:30px;
margin-bottom:10px;
}
.yltd_box_list:last-child {
margin-bottom:60px;
}
.list_box {
width:200px;
height:200px;
overflow:hidden;
float:left;
margin:0 5px;
position:relative;
}
.list_box .img {
width:100%;
}
.list_box .img img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.list_box:hover .img img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.list_box:hover .hide_txt {
top:0;
}
.hide_txt {
width:200px;
height:200px;
background:rgba(0,148,149,35);
text-align:center;
position:absolute;
z-index:2;
top:200px;
transition: all ease .3s;
}
.hide_txt .title {
font-size:20px;
line-height:24px;
font-weight:bold;
color:#fff;
padding-top:75px;
}
.hide_txt .title span {
font-size:14px;
font-weight:initial;
margin-left:10px;
display:block;
}
.hide_txt .title2 {
font-size:16px;
line-height:24px;
color:#fff;
margin-top:5px;
}
.list_more {
width:200px;
height:200px;
float:left;
margin-left:5px;
background:#009b9c;
text-align:center;
}
.list_more .img {
margin:auto;
padding-top:45px;
margin-bottom:23px;
}
.list_more .txt {
font-size:20px;
line-height:24px;
color:#fff;
}
.yltd_list {
width:100%;
padding:20px 0;
margin:20px 0;
}
.yltd_list:hover {
background:#f8f8f8;
}
.yltd_list_box {
width:1260px;
margin:auto;
}
.yltd_list_img {
width:240px;
height:240px;
box-sizing:border-box;
border:1px solid #d8d8d8;
float:left;
margin-left:5px;
transition:all ease .3s;
overflow:hidden;
}
.yltd_list:hover .yltd_list_img {
border:1px solid #009b9c;
}
.yltd_list_img img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.yltd_list:hover .yltd_list_img img {
-webkit-transform: scale(1.2) ;
-moz-transform: scale(1.2) ;
-ms-transform: scale(1.2);
-o-transform: scale(1.2) ;
transform: scale(1.2);
}
.yltd_list_txt {
width:960px;
float:right;
}
.yltd_list_txt .title {
font-size:20px;
line-height:24px;
font-weight:bold;
color:#333;
margin-top:20px;
}
.yltd_list_txt:hover .title {
color:#009b9c;
}
.yltd_list_txt .title2 {
font-size:18px;
line-height:24px;
color:#333;
margin-top:14px;
}
.yltd_list_txt .txt {
font-size:14px;
color:#666;
line-height:22px;
padding-top:16px;
border-top:1px dashed #d8d8d8;
margin-top:20px;
}
.yltd_list_line {
width:1260px;
height:1px;
margin:auto;
background:#e4e4e4;
}
/*健康新知*/
.jkxz_box {
width:1260px;
margin:auto;
padding-top:20px;
}
.jkzx_list {
width:100%;
}
.jkzx_list li {
width:50%;
float:left;
border-bottom:1px solid #e4e4e4;
padding:30px 0;
display:inline-table;
}
.jkzx_list li .img {
width:220px;
float:left;
overflow:hidden;
}
.jkzx_list li .img img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.jkzx_list li:hover .img img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.jkzx_list li .tbox {
width:360px;
float:left;
margin-left:30px;
}
.jkzx_list li .tbox .title {
font-size:18px;
line-height:30px;
color:#333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition:all ease .3s;
}
.jkzx_list li:hover .tbox .title {
color:#009b9c;
}
.jkzx_list li .tbox .txt {
font-size:14px;
line-height:22px;
color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top:10px;
margin-bottom:22px;
}
.jkzx_list li .tbox .more {
width:80px;
height:30px;
box-sizing:border-box;
border:1px solid #d8d8d8;
text-align:center;
line-height:28px;
font-size:14px;
color:#999;
transition:all ease .5s;
}
.jkzx_list li:hover .tbox .more {
color:#fff;
background:#009b9c;
border-color:#009b9c;
}
.page_list {
width:1260px;
margin:32px auto 46px auto;
text-align:right;
}
.page_list a {
display:inline-block;
box-sizing:border-box;
border:1px solid #d8d8d8;
text-align:center;
line-height:28px;
font-size:14px;
padding:2px 15px;
font-family:SimSun;
color:#888;
margin-left:5px;
}
.page_list a.on {
color:#00a0e9;
border-color:#00a0e9;
}
.page_list a:hover {
color:#00a0e9;
border-color:#00a0e9;
}
.page_list a.frist_page, a.last_page {
width:auto;
padding:0 15px;
}
.page_list a.more_page {
border:none;
}
.jkxz_show_top {
text-align:center;
padding-bottom:17px;
border-bottom:1px solid #f0f0f0;
}
.jkxz_show_top .title {
font-size:20px;
color:#333;
line-height:32px;
padding-top:14px;
font-weight:bold;
}
.jkxz_show_top .label {
font-size:12px;
line-height:20px;
font-family:Arial;
color:#bbb;
margin-top:9px;
}
.jkxz_show_txt {
font-size:14px;
color:#666;
line-height:24px;
padding-top:33px;
}
.jkxz_show_txt img {
max-width:100%;
}
.news_list {
width:100%;
}
.news_list li {
width:100%;
display:inline-table;
margin-bottom:30px;
}
.news_list li .time_box {
width:110px;
height:200px;
padding-right:20px;
background:#009b9c;
text-align:right;
float:left;
color:#fff;
}
.news_list li .time_box .day {
font-size:72px;
line-height:56px;
padding-top:27px;
}
.news_list li .time_box .days {
font-size:14px;
line-height:14px;
margin-top:15px;
}
.news_list li .time_box .label {
font-size:14px;
line-height:14px;
margin-top:7px;
}
.news_list li .time_box .line {
width:6px;
height:1px;
background:#fff;
margin-left:100px;
margin-top:10px;
}
.news_list li .news_img {
width:320px;
height:200px;
overflow:hidden;
float:left;
margin-left:2px;
}
.news_list li .news_img img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.news_list li:hover .news_img img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.news_list li .news_tbox {
width:760px;
height:200px;
box-sizing:border-box;
float:right;
border-bottom:1px dashed #ddd9d9;
}
.news_list li .news_tbox .title {
font-size:20px;
line-height:38px;
color:#4c4545;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_list li:hover .news_tbox .title {
color:#009b9c;
}
.news_list li .news_tbox .txt {
font-size:14px;
color:#938b8b;
line-height:24px;
height:80px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top:12px;
}
.news_list li .news_tbox .label {
margin-top:14px;
display:inline-table;
width:100%;
}
.news_list li .news_tbox .amount {
float:left;
font-size:14px;
color:#009b9c;
}
.news_list li .news_tbox .amount span {
color:#938b8b;
}
.news_list li .news_tbox .more {
width:104px;
height:36px;
box-sizing:border-box;
border:1px solid #ccc;
text-align:center;
line-height:34px;
font-size:14px;
color:#009b9c;
float:right;
}
/*加入康睿士*/
.contact_tbox {
width:100%;
font-size:14px;
line-height:24px;
color:#666;
padding-top:15px;
padding-bottom:55px;
border-bottom:1px solid #d8d8d8;
}
.job_box {
width:100%;
padding-top:50px;
padding-bottom:70px;
}
.job_box_txt {
width:600px;
float:left;
font-size:14px;
line-height:26px;
color:#999;
}
.job_box_img {
width:500px;
float:right;
}
.job_box_img img {
width:100%;
}
.search_boxs {
width:1260px;
margin:auto;
padding-top:30px;
}
.search_num {
font-size:16px;
line-height:28px;
color:#666;
}
.search_list {
width:100%;
padding-top:46px;
}
.search_list li {
width:100%;
border-bottom:1px dashed #c4c4c4;
padding-bottom:25px;
margin-bottom:28px;
}
.search_list .title {
font-size:20px;
line-height:24px;
color:#333;
}
.search_list .txt {
font-size:14px;
line-height:24px;
color:#aaa;
margin-top:13px;
}
.search_list .ways {
font-size:14px;
line-height:24px;
color:#aaa;
margin-top:10px;
}
.padding0{
padding: 0;
padding-bottom: 25px;
color: #fff;
}
.padding0 a{
color: #fff;
}
.content_left{
margin-top: 5px;
float: left;
}
.content_right{
margin-top: 5px;
float: right;
}
.content_left a,.content_right a{
color: #000000;
}