html, body {
font-family: "microsoft yahei", "pingfang sc";
}
input, button {
font-family: "microsoft yahei", "pingfang sc";
}
.xy-header {
height: 75px;
}
.xy-header-small {
height: 75px;
border-bottom: 1px solid #d9d9d9;
box-sizing: border-box;
}
.xy-header-content {
width: 1180px;
height: 75px;
margin: 0 auto;
}
.xy-header-content-small {
width: 1180px;
height: 75px;
margin: 0 auto;
}
.xy-logo {
float: left;
width:60px;
height:30px;
background: url(/uploads/image/si/index_logo.png) no-repeat;
margin-top: 23px;
background-size:100% 100%;
}
.xy-header-list {
float: right;
height: 75px;
line-height: 75px;
position: relative;
}
.xy-header-content-small .xy-header-list{
height: 75px;
line-height: 75px;
}
.xy-header-list li {
float: left;
font-size: 16px;
margin-left: 38px;
}
.xy-header-content-small .xy-header-list li{
font-size: 16px;
}
.xy-header-list li a:hover {
color: #754ab6;
}
.xy-header-active{
color: #754ab6;
}
.xy-header-list li a {
color: #666666;
}
.xy-header-active a{
color: #754ab6!important;
}
.xy-banner {
margin-bottom: 48px;
}
.swiper-container {
width: 100%;
height: 100%;
cursor: pointer;
}
.swipercontainernext {
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide img {
width: 100%;
}
/* #swipermar {
bottom: 100px;
} */
.swiperpage {
position: absolute;
z-index: 10;
text-align: center;
}
.swipercontainernext .swiper-slide {
padding-top: 90px;
width: 980px !important;
height: 270px;
padding-left: 200px;
}
.swipercontainernext .swiper-pagination-bullet {
background: none;
border: 1px solid #333;
}
.swipercontainernext .swiper-pagination-bullet-active {
background: #333;
position: static;
opacity: 0.2 !important;
}
.swiper-button-prev, .swiper-button-next {
display: none;
}
.swipercontainernext:hover .swiper-button-prev {
display: block;
}
.swipercontainernext:hover .swiper-button-next {
display: block;
}
.swipercontainernext .swiper-slide img {
width:180px;
height:180px;
float: left;
margin-right: 60px;
border-radius: 50%;
}
.swipercontainernext .swiper-slide div {
float: left;
}
.swipercontainernext .swiper-slide h1 {
font-size:28px;
color: #333333;
padding-top: 30px;
padding-bottom: 30px;
}
.swipercontainernext .swiper-slide p {
width:556px;
font-size:14px;
color: #666666;
line-height:26px;
}
.swipercontainernext .swiperpage {
bottom: 30px;
}
.swiper-slide {
}
.swiper-pagination-bullet {
opacity: 0.3;
}
.swiper-pagination-bullet-active {
background: #ffffff;
border: 4px solid rgba(0, 0, 0, 0.3);
position: relative;
top: 3px;
opacity: 1 !important;
}
.xy-selectbox {
height: 84px;
margin-bottom: 48px;
}
.xy-selectbox-content {
height: 44px;
width: 1140px;
padding: 20px;
margin: 0 auto;
border: 1px solid #d9d9d9;
background:rgba(255,255,255,1);
border-radius: 6px;
box-shadow:7px 0px 16px rgba(69,69,69,0.12);
}
.xy-select-unified {
width: 280px;
height: 45px;
cursor: pointer;
margin-right: 20px;
border-right: 1px solid rgba(217,217,217,1);
float: left;
position: relative;
}
.xy-select-city {
}
.cityitem {
position: absolute;
z-index: 100;
background: #ffffff;
width: 280px;
height: auto;
left: -21px;
top: 75px;
border-radius: 4px;
border: 1px solid #d9d9d9;
box-shadow:1px 0px 43px rgba(69,69,69,0.12);
display: none;
}
.cityitem ul li {
width: 260px;
height: 40px;
line-height: 40px;
padding-left: 20px;
}
.cityitem ul li:hover {
background: #f4f2f7;
color: #754ab6;
}
.xy-select-unified p{
font-size:14px;
color:rgba(102,102,102,1);
margin-bottom: 14px;
}
.xy-select-unified span{
font-size:16px;
color:rgba(51,51,51,1);
}
.xy-select-unified i {
float: right;
width:10px;
height:5px;
margin-right: 22px;
margin-top: -8px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: -2px 0;
background-size: 60px;
}
.xy-select-mode {
}
.xy-select-search {
float: right;
width: 530px;
height: 45px;
line-height: 45px;
}
.search-input i {
display: inline-block;
width:16px;
height:15px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: 0 -15px;
position: relative;
top: 5px;
margin-right: 8px;
background-size: 60px;
}
.search-input {
float: left;
width: 270px;
}
.search-input input {
width:240px;
font-size:14px;
border: none;
background: #ffffff;
color: #666666;
height: 30px;
line-height: 30px;
}
.search-icon {
float: left;
cursor: pointer;
width:26px;
margin-left: 144px;
margin-top: 7px;
height:33px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: -26px 0px;
background-size: 60px;
transition: opacity .5s;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
}
.search-icon:hover {
opacity: 0.8;
}
.xy-select-search button {
float: right;
width:70px;
height: 45px;
background:rgba(144,107,200,1);
border: none;
font-size:16px;
cursor: pointer;
color:rgba(255,255,255,1);
border-radius: 4px;
/* box-shadow:4px 0px 16px rgba(69,69,69,0.4); */
/* box-shadow:4px 0px 16px #969696;opera��ie9 */
transition: opacity .5s;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
}
.xy-select-search button:hover {
opacity: 0.8;
}
.xy-home {
height: 585px;
background: rgba(244,244,244,1);
padding-top: 85px;
}
.xy-home-content {
position: relative;
height: 500px;
width: 1180px;
margin: 0 auto;
}
.xy-home-left {
float: left;
width:880px;
height:500px;
border-radius: 4px;
position: relative;
cursor: pointer;
overflow: hidden;
}
.xy-home-left img{
position: absolute;
width:880px;
height:500px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.xy-room-left:hover #xy-more {
color: #754ab6;
}
.xy-room-left:hover #xy-more span{
background-position: 1px -51px;
}
.xy-home-left:hover a {
color: #754ab6;
}
.xy-home-left:hover a span{
background-position: 1px -51px;
}
.xy-home-left h1 {
font-size: 28px;
position: relative;
color: #333333;
margin-top: 110px;
margin-left: 80px;
}
.xy-home-left:hover img {
transform: scale(1.2);
}
.xy-home-left p {
width:257px;
height:40px;
position: relative;
font-size:14px;
color: #666666;
line-height:26px;
margin-top: 28px;
margin-left: 80px;
}
.xy-room-left p {
width: 348px;
}
.xy-home-left a {
font-size:16px;
position: relative;
color: #333333;
padding-top: 105px;
padding-left: 80px;
display: block;
}
.xy-home-left a span {
display: inline-block;
width: 16px;
height: 12px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: 1px -35px;
background-size: 60px;
}
.xy-home-right {
float: right;
width:280px;
height:500px;
}
.xy-home-right p{
width:280px;
height:240px;
border-radius: 4px;
overflow: hidden;
background: url(/uploads/image/si/index_home_img2.png) no-repeat;
}
#room-item-parent {
display: block;
width: 230px;
height: 194px;
overflow: hidden;
}
#room-item-parent>span {
display: block;
width: 230px;
height: 300px;
transition: transform .5s;
-moz-transition: transform .5s;
-webkit-transition: transform .5s;
-o-transition: transform .5s;
}
#room-item-parent>span:hover {
-moz-transform: translate(0, -80px);
-webkit-transform: translate(0, -80px);
-o-transform: translate(0, -80px);
-ms-transform: translate(0, -80px);
transform: translate(0, -80px);
}
.xy-home-right p>span {
float: left;
width: 230px;
height: 194px;
cursor: pointer;
background: rgba(255,255,255, 0.85);
border-radius: 2px;
margin-top: 23px;
margin-left: 25px;
}
#room-item-parent a {
display: block;
width:100px;
height:30px;
border-radius: 4px;
background: #906bc8;
color: #fff;
font-size:14px;
text-align: center;
line-height: 30px;
margin-top: 45px;
margin-left: 65px;
}
.xy-home-right p>span b {
display: block;
font-size: 14px;
text-align: center;
color: #666666;
line-height: 24px;
padding-top: 40px;
}
.home-title-item {
display: block;
color: #999999;
padding-top: 30px;
text-align: center;
font-size:12px;
}
.home-title-next {
display: block;
color: #333333;
padding-top: 12px;
text-align: center;
font-size:18px;
}
#home-img-bottom {
margin-top: 20px;
background: url(/uploads/image/si/index_home_img3.png) no-repeat;
}
.xy-anchor {
position: absolute;
top: 0;
overflow: hidden;
left: 50%;
margin-left: -655px;
width:44px;
height:343px;
background:rgba(255,255,255,1);
border-radius: 3px;
z-index: 10;
box-shadow:7px 0px 16px rgba(69,69,69,0.12);
}
.xy-anchor li {
width: 88px;
cursor: pointer;
height: 42px;
border-bottom: 1px solid #d9d9d9;
transition: transform .5s;
-moz-transition: transform .5s;
-webkit-transition: transform .5s;
-o-transition: transform .5s;
}
.xy-anchor li span {
display: inline-block;
width: 24px;
height: 24px;
margin-top: 10px;
margin-left: 10px;
}
.xy-anchor li .xiangyuhome {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 0;
background-size:100%;
}
.xy-anchor li:hover {
-moz-transform: translate(-44px);
-webkit-transform: translate(-44px);
-o-transform: translate(-44px);
-ms-transform: translate(-44px);
transform: translate(-44px);
}
.xy-anchor li b {
float: right;
height: 32px;
line-height: 12px;
text-align: center;
padding-top: 10px;
width: 44px;
background: #906bc8;
color: #fff;
font-size: 12px;
}
.xy-anchor li .xiangyuroom {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -31px;
background-size:100%;
}
.xy-anchor li .xiangyupark {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -62px;
background-size:100%;
}
.xy-anchor li .xiangyuinn {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -95px;
background-size:100%;
}
.xy-anchor li .xiangyuyezhu {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -129px;
background-size:100%;
}
.xy-anchor li .xinyongzufang {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -159px;
background-size:100%;
}
.xy-anchor li .xiangyuweixiu {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -192px;
background-size:100%;
}
.xy-anchor li .xiangyulife {
background: url(/uploads/image/si/index_nav_icon.png) no-repeat;
background-position: 0 -226px;
background-size:100%;
}
.xy-add {
position: absolute;
bottom: 0;
right: 50%;
margin-right: -654px;
z-index: 60;
width:44px;
height:131px;
background:rgba(103,90,105,1);
border-radius: 4px;
cursor: pointer;
box-shadow:7px 0px 16px rgba(69,69,69,0.12);
}
.xy-add li{
width:44px;
height: 45px;
border-bottom: 1px solid rgba(255,255,255,0.2);
position: relative;
}
.xy-add li span {
display: inline-block;
width: 24px;
height: 24px;
margin-top: 12px;
margin-left: 12px;
background: url(/uploads/image/si/index_float_icon.png) no-repeat;
background-position: 0 0;
background-size: 92px;
}
.xy-add li:nth-child(2) span {
background: url(/uploads/image/si/index_float_icon.png) no-repeat;
background-position: -36px 0;
background-size: 92px;
}
.xy-add li:nth-child(3) span {
background: url(/uploads/image/si/index_float_icon.png) no-repeat;
background-position: -70px 0;
background-size: 92px;
margin-top: 6px;
}
.xy-add li .xy-code{
display: none;
width: 80px;
height: 80px;
background: url(/uploads/image/si/code_app.png) no-repeat;
background-size:100%;
position: absolute;
top: 0;
right: 44px;
}
.xy-code-more{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
height: 160px;
z-index: 50;
display: none;
}
.xy-code-main{
width: 1180px;
margin:0 auto;
position: relative;
}
.xy-code-phone{
width: 190px;
height: 224px;
position: absolute;
top: -55px;
left: 224px;
}
.xy-code-text{
position: absolute;
top: 52px;
left: 465px;
}
.xy-code-text dt{
font-size:24px;
color:rgba(51,51,51,1);
}
.xy-code-text dd{
font-size:16px;
color:rgba(153,153,153,1);
margin-top: 19px;
}
.xy-code-code{
position: absolute;
width: 120px;
height: 120px;
right: 269px;
top: 20px;
}
.xy-code-close{
position: absolute;
width: 14px;
height: 14px;
top: 20px;
right: 225px;
cursor: pointer;
z-index: 99999
}
.xy-edit-mask{
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: none;
}
.xy-editmask-main{
width:380px;
height:560px;
padding: 65px 60px;
background:rgba(244,244,244,1);
border-radius:4px;
position: absolute;
left: 50%;
margin-left: -250px;
top: 50%;
margin-top: -318px;
}
.xy-editmask-main h3{
font-size:30px;
color:rgba(51,51,51,1);
line-height:20px;
text-align: center;
}
.xy-editmask-main textarea{
width:360px;
height:219px;
padding: 10px;
line-height: 21px;
background:rgba(255,255,255,1);
border-radius:4px;
border: 1px solid #d9d9d9;
box-shadow:7px 0px 16px rgba(69,69,69,0);
margin-top: 33px;
}
.xy-editmask-main input{
width:360px;
height:40px;
background:rgba(255,255,255,1);
border-radius:4px;
margin-top: 20px;
border: 1px solid #d9d9d9;
line-height: 40px;
padding: 0 10px;
}
.xy-editmask-main button{
width:378px;
height:55px;
background:rgba(144,107,200,1);
border-radius:4px;
box-shadow:4px 0px 16px rgba(69,69,69,0.4);
font-size:20px;
color:rgba(255,255,255,1);
text-align: center;
line-height: 55px;
margin-top: 34px;
border: none;
cursor: pointer;
}
.xy-edit-close{
width: 14px;
height: 14px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#border-no {
border: none;
}
.xy-room {
height: 585px;
padding-top: 85px;
}
.xy-room-content {
height: 500px;
width: 1180px;
margin: 0 auto;
}
.xy-room-left {
float: right;
background: url(/uploads/image/si/index_room_img3.png) no-repeat;
}
.xy-room-right {
float: left;
}
.xy-room-right .home-img-bottom {
background: url(/uploads/image/si/index_room_img2.png) no-repeat;
}
.xy-park {
height: 755px;
background: url(/uploads/image/si/index_park_banner.png) no-repeat;
}
.xy-park-content {
height: 755px;
width: 1180px;
text-align: center;
margin: 0 auto;
}
.xy-park-content h1 {
font-size:28px;
text-align: center;
padding-top: 87px;
color: #fff;
}
.xy-park-content>p {
font-size:14px;
text-align: center;
padding-top: 24px;
padding-bottom: 69px;
color:rgba(255,255,255,1);
}
.park-show li {
float: left;
width: 280px;
overflow: hidden;
height: 380px;
margin-right: 20px;
border-radius: 4px;
background: rgba(255,255,255,0.2);
}
.park-show-cont {
width: 260px;
padding-top: 23px;
padding-left: 20px;
height: 123px;
background: #fff;
text-align:left;
}
.park-show-cont span {
color: #1e1e1e;
font-size: 20px;
font-weight: bold;
}
.park-show-cont i {
display: inline-block;
width:34px;
height:19px;
background: #f89144;
color: #fff;
font-size:12px;
text-align: center;
line-height: 19px;
position: relative;
top: -2px;
}
.park-show-cont p {
color: #699780;
margin-top: 13px;
margin-bottom: 30px;
font-size:14px;
}
.park-show li:nth-child(2) .park-show-cont p {
color: #9a6c38;
}
.park-show li:nth-child(3) .park-show-cont p {
color: #4f7f95;
}
.park-show li:nth-child(4) .park-show-cont p {
color: #9e5971;
}
.park-show li:nth-child(4) .park-show-cont i {
background: #4eb8f2;
}
.park-show-cont h3 {
font-size:18px;
font-weight: bold;
}
.park-show-cont h3 b {
font-size:14px;
}
.park-show li>p {
font-size: 14px;
color: #fff;
padding-top: 18px;
text-align: center;
}
.park-img-parent {
width:280px;
height:184px;
overflow: hidden;
}
.park-show li img {
width:280px;
height:184px;
cursor: pointer;
transition: all 1s;
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
-o-transition: transform 1s;
}
.park-show li img:hover {
transform: scale(1.2);
}
#margin-no {
margin: 0;
}
.xy-park-content>a {
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
display: inline-block;
width:140px;
height:50px;
border: 1px solid #fff;
font-size:16px;
color: #fff;
text-align: center;
line-height: 50px;
border-radius: 4px;
margin-top: 50px;
}
.xy-park-content>a:hover {
background: #fff;
opacity: 0.8;
color: #8d4a63;
}
.xy-inn {
height: 482px;
background: #f4f4f4;
padding-top: 80px;
}
.xy-inn-content {
height: 398px;
width: 1180px;
margin: 0 auto;
background: #fff;
border-radius: 4px;
overflow: hidden;
}
.inn-img-parent {
overflow: hidden;
width: 600px;
float: left;
margin-right: 2px;
height: 398px;
}
.inn-img-parent>img {
width: 600px;
height: 398px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.inn-img2-parent img {
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.inn-img2-parent>img:hover {
transform: scale(1.2);
}
.inn-img-parent>img:hover {
transform: scale(1.2);
}
.inn-left {
width: 298px;
height: 398px;
float: left;
}
#img-margin {
margin-top: 2px;
}
.inn-img2-parent {
width:298px;
height:198px;
overflow: hidden;
}
.inn-left img {
width:298px;
height:198px;
}
.inn-introduce {
float: left;
margin-left: 38px;
padding-top: 60px;
}
.inn-introduce h1 {
font-size:28px;
color: #333333;
padding-bottom: 30px;
}
.inn-introduce p {
width: 171px;
line-height: 26px;
font-size:14px;
color: #666666;
margin-bottom: 115px;
}
.inn-introduce a {
font-size:16px;
color: #333333;
}
.xy-owner {
width:100%;
padding:80px 0;
background:#fff;
}
.xy-owner-content {
width: 1180px;
margin: 0 auto;
height:520px;
background:rgba(244,244,244,1);
border-radius:4px;
}
.xy-owner-content h1 {
padding-top: 65px;
font-size:40px;
color: #ffffff;
margin-bottom: 27px;
}
.xy-ownerfl{
float:left;
width:236px;
padding:80px 60px;
overflow: hidden;
}
.xy-ownerfl-tit{
font-size:28px;
font-weight:400;
color:#333;
}
.xy-ownerfl-text{
margin-top:40px;
}
.xy-ownerfl-text,.xy-ownerfl-list li{
font-size:14px;
font-weight:400;
color:#666;
}
.xy-ownerfl-list{
margin-top:32px;
}
.xy-ownerfl-list li{
margin-top:16px;
list-style: disc;
margin-left:20px;
}
.xy-owner-btn{
margin-top: 122px;
}
.lx-ow-ban-btn2{
float:left;
width: 110px;
height: 50px;
background: #ffb24b;
border: 1px solid #ffffff;
font-size: 16px;
color: #fff;
cursor: pointer;
border-radius: 4px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
.lx-ow-ban-btn2:hover {
opacity: 0.8;
}
#btn-detail {
float:right;
background: none;
color:rgba(255,178,75,1);
display: inline-block;
width:108px;
height:48px;
text-align: center;
line-height: 50px;
background: none;
border: 1px solid rgba(255,178,75,1);
font-size: 16px;
position: relative;
top: 0;
cursor: pointer;
border-radius: 4px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
#btn-detail:hover {
background: rgba(255,178,75,1);
color: #fff;
opacity: 0.8;
}
#btn-detail:hover a{
color: #fff;
}
.xy-ownerfr{
float:right;
width:824px;
}
.xy-ownerfrimg-small{
width:340px;
margin-right:4px;
float:left;
}
.xy-ownerfrimg-small img{
width:340px;
height:258px;
}
.xy-ownerfrimg-small img:last-child{
margin-top:4px;
}
.xy-ownerfrimg-big{
float:right;
}
.xy-ownerfrimg-big,.xy-ownerfrimg-big img{
display:block;
width:480px;
height:520px;
}
.owner-btn button{
width:110px;
height:50px;
background:#ffffff;
border: 1px solid #ffffff;
font-size: 16px;
color: #ffb24b;
cursor: pointer;
border-radius: 4px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
.owner-btn button:nth-child(1):hover {
opacity: 0.8;
}
.owner-btn a:hover {
opacity: 0.8;
}
.xy-credit {
height: auto;
}
.xy-credit-content {
width: 1180px;
height: auto;
margin: 0 auto;
padding-top: 80px;
padding-bottom: 80px;
/*padding-left: 130px;*/
}
.xy-credit-content h1 {
text-align: center;
font-size: 28px;
margin-bottom: 25px;
color: #333333;
}
.xy-credit-content p {
text-align: center;
font-size: 14px;
margin-bottom: 66px;
color: #666666;
}
.credit-item li {
float: left;
width: 245px;
height: 120px;
margin-left: 110px;
margin-bottom: 50px;
text-align: center;
}
#xy-more {
font-size: 16px;
color: #333333;
display: block;
}
#xy-more:hover span{
background-position: 1px -51px;
}
#xy-more:hover {
color: #754ab6;
}
#xy-more span {
display: inline-block;
width: 16px;
height: 12px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: 1px -35px;
background-size:60px;
}
.credit-item li b {
width: 52px;
display: block;
margin-left: 95px;
height: 52px;
text-align: center;
background: url(/uploads/image/si/index_owner_icon.png) no-repeat;
background-size: 172px;
}
.credit-item li:nth-child(2) b {
background: url(/uploads/image/si/index_owner_icon.png) no-repeat;
background-position: -63px 0px;
background-size: 172px;
}
.credit-item li:nth-child(3) b {
background: url(/uploads/image/si/index_owner_icon.png) no-repeat;
background-position: -122px 0px;
background-size: 172px;
}
.credit-item li:nth-child(4) b {
background: url(/uploads/image/si/index_owner_icon.png) no-repeat;
background-position: 0 -65px;
background-size: 172px;
}
.credit-item li:nth-child(5) b {
background: url(/uploads/image/si/index_owner_icon.png) no-repeat;
background-position: -63px -62px;
background-size: 172px;
}
.credit-item li:nth-child(6) b {
background: url(/uploads/image/si/index_owner_icon.png) no-repeat;
background-position: -122px -65px;
background-size: 172px;
}
.credit-item li p {
font-size: 18px;
color: #313638;
padding-top:18px;
padding-bottom: 15px;
margin: 0;
}
.xy-credit-content>a {
clear: both;
font-size: 16px;
text-align: center;
display: block;
color: #333333;
}
.xy-repair {
height: 360px;
background: #f4f4f4;
}
.xy-repair-content {
height: 360px;
background: #f4f4f4;
width: 1180px;
margin: 0 auto;
overflow: hidden;
}
.xy-life {
/*height: 700px;*/
}
.xy-life-content {
height: 700px;
width: 1180px;
margin: 0 auto;
padding-top: 80px;
padding-bottom: 80px;
}
.xy-life-content h1 {
font-size:28px;
color:#333333;
text-align: center;
margin-bottom: 25px;
}
.xy-life-content p {
text-align: center;
font-size: 14px;
margin-bottom: 50px;
color: #666666;
}
.life-active {
width: 1180px;
height: 285px;
margin-bottom: 15px;
position: relative;
}
.life-active #life_font_btn {
position: absolute;
top: 25px;
left: 30px;
padding:0 10px;
border: none;
height: 38px;
z-index: 10;
background: #ffffff;
opacity: 0.85;
border-radius: 2px;
line-height: 38px;
color: #000;
font-family: "microsoft yahei";
}
.active-item li{
position: relative;
float: left;
width:380px;
height:285px;
margin-right: 20px;
}
.active-item li #life_font_btn {
top: 20px;
}
.lifeitem-swiper h2 {
font-size: 20px;
padding-top:200px;
padding-left: 30px;
color: #ffffff;
}
.lifeitem-swiper h3 {
font-size: 14px;
padding-left: 30px;
color: #ffffff;
}
.xy-footer {
height: 393px;
background: url(/uploads/image/si/index_footer_bg.png) no-repeat;
}
.xy-footer-content {
height: 393px;
width: 1180px;
margin: 0 auto;
}
.footer-title {
width: 1180px;
height: 74px;
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-bottom: 27px;
}
.footer-title p {
float: left;
width:47px;
margin-top: 26px;
height:23px;
background: url(/uploads/image/si/footer_logo.png) no-repeat;
background-size: 100%;
}
.footer-link-item {
float: right;
height: 74px;
line-height: 74px;
}
.footer-link-item li {
float: left;
font-size:16px;
margin-left: 36px;
}
.footer-link-item li a {
color: #fff;
}
.xy-footer-container {
height: 155px;
width: 1180px;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.xy-footer-address {
float: left;
height: 150px;
}
.xy-footer-address li {
margin-bottom: 20px;
}
.xy-footer-address li span{
font-size:16px;
color: #dcdcdc;
margin-right: 30px;
}
.xy-footer-address li b{
font-size:14px;
color: #dcdcdc;
}
.xy-phone {
margin-bottom: 37px !important;
}
.swiper-slide h2 {
position: absolute;
top: 0;
}
.swiper-slide h3 {
position: relative;
top: -50px;
}
.xy-phone span {
float: left;
width:34px;
height:34px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: -25px -38px;
background-size: 60px;
}
.xy-phone b {
font-size:30px !important;
font-family:roboto-medium;
color: #fff;
}
.life-active ul {
padding-top: 15px;
}
.life-swiper div {
}
.swiper-slide {
overflow: hidden;
}
.life-swiper img {
width: 1180px;
height: 285px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.life-swiper img:hover {
transform: scale(1.2);
}
.life-swiper div h2 {
font-size:50px;
color: #fff;
padding-top: 177px;
padding-left: 30px;
}
.life-swiper div h3 {
font-size: 16px;
color: #fff;
padding-top: 15px;
padding-left: 30px;
}
.lifeitem-swiper img {
width: 380px;
height: 285px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.lifeitem-swiper .swiper-slide:hover img {
transform: scale(1.2);
}
.lifeitem-swiper div {
border-radius: 4px;
}
.active-item li:nth-child(1) .lifeitem-swiper div {
background: url(/uploads/image/si/index_life_img2.png) no-repeat;
}
.active-item li:nth-child(2) .lifeitem-swiper div {
background: url(/uploads/image/si/index_life_img3.png) no-repeat;
}
.active-item li:nth-child(3) .lifeitem-swiper div {
background: url(/uploads/image/si/index_life_img4.png) no-repeat;
}
.xy-footer-code {
float: right;
}
.xy-footer-code li {
float: left;
margin-left: 70px;
}
.xy-footer-code li:nth-last-child(1) {
margin-left: 55px;
}
.xy-footer-code li img {
margin-bottom: 18px;
width: 80px;
height: 80px;
background:#fff;
}
.xy-footer-code li p {
font-size: 16px;
color: #dcdcdc;
text-align: center;
}
.alipay {
position: relative;
left: -5px;
}
.xy-item {
clear: both;
width: 1180px;
height: 44px;
padding: 20px 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.xy-item span {
font-size: 16px;
color: #dcdcdc;
}
.xy-item ul {
float: right;
width: 1090px;
height: 44px;
}
.xy-item ul li {
float: left;
font-size: 14px;
margin-right: 32px;
padding-bottom: 15px;
}
.xy-item ul li a {
color: #dcdcdc;
}
.xy-copyright {
display: block;
clear: both;
padding-top:43px;
font-size: 12px;
color: #797979;
}
.swipercontainernext2 .swiper-pagination {
position: absolute;
width: 10%;
left: auto;
bottom: 10%;
right: 0 !important;
}
.swipercontainernext2 .swiper-pagination span {
width: 20px;
height: 4px;
border-radius: 0;
border: none;
}
.swipercontainernext2 .swiper-pagination .swiper-pagination-bullet-active {
position: static;
}
.swiperparent .swiper-pagination {
position: absolute;
width: 135px;
bottom: 15px;
}
.swiperparent .swiper-pagination span {
width: 20px;
height: 4px;
border-radius: 0;
border: none;
}
.swiperparent .swiper-pagination .swiper-pagination-bullet-active {
position: static;
}
.swipercontainernext2 {
border-radius: 4px;
overflow: hidden;
}
.park-clicktab{
width: 20px;
height: 70px;
display: inline-block;
text-align: center;
cursor: pointer;
}
.park-choice-icon{
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #999;
display: inline-block;
vertical-align: middle;
}
.park-choice-iconact{
border-left: 4px solid transparent!important;
border-right: 4px solid transparent!important;
border-bottom: 5px solid #8262bb;
border-top: none;
}
.park-more{
position: absolute;
width: 180px;
border: 1px solid #d9d9d9;
border-radius: 3px;
left: 294px;
top: 60px;
background: #fff;
z-index: 200;
cursor: pointer;
display: none;
}
.park-more p{
line-height: 40px;
height: 40px;
background: #fff;
/* width: 150px; */
margin:0;
padding-left: 28px;
}
.park-more p:hover{
background: rgba(144,107,200,0.1);
color: #754ab6;
width: 150px;
}
.park-more p a{
color: #666666!important;
}
.park-more p:hover a{
color: #754ab6!important;
}
input::-webkit-input-placeholder{
color: #9e9e9e;
}
input::-moz-placeholder{ /* mozilla firefox 19 */
color: #000;
}
input:-moz-placeholder{ /* mozilla firefox 4 to 18 */
color: #000;
}
input:-ms-input-placeholder{ /* internet explorer 10-11 */
color: #9e9e9e;
font-family: "microsoft yahei";
}
input::-ms-clear{display:none;}
.nfooter-con {
height: auto;
background: url(/uploads/image/si/index_footer_bg.png) no-repeat;
}
.n-footer{
width: 1180px;
margin:0 auto;
}
.n-footer-address{
padding-top: 50px;
}
.n-footeradd-text{
float:left;
}
.n-footeradd-text ul{
margin-right:49px;
float:left;
}
.n-footeradd-text li a{
display:inline-block;
}
.n-footeradd-text li{
opacity:0.6;
color:rgba(220,220,220,1);
}
.n-footeradd-text li,.n-footeradd-text li a{
font-size:14px;
font-weight:400;
color:rgba(220,220,220,1);
line-height:30px;
}
.n-footeradd-text li:first-child{
font-size:18px;
font-weight:500;
color:rgba(255,255,255,1);
line-height:20px;
margin-bottom:20px;
opacity:1;
}
.n-footerphone span{
width: 34px;
height: 34px;
background: url(/uploads/image/si/index_icon.png) no-repeat;
background-position: -25px -38px;
background-size: 60px;
margin-right: 17px;
float:left;
}
.n-footerphone b{
font-size: 30px !important;
font-family: roboto-medium;
color: #fff;
}
.n-footerphone{
float:right;
}
.n-footer-copyright{
border-top:1px solid rgba(255,255,255,0.2);
margin-top:20px;
padding:30px 0;
}
.n-footercopy-logo{
width:95px;
height:37px;
background: url(/uploads/image/si/footerlogo.png) no-repeat;
background-size: contain;
float:left;
}
.n-footercopy-text{
float:left;
margin-left:19px;
}
.n-footercopy-text span{
font-size:12px;
font-weight:300;
color:rgba(121,121,121,1);
display:block;
}
.n-footercopy-text span:last-child{
margin-top:12px;
}
.xy-banner{
position: relative;
}
#change{
overflow: hidden;
width:100%;
height:100%;
position: relative;
}
.xy-bannerimg{
float:left;
}
.xy-bannerimg img{
width:100%;
}
.pliceicon {
margin-right: 5px;
position: relative;
top: -2px
}
.item-a {
color: #969696
}
.silder-box{position:relative;margin:0 auto ;}
.silder{margin:0 auto 0;}
.silder li{width:280px;height:380px;}
.silder-button{top:173px;width:34px;height:66px;position:absolute;cursor:pointer;}
.silder-button.btl{left:-50px;background:url(/uploads/image/si/indexprev.png);background-size: 100% 100%;}
.silder-button.btr{right:-50px;background:url(/uploads/image/si/indexnext.png);background-size: 100% 100%;}
.newparkbox{
float: left;
width: 280px;
overflow: hidden;
height: 380px;
margin-right: 20px;
border-radius: 4px;
background: rgba(255,255,255,0.2);
}
.newparkbox>p {
font-size: 14px;
color: #fff;
padding-top: 18px;
text-align: left;
padding-left:20px;
}
.park-show-cont p.newcol1{
color: #9a6c38;
}
.park-show-cont p.newcol2{
color: #4f7f95;
}
.park-show-cont p.newcol3{
color: #9e5971;
}
.park-show-cont p.newcol4{
color:#5461a0
}
.park-show-cont i.hzbjcol{
background:#4eb8f2;
}
.park-show-cont i.njbjcol{
background:#d05dd7;
}
.report:hover {
color: #999 !important;
}