/*
* Swiper 2.7.6
* Mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/sliders/swiper/
*
* Copyright 2010-2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under GPL & MIT
*
* Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
margin:0 auto;
position:relative;
overflow:hidden;
direction:ltr;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-wrapper{
}
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
height: auto !important;
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}
/*//////home_swiper*/
.home_swiper{
height: auto !important;
}
.home_swiper .swiper-wrapper{
height: auto !important;
}
.home-slide{
position: relative;
width: 100%;
height: auto !important;
}
.home-slide .title{
position: absolute;
width: 100%;
text-align: center;
top: 45%;
left: 0;
transform: translateY(-50%);
color: #ffffff;
margin-top: -15px;
}
.home-slide .title h1{
font-size: 56px;
font-weight: bold;
}
.home-slide .title .text{
font-size: 32px;
font-family: "Myriad Pro";
letter-spacing: 10px;
margin-top: 18px;
}
.home_pagination{
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
z-index: 22;
}
.home_pagination .swiper-pagination-switch{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #ffffff;
margin: 0 10px;
vertical-align: middle;
cursor: pointer;
}
.home_pagination .swiper-pagination-switch.swiper-active-switch{
width: 16px;
height: 16px;
background-color: #dea124;
}
.details_swiper{
height: 418px;
}
.details_swiper .swiper-wrapper{
max-width: 80px;
}
.details_swiper .swiper-wrapper .swiper-slide{
max-width: 80px;
cursor: pointer;
}
.details_swiper .swiper-wrapper .swiper-slide .img-wrap{
margin: 10px 0;
border: 1px solid #ccc;
}
.details_swiper .swiper-wrapper .swiper-slide:hover .img-wrap{
border: 1px solid #dca227;
}
.details_swiper .swiper-wrapper .swiper-slide img{
width: 100%;
}
.details_swiper2 .swiper-wrapper{
height: auto !important;
}
/*会员礼é‡*/
.courtesy_swiper .swiper-slide, .courtesy_swiper .swiper-wrapper{
height: auto !important;
}
.courtesy_pagination{
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
left: 0;
z-index: 2;
}
.courtesy_pagination .swiper-pagination-switch{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #ffffff;
margin: 0 10px;
vertical-align: middle;
cursor: pointer;
}
.courtesy_pagination .swiper-pagination-switch.swiper-active-switch{
width: 16px;
height: 16px;
background: #dea124;
}
.courtesy-arrow-left, .courtesy-arrow-right{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
font-size: 30px;
display: none;
}
.courtesy-arrow-left{
left: 10px;
}
.courtesy-arrow-right{
right: 10px;
}
.details_swiper_up, .details_swiper_down{
text-align: center;
position: absolute;
left: 0;
width: 100%;
border: 1px solid #ccc;
cursor: pointer;
}
.details_swiper_up:hover, .details_swiper_down:hover{
background: #DEA124;
border: 1px solid #DEA124;
}
.details_swiper_up:hover i, .details_swiper_down:hover i{
color: #ffffff;
}
.details_swiper_down{
bottom: 0;
}
.details_swiper_up{
top: 0;
}
.details-left-arrow, .details-right-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 5;
}
.details-left-arrow i, .details-right-arrow i{
font-size: 50px;
}
.details-left-arrow{
left: 0px;
}
.details-right-arrow{
right: 0px;
}
.details_swiper .swiper-slide.active .img-wrap{
border: 1px solid #dca227;
}
@media (max-width: 1200px){
.home-slide .title h1{
font-size: 48px;
}
}
@media (max-width: 1200px){
.home-slide .title h1{
font-size: 36px;
}
}
@media (max-width: 992px){
.banner#carousel-985449{
height: auto;
overflow: auto;
}
.banner#carousel-985449 img{
position: static;
height: auto;
transform: none;
width: 100%;
}
}
@media (max-width: 768px) {
.home_pagination .swiper-pagination-switch.swiper-active-switch{
width: 9px;
height: 9px;
}
.home_pagination .swiper-pagination-switch{
width: 8px;
height: 8px;
margin: 0 6px;
}
}
@media (max-width: 662px){
.home-slide .title h1{
font-size: 32px;
}
}
@media (max-width: 500px) {
.home-slide .title h1{
font-size: 28px;
}
}
@media (max-width: 400px) {
.home-slide .title h1{
font-size: 26px;
}
}