/* css 重置 */
body,div,ul,li { padding: 0; margin: 0; }
ul { list-style: none ; }
img { border: none; }
a { blr: expression(this.onFocus=this.blur()); outline: none; }

/*本例css*/
.banner { width: 100%; height: 680px; position: relative; overflow:hidden;}
.banner_photo{position:absolute; left:50%; margin-left:-960px; width: 1920px; height:680px;}
.bt{font-size: 34px;color: #FFFFFF;position: absolute;top: 260px; left: 50%;margin-left: -542px;font-weight: normal;}
.bt_text{font-size: 20px;color: #FFFFFF;position: absolute;top: 310px; left: 50%;margin-left: -542px;}
.banner_text{height: 60px;  width: 310px;  background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 50px;  position: absolute;  left: 50%; margin-left: -542px; top: 50%; margin-top: -52px; font-size: 24px; color: #ff9600;text-align: center;line-height: 60px;}
.banner_ewm{width: 310px; height:160px; position: absolute; left: 50%;margin-left: -542px; top: 50%; margin-top: 38px;}
.banner_ewm_left,.banner_ewm_right{height:160px; width: 140px;}
.banner_ewm_right{float: right;}
.banner_ewm_left{ float: left;}
.banner_ewm_left i,.banner_ewm_right i{ display: block;  width: 140px;  height: 140px;   background-size: 100%;  background-repeat: no-repeat;}
/*banner两个二维码*/
.banner_ewm_left i{background-image: url("../images/applet.jpg"); }
.banner_ewm_right i{background-image: url("../images/qrcode.jpeg"); }

.banner_ewm_right p,.banner_ewm_left p{text-align: center;  font-size: 15px;  color: #fff;  line-height: 16px;  margin-top: 10px;}
/*数字按钮样式*/
.banner .num { overflow:hidden; height: 20px; position: absolute; bottom:20px; left: 50%; margin-left:-45px; zoom:1; z-index:3 }
.banner .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.banner .num li.on { background: #ff9600; } /*当前项*/

/*上一个  下一个*/
.banner .prev,
.banner .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top:  50%; margin-top:-50px; margin-left: 20px; margin-right: 20px;}
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }

.resale_logo {
	width: 144px;
    height: 50px;
    margin-top: 15px;
    display: block;
    float: left;
    background-image: url(../images/resale-logo.png);
    background-repeat: no-repeat;
}

/*内容主体*/
.main{
	clear: both;
	width:1200px;
	height: 350px;
	margin:30px auto 0px;

	margin-bottom: 100px;
}	
	
/*简介*/
/* 产品优势 */
.mainbav{
	width:1200px;
	margin:0 auto;
	}
.sub{
    display: inline-block;
    width: 210px;
    height: 180px;
    margin-bottom: 66.5px;
	padding: 40px 27px;
    position: relative;
}
.sub .sub-content {
    width: 210px;
    height: 220px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px -1px 13.5px 0px rgba(251, 105, 69, 0.2);
    border-radius: 12px;
    padding-top: 1px;
}
.sub .sub-content .icon-title {
    font-size: 18.5px;
    text-align: center;
}
.sub .sub-content .icon-title:first-child {
    margin-top: 60px;
}
.sub .sub-content .icon-text {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    padding: 0 20px;
}
.sub .icon {
    width: 66.5px;
    height: 66.5px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4.5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 14.65px;
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translate(-50%, -50%);
}
.sub .icon .icon-img {
    width: 53.5px;
    height: 53.5px;
    display: block;
    margin: 5px auto;
}

/* 产品功能 */
.boot_main{
	clear: both;
	width:1200px;
	height: 750px;
	margin:30px auto 0px;

	margin-bottom: 100px;
}	
.mainbav_bottom {
	display: flex;
	justify-content: center;
}
.boot {
	width: 308px;
	/* height: 650px; */
	background: #FFFFFF;
	/* box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); */
	border-radius: 12px;
	margin: 50px auto 0;
	padding-top: 1px;
}
.boot-member {
	height: 525px;
}
.boot .boot-title {
	font-size: 18px;
	text-align: center;
	margin: 28px 0;
}
.boot .boot-img {
	width: 308px;
	height: 189px;
	margin: 0 auto;
}
.boot .boot-img-inner {
	width: 308px;
	height: 189px;
}
.boot .boot-content {
	width: 308px;
	height: 338px;
}
.boot-content .boot-message {
	width: 308px;
	display: flex;
	margin: 25px auto;
}
.boot-message .boot-icon {
	width: 25px;
	height: 25px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-right: 10px;
	margin-left: 20px;
}
.icon-cash {
	background: url(../images/cash.png);
}
.icon-inventory {
	background: url(../images/inventory.png);
}
.icon-staff {
	background: url(../images/staff.png);
}
.icon-money {
	background: url(../images/money.png);
}
.icon-points {
	background: url(../images/points.png);
}
.icon-balance {
	background: url(../images/balance.png);
}
.icon-event {
	background: url(../images/event.png);
}
.icon-note {
	background: url(../images/note.png);
}
.icon-check {
	background: url(../images/check.png);
}
.icon-barcode {
	background: url(../images/barcode.png);
}
.icon-stock {
	background: url(../images/stock.png);
}
.boot-message .boot-text {
	width: 240px;
	font-size: 14px;
}


.top_name{
	text-align: center;
	font-size: 40px;
	color: rgb(51, 51, 51);
	line-height:40px;
	font-weight: inherit;
	}
.interval{
	position:relative;
	margin: 20px auto 20px auto;
	background-color:#ccc;
	width:400px;
	height:2px;}
.interval span{
	height:2px;
	width:80px;
	background-color:#ff9600;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-40px;
	}
.top_txt{
	text-align:center;
	line-height:21px;
	font-size:14px;
	color:#7f8c8d;
	}
	/*下半部分*/

.bottom_box li{
	margin-top: 60px;
	float:left;
	width:300px;
	height:70px;
	}
.photo_icon{
	height: 70px;
	width: 60px;
	margin-right: 30px;
	margin-left: 40px;
	float: left;
}
.photo_1{
	background-image: url(../images/icon_01.png);
}
.photo_2{
	background-image: url(../images/icon_02.png);
}
.photo_3{
	background-image: url(../images/icon_03.png);
}
.photo_4{
	background-image: url(../images/icon_04.png);
}
.photo_5{
	background-image: url(../images/icon_05.png);
}
.photo_6{
	background-image: url(../images/icon_06.png);
}
.photo_7{
	background-image: url(../images/icon_07.png);
}
.photo_8{
	background-image: url(../images/icon_08.png);
}
.photo_9{
	background-image: url(../images/icon_09.png);
}
.bottom_box h3{
	font-size: 16px;
	font-weight: normal;
	color: #2c3e50;
}
.bottom_box p{
	font-size: 12px;
	font-weight: normal;
	color: #7f8c8d;
	margin-top: 14px;
}
/*第二部分底部*/
.kapian{
	height: 270px;
	width: 214px;
	border-radius: 4px;
	background-color: #00b89e;
	float: left;
	margin-top: 60px;
	box-sizing: border-box;
	padding: 40px 27px;
}
.k1{
	margin-right: 114px;
}
.kapian h3{
	font-size: 20px;
	color: #fff;
	text-align: center;;
}
.kapian span{
	display: block;
	width: 160px;
	height: 1px;
	margin: 30px 0px 30px 0px;
	background-color: #fff;

}
.kapian p{
	text-align:Justify;
	text-justify:inter-ideograph;
	font-size: 14px;
	color: #fff;
}
/*品牌*/
.brand{
	position: relative;
	margin-top: 60px;
	width: 1200px;
	height: 360px;
}
.brand_center .swiper-button-prev {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -60px;
	height: 120px;
	width: 40px;
	background-image: url("../images/btn_01.png") !important;
	background-position:0px;
	background-repeat:no-repeat;
	background-size: auto;
}
.brand_center .swiper-button-prev:hover {
	background-image: url("../images/btn_01_pice.png") !important;
}
.brand_center .swiper-button-next {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -60px;
	height: 120px;
	width: 40px;
	background-image: url("../images/btn_01.png");
	background-position:-50px;
	background-repeat:no-repeat;
	background-size: auto;
}
.brand_center .swiper-button-next:hover {
	background-image: url("../images/btn_01_pice.png");
}
/*合作品牌*/
.brand_center{
	height: 361px;
	width: 961px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin: 0 auto;
}
.brand_center_show ul li{
	float: left;
	height: 120px;
	width: 240px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-right: none;
	border-bottom: none;
}
.brand_center_show ul li a{
	width: 100%;
	height: 100%;
	display: block;	
}
/*隐藏*/
/*.brand_center_hide{
	display: none;
}*/
.show_01{
	background-image: url("../images/p0.png");
}
.show_02{
	background-image: url("../images/p1.png");
}
.show_03{
	background-image: url("../images/p2.png");
}
.show_04{
	background-image: url("../images/p3.png");
}
.show_05{
	background-image: url("../images/p4.png");
}
.show_06{
	background-image: url("../images/p5.png");
}
.show_07{
	background-image: url("../images/p6.png");
}
.show_08{
	background-image: url("../images/p7.png");
}
.show_09{
	background-image: url("../images/p8.png");
}
.show_10{
	background-image: url("../images/p9.png");
}
.show_11{
	background-image: url("../images/p10.png");
}
.show_12{
	background-image: url("../images/p11.png");
}
.show_21{
	background-image: url("../images/p20.png");
}
.show_22{
	background-image: url("../images/p21.png");
}
.show_23{
	background-image: url("../images/p22.png");
}
.show_24{
	background-image: url("../images/p23.png");
}
.show_25{
	background-image: url("../images/p24.png");
}
.show_26{
	background-image: url("../images/p25.png");
}
.show_27{
	background-image: url("../images/p26.png");
}
.show_28{
	background-image: url("../images/p27.png");
}
.show_29{
	background-image: url("../images/p28.png");
}
.show_30{
	background-image: url("../images/p29.png");
}
.show_31{
	background-image: url("../images/p30.png");
}
.show_32{
	background-image: url("../images/p31.png");
}
/*注册*/
.register{
	height: 300px;
	width: 100%;
	background-color: #00b89e;
}
.register_main{
	height: 300px;
	width: 1200px;
	margin: 0px auto;
	padding: 60px 0px;
	box-sizing: border-box;
}
.register_main h2{
	font-weight: normal;
	font-size: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}
.register_main h3{
	margin-top: 16px;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
}
.register_main form{
	width: 480px;
	height: 50px;
	border-radius: 50px;
	/*background-color: #ffffff;*/
	margin: 50px auto 0px auto;
	position: relative;
}
.rel{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	height: 50px;
	border: none;
	font-size: 18px;
	padding-left: 20px;
	box-sizing: border-box;
	width: 340px;
	border-radius: 50px;
	color: #666;
	font-weight: normal;
}
.Submit{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	height: 50px;
	width: 190px;
	position: absolute;
	border: medium none;
	border-radius: 50px;
	background-color: rgb(255, 150, 0);
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	left: 140px;
	/*margin-left: -70px;*/
}
.Submit1{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	height: 50px;
	width: 190px;
	position: absolute;
	border: medium none;
	border: 1px solid #fff;
	border-radius: 50px;
	/*background-color: #fff;*/
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	right: 40px;
	/*margin-left: -70px;*/
}
.service {
	height: 300px;
	width: 100%;
}
.service_main {
	height: 300px;
	width: 1200px;
	margin: 0px auto;
	padding: 60px 0px;
	box-sizing: border-box;
	text-align: center;
}
.service_tel {
	width: 200px;
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FF6600;
	line-height: 30px;
	margin: 0 auto;
}
.service_icon {
	float: left;
	width: 30px;
	height: 30px;
	display: block;
	background-image: url("../images/tel.png");
	background-repeat: no-repeat;
}
.service_text {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
}
.service_img {
	width: 102px;
	height: 102px;
}
.footer{
	height: 350px;
	width: 100%;
	background-color: #394a52;
	padding-top: 70px;
	box-sizing: border-box;
}
.footer_main{
	width: 1200px;
	margin: 0 auto;
}
.resale_footer_left{
	float: left;
	width: 210px;
	/* background-image: url("../images/phone.png"); */
	background-repeat: no-repeat;
	background-position: 84px 20px;
}
.resale_footer_left h2{
	margin-top: 60px;
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
}
.resale_footer_left .logo{
	color: white;
	background-color: white;
}
.resale_footer_left p{
	margin-top: 10px;
	line-height: 12px;
	font-size: 12px;
	color: #b2b2b2;
	text-align: center;
}
/*间隔线*/
.before{
	float: left;
	margin-left: 40px;
	height: 120px;
	width: 1px;
	margin-top: 20px;
	background-color: #616e75;
}
.footer_center{
	width: 950px;
	float: right;
	/* margin: 0 auto; */
}
.footer_text{
	/* padding-left: 40px; */
	/* height: 46px; */
	margin-left: 110px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DDDDDD;
	line-height: 30px;
}
.slice {
	height: 1px;
	width: 820px;
	background-color: #616e75;
	margin: 20px 0 20px 110px;
}
.ul_list {
	margin-left: 50px;
}
.footer_center ul{
	float: left;
	margin: 0 60px;
}
.footer_center ul li a{
	font-size: 14px;
	color: #ccc;
	line-height: 36px;
}
.footer_right{
	float: right;
	margin-top: 20px;
	width: 100px;
	height: 120px;
	margin-right: 20px;
	
}
.ewm1,.ewm2{
	display: block;
	width: 100px;
	height: 100px;
	background-size: 100%;
	background-repeat: no-repeat;
}
/*二维码位置*/
.ewm1{
	background-image: url("../images/wx.png");
}
.ewm2{
	background-image: url("../images/app.png");
}
.footer_right p{
	text-align: center;
	font-size: 12px;
	color: #b2b2b2;
	line-height: 12px;
	margin-top: 10px;
}
/*底部版权*/
.copyright{
	clear: both;
	width: 1200px;
	padding-top: 40px;
	margin: 0 auto;
}
.copyright div{
	margin-top: 10px;
	text-align: center;
	color: #999;
	line-height: 12px;
	font-size: 12px;
}


/*以下代码下载页*/
.download{
	width: 100%;
	height: 580px;
	position: relative;
}
.download_bg{ position: absolute; left: 50%; top: 0; margin-left: -960px;}
.dwn_bt{ width: 700px; height: 120px; position: absolute;left: 50%; margin-left: -25%; top: 240px;color: #fff; text-align: center;}
.dwn_bt h2{ font-size: 50px; font-weight: normal; margin-bottom: 20px;}
.dwn_bt span{font-size: 26px;}
.main_dwn{
	clear: both;
	width:100%;
	height: 580px;
	margin:0px auto;
	padding-top: 100px;
	background-color: #fafafa;
}
.lieb{
	height: 290px;
	width: 260px;
	border-radius: 4px;
	background-color: #fff;
	float: left;
	margin-top: 60px;
	box-sizing: border-box;
	padding: 20px;
	box-sizing: border-box;
}
.mb{
	margin-right: 53px;
}
.lieb_top{ width: 100%;height: 145px;border-bottom: 1px solid #ddd; text-align: center; font-size: 14px; padding-top: 30px; box-sizing: border-box}
.lieb_top p{ padding-top: 10px; box-sizing: border-box;}
.lieb_b{width: 100%;height: 120px;font-size: 12px; padding-top: 30px; padding-left: 40px; box-sizing: border-box}
.lieb_main{width:100%;height:100%; padding: 50px; box-sizing: border-box; text-align: center;}
.lieb_main img{ height: 130px; width: 130px; margin-bottom: 20px;}