@charset "utf-8";
:root {
    --newList-navigation-size: 2rem;
}

@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
    (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
    (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 14px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
    (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
    (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 13px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
    (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
    (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 12px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
    (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
    (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
        font-size: 10px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
    (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
    (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    :root {
        font-size: 9px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
    (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
    (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 8px;
    }
}

/* 全部 */
.all_index{}
#page1,#page2,#page3,#page4,#page5{position:relative}

.section{background-size: 100% 100% !important;}

.sectionBan .fp-tableCell{padding:0 !important;background: #f4001c;}
.header{position: initial;left: initial;top: initial;}
.headLogo{margin-top:15px;}
.navbar{height: 100px;}
.nav .navbar li{line-height: 100px;}
.navright{line-height: 100px;}
/***【0】***banner****/
.ban_box {
    width: 96%;
    height: calc(100vh - 180px);
    margin: 0 auto;
    border-radius: 50px;
    overflow: hidden;
}
@media screen and (min-width: 960px) {
.ban_box .swiper-container{height: 100%;object-fit: contain;}
.ban_box .swiper-container .swiper-wrapper{ height: 100% !important;}
}
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.ban_box .swiper-container .swiper-pagination{width:auto !important;left:50% !important;bottom:22px;margin-left:-23px}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px !important;height:12px !important;background:#fff;border-radius:50%;opacity:1}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:12px !important;border-radius:50%;background:#f4001c !important;}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{top: var(--swiper-navigation-top-offset,50%);color:rgba(255,255,255,0.85) !important;font-family:'黑体';}
.ban_box .swiper-container .hide{opacity:0} 
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{transition:opacity 0.5s;font-size:48px;}
.ban_box .swiper-button-next,.ban_box .swiper-container-rtl .swiper-button-prev{background-image:none !important}
.ban_box .swiper-button-prev,.ban_box .swiper-container-rtl .swiper-button-next{background-image:none !important}
.ban_box .swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;}
/* .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)} */

.ban_box .swiper-slide .pcimg{height: 100%;}
.ban_box .swiper-slide .pcimg img{height: 100%;}

.MarBox{height:74px;padding:10px 0;overflow: hidden;}
.MarCon ul li{float:left;}
.MarCon ul li img{max-width:100%;margin:0 10px}
#demo{width: 100%;height:54px;overflow:hidden;}
#indemo{width: 800%;float:left;}
#demo1{float:left;}
#demo2{float:left}

@media screen and (min-width:960px){
.ban_box .swiper-slide .pcimg img{display:block;}
.ban_box .swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.ban_box {height: auto;margin-top: 20px;border-radius: 20px;}
.ban_box .swiper-slide .pcimg img{display:none}
.ban_box .swiper-slide .moimg {height: 100%;}
.ban_box .swiper-slide .moimg img{display:block;}
.ban_box .swiper-container .swiper-pagination{left:50% !important;top: 95% !important;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}

}


.section .indexAb_more{margin:0 auto !important;color: #bb0c20;background: transparent url(../images/moreRight.png) right center no-repeat;}
.section .indexAb_more:hover{color:#fff;}
.section .indexAb_more:before{background: #bb0c20;}

/* 首页标题 */
.section .abTit{margin-bottom: 40px;}
.section .abTit h4{display: block;font-size: 40px;color: #030100;letter-spacing:1px;font-weight: bold;}
.section .abTit p{padding-top: 9px;color: rgba(33, 2, 2, 0.33);font-size:36px;font-weight: bold;letter-spacing: -1px;font-family: 'Bodoni Bd BT';}

@media screen and (max-width:1600px){
.section .abTit p{letter-spacing: 0px;}
}
@media screen and (max-width: 1200px){
.section .abTit{margin-bottom: 20px;}
.section .abTit h4{font-size:24px !important;}
.section .abTit p{display: none;font-size: 14px !important;padding-top: 5px;height: 35px;}

.section .indexAb_more{height:34px;line-height:34px;font-size:14px;}
}
@media screen and (max-width: 960px){
.section .abTit{margin-bottom:10px;border-bottom:none;text-align: center;}
.section .abTit h4{padding-left:0;padding-bottom: 0;line-height:24px;font-size:20px !important;}
.section .abTit p{display:block;line-height:24px;}
}
@media screen and (max-width: 680px){
.section .indexAb_more{height:24px;line-height:24px;}
}
.SpConBox,.SProCon,.CsCon,.NcCon{padding:30px 0;}

/***【1】==关于我们*****/
.sectionSp{background:url(../images/indexBg1-1.jpg) no-repeat;overflow:hidden;}

.SpConBox .swiper-slide .ind_ban_tex .ind_ban_con{display:flex;}
.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_title{flex-basis:45%;overflow:visible;position:relative;margin-right:20px;}
.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big{transform:translateX(-200px);opacity:0}
.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big img,
.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small img{width: auto;margin:0 auto;max-width:100%;}

.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_info{width:50%;}
.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small{transform:translateX(200px);opacity:0;margin-top:72px;}

.SpConBox .swiper-slide.active .ind_ban_tex_title .t_big{transition:all 1s ease 1s;transform:translateX(0);opacity:1}
.SpConBox .swiper-slide.active .ind_ban_tex_info .t_small{transition:all 2s ease 1.4s;transform:translateX(0);opacity:1}

.SpConBox .swiper-slide:nth-child(2) .ind_ban_tex .ind_ban_tex_title{margin-right:0;}
.SpConBox .swiper-slide:nth-child(2) .ind_ban_tex .ind_ban_tex_info .t_small{margin-top:12px;}
.SpConBox .swiper-horizontal>.swiper-pagination-bullets,.SpConBox .swiper-pagination-bullets.swiper-pagination-horizontal,.SpConBox .swiper-pagination-custom,.SpConBox .swiper-pagination-fraction{right: 0;left: auto;width: auto;bottom: var(--swiper-pagination-bottom,20%);}
.SpConBox .swiper-button-next,.SpConBox .swiper-button-prev{display:none;}
.SpConBox .swiper-pagination-bullet {width: 14px;height: 14px;background-color:#fff;opacity:1;line-height:18px;}
.SpConBox .swiper-pagination-bullet-active{width:18px;height:18px;background-color:#fff;}

/***【2】==面宴产品*****/
.sectionPro{background: url(../images/indexBg2.jpg) no-repeat;}
.sectionPro .fp-tableCell{display: table-row !important;}
/* .m-slider2 .item{display:none;} */
.m-slider2 .con{}
.ProSonLeft{float:left;width:calc(100% - 760px);}
.ProSonTop .ProSonImg{position:relative;}
.ProSonTop .ProSonImg::after{content:'';position:absolute;left:150px;top:20px;width:108px;height:81px;background:url(../images/indexImg2-5-1.png) no-repeat;}
.ProConBox .item:first-child .ProSonImg::after{left:130px;}
.ProSonTop .abTit{margin-bottom: 0;text-align:left;}
.ProSonTop .abTit h4{font-weight:500;line-height: 1.25;font-size:50px;margin-bottom: 0;color: #171615;}
.ProConBox .item:first-child .abTit h4{font-size:60px;}
.ProSonTop .abTit p{padding-top: 0;line-height: 1.5;font-size:30px;font-weight:500;color: #171615;}
.ProConBox .item:first-child .abTit p{font-size:52px;font-weight:bold;line-height: 1;color: rgba(23, 22, 21, 0.33);}
.ProSonLeft .txtCon p{font-size:14px;color:#767676;line-height:2;}
.ProSonLeft .txtCon a{margin:0 !important;text-align: left;background-position: 72% center;}
.ProSonLeft .txtCon a:hover{text-align:center;}

.ProSonRight{float:right;width:700px;}
.foodBox li{float:left;width:32%;height:190px;margin-right:2%;margin-bottom:15px;border-radius:15px;overflow: hidden;}
.foodBox li:nth-child(3n){margin-right:0;}
.foodBox li:last-child{background-color: #e60012;}
.foodBox li img{border-radius:15px;width:100%;height:100%;display:block;}
.foodBox li a{color:#fff;font-size:24px;}
.foodBox li:last-child a{display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.foodBox li:last-child:hover{background-color:#aa0613;cursor:pointer;}
.txtCon p{margin:15px 0;font-size:16px;color:#fff;font-weight:inherit;line-height:1.5}
.txtCon{}
.PRImg img{display: block;margin:0 auto;max-width: 100%;}

.m-tab2{position:absolute;bottom: 0;left: 0;width:100%;z-index:2;background-color: #2d394b;}
.m-tab2 li{position: relative;float:left;width: 33.33%;height: 100%;z-index: 1;}
.m-tab2 li::before{content:'';position:absolute;left:50%;top:-32px;width:262px;height:32px;margin-left:-131px;background:url(../images/indexImg2-13.png) no-repeat;z-index: 0;opacity:0;}
.m-tab2 li::after{content:'';position:absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(230, 0, 18, 0.67);z-index: 0;}
.m-tab2 li a{display:block;}
.m-tab2 .con{height: 300px;overflow:hidden;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;}
.m-tab2 h4{font-size: 36px;color: #fff;z-index: 222;}
.m-tab2 li.on,.m-tab2 li:hover{}
.m-tab2 li.on .con,.m-tab2 li:hover .con{align-items: inherit;}
.m-tab2 li.on h4,.m-tab2 li:hover h4{padding-top: 10px;}
.m-tab2 li.on::before,.m-tab2 li:hover::before{opacity:1;}
.m-tab2 li.on::after,.m-tab2 li:hover::after{left:50%;width:260px;height:130px;margin-left:-130px;border-radius:0 0 130px 130px;}


/***【3】==连锁门店*****/
.sectionCs{background: url(../images/indexBg3.jpg) no-repeat;}
.CsBox{display:flex;position: relative;z-index: 1;/* width: calc(100% + 220px); */}
.CsBoxLeft{position: relative;width: calc(100% - 800px);margin-right: 40px;}
.CsSonTop img{max-width:100%;}
.CsSonTop .abTit h4{float:left;margin-right:10px;font-size:30px;color: #fff;font-style: italic;}
.CsSonTop .abTit p{float:left;font-size:30px;color: #fff;font-style: italic;letter-spacing:2px;}
.CsSon img{max-width:100%;}
.CsBoxRight{width: 800px;position:relative;}
.CsBoxRight .newList{margin-bottom: 0px;}
.CsBoxRight .newTitle{height: 30px;font-size: 24px;text-align: center;color: #fff;font-weight: bold;margin-bottom: 0;}
.CsBoxRight .newPicBox{padding-bottom: 50%;}
.CsBoxRight .newList:hover .newTitle{color:#000;}

.CsBoxRight .swiper{width: 100%;height: 100%;}
.CsBoxRight .swiper-button-prev,.CsBoxRight .swiper-container-rtl .swiper-button-next,.CsBoxRight .swiper-button-next,.CsBoxRight .swiper-container-rtl .swiper-button-prev{position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;box-shadow:2px 2px 9px #333;overflow:hidden;background-size: auto;z-index:88;}
.CsBoxRight .swiper-button-next,.CsBoxRight .swiper-button-prev{top: var(--swiper-navigation-top-offset,42%);}
.CsBoxRight .swiper-button-prev,.CsBoxRight .swiper-container-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset,0);background-image:url(../images/leftArrows.png)}
.CsBoxRight .swiper-button-next,.CsBoxRight .swiper-container-rtl .swiper-button-prev{background-image:url(../images/rightArrows.png)}
.CsBoxRight .swiper-button-prev:after,.CsBoxRight .swiper-container-rtl .swiper-button-next:after{content: '';}
.CsBoxRight .swiper-button-next:after,.CsBoxRight .swiper-container-rtl .swiper-button-prev:after{content: '';}
.CsBoxRight .swiper-horizontal>.swiper-pagination-bullets,.CsBoxRight .swiper-pagination-bullets.swiper-pagination-horizontal,.CsBoxRight .swiper-pagination-custom,.CsBoxRight .swiper-pagination-fraction{bottom: var(--swiper-pagination-bottom,104px);}
.CsBoxRight .swiper-pagination-bullet-active{background: #fff;}

.CsBoxRight .CsBoxLogo{position:absolute;top: 22%;left:-81px;width:163px;height:163px;z-index:3;}


/***【4】==新闻中心*****/
.sectionNc{background: url(../images/indexBg4.jpg) no-repeat;}
.NcCon{padding:70px 50px;background-color:#f4f1ea;border-radius:50px;}
.CorTop{}
.TopBox .newList{width: calc(25% - 35px);margin-right: 35px;margin-bottom: 40px;}
.TopBox .newList:last-child{margin-right:0;}
.TopBox .newPicBox{padding-bottom:74%;}

.TopBox .contentBoxB{margin-top:10px;}
.TopBox .newTitle{height: 42px;margin-bottom: 0;}
.TopBox .TimeBox{color:#b5b5b5;font-size:14px;margin: 10px 0 15px;}
.TopBox .newMs{height: 46px;font-size:16px;color:#333;}
.TopBox .newList:hover .bottom_btn i{color:#f4001c;}



@media screen and (max-width:1660px){

/***【2】==面宴产品 *****/
.sectionPro .SProCon{padding-top:80px;}
.ProSonLeft{width: calc(100% - 650px);}
.ProSonRight{width:600px;}

/***【3】==连锁门店*****/
.CsSonTop .abTit h4,
.CsSonTop .abTit p{font-size: 24px !important;}
}

@media screen and (max-width: 1660px) and (min-width: 1360px){
.CsBoxRight .swiper-button-prev, .CsBoxRight .swiper-container-rtl .swiper-button-next, .CsBoxRight .swiper-button-next, .CsBoxRight .swiper-container-rtl .swiper-button-prev{width:60px;height:60px;margin-top:-30px;}


/***【2】==面宴产品 *****/
.m-tab2 .con{height:250px;}
}

@media screen and (max-width: 1360px) and (min-width: 960px){

/***【2】==面宴产品 *****/
.sectionPro .SProCon{padding-top:50px;}
.m-tab2 .con{height:180px;}


/***【4】==新闻中心*****/
.NcCon{padding:35px 25px;}
/* .TopBox .newList{width:calc(50% - 35px);margin-right: 35px;}
.newList:nth-child(3n){margin-right: 35px;}
.TopBox .newList:nth-child(2n){margin-right:0;} */
}
@media screen and (max-width: 1550px) {

/***【3】==连锁门店*****/
.CsBoxRight .CsBoxLogo{left:0;}
}

@media screen and (max-width: 1440px) {

/***【2】==面宴产品 *****/
.m-tab2 h4{font-size: 28px;}
}

@media screen and (max-width: 1200px) {

/***【2】==面宴产品 *****/
.ProConBox{padding-bottom: 180px;}
.m-tab2 h4{font-size: 22px;}

/***【3】==连锁门店*****/
.CsBox{display:inherit;}
.CsBoxLeft{width: 100%;margin-right: 0;}
.CsSonTop img{max-width:100%;margin: 0 auto;display: block;}
.CsSonTop .abTit {}
.CsSonTop .abTit h4{float: none;margin-top: 20px;margin-right: 0;font-size: 24px !important;font-style: normal;}
.CsSonTop .abTit p{display: block;float: none;letter-spacing: 1px;}
.CsSon{display:none;}
.CsBoxRight{width: 100%;position:relative;}
.CsBoxRight .newList{margin-bottom: 20px;}
.CsBoxLogo{display:none;}

/* 4.新闻中心 */
.NcCon{padding:25px 20px;margin-top: 25px;margin-bottom: 25px;}
.TopBox .newList{width:100%;margin-bottom:15px;margin-right: 0;}
.TopBox .newPicBox{padding-bottom: 72%;}
.TopBox .image_con{float:left;width: 150px;}
.TopBox .image_con img{}
.TopBox .contentBoxB{float: right;width: calc(100% - 150px);padding-left: 15px;margin-top: 0 !important;}
.TopBox .newTitle{height: 21px;-webkit-line-clamp: 2;}
.TopBox .TimeBox{margin: 5px 0;}
.TopBox .newMs{font-size:14px;height: 40px;}

}

@media screen and (max-width:1100px){

/***【2】==面宴产品 *****/
.sectionPro .SProCon{padding-top:30px;}
.ProSonLeft{width: 49%;}
.ProSonRight{width: 50%;}
.foodBox li{height: 150px;}
}
@media screen and (max-width: 960px) {

.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big img{max-width:100%;}

.SpConBox .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small{margin-top:30px;}
.SpConBox .swiper-horizontal>.swiper-pagination-bullets,
.SpConBox .swiper-pagination-bullets.swiper-pagination-horizontal,
.SpConBox .swiper-pagination-custom,
.SpConBox .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 0%);
}

/***【2】==面宴产品 *****/
.sectionPro .SProCon{padding-bottom:0;}
.ProConBox{padding-bottom: 0;}
.SProCon .m-slider2{margin-bottom:20px;}
.m-tab2{position:initial;bottom: initial;left: initial;}
.m-tab2 li::before{width:100%;margin-left: 0;left: 0;top: -27%;background-size:contain;}
.m-tab2 li.on::after,.m-tab2 li:hover::after{left:0;width:100%;height:50px;margin-left:0;border-radius:0 0 50px 50px;}
.m-tab2 .con{height: 100px;background-size: cover;}
.m-tab2 h4{font-size: 18px;}
.ProSonLeft{float:none;width: 100%;}
.ProSonRight{float:none;width: 100%;margin-top: 25px;}
.foodBox li{height: 150px;display: flex;justify-content: center;align-items: center;background-color: #e60012;}
.foodBox li img{height: auto;border-radius:0;}


/***【3】==连锁门店*****/
.CsSonTop img{display: none;}
.CsBoxRight .swiper-button-prev,
.CsBoxRight .swiper-container-rtl .swiper-button-next,
.CsBoxRight .swiper-button-next,
.CsBoxRight .swiper-container-rtl .swiper-button-prev{width: 50px;height: 50px;}
}

@media screen and (max-width: 768px) {
	
.ProSonTop .ProSonImg,
.ProSonRight{display:none;}
.TopBox .newTitle{height: 20px;-webkit-line-clamp: 1;}
.TopBox .newMs{height: 38px;}
}

@media screen and (max-width: 680px) {

/* 4.新闻中心 */
.sectionNc{background-image:none;background-color:#f4f1ea;}
.NcCon{padding:0;}
.CorTop .newList{width:100%;margin-right:0;margin-bottom:25px;}
.CorTop .newList:nth-child(2n){margin-right:0;}
.TopBox .image_con{width: 100px;}
.TopBox .contentBoxB{width: calc(100% - 100px);}
.TopBox .TimeBox{display:none;}

}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {

/***【2】==面宴产品 *****/
.ProSonLeft{width: calc(100% - 50vw);}
.ProSonRight{width: 49vw;}
.ProSonImg img{width:8vw;}
.ProSonTop .ProSonImg::after{left: 9vw;top: 1vw;width: 8vw;height: 6vw;background-size: 100%;}
.ProConBox .item:first-child .ProSonImg::after{left:10vw;}
.ProConBox .item .abTit h4{font-size: 2.5vw !important;}
.ProConBox .item .abTit p{font-size:1.5vw !important;}
.ProSonLeft .txtCon p{font-size:1vw;line-height:1.5vw;margin: 1vw 0;}
.ProSonLeft .txtCon a{height:2vw;font-size: 1vw;line-height: 2vw;}
.m-tab2 .con{height:10vw;}
.m-tab2 h4{font-size: 2vw;}
.foodBox li{height: 12vw;}
.m-tab2 li.on h4,.m-tab2 li:hover h4{padding-top: 0.5vw;}
.m-tab2 li.on::after,.m-tab2 li:hover::after{width: 14vw;height: 7vw;margin-left: -7vw;border-radius:0 0 130px 130px;}

.PRImg img{max-width: 36vw;}

/* 4.新闻中心 */
.NcCon{padding:15px 25px;}
.section .abTit{margin-bottom: 1.5vw;}
.section .abTit h4{font-size: 2vw;}
.section .abTit p{padding-top: 0;font-size: 2vw;}
.TopBox .newList{margin-bottom: 2.5vw;}
.TopBox .newTitle{height: 2.5vw;font-size: 1vw;}
.TopBox .TimeBox{margin-bottom: 0.8vw;}
.TopBox .newMs{height: 2.75vw;font-size:0.4vw;}
}


/*动效*/
.transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
@-webkit-keyframes BiHover
{
  0%{-webkit-transform:translateX(0px);opacity:1}
  49%{-webkit-transform:translateX(-28px);opacity:0}
  50%{-webkit-transform:translateX(28px);opacity:0}
  100%{-webkit-transform:translateX(0px);opacity:1}
}