*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.flex{
	display: -ms-flexbox !important;
	display: flex !important;
}
.flex-column{
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.flex-wrap{
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.justify-center{
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.justify-around{
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}
.justify-between{
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.align-center{
	-ms-flex-align: center !important;
	align-items: center !important;
}
.mb-34{
	margin-bottom: 34px;
}
.container{
	/* max-width: 1920px; */
	min-width: 1320px;
}
.top_f1{
	width: 100%;
	height: 500px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
	opacity: 1;
}
.f1_tit{
	height: 47px;
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 47px;
	color: #333333;
	text-align: center;
	margin-top: 90px;
}
.f1_futit{
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #666666;
	text-align: center;
	margin-top: 16px;
}
.f1_futit_white{
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #fff;
	opacity: 0.7;
	text-align: center;
	margin-top: 16px;
}
.f1_show_box{
	width: 1200px;
	margin: 20px auto 43px;
}
.show_item{
	width: 300px;
	height: 297px;
}
.show_item img{
	width: 128px;
	height: 128px;
}
.show_item_tit{
	height: 24px;
	font-size: 18px;
	line-height: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
}
.show_item_desc{
	height: 19px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 19px;
	color: #666666;
	margin-top: 10px;
}
.f2{
	width: 100%;
	height: 540px;
	background: #2A7EFC;
	position: relative;
	padding-top:90px ;
}
.f2_left{
	width: 340px;
	height: 540px;
	background-image: url(../img/左.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.f2_center{
	width: 1200px;
	margin: auto;
	text-align: center;
	position: relative;
}
.f2_right{
	width: 380px;
	height: 540px;
	background-image: url(../img/右.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
.center_top_tit{
	height: 47px;
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 47px;
	color: #FFFFFF;
	margin: 0 auto 0;
}
.center_desc{
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #FFFFFF;
	margin: 16px auto 0;
}
.f2_center_bt{
	margin-top: 52px;
}
.time_line{
	width: 2px;
	height: 274px;
	background: linear-gradient(330deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.bt_left{
	padding-left: 22px;
}
.year{
	height: 19px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 24px;
	color: #FFFFFF;
	padding-right: 26px;
}
.miaoshu{
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 24px;
	color: #FFFFFF;
}
.mt-20{
	margin-top: 20px;
}
.bt_right{
	/* margin-left: 130px; */
	position: absolute;
	right: 0;
	top: 160px;
}
.bt_right_top{
	width: 600px;
	height: 98px;
	background: #5598FD;
}
.bt_right_bt{
	width: 600px;
	height: 99px;
	background: linear-gradient(180deg, #3F8BFC 0%, #2B7FFC 100%);
}
.bt_watch{
	width: 200px;
}
.bt_watch img{
	width: 24px;
	height: 24px;
	line-height: 29px;
}
.watch_num{
	height: 29px;
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 29px;
	color: #FFEC6C;
	opacity: 1;
	padding-left: 5px;
}
.watch_fu{
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 26px;
	color: #FFFFFF;
	opacity: 1;
	padding-left: 30px;
}
.bt_li_list{
	width: 230px;
	color: #fff;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
}
.list_btn{
	width: 176px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: linear-gradient(360deg, #FFBA00 0%, #FFE203 100%);
	opacity: 1;
	border-radius: 42px;
	font-size: 16px;
	color: #A36418;
	font-weight: 400;
	margin-left:50px;
	
}
.pt-20{
	padding-top: 20px;
}
.f3{
	width: 100%;
	height: 870px;
	background: #FFFFFF;
	opacity: 1;
}
.fangan_cont{
	width: 1200px;
	height:550px;
	margin: 100px auto 0;
	background-image: url(../img/新零售插图.png);
	background-repeat: no-repeat;
	/* background-position: center; */
	background-position: 50% 0;
	position: relative;
}
.fangan_item_box{
	width: 300px;
	background: #FFFFFF;
	border: 1px solid #BECFFF;
	box-shadow: 0px 3px 16px rgba(0, 38, 116, 0.1);
	/* opacity: 0.7; */
	border-radius: 4px;
	padding: 24px 30px;
}
.item_title{
	height: 24px;
	font-size: 18px;
	line-height: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	padding-left: 10px;
}
.li_text{
	width: 95px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 30px;
	color: #757F9F;
}
.li_text_1{
	width: 98px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 30px;
	color: #757F9F;
	margin-left: 10px;
}
.pl-3{
	padding-left: 30px;
}
.sm_icon{
	width: 26px;
	height: 26px;
}
.top_right{
	position: absolute;
	top: 0;
	right: 0;
}
.btt_left{
	position: absolute;
	bottom: 100px;
	left: 0;
}
.btt_right{
	position: absolute;
	bottom: 100px;
	right: 0;
}
.fangan_center_img{
	width: 260px;
	height: 167px;
	position: absolute;
	left: 40%;
	top: 20%;
	-webkit-transform: translate3d(-50%,-100%,0);
	transform: translate3d(-50%,-100%,0);
	/* animation: kf-s2t 1.2s linear 0.8s infinite alternate; */
}
.f4{
	width: 100%;
	height: 415px;
	background: #F7F9FB;
	padding-top: 90px;
	opacity: 1;
}
.title{
	height: 47px;
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 47px;
	color: #333333;
	text-align: center;
}
.title_white{
	/* height: 47px; */
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 47px;
	color: #fff;
	text-align: center;
}
.xuqiu_cont{
	margin: 50px auto 0;
	width: 1200px;
}
.xuqiu_item{
	width: 80px;
	text-align: center;
}
.text-333{
	color: #333;
}
.weight-400{
	font-weight: 400;
}
.yuan{
	width: 62px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #2A7EFC;
	border-radius: 50%;
	margin:0 auto 18px;
}
.f5{
	width: 100%;
	height: 774px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
	opacity: 1;
}
.scroll_cont{
	width: 1200px;
	height: 580px;
	margin: 40px auto 0;
	overflow: hidden;		/*图片溢出部分隐藏*/
	
}
.row {
	width: 1200px;
	height: 580px;
	margin: 40px auto 0;
	overflow: hidden;
}

.box {
	position: relative;
}

.box1,
.box2 {
	width: 1298px;
	position: absolute;
}

.box2 {
	left: 1298px;
}

img {
	float: left;
}
.scroll_cont::-webkit-scrollbar-track {
    background-color: #fff;
}
.scroll_cont::-webkit-scrollbar {
    width: 5px;
}
.scroll_cont::-webkit-scrollbar-thumb {
    background-color: pink;
    border-radius: 3px;
}
.scroll_cont img{
	width: 100%;
}
.f6{
	width: 100%;
	height: 862px;
	background: #FFFFFF;
	opacity: 1;
	padding-top: 90px;
}
.yingxiao_cont{
	width: 1200px;
	margin: 60px auto 0;
}
.yingxiao_item{
	width: 300px;
	height: 254px;
	background: #FFFFFF;
	opacity: 1;
}
.yingxiao_active{
	box-shadow: 0px 14px 24px rgba(0, 38, 116, 0.1);
	transform: translateY(-20px);
	transition: all ease 0.5s;
	z-index: 2;
}
.f15_top_item_active{
	box-shadow: 0px 14px 24px rgba(0, 38, 116, 0.1);
	transform: translateY(-20px);
	transition: all ease 0.5s;
	z-index: 2;
}
.f13_item_active{
	box-shadow: 0px 14px 24px rgba(0, 38, 116, 0.1);
	transform: translateY(-20px);
	transition: all ease 0.5s;
	z-index: 2;
}
.yingxiao_item img{
	width: 71px;
	height: 82px;
	display: block;
}
.yingxiao_tit{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 26px;
	color: #333333;
	margin-top: 26px;
}
.yingxiao_desc{
	width:80%;
	margin: auto;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 19px;
	color: #A0A0A0;
	margin-top: 12px;
	text-align: center;
}
.f7{
	width: 100%;
	height: 738px;
	background-image: url(../img/f7_bg.png);
	background-size: cover;
	position: relative;
}
.f7_container{
	width: 1200px;
	margin: auto;
}
.switch_img{
	width: 328px;
	height: 578px;
	background-image: url(../img/样机.png);
	background-size: cover;
	margin: 80px 0 0 150px;
}
.switch_img P {
	font-size: 24px;
	text-align: center;
	margin-top: 50px;
}
.switch_box{
	width: 600px;
	margin-top: 120px;
}
.shop_shouye{
	height: 50px;
	font-size: 36px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 50px;
	color: #FFFFFF;
	opacity: 1;
}
.sm_line{
	width: 30px;
	height: 4px;
	background: linear-gradient(270deg, #F6FF8D 0%, #35DBDB 100%);
	opacity: 1;
	margin: 20px 0 20px;
}
.sm_line2{
	width: 24px;
	height: 3px;
	background: linear-gradient(90deg, #45DAFF 0%, #DB40FF 100%);
	margin: 20px 0 20px;
}
.switch_shop_desc{
	width: 550px;
	height: 42px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #FFFFFF;
	opacity: 0.9;
}
.swich_grid{
	margin-top: 122px;
	
}
.swich_grid a{
	text-decoration: none;
	display: block;
}
.switch_btn{
	width: 180px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
	cursor:pointer;
}
.switch_btn_active{
	background: #FFFFFF;
	box-shadow: 0px 4px 21px rgba(0, 60, 181, 0.07);
	transition: all ease 1s;
	color: #2A7EFC;
}
.f8{
	width: 100%;
	height: 500px;
	background: #F7F9FB;
	opacity: 1;
}
.f8_container{
	width: 1200px;
	margin: auto;
}
.f8_left_logo{
	width: 50px;
	display: block;
	margin: 62px 0 35px;
}
.f8_left_tit{
	height: 35px;
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 35px;
	color: #333333;
}
.f8_left_list{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 22px;
	color: #757F9F;
	margin-top: 24px;
}
.f8_right{
	width: 396px;
	height: 376px;
	border: 1px solid #e5e5e5;
	margin-top: 62px;
}
.f9{
	width: 100%;
	height: 500px;
	background: #FFFFFF;
}
.f10{
	width: 100%;
	height: 992px;
	background: #F7F9FB;
	padding-top: 90px;
}
.f10_container{
	width: 1200px;
	margin: 80px auto 0;
}
.f10_box_item{
	width: 294px;
	height: 320px;
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(0, 38, 116, 0.06);
	margin-bottom: 8px;
}
.f10_box_item img{
	width: 120px;
	height: 120px;
}
.f10_box_item_tit{
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 26px;
	color: #333333;
	margin: 20px 0 12px;
}
.f10_box_item_desc{
	width: 210px;
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 17px;
	color: #989FB5;
}
.f11{
	width: 100%;
	/* height: 250px; */
	background: #2A7EFC;
	padding-bottom: 30px;
}
.f11_left_bg{
	width: 358px;
	height: 250px;
	background-image: url(../img/蒙版40.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.f11_right_bg{
	width: 388px;
	height: 250px;
	background-image: url(../img/右侧背景.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.f11_center_cont{
	flex: 1;
	padding-top: 47px;
}
.f11_btn_box{
	width: 350px;
	margin: 32px auto 0;
}
.gmsq_btn{
	width: 158px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0, 38, 123, 0.2);
	opacity: 1;
	border-radius: 40px;
	cursor: pointer;
}
.gmsq_active{
	background: #FFFFFF;
	color: #2A7EFC;
}
.f12{
	width: 100%;
	height: 1000px;
	background-image: url(../img/gray_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 90px;
}
.f12_bt_container{
	width: 1200px;
	height: 380px;
	margin: 60px auto 0;
}
.f12_center_logo{
	width: 1136px;
	height: 156px;
	margin: 80px auto 0;
}
.fk12_icon{
	width: 86px;
	height: 100px;
}
.xuxian{
	width: 137px;
	height: 50px;
}
.nc_item_box{
	width: 386px;
	height: 180px;
	background-image: url(../img/ce_sm_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.f12_center_item{
	width: 386px;
	height: 380px;
	background-image: url(../img/nc_lg_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.f12_center_desc{
	width: 1200px;
	margin: auto;
}
.f12_center_logo p{
	width: 112px;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 24px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 14px;
}
.translate_top{
	margin-top: -100px;
}
.pl-2{
	padding-left: 20px;
}
.nc_item_top{
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	padding-left: 30px;
}
.nc_item_cont{
	padding: 20px 30px;
}
.nc_item_cont p{
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 28px;
	color: #555555;
}
.mr-5{
	margin-right: 50px;
}
.f13{
	width: 100%;
	height: 1100px;
	background: #F7F9FB;
	padding-top: 90px;
}
.f13_container{
	width: 1200px;
	margin: 70px auto 0;
}
.f13_left_item,.f13_right_item{
	width: 578px;
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(0, 38, 116, 0.1);
	background-image: url(../img/f13_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.f13_top_item{
	height: 100px;
}
.f13_top_title{
	height: 40px;
	padding-left: 40px;
}
.f13_top_title :first-child{
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 26px;
	color: #333333;
}
.f13_top_title :nth-child(2){
	width: 28px;
	height: 3px;
	background: #2A7EFC;
	margin-top: 10px;
}
.f13_bottom_cont{
	padding: 36px 40px;
}
.f13_bottom_cont img{
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 10px;
}
.f13_bottom_cont p{
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 30px;
	color: #333333;
}
.f13_bt_cont_desc{
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #757F9F;
	margin: 10px 0 0 40px;
}
.f14{
	width: 100%;
	height: 734px;
	background: #FFFFFF;
	padding-top: 90px;
}
.f14_container{
	width: 1200px;
	height: 384px;
	margin:auto ;
	background-image: url(../img/14插图.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 90px;
}
.f14_cont_left,.f14_cont_right{
	width: 400px;
	padding: 48px 40px;
	
}
.t_top_cont img{
	width: 50px;
	height: 50px;
	display: block;
	margin-right: 20px;
}
.t_top_cont_title{
	height: 50px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 50px;
	color: #2A7EFC;
}
.t_top_cont_title2{
	height: 50px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 50px;
	color: #AFBFDD;
}
.t_bt_cont{
	margin: 27px 0 0 70px;
}
.t_bt_cont li{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 34px;
	color: #333333;
	opacity: 0.89;
}
.fangda{
	 transform: scale(1.2);
	 transition: transform 0.5s ease 0s;
}
.f15{
	width: 100%;
	height: 902px;
	background-image: url(../img/white_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 90px;
}
.f15_top_container{
	width: 1200px;
	margin: 34px auto 90px;
}
.f15_top_item{
	width: 290px;
	height: 120px;
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(0, 38, 116, 0.06);
	padding: 34px;
}
.f15_item_left{
	width: 52px;
	margin-right: 18px;
}
.kfwd{
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 24px;
	color: #2A7EFC;
}
.kfwd_desc{
	height: 20px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 30px;
	color: #767984;
	margin-top: 8px;
}
.f15_left_box{
	width: 686px;
	height: 276px;
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(0, 38, 116, 0.06);
	border-top: 3px solid #2A7EFC;
}
.f15_right_box{
	width: 494px;
	height: 276px;
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(0, 38, 116, 0.06);
	border-top: 3px solid #FF9D00;
	padding: 30px 48px;
}
.qrcode{
	width: 176px;
	height: 215px;
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(113, 113, 113, 0.1);
	opacity: 1;
	border-radius: 4px;
}
.qrcode img{
	width: 152px;
	height: 152px;
}
.qrcode p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #333333;
	text-align: center;
	margin-top: 10px;
}
.yanshi_top{
	height: 78px;
	line-height: 78px;
	color: #333333;
	border-bottom: 1px solid #eee;
}
.yanshi_top :first-child{
	padding-left: 46px;
}
.yanshi_top :nth-child(2){
	padding-left: 118px;
}
.yanshi_box{
	font-size: 14px;
	color: #777777;
	padding: 28px 46px 0;
}
.pb-20{
	padding-bottom: 20px;
}
.yanshi_tit{
	display: block;
	width: 180px;
}
.f16{
	width: 100%;
	height: 640px;
	background: #FFFFFF;
	padding-top: 90px;
	background-image: url(../img/背景装饰.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.f16_container{
	width: 1200px;
	margin: 90px auto 0;
}
.f16_cont_item{
	width: 150px;
	padding: 10px;
	text-align: center;
}
.f16_item_active{
	box-shadow: 0px 14px 24px rgba(0, 38, 116, 0.1);
	transform: translateY(-20px);
	transition: all ease 0.5s;
	z-index: 2;
	padding: 10px;
}
.edit{
	transform: translateY(0);
	transition: all ease 0.5s;
}
.f16_cont_item img{
	width: 100%;
}
.text-center{
	text-align: center;
}
.f17{
	width: 100%;
	height: 200px;
	background: #2A7EFC;
	background-image: url(../img/bjzs1.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.f17_container{
	width: 1200px;
	margin: auto;
	padding-top: 50px;
}
.foot_box_item{
	width: 200px;
	height: 100px;
	text-align: center;
}
.foot_box_item :first-child{
	height: 37px;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 37px;
	color: #FFFFFF;
	margin: 11px 0 20px;
}
.houzhui{
	height: 37px;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 37px;
	color: #FFFFFF;
	margin: 11px 0 20px;
}
.f17_desc{
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #FFFFFF;
}
.foot_title{
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 26px;
	color: #FFFFFF;
	margin-bottom: 30px;
}


/* 动画 */

.curr1{
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out  0s;
}

@keyframes kf-t-b {
    from {
        transform: translateY(250px);
    }
    to {
        transform: translateY(0px);
    }
}

/*kf-t-b从上到下250距离*/
@keyframes kf-b-t {
    from {
        transform: translateY(-250px);
    }
    to {
        transform: translateY(0px);
    }
}

/*放大 pic_scale从小到大*/
@keyframes pic_scale {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes op {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*kl1从右到左50*/
@keyframes kf-l-r {
    from {
        transform: translateX(-400px);
    }
    to {
        transform: translateX(0px);
    }
}

/*kl1从左到右50*/
@keyframes kf-r-l {
    from {
        transform: translateX(400px);
    }
    to {
        transform: translateX(0px);
    }
}
.pic_scale {
    animation: pic_scale 1s;
    opacity: 1 !important;
}
@keyframes pic_scale {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes kf-s2t {
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0px);
    }
}

@keyframes kf-s2b {
    from {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0px);
    }
}
.kfb_animation{
	animation: kf-s2b 1.2s linear 0.4s infinite alternate;
}
.kft_animation{
	animation: kf-s2t 1.2s linear 0.8s infinite alternate;
}
/*kf-t-b从上到下250距离*/
.kf-t-b1 {
    animation: kf-t-b 0.4s;
}

.kf-t-b2 {
    animation: kf-t-b 0.5s;
}

.kf-t-b3 {
    animation: kf-t-b 0.6s;
}

.kf-t-b4 {
    animation: kf-t-b 0.7s;
}

/*kf-t-b从下到上250距离*/
.kf-b-t1 {
    animation: kf-b-t 0.4s;
}

.kf-b-t2 {
    animation: kf-b-t 0.5s;
}

.kf-b-t3 {
    animation: kf-b-t 0.6s;
}

.kf-b-t4 {
    animation: kf-b-t 0.7s;
}

/*放大 pic_scale从小到大*/
.pic_scale {
    animation: pic_scale 1s;
    opacity: 1 !important;
}

.pic_scale1 {
    animation: pic_scale 0.7s;
    opacity: 1 !important;
}

/*从隐藏到显示*/
.op {
    animation: op 0.1s;
    opacity: 1 !important;
}

/*kl1从左到右50*/
.kf-l-r1 {
    animation: kf-l-r 0.4s;
}

.kf-l-r2 {
    animation: kf-l-r 0.5s;
}

.kf-l-r3 {
    animation: kf-l-r 0.6s;
}

.kf-l-r4 {
    animation: kf-l-r 0.7s;
}

.kf-l-r5 {
    animation: kf-l-r 0.8s;
}

.kf-l-r6 {
    animation: kf-l-r 0.9s;
}

/* kr1从右到左50*/
.kf-r-l1 {
    animation: kf-r-l 0.4s;
}

.kf-r-l2 {
    animation: kf-r-l 0.5s;
}

.kf-r-l3 {
    animation: kf-r-l 0.6s;
}

.kf-r-l4 {
    animation: kf-r-l 0.7s;
}

.kf-r-l5 {
    animation: kf-r-l 0.8s;
}

.kf-r-l6 {
    animation: kf-r-l 0.9s;
}