@charset "utf-8";
/* CSS *******************************************************首页 *******************************************************/
/* 头部效果 */
.top,.mail,.mail_2,.mail_3,.mail_4,.bottom,.about_ban,.product_ban,.product_gg,.download_ban,.news_ban,.join_ban{ min-width: 1150px;}

.top{ height: 800px; background: url(../images/home_banner.png) no-repeat center center; background-size: cover; border: 1px solid transparent;  /*解决在内盒子里面加 margin-top外子盒会出现外边距的问题*/}
.nav,.banner,.content{ width: 1150px; margin: 0 auto; overflow: hidden;}
.nav{ height: 62px; margin-top: 55px;}
.logo{  width: 161px; height:62px; float: left;}

.nav_2,.nav_3{ width: 655px; float: right; height: 30px; margin-top: 16px;}
.nav_2 li,.nav_3 li{ margin-right: 14px; float: left; height: 30px; }
.nav_2 li a,.nav_3 li a{ display: block; padding:0 14px; line-height: 28px; height: 30px; transition:all .2s linear; font-size: 18px;  border-radius: 15px; }
.nav_2 li a:hover,.nav_3 li a:hover{ background: #D4331D;}
.nav_2 .current a,.nav_3 .current a{ background: #D4331D;}
.nav_2 li a{color: #FFFFFF;}
.nav_3 li a{color: #000;}
.nav_3 li a:hover{ color: #fff;}
.nav_3 .current a{ color: #fff;}
/* banner效果 */
.banner{ margin-top: 200px; color: #fff;}
.banner_zi{font-size: 24px;}
.banner_zi h2{ font-size: 58px; margin-bottom: 15px; }
.banner_zi p{ font-weight: lighter;}
.banner_tu{ margin-top: 100px;}
.banner_tu li{ float: left; width: 213px; overflow: hidden; text-indent: -9999em; margin-right: 30px;}
.banner_tu .and a ,.banner_tu .ios a{ width: 213px; height: 60px; display: block;  transition:all .2s linear; }
.banner_tu .and a:hover,.banner_tu .ios a:hover{transform:scale(.98,.98);}
.banner_tu .and a{background: url(../images/andriod.png) no-repeat;}
.banner_tu .and a:hover{background: url(../images/andriod_hover.png) no-repeat;}
.banner_tu .ios a{background: url(../images/iphone.png) no-repeat;}
.banner_tu .ios a:hover{background: url(../images/iphone_hover.png) no-repeat;}
/* content效果 */
.mail{height: 1000px;}
.title{height: 100px; color:#484848; padding-top: 145px; text-align: center; font-size: 20px;}
.title h2{ font-size: 44px; color: #EF5542; margin-bottom: 20px;}
.list{ margin-top: 140px;}
.list li{ width: 306px; height: 204px;float: left; text-align: center; color: #999; font-size: 16px;}
.list li h3{ font-size: 24px; margin: 33px 0 20px 0; color: #222;}
.list li p{ line-height: 26px;}
.list .mag115{ margin-right: 115px;}
.list .magt96 { margin-top: 96px;}
.mail_2{ height: 700px; background: url(../images/home_safeguard.png) no-repeat center center;}
.headline{ width: 600px; float: right; padding-top: 270px; height: 170px; line-height: 32px; font-size: 20px;}
.headline h2{font-size: 44px; color: #EF4F3B; font-weight: bold; margin-bottom: 30px;}
.mail_3{ height: 890px; background: #EF6136;}
.title_2{ text-align: center; padding-top: 140px; color: #fff; font-size: 20px; width: 710px; height: 140px; line-height: 32px; margin: 0 auto;}
.title_2 h2{ font-size: 44px; margin-bottom: 30px;}
.list_2{ margin-top: 102px;}
.list_2 li{float: left;}
.list_2 .mgr7{ margin-right: 6px;}
.list_2 .mgrt7{margin-top: 6px;}
.mail_4{ height: 865px;}
.title_3{ text-align: center; color:#484848; padding-top: 140px; font-size: 20px; width: 710px; height: 200px; line-height: 32px; margin: 0 auto;}
.title_3 h2{ font-size: 44px; margin-bottom: 30px; color: #EF5542;}
.list_3 li{ float: left; width: 322px; }
.list_3 li h2{ font-size: 24px; margin: 35px 0 16px 0;}
.list_3 li h2 a{ color: #EF5542; }
.list_3 li p{ font-size: 16px; line-height: 28px; color: #4A4A4A;}
.list_3 .mgr95{ margin-right: 92px;}
.bottom{ height: 266px; background: #333333; }
.bottom_2{ height: 92px; padding-top: 50px; position: relative;}
.bottom_3{ height: 100px; padding-top:20px; line-height: 24px; text-align:center; font-size: 13px;color: #636566;}
.bottom_2 .list_1,.bottom_2 .list_0,.bottom_2 .list_3{ float: left;}
.list_1{ width: 383px; }
.bottom_2 .fc {position: absolute; display:none; width: 250px;line-height: 20px;top: 18px;left: 0px;color: #fff;
    font-size: 14px;font-weight: bold;  }
.list_1 li:first-child{ cursor:default;}
.list_1 li{ float: left; width: 149px; height: 36px; cursor: pointer;  }
.list_1 .mgr35{ margin-right: 31px;}
.list_1 .mgt18{ margin-top: 18px;}
.bottom_2 .list_0{ width: 388px; height: 58px; border-left: 1px solid #636566; border-right: 1px solid #636566; margin-top: 0;}
.bottom_2 .list_0 ul{ margin-left: 62px;}
.bottom_2 .list_0 li{ float: left; height: 36px; margin-top: 6px; margin-right: 62px;}
.bottom_2 .list_3{ width: 310px; padding-left: 66px; line-height: 24px; height: 72px; color: #989898; font-size: 13px;}



/* CSS *******************************************************关于闪购 *******************************************************/

.about_ban{ background: url(../images/abous_ban.png) no-repeat center center; height: 387px; margin-top: 40px;}
.about_mail{ width: 1150px; margin: 0 auto;}
.gysg{ height: 296px; margin-top: 142px;}
.h2{ text-align: center; background: url(../images/about_2.png) no-repeat center bottom; height:64px;  font-size: 38px;  margin-bottom: 65px;}
.gysg p{font-size: 16px;color: #666666;line-height: 28px;}
.gysg .mat20{ margin-top: 20px;}
.gsry{height: 640px; margin-top: 130px;}
.gsry li{float: left; background: url(../images/about_3.png) no-repeat center center;  margin-right: 5px; height: 506px; width: 140px;}
.gsry li .p1 { background:url(../images/2016.png) no-repeat 1px 212px; height: 446px; width: 133px; padding-left: 7px; padding-top: 60px;  font-size: 28px; color: #E86454;}
.gsry li .p2 { background:url(../images/2013.png) no-repeat 1px 212px; height: 446px; width: 133px; padding-left: 7px; padding-top: 60px;  font-size: 28px; color: #E86454;}
.gsry li .p3 { background:url(../images/2014.png) no-repeat 1px 212px; height: 446px; width: 133px; padding-left: 7px; padding-top: 60px;  font-size: 28px; color: #E86454;}
.gsry li .p4 { background:url(../images/2013.png) no-repeat 1px 212px; height: 446px; width: 133px; padding-left: 7px; padding-top: 60px;  font-size: 28px; color: #E86454;}
.gsry li .p5 { background:url(../images/2012.png) no-repeat 1px 212px; height: 446px; width: 133px; padding-left: 7px; padding-top: 60px;  font-size: 28px; color: #E86454;}
.gsry li .gsry_ly{ display: none; }
.gsry .current{ background: #f00; width: 570px; height: 506px; background: url(../images/about_4.png) no-repeat center center;}
.gsry .current p{ display: none; }
.gsry .current .gsry_ly{ display: block; width: 482px; height: 410px; padding: 40px 48px 48px 48px;}
.gsry .current .gsry_ly h3{font-size: 48px; color: #FFFFFF; }
.gsry .current .gsry_ly span{ width: 473px; display:inline-block; margin-top: 20px;}
.gsry .current .gsry_ly span img{ float: left; width: 10px; margin-top: 5px;}
.gsry .current .gsry_ly span em{ float: left;  width: 442px; margin-left: 16px; display:inline-block; color: #fff; font-size: 15px; line-height: 24px;}
.sgdt{ height: 585px; margin-top: 120px;}
.sgdt li{ width: 220px; height: 290px; float: left; margin-right: 90px;}
.sgdt li h3{font-size: 22px; color: #E86454; margin-bottom: 35px;}
.sgdt li h3 em{ font-size: 18px; margin-left: 20px;}
.sgdt li h3 a{ color: #E86454;}
.sgdt li img{ max-width: 220px; max-height: 150px; border: 1px solid #ddd;}
.sgdt li .sgdt_p1{margin-top: 20px; margin-bottom: 5px;}
.sgdt li .sgdt_p1 a{ font-size: 16px; color: #333333; }
.sgdt li .sgdt_p2 a{ font-size: 14px;color: #999999; line-height: 20px;}

.zdhd{ height: 784px; }
.zdhd_title{ height: 64px;}
.zdhd_title li{ float: left; width: 263px; height: 64px; margin-right: 32px; background: url(../images/zdhd_title3.png) no-repeat; line-height: 64px; text-align: center; font-size: 32px; cursor: pointer; }
.zdhd_title .current{ background: url(../images/zdhd_title.png) no-repeat; color: #fff; } 
.zdhd_1{ background: url(../images/zdhd_title2.png) no-repeat; }
.zdhd_2{ background: url(../images/zdhd_title24.png) no-repeat; }
.zdhd_3{ background: url(../images/zdhd_title23.png) no-repeat; }
.zdhd_4{ background: url(../images/zdhd_title22.png) no-repeat; }
.zdhd_list div p{font-size: 18px;color: #666666; line-height: 45px;}
.zdhd_1,.zdhd_2,.zdhd_3,.zdhd_4{ width: 1030px; height: 293px; margin-top: 20px; display: none; padding:70px 60px 60px 60px; }
.zdhd_list .current{ display: block;;}



/* CSS *******************************************************公司产品 *******************************************************/
.product_ban{ background: url(../images/product_ban.png) no-repeat center center; height: 650px; margin-top: 40px;}
.product{ height: 500px;}
.mgt200{ margin-top: 200px;}
.left{ float: left;}
.right{ float: right;}
.product_zi{ width: 340px; height: 380px;}
.product_zi h2{ height: 50px; background:url(../images/product_line.png) no-repeat left bottom; font-size: 32px; color: #333333;}
.product_zi h2 em{font-size: 14px; color: #E55340;  margin-left: 15px;}
.product_zi h2 em a{ color: #E55340;}
.product_zi .product_p1{font-size: 16px; color: #666666; margin-top: 12px;}
.product_zi .product_p2{font-size: 16px;color: #999999; line-height: 30px; margin-top: 50px;margin-right: -15px}
.product_zi .product_p2 em{font-size: 14px;color: #333333; margin-left: 5px;}
.product_zi .product_p2 em a{ color: #333333;}
.product_gg{ height: 649px; background: url(../images/product_bg_.png) no-repeat center center;}


/* CSS ******************************************************* 应用下载 *******************************************************/
.download_ban{  height: 602px; margin-top: 40px; background: #fff; border-top: 1px solid #fafafa;}
.download_banlr{ width: 1150px; margin: 0 auto; height: 602px;}
.download_bantu{ margin-top: 49px; }
.download_banzi{  width: 485px; height: 264px; margin-top: 180px;}
.download_banzi .zi h2{  font-size: 48px; color: #333;}
.download_banzi .zi p{  font-size: 24px; color: #999999; margin-top: 10px;}

.download_banzi .tu{ margin-top: 90px;}
.download_banzi .tu li{ float: left; width: 213px; overflow: hidden; text-indent: -9999em; margin-right: 29px;}
.download_banzi .tu .and a ,.download_banzi .tu .ios a{ width: 213px; height: 60px; display: block;  transition:all .2s linear; }
.download_banzi .tu .and a:hover,.download_banzi .tu .ios a:hover{transform:scale(.98,.98);}
.download_banzi .tu .and a{background: url(../images/downandriodcopy.png) no-repeat;}
.download_banzi .tu .and a:hover{background: url(../images/downandriod.png) no-repeat;}
.download_banzi .tu .ios a{background: url(../images/downiphone.png) no-repeat;}
.download_banzi .tu .ios a:hover{background: url(../images/downiphonecopy.png) no-repeat;}


/* CSS ******************************************************* 公司资讯 *******************************************************/
.news_ban{ background: url(../images/news_ban.png) no-repeat center center; height: 350px; margin-top: 40px;}
.news{ min-height:1180px; margin-top: 120px; }
.news_0 li{ float: left; width: 510px; height: 150px; margin-top: 60px;}

.news .news_r{float: right;}
.news li .tu{float: left;}
.news li .tu img{ max-width: 240px; max-height: 150px; border:1px solid #ddd;}
.news li .zi{float: right; width: 248px;}
.news li .zi span{float: left;}
.news li .zi .to{ font-size: 16px; color: #666666; margin-bottom: 20px;}
.news li .zi .lis{font-size: 14px; color: #4A4A4A; line-height: 24px; width: 248px; height: 98px; overflow: hidden; text-overflow:ellipsis}
.news_lp{ height: 38px; float: right; margin-top: 78px;}

.news_xq_ban{ height: 100px; border-top: 1px solid #fafafa; margin-top: 40px; line-height: 70px;}
.news_xq_ban_1{ width: 1150px; margin: 0 auto; font-size: 16px;}
.news_xq_ban_1 em{ margin-left: 10px;}
.news_xq_ban a{ margin:0 10px; }

.news_xq{ word-wrap: break-word;min-height: 600px; margin-bottom: 130px;}
.news_xqlr h2{ font-size: 36px;  font-weight:bold;}
.news_xqlr h3{ font-size: 25px;font-weight: bold;color:#505050;margin: 15px;}
.news_2{ height: 45px; background: #fbfbfb; margin-top: 24px; line-height: 45px; text-align: center;}
.news_2 h2{ font-size: 16px; text-align: center; color:#282828 ;}
.news_2 span{ margin-right: 86px; color: #999; font-size: 14px; }
.news_3{ font-size: 16px; margin-top: 60px; min-height: 300px;}
.news_3 h1{ font-size: 32px; font-weight:bold;}
.news_3 h2{ font-size: 24px;  font-weight:bold;}
.news_3 h3{ font-size: 18px; color: black;margin: 0px;font-weight:bold;}
.news_3 h4{ font-size: 16px;  font-weight:bold;}
.news_3 h5{ font-size: 13px;  font-weight:bold;}
.news_3 h6{ font-size: 12px;  font-weight:bold;}
.news_xqlist{ line-height: 70px; height: 70px;border-top: 1px solid #f4f4f4; margin-top: 86px;}
.news_xqlist li{ width: 565px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 16px;}


/* CSS *******************************************************  商家入驻 *******************************************************/
.merchant_ban{ background: url(../images/merchant_ban.png) no-repeat center center; height: 650px; margin-top: 40px;}
.merchant_lc{ height: 390px; margin-top: 140px;}
.merchant_lc2{ height: 105px; background: url(../images/merchant_2.png)no-repeat top center;}
.merchant_lc2 li{ width: 220px; height: 80px;  text-align: center; float: left;font-size: 13px;color: #666666;}
.merchant_lc2 .mgr90{ margin-right: 90px;}
.merchant_lc2 p{ width: 220px; height: 12px; color: #999999; float: left; margin-top: 10px; text-align: center;}

.merchant_tj{ height: 680px;}
.merchant_tj2{ height: 392px; background: url(../images/merchant_bj.png) no-repeat top center;}
.merchant_tj2 ul{ overflow: hidden;}
.merchant_tj2 .mt{ width: 305px; float: left;padding: 40px;}
.merchant_tj2 .mt h3{ font-size: 24px; color: #FFFFFF; margin-bottom: 35px;}
.merchant_tj2 .mt p{ text-align: center;}
.merchant_tj2 .wz{ width: 582px; float: right; padding: 40px;}
.merchant_tj2 .wz h3{ font-size: 24px; color: #FFFFFF; margin-bottom: 32px;}
.merchant_tj2 .wz p{ font-size: 18px; color: #FFFFFF;  line-height: 36px;}
.merchant_tj2 .p1{ float: right;font-size: 16px; color: #666666; margin-top: 8px;}
.merchant_tj2 .p1 a{color: #e76353;}

.merchant_rz{ height: 840px;}
.merchant_rz_lr{ height: 558px; border: 1px solid #e55341;}
.merchant_2{ width: 500px; height: 300px; margin: 78px auto 0 auto; }
.merchant_2 li{ margin-bottom: 30px;}
.merchant_3{ width: 100%; height: 50px;  border-radius: 25px; border: 1px solid #f7f7f7;  line-height: 50px; font-size: 16px; padding-left: 30px;  color: #9f9f9f;}
.merchant_3 p{ float: left;}
.merchant_3 .w90{ width: 70px;}
.merchant_3 .input390{ width: 390px; height: 50px; line-height: 50px; border: none; font-size: 16px; color: #333;}
.mechant_yz{ text-align: center; color: #e76353; font-size: 16px; }
.merchant_4{ width: 250px; height: 50px; cursor: pointer; margin-left: 140px;}

/* CSS *******************************************************  招贤纳士 *******************************************************/
.join_ban{ background: url(../images/join_ban.png) no-repeat center center; height: 650px; margin-top: 40px;}
.join_lc{ height: 655px; margin-top: 140px;}
.join_2{ height: 365px; background:url(../images/join_bj.png) no-repeat;}
.join_2 ul{ padding: 60px 90px;}
.join_2 li{ overflow: hidden; font-size: 18px;color: #FFFFFF; margin-top: 16px;}
.join_2 .jion_3{ width: 335px; float: right;}
.join_2 .p1{ height: 60px; width: 950px; margin: 0 auto; font-size: 22px; color: #EF6136; background: #fdefeb; line-height: 60px; }
.join_2 .p1 span{ margin-left: 90px;}

.join_lc2{ min-height: 500px; margin-bottom: 64px; overflow: hidden;}
.join_4 { float: left; width: 240px; height: 250px; border: 1px solid #eaeaea; display: table; transition:all .1s linear; -webkit-transition:all .1s linear; color: #333333; margin-bottom: 70px;}
.join_4_1{display: table-cell;vertical-align: middle;text-align: center;}
.join_4_2{display: inline-block; padding: 0 30px; font-size: 24px;  }
.join_4:hover{ width: 240px; height: 250px; border: 1px solid #f58741; background: url(../images/join_2.png) no-repeat; color: #fff; cursor: pointer;}
.join_lc2 .mgr62{ margin-right: 60px;}

/*弹窗样式*/
.down{width: 100%;background: #000;opacity: 0.5;position: absolute;left: 0;top: 0;  z-index: 40; display: none;}
.up{width: 600px;height: 642px;margin-top: -321px;margin-left:-300px; position: fixed; left: 50%;top:50%; z-index: 41; display: none; }
.up_con{ width: 600px; height: 600px; background: #fff; margin-top: 52px; overflow:hidden;}	
.up_p{width: 42px;height:42px;display: block;float: right;  cursor: pointer; margin-bottom: 10px;}
.up_tu{ width: 344px; margin: 100px auto 0 auto;}
.up_tu p{ line-height: 30px; text-align: center; font-size: 16px;}

.up1{width: 600px;height: 642px;margin-top: -321px;margin-left:-300px; position: fixed; left: 50%;top:50%; z-index: 41; display: none; }
.up1_tu{ width: 344px; margin: 50px auto 0 auto;}
.up1_tu img{ max-width: 340px;}

.up2{ width: 430px; height: 380px; background:url(../images/merchant_4.png) no-repeat; margin-top: -190px;margin-left:-215px; position: fixed; left: 50%;top:50%; z-index: 41; display: none;}
.up2_con{ width: 200px; height: 215px; margin: 56px auto 0 auto;}
.up2_2{ font-size: 18px; color: #333333; text-align: center; }
.up2_3{ cursor: pointer; margin-top: 72px;}

.up3{ width: 884px;height: 642px;margin-top: -321px;margin-left:-442px;  position: fixed; left: 50%;top:50%; z-index: 41; display: none;}
.up3 h2{ font-size: 21px; text-align: center;  padding-top: 57px;}
.up_con1{ width: 884px; height: 600px; margin-top: 52px; background:#fff;}			
.up_lr{ height: 440px; width: 730px; margin:0 auto; overflow: auto; }
.up_lr h3{ font-weight: bold; font-size: 18px; margin-top: 46px; margin-bottom: 18px;}
.up_lr p{ line-height: 30px; font-size: 16px; }

/*返回顶部*/
.back_top{width: 36px;height: 65px;position: fixed;right: 20px;bottom: 20px;background: url(../images/Top.jpg) no-repeat;display: none;cursor: pointer; z-index: 25;}