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

/* 全部 */
.all_index{}
.sectionBan{position:relative;}
.navright a{background-color: #fff}

/***【0】***banner****/
.ban_box .swiper-container {width: 100%;height: 100%;}
.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:#ce4405 !important;}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{top:auto !important;bottom:40%;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}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{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;transform:perspective(1000px) translate3d(0,0,100px)}
/* .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%;}

@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 .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;border: 1px solid #ce4405;color: #ce4405;background-color: transparent;border-radius: 10px;}
.section .indexAb_more:hover{color:#fff;}

/* 首页标题 */
.section .abTit{}
.section .abTit h4{position:relative;float: left;padding-left:20px;margin-bottom: 0;font-size: 30px;color: #444;letter-spacing:1px;font-weight: bold;}
.section .abTit h4::before{content:'';position:absolute;left:0;top:50%;width:3px;height:28px;margin-top:-14px;background-color:#414141;}
.section .abTit h4 i{color:#ce4405;}
.section .abTit p{float: left;height: 44px;padding-top: 9px;padding-left: 12px;margin-bottom: 0;color: #ababab;font-weight: lighter;background: url(../images/indexBg3-2.png) 12px bottom no-repeat;letter-spacing: -1px;}

@media screen and (max-width:1600px){
.section .abTit p{font-size:14px;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{width:100px;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{float:none;padding-left:0;padding-bottom: 0;line-height:24px;font-size:20px !important;}
.section .abTit h4::before{display:none;}
.section .abTit p{display:block;line-height:24px;float: none;margin-right: 0;background-image: none;}
}

/***【1】==关于我们*****/
.sectionAbu{padding:50px 0 60px;background:url(../images/indexBg1.jpg) no-repeat;overflow:hidden;background-size: cover;}
.WawBox{}
.WawBox .WawLeft {width: 600px;float:left;}
.WawPic{display:block;max-width:100%}
.WawCon {float: right;width: calc(100% - 680px);margin-top:60px;}
.WawCon .WawTit h3{font-size: 52px;color:#001736;font-weight:bold;letter-spacing:4px;font-family:'Arial';}
.WawCon .WawTit h3 i{color:#ce4405;}
.WawCon .WawTit h4{font-size: 24px;color:#666;font-weight:bold;letter-spacing:2px;}
.WawCon .WawText{margin-top: 40px;}
.WawCon .WawText p{font-size: 16px;line-height: 2;color:#666;text-align: justify;}
.WawCon .indexAb_more{display: block;height: 32px;line-height: 32px;text-align: center;margin: 25px 0 0 !important;width: 90px;border-radius: 8px;background: transparent;font-size: 16px;color:#ce4405;border:1px solid #ce4405;}
.WawCon .indexAb_more:before{background: #ce4405;color: #fff;}
.WawCon .indexAb_more:hover{color: #fff;border-color:transparent;}
.WawBox .WawRight{float:right;width:420px;}


/***【2】==新闻中心*****/
.sectionNc{padding:70px 0 50px;background: repeating-linear-gradient(to bottom,#e9edf4,#fff);}

/* 企业新闻 */
.CorBox{width: calc(68% - 35px);}
.CorTop{}
.CorTop .newList:last-child{margin-right:0;}
.TopBox .newList{width: calc(50% - 35px);margin-right: 70px;margin-bottom: 40px;}
.TopBox .newPicBox{padding-bottom:60%;border-radius: 10px;}
.TopBox .newPicBox img{border-radius: 10px;}

.TopBox .contentBoxB{margin-top:10px;}
.TopBox .lineBox{padding:0 10px;width: 100px;height:32px;margin-bottom: 15px;line-height:32px;font-size:18px;color:#fff;background-color:#ce4405;border-radius: 8px;}
.TopBox .lineBox::before{opacity:0;}
.TopBox .newTitle{height: 44px;margin-bottom: 0;}
.TopBox .TimeBox{color:#b5b5b5;font-size:14px;margin: 10px 0 15px;}
.TopBox .newMs{height: 48px;font-size:16px;color:#333;}
.TopBox .bottom_btn {text-align:left;}
.TopBox .bottom_btn i{border-color: #bbb;color: #6b6b6b;font-size: 16px;border-radius: 5px;padding: 4px 20px;}
.TopBox .newList:hover .bottom_btn i{color:#ce4405;}

.CorBottom .newList{width: calc(50% - 35px);margin-right: 70px;margin-bottom: 10px;}
.CorBottom .newList:nth-child(2n){margin-right:0;}
.CorBottom .newList:nth-child(1),
.CorBottom .newList:nth-child(2){padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;}
.CorBottom .image_con{float:left;width:138px;}
.CorBottom .newPicBox{padding-bottom: 60%;}
.CorBottom .newPicBox,
.CorBottom .newPicBox img{border-radius: 4px;}
.CorBottom .contentBoxB{float:left;width:calc(100% - 138px);padding-left: 20px;margin-top: 0;}
.CorBottom .newTitle{font-size:18px;color:#333;font-weight:normal;height: 44px;margin-bottom: 10px;}
.CorBottom .TimeBox{font-size:14px;color:#b5b5b5;margin:0;}

/* 行业资讯 */
.IndBox{position:relative;width: 32%;z-index: 3;}
.IndBox::before{content:'';position:absolute;left:0;top:0;width:calc(100% + 220px);height: calc(100% + 49px);z-index: -1;background-color: #eaeef4;}
.IndBox .abTit{margin-left:35px;}
.IndTop .newList{margin-left:35px;width: calc(100% - 35px);margin-right: 0;margin-bottom: 40px;}
.IndTop .newPicBox{padding-bottom: 61.63%;}
.IndBottom .newList{margin-left:35px;width: calc(100% - 35px);margin-right: 0;margin-bottom: 15px;}
.IndBottom .newList:first-child{padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;}
.IndBottom .image_con{float:left;width:138px;}
.IndBottom .newPicBox{padding-bottom: 60%;}
.IndBottom .newPicBox,
.IndBottom .newPicBox img{border-radius: 4px;}
.IndBottom .contentBoxB{float:left;width:calc(100% - 138px);margin-top: 0;padding-left: 20px;}
.IndBottom .newTitle{font-size:18px;color:#333;font-weight:normal;height: 44px;margin-bottom: 10px;}
.IndBottom .TimeBox{font-size:14px;color:#b5b5b5;margin:0;}

.sectionNc .indexAb_more{margin:0 !important;}
.IndBox .indexAb_more{margin-left:35px !important;}


/***【3】==党的建设*****/
.sectionPb{background:url(../images/indexBg3.jpg) left top no-repeat;overflow:hidden;background-size: cover;}
.sectionPb .abTit h4{color:#fff;}
.sectionPb .abTit h4::before{background-color:#fff;}

.PbCon{padding: 58px 0;}

/* 党建动态 */
.PbdBox{position:relative;float:left;width: calc(68% - 35px);z-index: 3;}
.PbdLeft,
.PbdRight{width: 48.5%;}

.PbdTop .newList{width:100%;margin-right:0;margin-bottom: 30px;}
.PbdTop .image_con{position:relative;}
.PbdTop .newPicBox{padding-bottom: 57%;}
.PbdTop .newPicBox,
.PbdTop .newPicBox img{border-radius: 10px;}
.PbdTop .contentBoxB{position:absolute;left:0;bottom: 0px;width: 100%;height: 45px;line-height: 2;margin-top: 0;background: rgba(0, 0, 0, 0.42);overflow:hidden;z-index:222;border-radius: 0 0 10px 10px;display: flex;align-items: center;}
.PbdTop .newTitle{color:#fff;font-weight:normal;margin-bottom: 0;}

.PbdBottom .newList,
.PbdRight .newList{width:100%;margin-right:0;margin-bottom: 5px;}
.PbdBottom .contentBoxB,
.PbdRight .contentBoxB{margin-top:0;}
.PbdBottom .newTitle{margin-bottom:10px;}
.PbdBottom .newTitle, .PbdRight .newTitle{position:relative;/* margin-bottom:0; */padding-left: 25px;color: #fff;font-weight: normal;}
.PbdBottom .newTitle:before, .PbdRight .newTitle:before{content:'';position:absolute;left: 7px;top:50%;width:8px;height:8px;margin-top:-4px;background:rgba(255, 255, 255, 0.54);border-radius:50%;z-index:22;}
.PbdBottom .newList:hover .newTitle, .PbdRight .newList:hover .newTitle{color:#fc834b;}
.PbdBottom .newList:hover .newTitle:before, .PbdRight .newList:hover .newTitle:before{background:#fc834b;}

.PbdBox .indexAb_more{position:absolute;left:0;bottom: -40px;z-index: 4;}

/* 学习园地 */
.LgBox{position:relative;float:right;width: 32%;z-index:1;}
.LgBox::before{content:'';position:absolute;right: -220px;top: -60px;width: calc(100% + 220px);height: calc(100vh + 60px);z-index: -1;background: rgba(35, 114, 185, 0.65) url(../images/indexBg3-1.png) right top no-repeat;}
.LgBox .abTit{margin-left:35px;}
.LgPic{margin-left: 35px;}
.LgPic .newList{margin-left: 0 !important;}
.LgPic .newPicBox{border-radius:10px;padding-bottom: 30.5%;}
.LgPic img{border-radius:10px;width: 100%;display: block;}
.LgCon .newList{margin-left:35px;width: calc(100% - 35px);margin-right: 0;margin-bottom: 5px;}
.LgPic .contentBoxB{margin-top: 20px !important;}
.LgCon .contentBoxB{margin-top: 0;}
.LgCon .newTitle{position:relative;margin-bottom:10px;padding-left: 25px;color: #fff;font-weight: normal;}
.LgCon .newTitle:before{content:'';position:absolute;left: 7px;top:50%;width:8px;height:8px;margin-top:-4px;background:rgba(255, 255, 255, 0.54);border-radius:50%;z-index:22;}
.LgCon .newList:hover .newTitle{color:#fc834b;}
.LgCon .newList:hover .newTitle:before{background:#fc834b;}

.sectionPb .indexAb_more{margin:0 !important;border-color:#fff;color:#fff;}
.LgBox .indexAb_more{margin-left:35px !important;}
.sectionPb .indexAb_more:hover{border-color:transparent;}


/***【4】==发展成果*****/
.sectionDa{padding:70px 0;background:url(../images/indexBg4.jpg) left top no-repeat;background-size: cover;}
.allDa.container{margin: 0 70px;}
.DaCon .newList{outline: mediumseagreen;margin-bottom: 30px;width: 25%;margin-right: 0;}
.DaCon .newList a{margin-right: 10px;margin-left: 10px;}
.DaCon .image_con{box-shadow: 0px 9px 14px 1px rgba(55,99,170,.1);border-radius: 10px;}
.DaCon .newPicBox{padding-bottom: 62%;border-radius: 10px;}
.DaCon .newTitle{margin-bottom: 0;text-align: center;font-weight: normal;color: #333;height: 44px;}


/* slick */
.DaCon .slick-next,.DaCon .slick-prev{position:absolute;top: 23%;overflow:hidden;width: 78px;height: 78px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-webkit-background-size:auto;background-size:auto;background-color: rgba(255, 255, 255, 0.9);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:none;cursor:pointer;}
.DaCon .slick-prev{left: -29px;background-image:url(../images/leftArrow.png);}
.DaCon .slick-next{right: -29px;background-image:url(../images/rightArrow.png);}
.DaCon .slick-prev:hover,
.DaCon .slick-next:hover{background-color:rgba(206, 68, 5, 0.9);}
.DaCon .slick-prev:hover{background-image:url(../images/leftArrows.png)}
.DaCon .slick-next:hover{background-image:url(../images/rightArrows.png)}
.DaCon .slick-dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:9}
.DaCon .slick-dots li{display:inline-block;margin:0 2px}
.DaCon .slick-dots li button{display:block;width:8px;height:8px;font-size:0;line-height:0;text-indent:999px;background-color:rgba(253, 93, 20, 0.44);border-radius:50%;padding:0;border:none;cursor:pointer}
.DaCon .slick-dots li.slick-active button{background-color:rgba(206, 68, 5, 0.9);}


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

/***【2】==新闻中心*****/
.IndBox::before{width: calc(100% + 160px);}
}

@media screen and (max-width: 1360px) and (min-width: 960px){
/***【2】==新闻中心*****/
.IndBox::before{width: calc(100% + 60px);}

/* 4.发展成果 */
.allDa.container{margin:0 40px;}
}
@media screen and (max-width: 1550px) {
/* 1.关于我们 */
.WawCon .WawTit h4{font-size: 26px;}
.WawCon .WawText{margin-top: 15px;}
.WawCon .WawText p{font-size: 15px;}

/* 2.新闻中心 */
.sectionNc{padding: 50px 0;}
}

@media screen and (max-width: 1440px) {
/* 1.关于我们 */
.WawCon{margin-top: 40px;}

/* 2.新闻中心 */
.CorBox{width: calc(68% - 25px);}
.IndBox .abTit{margin-left:25px;}
.TopBox .newList{width: calc(50% - 25px);margin-right: 50px;}
.IndTop .newList{margin-left:25px;width: calc(100% - 25px);}
.CorBottom .newList{width: calc(50% - 25px);margin-right: 50px;}
.CorBottom .newTitle,.IndBottom .newTitle{height: 38px;font-size:16px;}
.TopBox .lineBox{font-size:16px;height: 28px;line-height: 28px;}

}

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

/* 1.关于我们 */
.sectionAbu{padding: 50px 0 35px;}
.WawBox .WawLeft{display:none;}
.WawCon{float: none;width: 100%;margin-top: 0;}
.WawCon .WawTit {text-align:center;}
.WawCon .WawTit h3{font-size:30px !important;}
.WawCon .WawTit h4{font-size: 18px !important;}
.WawCon .WawText p{font-size:16px;}
.WawCon .indexAb_more{margin: 20px auto 0 !important;}

/* 2.新闻中心 */
.sectionNc{padding:30px 0;}
.TopBox .newList{margin-bottom:20px;}
.TopBox .contentBoxB{margin-top:10px;}
.TopBox .lineBox{display:none;}
.TopBox .TimeBox{margin:10px 0;}
.TopBox .bottom_btn{display:none;margin-top: 10px;}
.CorBottom .image_con,.IndBottom .image_con{width:100px;}
.CorBottom .contentBoxB,.IndBottom .contentBoxB{width: calc(100% - 100px);padding-left: 10px;}
.CorBottom .newTitle, .IndBottom .newTitle{height: 34px;font-size:14px;margin-bottom: 4px;}
.IndBox::before{height: calc(100% + 30px);}

/* 3.党的建设 */
.PbCon{padding:35px 0 50px;}

/* 4.发展成果 */
.sectionDa{padding:35px 0;background-color: #f9f9f9;background-image: none;}
.DaCon .contentBoxB{margin-top:10px;}
.DaCon .newTitle{height:40px;font-size:16px;}

.DaCon .slick-next, .DaCon .slick-prev{width: 44px;height: 44px;}
.DaCon .slick-prev{left:0;}
.DaCon .slick-next{right:0;}
}

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

/* 1.关于我们 */
.sectionAbu{padding:20px 0;}
.WawCon .WawTit h3{font-size: 20px !important;}
.WawBox .WawLeft{display:none;}
.WawBox .WawCon{width: 100%;float: none;margin: 0;text-align: center;}
.WawCon .WawText p{text-align: left;text-indent:32px;}
.WawCon .indexAb_more{margin: 10px auto 0 !important;}

/* 2.新闻中心 */
.sectionNc{padding:15px 0;}
.IndBox .abTit{margin-left:0;}
.CorBox,.IndBox{float:none;width:100%;}
.TopBox .newList{width:100%;margin-bottom: 5px;padding-bottom: 10px;border-bottom: 1px solid #dcdcdc;}
.TopBox .image_con{float:left;width:30%;}
.TopBox .contentBoxB{float: right;width: 70%;padding-left: 15px;margin-top: 0 !important;}
.TopBox .TimeBox{margin: 5px 0;}
.TopBox .newTitle{font-weight:normal;}
.TopBox .newMs{display: none;font-size:14px;height: 40px;}
.TopBox .image_con,.CorBottom .image_con, .IndBottom .image_con{width:100px;}
.TopBox .contentBoxB,.CorBottom .contentBoxB, .IndBottom .contentBoxB{width: calc(100% - 100px);padding-left: 10px;margin-top: 0 !important;}
.TopBox .newTitle,.CorBottom .newTitle, .IndBottom .newTitle{height: 20px;font-size:14px;margin-bottom: 4px;}
.IndBox{margin-top:40px;}
.IndBox::before{display:none;}
.IndTop .newList{margin-left:0;}
.CorBottom .newList,.IndBottom .newList{width: 100%;margin-right: 0;margin-bottom: 5px;}
.CorBottom .newList:nth-child(1), .CorBottom .newList:nth-child(2),.IndBottom .newList:first-child{padding-bottom:10px}
.IndBottom .newList{margin-left:0;border-bottom:none !important;}
.IndBottom .newList:last-child{margin-right:0;}

/* 3.党的建设 */
.sectionPb{background-color:#1b568e;background-image:none;}
.PbCon{padding:25px 0;}
.PbdBox,.LgBox{float:none;width:100%;}
.LgBox .abTit{margin-left:0;}
.PbdBox{margin-bottom:40px;}
.PbdLeft, .PbdRight{width:100%;}
.PbdTop .newList{margin-bottom:0;float: none;}
.PbdTop .newPicBox{display:none;}
.PbdTop .contentBoxB{position:initial;background-color:transparent;height: auto;margin-top: 0 !important;}
.PbdTop .newTitle{position:relative;padding-left: 25px;height: 20px;}
.PbdTop .newTitle:before{content:'';position:absolute;left: 7px;top:50%;width:8px;height:8px;margin-top:-4px;background:rgba(255, 255, 255, 0.54);border-radius:50%;z-index:22;}

.PbdRight .newList:first-child{margin-top:0 !important;}
.PbdBottom .newList, .PbdRight .newList,.LgCon .newList{margin-bottom:0;}
.PbdBottom .newTitle, .PbdRight .newTitle,.LgCon .newTitle{height:20px;margin-bottom: 5px;}

.PbdBox .indexAb_more{position:inherit;left:inherit;bottom:inherit;}

.LgBox::before{display:none;}
.LgPic{margin-left: 0;}
.LgPic .image_con{display:none;}
.LgCon .newList{/* width: calc(50% - 10px); */margin-left: 0;margin-right:20px;}
.LgCon .newList:nth-child(2n){margin-right:0;}


/* 4.发展成果 */
.sectionDa{padding:15px 0;}
.sectionDa .container{margin: 0 15px;}
.DaCon{margin-top:15px;}

.section .indexAb_more{width:100px;height:30px;margin: 20px auto 0 !important;line-height:30px;font-size:14px;}
}

@media screen and (max-width: 768px) {
	
/* 3.党的建设 */
.PbdBottom .contentBoxB,.PbdRight .contentBoxB,.LgCon .contentBoxB{margin-top:0 !important;}
/* .PbdRight .newTitle{margin-bottom: 3px;} */
}

@media screen and (max-width: 680px) {
.section .indexAb_more{width:80px;height:24px;line-height:24px;margin: 0 auto !important;}

/* 2.新闻中心 */
.TopBox .newList{/* margin-bottom:15px; */border-bottom: none;padding-bottom: 0;}
.CorTop .newList.CorBottom .newList,.IndBottom .newList{/* width:calc(50% - 10px) !important; *//* margin-right:20px; *//* margin-bottom:15px; */}
.CorTop .newList:nth-child(2n),.CorBottom .newList:nth-child(2n),.IndBottom .newList:nth-child(2n){margin-right:0;}
.TopBox .image_con,.CorBottom .image_con, .IndBottom .image_con{display:none;}
.TopBox .contentBoxB,.CorBottom .contentBoxB, .IndBottom .contentBoxB{float:none;width:100%;padding-left:5px;}
.CorBottom .newTitle, .IndBottom .newTitle{/* height:38px; */margin-bottom:0;font-size: 16px;font-weight: bold;}
.CorBottom .newList:nth-child(1), .CorBottom .newList:nth-child(2), .IndBottom .newList:first-child{padding-bottom:0;}
.CorBottom .newList:nth-child(1), .CorBottom .newList:nth-child(2){border-bottom: none;}
.TopBox .newTitle{height: 20px !important;font-weight: bold;font-size: 16px;}
.TopBox .newMs{display:none;}
.CorBottom .TimeBox{margin:5px 0;}

/* 3.党的建设 */
.PbdTop{/* margin-bottom:15px; */}
.PbdLeft,
.PbdRight{float:none;width: 100%;}
.PbdBottom .newList, .PbdRight .newList{/* width:calc(50% - 10px); */margin-left: 0;/* margin-right:20px; */}
.PbdBottom .newList:nth-child(2n), .PbdRight .newList:nth-child(2n){margin-right:0;}

}



/*动效*/
.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}
}