﻿.header{
	height: 80px;background: #FFFFFF;position: fixed;left: 0;right: 0;top: 0;z-index: 9999;box-shadow: 0 1px 3px #ccc;
}
.wap{
	width:1200px;margin: 0 auto;
}
.header .wap{
	overflow: hidden;
}
.header .logo{
	float: left;margin: 19px 0 0 13px;
}
.header .logo img{
	width:139px;
}
.header ul{
	float: right;overflow: hidden;margin-top: 23px;
}
.header li{
	float: left;margin-left: 55px;
}
.header li.last{
	margin: 0 22px 0 67px;
}
.header li.last a{
	padding:0 30px;background: #1eb9ee;color: #FFFFFF;border-radius: 6px;
}
.header li.last a:hover{
	color: #FFFFFF;background: #1895c0;
}
.header li a{
	display: block;line-height: 36px;font-size: 15px;color: #5c5c5c;
}
.header li.on a,
.header li a:hover{
	color: #1eb9ee;
}
.page1{
	background: url(../images/bg1.jpg) no-repeat center top;background-size: cover;overflow: hidden;
}
.page1 .text{
	margin-top: 243px;
}
.page1 .text h2{
	font-size:44px;color: #022557;line-height: 58px;text-align: center;margin-bottom:45px;
}
.page1 .text p{
	font-size:16px;color: #615c55;line-height: 26px;text-align: center;
}
.page1 .txt{
	width:617px;height:12px;border: 1px solid #d2d2d2;background: #FFFFFF;font-size: 12px;color: #666666;padding: 20px 0 20px 23px;display: block;margin: 0 auto;border-radius: 8px;margin-top: 65px; font-family:"微软雅黑";
}
.page1 .sub{
	background: url(../images/p-btn1.png) no-repeat center;width: 240px;height: 65px;line-height: 65px;display: block;margin: 0 auto;margin-top: 27px;color: #FFFFFF;
font-size:18px;border: none;padding-right: 30px;cursor: pointer;transition: all 0.3s;font-family:"微软雅黑";
}
.page1 .sub:hover{
	background: url(../images/p-btn5.png) no-repeat center;
}
.page1 .h5{
	text-align: center;font-size:12px;color: #4d3e3c;margin-top: 105px;
}
.page1 .ico{
	text-align: center;margin-top:10px;
}
.page2{
	background: url(../images/bg2.jpg) no-repeat center top;background-size: cover;overflow: hidden;
}
.page2 h2{
	margin-top:190px;text-align: center;font-size:30px;color: #ffffff;
}
.page2 ul{
	margin-top: 90px;text-align: center;font-size: 0;
	display: block;
}
.page2 li{
	display: inline-block;background: #FFFFFF;border-radius:4px ;margin: 0 15px;width: 276px;height: 310px;overflow: hidden;
}
.page2 li .ico{
	text-align: center;width: 122px;height: 122px;overflow: hidden;
border-radius: 50%;margin: 0 auto;margin-top:35px;}
.page2 li h3{
	font-size:20px;color: #3e3e3e;line-height: 60px;
}
.page2 li p{
	font-size:13px;color: #666666;line-height: 22px;padding: 0 20px;
}
.page2 .btn{
	background: url(../images/p-btn3.png) no-repeat center;width: 170px;height: 53px;padding-right: 12px;text-align: center;margin: 0 auto;margin-top: 60px;
}
.page2 .btn a{
	display: block;line-height: 54px;font-size:16px;color: #1eb9ee;
}
.page3{
	background: url(../images/bg3.jpg) no-repeat center top;background-size: cover;overflow: hidden;
}
.page3 h2{
	font-size:30px;color: #ffffff;text-align: center;margin-top:180px;
}
.page3 ul{
	font-size: 0;text-align: center;margin-top: 40px;
}
.page3 li{
	display: inline-block;margin: 7px;
}
.page3 .logoend {
	display: none;
}
#fp-nav ul li, .fp-slidesNav ul li{
	width: auto;height: auto;margin:13px 0;overflow: hidden;
}
#fp-nav ul li a{
	width: 20px;height: 20px;border-radius: 50%;display: block;overflow: hidden;
}
#fp-nav ul li a:hover span,
#fp-nav ul li a.active span{
	background: url(../images/p-btn4.png) no-repeat center;width: 20px;height: 20px;margin: 0;
}
#fp-nav ul li a span{
	width: 6px;height: 6px;border-radius: 50%;background: #ffffff;margin: 7px;position: static;display: block;
}
#fp-nav.right{
	margin-right: 40px;
}
/*首页结束*/

