html,body{
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
* {
margin: 0;
padding: 0;
box-sizing: content-box;}
img {
display: block;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
}
.height_auto{
height: auto !important;
}
.video{
width: 1200px;
height: 638px;
margin: 0 auto;
}
#my-video{
width: 100%;
height: 80%;
}
.fu_wu_pdf{
width: 98%;
margin: 0 auto ;
display: flex;
align-items: center;
height: 80px;
}
.fu_wu_pdf div:nth-child(1){
width: 90%;
height: 80px;
display: flex;
align-items: center;
}
.fu_wu_pdf a{
color: #333;
font-size: 20px;
}
.fu_wu_pdf a:active{
color: #3AB26F;
text-decoration: underline !important;
}
.fu_wu_pdf img{
width: 32px;
height: 32px;
margin-left: 20px;
}
#bead-house1 {
width: 100vw;
height: 100%;
}
.yi_img{
display: flex;
flex-wrap: wrap;
height: auto !important;
}
.yi_img div{
width: 33%;
}
.yi_jia{
color: #444;
margin-bottom: 40px;
margin-top: 40px;
text-align: center;
}
.zhong_img{
display:flex ;
justify-content: center;
align-items: center;
margin-bottom: 100px;
margin-top: 20px;
}
.zhong_img div{
width: 200px;
}
.zhong_jie{
margin-top: 15px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: bold;
color: rgba(51, 51, 51, 1);
line-height: 26px;
padding: 32px 0 28px;
}
.jian-jie{
white-space: normal;
font-size: 18px;
line-height: 38px;
text-align: justify;
}
.zhong_img div img{
width: 95px;
height: 95px;
}
header{
width: 100vw;
height: 543px;
position: relative;
display: flex;
justify-content: center;
}
/* header轮播开始 */
/* 没有头部轮播的top位置 */
#top{
top: 0;
}
.header .swiper-container{
display: none;
}
.play{
width: 1200px;
height: 423px;
margin:0 auto;
position: relative;
top: 120px;
overflow:hidden ;}
.play .images{width: 100%; height: 423px;position: absolute;}
.play li{width: 1200px;height: 423px;display: block;float: left;}
.play li img{width: 1200px;height: 423px;}
.play .pageImage{
width:84px;
height:30px;
background:rgba(255,255,255,0.2);
border-radius:4px;
position: absolute;
bottom: 5%;
left:50%;
transform:translateX(-50%);
display: flex;
justify-content: space-around;
align-items: center;
}
.play .pageImage li{
width:16px;
height:8px;
background:rgba(255,255,255,1);
border-radius:2px;}
.play span{
display: block;
width:60px;
height:60px;
background:rgba(255,255,255,0.2);
border-radius:4px;
font-size:48px;
text-align: center;
color:rgba(255,255,255,1);
line-height:60px;
position: absolute;
transform:translateY(-50%);
top:50%;
display: block;}
.play span:hover{
color:rgba(0,147,65,1);
}
.play span.prev{left:4%;}
.play span.next{right:4%;}
.play .pageImage li.active-dian{background:#009341;}
/* header轮播结束 */
/* header导航部分start */
.head{
width: 100vw;
height: 120px;
margin-top: 46px;
position: absolute;
background:rgba(255,255,255,1);
}
.header_main {
width: 1200px;
height: 100%;
margin: 0 auto;
left: calc((100vw - 1200px)/2);
z-index: 9;
}
#bead-house1 .items_nav img:last-child{
display: none;
}
.items_nav {
width: 1200px;
height: 120px;
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 26px;
font-weight: bold;
}
.items_nav .items {
flex: 1;
height: 120px;
margin-left: 132px;
display: flex;
justify-items: flex-start;
align-items: center;
}
.items_nav .items>.item {
height: 60px;
float: left;
position: relative;
}
.item1{
padding-right: 16px;
}
.items_nav .items .item>.Jump {
display:block;
font-size: 18px;
height: 20px;
margin-top: 20px;
line-height: 20px;
padding-right: 36px;
font-weight: bold;
display: inline-block;
display: flex;
align-content: center;
}
.items_nav .item>a:hover {
color: #009341;
}
.items_nav .items_n {
width: 120px;
background: #3AB26F;
display:none;
position: absolute;
top: 60px;
left: -20px;
}
.items_nav .items_n-2 {
width: 243px;
position: absolute;
top: 0px;
left: 121px;
background: #3AB26F;
display:none;
}
.items_nav .items_n-2 li,
.items_nav .items_n li {
height: 55px;
line-height: 55px;
}
.items_nav .items_n-2 li:hover,
.items_nav .items_n li:hover {
background: #009341;
color: #fff;
}
.items_nav .items_n-2 li a,
.items_nav .items_n li a {
color: #ffff;
height: 55px;
line-height: 55px;
display: block;
text-align: center;
font-weight: bold;
}
/* header导航部分end */
/* 主体中间部分start */
.main {
width: 100vw;
height: 100%;
background: #FFFFFF;
}
/* 仁愛護老中心有限公司 start */
.introduce{
width: 1200px;
height: 520px;
margin: 180px auto 101px;
background:rgba(251,251,251,1)
}
.mobile_title{
display: none;
}
.introduce_left{
width:500px;
height:500px;
float: left;
margin: 40px 50px 40px 43px;
}
.introduce_right{
width:543px;
height:450px;
float: right;
margin:44px 64px 86px 0;
}
.introduce_right p:nth-child(1){
height:48px;
font-size:48px;
font-weight:bold;
text-align: center;
color:rgba(0,147,65,1);
line-height:46px;
}
.introduce_right p:nth-child(2){
height:20px;
font-size:24px;
color:rgba(187,212,0,1);
line-height:20px;
padding: 15px 0 47px 0 ;
}
.info_introduce{
width:543px;
height:320px;
font-size:18px;
color:rgba(51,51,51,1);
line-height:26px;
}
.info_introduce pre{
white-space: normal;
margin-top: 38px;
line-height: 38px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
}
.main .info_introduce span{
display: none;
}
.introduce_left>img{
width:500px;
height:430px;
}
/* 仁愛護老中心有限公司 end */
/* 環境一覽 start */
.main .product {
width: 1200px;
height: 100%;
margin: 0 auto;
}
.main .product>.product_title {
text-align: center;
width: 100%;
height: 152px;
margin-bottom: 14px;
}
.main .product_title>h1 {
color: #009341;
font-size: 48px;
box-sizing: border-box;
}
.main .product_title>p {
color: #BBD400;
font-size: 24px;
margin-top: 20px;
box-sizing: border-box;
}
/*環境一覽 轮播 start */
.product #info {
width: 1220px;
height: 714px;
margin: 0 auto;
position: relative;
}
.product #info .swiper-wrapper {
width: 1220px;
height: 734px;
padding: 10px;
box-sizing: border-box;
display: flex;
}
.product #info>.swiper-container .swiper-slide,.product #info .swiper-slide>.items,.product #info .link_branch{
width: 380px;
height: 500px;
background: rgba(255, 255, 255, 1);
display: block;
box-sizing: border-box;
}
.swiper-li1>img {
width: 380px;
height: 340px;
}
.swiper-li1 {
width: 380px;
height: 340px;
}
.swiper-li2 {
width: 380px;
height: 84px;
box-sizing: border-box;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: bold;
color: rgba(51, 51, 51, 1);
line-height: 26px;
text-align: center;
padding: 32px 0 28px;
}
.blank_swiper1{
min-width:360px !important;
height:120px;
display: flex;
justify-content: center;
align-items: center;
}
.blank_swiper{
min-width:360px !important;
height:132px;
display: flex;
justify-content: center;
align-items: center;
}
.blank_swiper a{
display:inline-block;
width: 80% !important;
height: 40px;
color: #fff;
background-color: #069543;
text-align: center;
line-height: 40px;
color: #fff;
margin: 0 auto;
font-size: 18px;
}
.blank_swiper1 a{
width: 80% !important;
height: 40px;
color: #fff;
background-color: #069543;
text-align: center;
line-height: 40px;
color: #fff;
margin: 0 auto;
font-size: 18px;
}
.swiper-li4 {
width: 380px;
height: 30px;
box-sizing: border-box;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: bold;
color: rgba(51, 51, 51, 1);
line-height: 30px;
text-align: center;
margin-bottom: 20px;
}
.swiper-li3 {
width: 380px;
height: 76px;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
box-sizing: border-box;
color: rgba(51, 51, 51, 1);
line-height: 26px;
padding: 0 34px 32px 34px;
}
.swiper-li3>pre {
white-space: pre-wrap;
text-align: center;
}
.product #info .swiper-slide>.link_branch:hover {
box-shadow: 0px 4px 19px 0px rgba(178, 178, 178, 0.18);
cursor: pointer;
}
.my-bullet {
display: inline-block;
width: 120px;
height: 4px;
border: 4px;
background: rgba(246, 246, 246, 1);
position: relative;
margin: 0 2px;
border-radius: 2px;
}
.my-bullet-active {
background: rgba(0, 0, 0, 1);
opacity: 1;
}
.product #info .swiper-pagination {
bottom: 152px;
}
.product #info .swiper-button-disabled {
display: none;
}
.product #info .swiper-container .hide {
opacity: 0;
}
.product #info .swiper-button-next,
.product #info .swiper-button-prev {
transition: opacity 0.5s;
}
.product #info .swiper-button-next {
width: 60px !important;
height: 60px;
background: rgba(0, 147, 65, 1);
border-radius: 4px;
right: -90px;
top: 202px;
}
.product #info .swiper-button-prev::after,
.product #info .swiper-button-next::after {
font-size: 28px;
color: rgba(255, 255, 255, 1);
}
.product #info .swiper-button-prev {
width: 60px !important;
height: 60px;
background: rgba(0, 147, 65, 1);
border-radius: 4px;
left: -90px;
top: 202px;
}
/*環境一覽 轮播 end */
/* 環境一覽 end */
/* 院舍服務 start */
.service,.active{
width: 1200px;
height: 100%;
margin: 0 auto;
}
.service-title,.active-title{
width: 1200px;
height: 87px;
text-align: center;
}
.service-title>p:nth-child(1),.active-title>p:nth-child(1){
height:47px;
font-size:48px;
font-weight:bold;
color:rgba(0,147,65,1);
line-height:47px;
}
.service-title>p:nth-child(2),.active-title>p:nth-child(2){
height: 20px;
font-size:24px;
color:rgba(187,212,0,1);
line-height:20px;
margin-top: 20px;
}
.service-info{
width: 100%;
height: 500px;
box-sizing: content-box;
padding: 115px 0 106px;
display: flex;
justify-content: space-between;
}
.service-items{
width: 380px;
height: 500px;
border:1px solid rgba(229,229,229,1);
position: relative;
box-sizing: border-box;
}
.service-items img{
position: absolute;
left: calc((380px - 129px)/2);
top: -74px;
}
.service-items p{
height:24px;
font-size:24px;
color:rgba(51,51,51,1);
line-height:26px;
padding: 118px 0 25px;
text-align: center;
}
.service-items pre{
width:325px;
font-size:18px;
margin: 0 auto ;
color:rgba(51,51,51,1);
line-height:36px;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 院舍服務 end */
/* 院舍活動 start */
.active-title>p:nth-child(2)>a{
display: none;
}
.main .active-life-mobile{
display: none;
}
.active-life{
width: 100%;
height: 460px;
margin: 51px 0 123px;
background:rgba(251,251,251,1);
display: flex;
justify-content: flex-start;
}
.active-titleBar{
width: 600px;
height: 460px;
padding: 22px 50px 22px 40px;
box-sizing: border-box;
float: left;
}
.active-titleBar>p{
width: 100%;
height:18px;
font-size:18px;
color:rgba(51,51,51,1);
line-height:18px;
padding: 16px 0;
}
.active-titleBar .active-a{
display: inline-block;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
}
/* .active-titleBar>p:nth-child(2n){
padding: 30px 0 31px;
} */
.active-a:hover{
text-decoration: underline;
}
.active-titleBar span{
display: inline-block;
flex: 1;
text-align: right;
}
.active-image{
width: 600px;
height: 460px;
justify-self: flex-end;
}
.active-image img{
width: 100%;
height: 100%;
}
.active-address{
width: 1200px;
height: 460px;
margin: 0 auto 98px;
}
.active-map{
width: 580px;
height: 100%;
float: left;
}
.active-map {
box-sizing: content-box;
border: 10px solid #bcbcbc;
}
.active-map img{
width: 100%;
height: 100%;
}
.address-info{
width: 560px;
height: 100%;
padding-left: 60px;
float: right;
}
.Contact-information{
width: 100%;
height: 284px;
padding: 32px 0 85px;
box-sizing: border-box;
}
.traffic{
width: 100%;
height: auto;
padding-bottom: 44px;
box-sizing: border-box;
}
.information-title{
height:25px;
font-size:24px;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:25px;
}
.information-info{
/* width: 100%;
height: 125px;
margin-top: 22px;
font-size:18px;
display: block;
color:rgba(51,51,51,1);
line-height:26px;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis; */
}
.traffic-title{
height:24px;
font-size:24px;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:26px;
}
.traffic-info{
/* height:86px;
font-size:18px;
margin-top: 22px;
color:rgba(51,51,51,1);
line-height:26px;
white-space: pre-wrap; */
}
.traffic-info span{
display: inline-block;
padding-top: 8px;
}
.traffic-info-mobile{
display: none;
}
/* 院舍活動 结束 */