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; }