/*新零售开始*/
.banner{
	margin-top: 80px;height: 490px;
}
.x-m-a{
	text-align: center;overflow: hidden;padding-bottom: 100px;
}
.x-m-a h2{
	margin-top:75px;font-size:30px;color: #353535;
}
.x-m-a ul{
	font-size: 0;margin-top: 70px;
}
.x-m-a li{
	display: inline-block;margin: 0 65px;margin-bottom: 37px;
}
.x-m-a li h4{
	font-size:20px;line-height: 60px;color: #2e2e2e;
}
.x-m-b{
	background: url(../images/bg4.jpg) no-repeat center top;height: 947px;overflow: hidden;
}
.x-m-b .wap{
	height: 663px;
}
.x-m-b ul{
	float: left;
}
.device{
	position: relative;
}
.ximgs{
	position: absolute;left: 0;right: 0;text-align: center;top: 0;z-index: 1;width: 321px;margin: 0 auto;height: 654px;
}
.swiper-pagination{
	z-index: 1111;display: none;
}
.swiper-button-prev{
	z-index: 1111;
}
.x-m-b h2{
	font-size:30px;color: #ffffff;margin-top: 65px;text-align: center;
}
.x-m-b p{
	font-size:14px;color: #ffffff;line-height: 24px;text-align: center;margin-top: 8px;margin-bottom: 50px;
}
.x-m-c{
	overflow: hidden;padding-bottom: 95px;
}
.x-m-c h2{
	font-size:30px;color: #343434;text-align: center;line-height: 50px;margin-top: 80px;
}
.x-m-c ul{
	margin-top:43px;font-size: 0;
}
.x-m-c li{
	display: inline-block;margin:12px;width: 560px;height: 145px;background: #f5f5f5;
}
.x-m-c a{
	display: block;overflow: hidden;
}
.x-m-c .ico{
	float: left;margin-top: 28px;margin-left: 30px;margin-right: 35px;width: 59px;height: 59px;border-radius: 3px;
}
.x-m-c .ico img{
	width: 100%;height: 100%;
}
.x-m-c .text{
	float: left;width: 415px;
}
.x-m-c h3{
	font-size:22px;color: #010101;line-height: 24px;margin-top:28px;
}
.x-m-c p{
	font-size:13px;color: #7f7f7f;line-height: 22px;margin-top: 12px;
}
.title img{
	width: 279px;height: 499px;margin: 0 auto;display: block;
}

.footer{
	background: #1e2435;padding-top:44px;padding-bottom: 50px;
}
.footer .wap{
}
.footer .f-logo{
	float: left;width: 434px;
}
.footer .f-logo a{
	margin:66px;
}
.footer li{
	margin-bottom: 24px;
}
.footer ul a{
	line-height: 16px;font-size: 14px;color: #FFFFFF;
}
.footer ul a:hover{
	color: #1eb9ee;
}
.footer ul{
	width: 255px;float: left;
}
.footer p{
	color: #999999;
}
.footer .la a{
	margin-right:12px;
}
.copyroght{
	height:44px;line-height: 44px;text-align: center;background: #1d222b;font-size: 14px;color: #9b9b9b;
}
/*新零售结束*/



/*智慧餐饮开始*/
.z-m-b{
	background: url(../images/bg5.png) no-repeat center top;padding: 95px 0 80px;overflow: hidden;
}
.z-m-b .wap{
	overflow: hidden;
}
.z-m-b .imgs{
	width: 613px;float: left;
}
.z-m-b .text{
	float: right;margin-right: 15px;width: 465px;margin-top: 140px;
}
.z-m-b .text h2{
	font-size:36px;color: #ffffff;line-height: 50px;margin-bottom: 36px;
}
.z-m-b .text p{
	font-size:16px;color: #ffffff;line-height: 24px;margin-bottom: 24px;
}



/*智慧餐饮结束*/


/*关于我们开始*/

