/* Swiper slider */

        .sc1 {
            width:1220px;
            margin:0;
            padding:0 0 65px 0;
            position:relative;
            overflow: hidden;
            z-index:1;
        }

        .sw1 {
            position: relative;
            width:1140px;
            margin:0 auto;
            padding:0;
            height:100%;
            z-index: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            float:left;
        }

        .sc2 {
            width:1220px;
            margin:0;
            padding:67px 0 65px 0;
            position:relative;
            overflow: hidden;
            z-index:1;
        }

        .sw2 {
            position: relative;
            width:1140px;
            margin:0 auto;
            padding:0;
            height:100%;
            z-index: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            float:left;
        }

        .swiper-slide {
            -webkit-flex-shrink: 0;
            -ms-flex: 0 0 auto;
            flex-shrink: 0;
            width:100%;
            height:100%;
            position:relative;
        }

            @media all and (max-width: 1240px) {
                .sc1 {
                    width:1140px;
                    margin:0;
                    padding:0 0 65px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw1 {
                    position: relative;
                    width:1140px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .sc2 {
                    width:1140px;
                    margin:0;
                    padding:67px 0 65px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw2 {
                    position: relative;
                    width:1140px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .swiper-slide {
                    -webkit-flex-shrink: 0;
                    -ms-flex: 0 0 auto;
                    flex-shrink: 0;
                    width:100%;
                    height:100%;
                    position:relative;
                }
            }

            @media all and (max-width: 1160px) {
                .sc1 {
                    width:1000px;
                    margin:0;
                    padding:0 0 65px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw1 {
                    position: relative;
                    width:1000px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .sc2 {
                    width:1000px;
                    margin:0;
                    padding:67px 0 65px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw2 {
                    position: relative;
                    width:1000px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .swiper-slide {
                    -webkit-flex-shrink: 0;
                    -ms-flex: 0 0 auto;
                    flex-shrink: 0;
                    width:100%;
                    height:100%;
                    position:relative;
                }
            }

            @media all and (max-width: 1020px) {
                .sc1 {
                    width:700px;
                    margin:0;
                    padding:0 0 65px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw1 {
                    position: relative;
                    width:700px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .sc2 {
                    width:700px;
                    margin:0;
                    padding:67px 0 100px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw2 {
                    position: relative;
                    width:700px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .swiper-slide {
                    -webkit-flex-shrink: 0;
                    -ms-flex: 0 0 auto;
                    flex-shrink: 0;
                    width:100%;
                    height:100%;
                    position:relative;
                }
            }

            @media all and (max-width: 730px) {
                .sc1 {
                    width:340px;
                    margin:0 0 0 -1px;
                    padding:0 0 65px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw1 {
                    position: relative;
                    width:340px;
                    margin:0 auto;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .sw1 .swiper-slide {
                    -webkit-flex-shrink: 0;
                    -ms-flex: 0 0 auto;
                    flex-shrink: 0;
                    width:100%;
                    height:100%;
                    position:relative;
                }

                .sc2 {
                    width:340px;
                    margin:0 0 0 -1px;
                    padding:67px 0 100px 0;
                    position:relative;
                    overflow: hidden;
                    z-index:1;
                }

                .sw2 {
                    position: relative;
                    width:340px;
                    margin:0;
                    padding:0;
                    height:100%;
                    z-index: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -ms-transition-property: -ms-transform;
                    transition-property: transform;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    float:left;
                }

                .sw2 .swiper-slide {
                    -webkit-flex-shrink: 0;
                    -ms-flex: 0 0 auto;
                    flex-shrink: 0;
                    width:340px;
                    margin:0;
                    height:100%;
                    position:relative;
                }
            }

        .swiper-container-no-flexbox .swiper-slide {
            float:left;
        }

        .swiper-container-vertical > .swiper-wrapper {
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

        .swiper-container-android .swiper-slide,
        .swiper-wrapper {
            -webkit-transform: translate3d(0px, 0, 0);
            -moz-transform: translate3d(0px, 0, 0);
            -o-transform: translate(0px, 0px);
            -ms-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
        }

        .swiper-container-multirow > .swiper-wrapper {
            -webkit-box-lines: multiple;
            -moz-box-lines: multiple;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .swiper-container-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;
        }

/* Auto Height */

        .swiper-container-autoheight,
        .swiper-container-autoheight .swiper-slide {
          height:auto;
        }

        .swiper-container-autoheight .swiper-wrapper {
          -webkit-box-align: start;
          -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start;
          -webkit-transition-property: -webkit-transform, height;
          -moz-transition-property: -moz-transform;
          -o-transition-property: -o-transform;
          -ms-transition-property: -ms-transform;
          transition-property: transform, height;
        }

/* Prev + Next */

        .swiper-button-prev {
            position:absolute;
            padding:0;
            width:70px;
            height:70px;
            background:url('../images/7.png') no-repeat center center #ffffff;
            z-index:10;
            cursor:pointer;
            display:block;
            -moz-box-shadow: 0 10px 30px 0 rgba(62,64,70,0.14);
            -webkit-box-shadow: 0 10px 30px 0 rgba(62,64,70,0.14);
            box-shadow: 0 10px 30px 0 rgba(62,64,70,0.14);
            border-radius:100px;
            -webkit-border-radius:100px;
            -moz-border-radius:100px;
            -khtml-border-radius:100px;
        }

        .swiper-button-next {
            position:absolute;
            padding:0;
            width:70px;
            height:70px;
            background:url('../images/8.png') no-repeat center center #ffffff;
            z-index:10;
            cursor:pointer;
            display:block;
            -moz-box-shadow: 0 10px 30px 0 rgba(62,64,70,0.14);
            -webkit-box-shadow: 0 10px 30px 0 rgba(62,64,70,0.14);
            box-shadow: 0 10px 30px 0 rgba(62,64,70,0.14);
            border-radius:100px;
            -webkit-border-radius:100px;
            -moz-border-radius:100px;
            -khtml-border-radius:100px;
        }

        .sc1 .swiper-button-prev {  top:200px;  left:5px;  margin:0;  }
        .sc1 .swiper-button-next {  top:200px;  right:5px;  margin:0;  }

        .sc2 .swiper-button-prev {  top:45%;  left:5px;  margin:0;  }
        .sc2 .swiper-button-next {  top:45%;  right:5px;  margin:0;  }

        .swiper-button-prev:hover {  left:0;  }
        .swiper-button-next:hover {  right:0;  }

            @media all and (max-width: 1020px) {
                .sc1 .swiper-button-prev {  top:415px;  left:50%;  margin:0 0 0 -100px;  }
                .sc1 .swiper-button-next {  top:415px;  right:50%;  margin:0 -100px 0 0;  }

                .sc2 .swiper-button-prev {  top:auto;  bottom:65px;  left:50%;  margin:0 0 0 -100px;  }
                .sc2 .swiper-button-next {  top:auto;  bottom:65px;  right:50%;  margin:0 -100px 0 0;  }

                .swiper-button-prev:hover {  left:48%;  }
                .swiper-button-next:hover {  right:48%;  }
            }

            @media all and (max-width: 730px) {
                .sc1 .swiper-button-prev {  top:255px;  left:50%;  margin:0 0 0 -100px;  }
                .sc1 .swiper-button-next {  top:255px;  right:50%;  margin:0 -100px 0 0;  }

                .sc2 .swiper-button-prev {  top:auto;  bottom:65px;  left:50%;  margin:0 0 0 -100px;  }
                .sc2 .swiper-button-next {  top:auto;  bottom:65px;  right:50%;  margin:0 -100px 0 0;  }

                .swiper-button-prev:hover {  left:50%;  }
                .swiper-button-next:hover {  right:50%;  }
            }


        .swiper-button-prev:hover, .swiper-button-prev:not(:hover),
        .swiper-button-next:hover, .swiper-button-next:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        .swiper-button-prev.swiper-button-disabled,
        .swiper-button-next.swiper-button-disabled {
          opacity: 0.35;
          cursor: auto;
          pointer-events: none;
        }

/* Bullets */

        .swiper-pagination {
            position: absolute;
            text-align: center;
            -webkit-transition: 300ms;
            -moz-transition: 300ms;
            -o-transition: 300ms;
            transition: 300ms;
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            z-index: 10;
            display:block;
        }

        .swiper-pagination-fraction,
        .swiper-pagination-custom,
        .swiper-container-horizontal > .swiper-pagination-bullets {
          bottom:0;
          left:0;
          width:100%;
        }

        .swiper-pagination-bullet {
            width:10px;
            height:10px;
            margin:0 7px;
            padding:0;
            background:#ffffff;
            display:inline-block;
            opacity:1;
            cursor:pointer;
            border:none;
            box-shadow:none;
            -moz-appearance:none;
            -ms-appearance:none;
            -webkit-appearance:none;
            appearance:none;
            border-radius:35px;
            -webkit-border-radius:35px;
            -moz-border-radius:35px;
            -khtml-border-radius:35px;
        }

        .swiper-pagination-bullet-active {
          opacity:1;
            background:url('../images/b1.png') repeat-x top center;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
            border-radius:35px;
            -webkit-border-radius:35px;
            -moz-border-radius:35px;
            -khtml-border-radius:35px;
        }

/* end */