

/* sm5 */
.sm5 {height: 760px;padding: 0; padding-top:140px;position: relative;padding: 1px;box-sizing: border-box;}
.sm5 .specialSwiperBox {width: 1200px;margin: 240px auto 0;overflow-x: hidden;}
.sm5 .specialSwiperBox .specialSwiper {width: 2161px;height: 405px;margin: 0 auto;margin-left: -480px;position: relative;}
.sm5 .specialSwiperBox .specialSwiper .swiper-slide {cursor: grab;transform: scale(.8);transition: all .5s;border-radius: 10px;border: 3px solid #ac9b7f;box-sizing: border-box;filter: brightness(0.5);overflow: hidden;position: relative;z-index: 0;
    background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
.sm5 .specialSwiperBox .specialSwiper .swiper-slide img {width: 100%;height: 100%; }
.sm5 .specialSwiperBox .specialSwiper .swiper-slide-active {transform: scale(1);filter: brightness(1);z-index: 1;}
.sm5 .specialSwiperBox .specialSwiper .swiper-slide .slideImg {width: 100%;height: 100%;}


.sm5 .swiper-pagination-special {position: absolute;bottom: 50px;left: 50%;}
.sm5 .swiper-pagination-special .swiper-pagination-bullet { width: 22px;height: 28px;margin: 0 18px;opacity: 1;background: url(../images/spebullet.png);}
.sm5 .swiper-pagination-special .swiper-pagination-bullet-active {background-position: 0 -28px;}

/* Ê×Ò³ - ²à±ßÀ¸ */
.left {width: 246px;height: 478px;position: fixed;top: 50%;right: 0px;margin-top: -123px;z-index: 99;background: url(../images/aside.png) 0 0 no-repeat;right: -250px;transition: .5s all;}
.left.show {right: 0;}
.left .showbtn {cursor: pointer;transform: scale(0.75);margin: 0;width: 94px;height: 304px;position: absolute;left: -85px;top: 100px;background: url(../images/asideShow.png) 0 0 no-repeat;}
.left .hidebtn {cursor: pointer;width: 48px;height: 60px;position: absolute;left: 10px;top: 220px;}
.left.show .showbtn {display: none;}

.left .code {width: 144px;height: 144px;margin-top: 35px;margin-bottom: 50px;margin-left: 66px;}
.left .code img {width: 100%;height: 100%;}
.left .bt {cursor: pointer;display: block;width: 145px;height: 42px;margin-left: 66px;margin-bottom: 19px;position: relative;background: url(../images/alertBtn.png) 0 0 no-repeat;}
.left .bt:hover {background-position-x: -150px;}
.left .bt:hover .codeAlert {display: block;}
.left .bt.btnqq {background-position-y: -50px;}
.left .bt.btnwechat {background-position-y: -100px;}
.left .codeAlert {display: none;width: 130px;height: 120px;position: absolute;top: -40px;left: -135px;background: url(../images/codeAlert.png) 0 0 no-repeat;}
.left .codeAlert p {width: 100px;height: 100px;margin: 10px;}
.left .codeAlert p img {width: 100%;height: 100%;}
/* .left .bt.btnqq .codeAlert p {background: url(../images/page1/upcode.png) 0 0 / 100% 100% no-repeat;}
.left .bt.btnwechat .codeAlert p {background: url(../images/page1/upcode.png) 0 0 / 100% 100% no-repeat;} */
.left .atop {width: 39px;height: 33px;margin: 10px 0 0 122px;cursor: pointer;background: url(../images/asideTop.png) 0 0 no-repeat;}
.left .atop:hover {background-position-x: -50px;}