.a-m-a{
	padding: 60px 0 88px;
}
.a-m-a .wap{
}
.a-m-a .imgs{
	float: left;width:424px;height: 288px;overflow: hidden;margin-top: 42px;
}
.a-m-a .imgs img{
	width: 100%;height: 100%;display: block;
}
.a-m-a .text{
	float: left;width:650px;margin-left:72px;overflow: hidden;
}
.a-m-a .text h3{
	margin-top: 40px;font-size:18px;color: #000000;line-height: 26px;margin-bottom: ;margin-bottom: 18px;
}
.a-m-a .text p{
	font-size:14px;line-height: 24px;color: #666666;
}
.a-m-b{
	background:#f5f6f7;padding: 65px 0 90px;overflow: hidden;text-align: center;
}
.a-m-b h2{
	font-size:30px;color: #060606;line-height: 42px;
}
.a-m-b ul{
	margin-top: 50px;font-size: 0;
}
.a-m-b li{
	display: inline-block;margin: 0 50px;width: 240px;
}
.a-m-b li img{
	width: 160px;height: 160px;border-radius: 50%;overflow: hidden;
}
.a-m-b li a h3{
	font-size:24px;color: #4a4a4a;line-height: 36px;margin-top: 50px;margin-bottom: 36px;
}
.a-m-b li a p{
	font-size:14px;line-height:24px;color: #878787;
}
.banner1{
	height: 205px;text-align: center;overflow: hidden;
}
.banner1 h2{
	font-size:30px;color: #FFFFFF;line-height: 42px;margin-top: 65px;
}
.banner1 h4{
	font-size:18px;color: #ffffff;line-height: 42px;
}
/*关于我们结束*/


/*联系我们开始*/
.c-m-a{
	padding:80px 0 65px;
}
.c-m-a .text{
	float: left;width:500px;margin-left:20px;
}
.c-m-a .text h2{
	font-size:22px;line-height:40px;margin-bottom: 12px;
}
.c-m-a .imgs{
	width: 650px;float: right;height: 300px;
}
.c-m-a .text h4{
	margin-top: 10px;line-height: 22px;color: #666666;font-size: 14px;
}
.c-m-a .text h5{
	line-height: 22px;color: #000000;font-size: 14px;
}
.c-m-a .text h5 img{
	width:110px;padding-top:10px;
}
.c-m-a .text .ico{
	margin-top:22px;overflow: hidden;
}
.c-m-a .text .ico a{
	display: block;float: left;margin-right:15px;width: 38px;height: 38px;border-radius: 50%;overflow: hidden;
}
.c-m-b{
	background:#f5f6f8;padding: 42px 0 70px;overflow: hidden;
}
.c-m-b h2{
	font-size:24px;color: #262626;line-height: 54px;text-align: center;
}
.c-m-b h4{
	line-height:28px;font-size: 14px;color: #7a7a7b;text-align: center;margin-bottom: 34px;
}
.c-m-b .wap{
	overflow: hidden;
}
.c-m-b .lt{
	float: left;width: 340px;margin-left: 7px;
}
.c-m-b .rt{
	float: right;
}
.c-m-b .lt .txt{
	width: 310px;line-height:1;font-size: 12px;padding: 16px 15px;color: #000;background: #e6e7e9;border: none;margin-bottom: 20px;
	font-family:微软雅黑;
}
.c-m-b .text{
	width: 765px !important;padding-left: 15px;line-height: 1.6;font-size: 12px;color: #000;background: #e6e7e9;margin-right: 7px;background: #e6e7e9;border: none;padding-top: 12px;padding-bottom: 12px;padding-right: 15px;height:148px  !important;font-family:微软雅黑;
}
.ov{
	overflow: hidden;
}
.c-m-b .sub{
	width:230px;height: 54px;background: #1eb9ee;border: none;border-radius: 6px;box-shadow: 0 0 2 5px rgba(255,255,255,0.1);border: none;display: block;cursor: pointer;margin:50px auto 0;color: #FFFFFF;line-height: 54px;text-align: center;font-size:18px;transition: all 0.3s;font-family:微软雅黑;
}
.c-m-b .sub:hover{
	background: #1895c0;
}
/*联系我们结束*/



/*常见问题开始*/

