

/* sm3 */
.sm3 { width:1400px;height: 760px;left:50%; margin-left:-600px; padding-top:260px; position:relative;overflow:hidden;}
.sm3 .introInfo {margin-top: 25px;margin-left: -230px;width: 1350px;height: 742px;position: relative;overflow: hidden;}
.sm3 .introInfo .introlist {width: 100%;height: 100%;position: absolute;top: 0;left: -2000px;opacity: 0.1;transition: opacity .8s,left .8s;
    background-size: 100% 100%;background-position: center;background-repeat: no-repeat;
}
.sm3 .introInfo .introlist.curr { opacity: 1;left: 150px;top:-100px;}
.sm3 .introInfo .introlist .liimg { width:1350px; height:742px;}

.sm3 .cutBox {width: 1200px;height: 80px;position: absolute;bottom: 50px;z-index: 1;}
.sm3 .cutBox .cutImg {width: 1200px;height: 83px;margin: 0 auto;display: flex;position: relative;z-index: 1;justify-content: space-between;align-items: center;color: #d0bd8b;font-size: 14px;}
.sm3 .cutImg .cutIcon {position: relative;width: 83px;height: 83px;cursor: pointer;position: relative;box-sizing: border-box;}
.sm3 .cutImg .line {flex: 1;height: 1px;background: #d1bc98;}

.sm3 .cutImg .cutIcon::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform: rotateY(0);transition: transform .8s;background: url(../images/cuticon.png) 0 0 no-repeat;}
.sm3 .cutImg .cutIcon.cutIcon0::after {background-position-x: 0px;}
.sm3 .cutImg .cutIcon.cutIcon1::after {background-position-x: -100px;}
.sm3 .cutImg .cutIcon.cutIcon2::after {background-position-x: -200px;}
.sm3 .cutImg .cutIcon.cutIcon3::after {background-position-x: -300px;}
.sm3 .cutImg .cutIcon.cutIcon4::after {background-position-x: -400px;}
.sm3 .cutImg .cutIcon.curr::after {background-position-y: -83px;}
.sm3 .cutImg .cutIcon:hover::after {background-position-y: -83px;transform: rotateY(180deg); }


/* sm5 */
.sm5 {height: 760px;padding: 0; padding-top:140px;position: relative;padding: 1px;box-sizing: border-box;}
.sm5 .specialSwiperBox {width: 1200px;margin: 340px 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: -30px;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: 9%;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;}