.problem{
	overflow: auto;padding:50px 0 100px ;
}
.problem h2{
	font-size:30px;color: #353535;text-align: center;
}
.problem .hd{
	text-align: center;margin-top: 35px;
}
.problem .hd ul{
	font-size: 0;
}
.problem .hd li{
	display: inline-block;margin: 0 -2px;
}
.problem .hd a{
	line-height: 40px;font-size:18px;color: #000;width: 120px;padding: 0 5px;display: inline-block;;
}
.problem .hd span{
	color: #dcdcdc;font-size: 16px;display: inline-block;
}
.problem .hd li.on span,
.problem .hd li:hover span{
	color: #FFFFFF;
}
.problem .hd li.on a,
.problem .hd li:hover a{
	color: #FFFFFF;background: #3cbaff;
}
.problem .bd{
	margin-top: 45px;
}
.problem .bd ul{
	border-top: 1px solid #dedede;width: 940px;margin: 0 auto;
}
.problem .bd li{
	border-bottom: 1px solid #dedede;padding: 0 5px;
}
.problem .bd li h3{
	line-height: 54px;font-size: 18px;color: #000;padding-top: 6px;overflow: hidden;padding-bottom: 6px;
}
.problem .bd li h3 i{
	float: right;transition: all 0.3s;margin-right: 20px;
}
.problem .bd li h3.on i{
	transform: rotate(180deg);
}
.problem .bd li dl{
	display: none;margin-top: -6px;
}
.problem .bd li dd{
	font-size:12px;color: #666666;line-height: 26px;overflow: hidden;
}
.problem .bd li dd span{
	float: left;width: 40px;display: block;text-align: right;height: 100%;
}
.problem .bd li dd p{
	float: left;width: 840px;display: block;text-align: left;
}
.problem .bd dd:last-child{
	padding-bottom:28px;
}
.problem .bd li h3 i img{
	width: 100%;
}
/*常见问题结束*/
.h-footer{
	display: none;
}
.h-banner{
	display: none;
}
.swiper-container{
	z-index: 11;
}
.logo .l2{
	display: none;
}
.z-m-b .wap h4{
	display: none;
}

.BMap_pop{
	display: none;
}

.page1 .ico{
	-webkit-animation: bounce-up 2s linear infinite;
    animation: bounce-up 2s linear infinite;
}

/*箭头*/
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-5px);
    }
}


@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5px);
    }

}


.page1.active .fp-tableCell{
-webkit-animation:fadeInUp 1.5s 0.5s ease both;
-moz-animation:fadeInUp 1.5s 0.5s ease both;
}
.page2.active h2{
-webkit-animation:fadeInUp 1.5s 0.5s ease both;
-moz-animation:fadeInUp 1.5s 0.5s ease both;
}
.page2.active li:nth-child(1){
-webkit-animation:fadeInUp 1s 1s ease both;
-moz-animation:fadeInUp 1s 1s ease both;
}
.page2.active li:nth-child(2){
-webkit-animation:fadeInUp 1.2s 1s ease both;
-moz-animation:fadeInUp 1.2s 1s ease both;
}
.page2.active li:nth-child(3){
-webkit-animation:fadeInUp 1.4s 1s ease both;
-moz-animation:fadeInUp 1.4s 1s ease both;
}
.page2.active .btn{
-webkit-animation:fadeInUp 1.5s 1.5s ease both;
-moz-animation:fadeInUp 1.5s 1.5s ease both;
}
.page3.active h2{
-webkit-animation:fadeInUp 1.5s 0.5s ease both;
-moz-animation:fadeInUp 1.5s 0.5s ease both;
}
.page3.active ul{
-webkit-animation:fadeInUp 1.5s 1s ease both;
-moz-animation:fadeInUp 1.5s 1s ease both;
}







@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.ico a,
.la a{
	position: relative;
}
.ico .imgs2,
.la .imgs2{
	position: absolute;bottom: 55px;left: 50%;width: 100px;margin-left: -50px;max-width: inherit;display: none;z-index: 11;
}
.ico a:hover .imgs,
.la a:hover .imgs2{
	display: block;
}
.page2 li:hover{
	background: rgba(255,255,255,0.85);
}


.indexfooter {
text-align:center;
font-size:12px;
padding-top:15px;
}