body {font-family: "PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif; color: #333333; font-size: 14px; margin: 0px; padding: 0px;}
ul, li { margin: 0px; padding: 0px; list-style-type: none; }
li{ +float: left;}
p { margin: 0px; padding: 0px; }
a,a:active{ color: #333; text-decoration: none; cursor: pointer;}
h1,h2,h3,h4{ margin: 0px; padding: 0px;}
i,em{ font-style: normal;}

*:focus { outline: 0 !important; }
img{ border: 0px;}
.f-l{float: left;}
.f-r{float: right;}
.clear{ clear: both;}
.p_b15{ padding-bottom: 15px;}
.p_t15{ padding-top: 15px;}
.text-center{text-align: center;}
.header{top: 0; left: 0; right: 0; z-index: 210;}
p.line{border-bottom: 1px solid #cfcfcf;}
.btn{border: 1px solid #cfcfcf; color: #cfcfcf;  border-radius:5px;  display: inline-block; height: 35px; width:90px; line-height: 35px;margin-bottom: 10px; text-align: center;}
.header-bar{ height:  48px; line-height: 48px; background: #f3f3f3;}
.header-bar a{ color: #3385ff;}
.header-bar span{ padding-left: 14px; font-size: 18px;}
.header .btn{ float: right; margin-top: 0.5rem;background: #3385ff; color: #FFF; border: 1px solid #3385ff;}
.header-bar .btn{background: #ed671f; color: #FFF; float: right; border: 0px;margin-right: 30px; margin-top: 7px; border-radius:0px; }
.title-bar{background: #f5f5f5;  box-shadow: 0 1px 2px rgba(0,0,0,.1);height: 3rem; position: fixed; top: 0; left: 0; right: 0; z-index: 210;}
.title-bar .nav-logo{background: url(../img/logo.png) no-repeat 0 0; background-size: cover;height:2rem; margin: 0.5rem auto; width: 2rem;}
.title-bar .nav-logo a { height: 100%; display: block; text-indent: -9999px;}
.title-bar .nav-toggle { background: url(../img/nav_btn.png) no-repeat 0 0 ; background-size: cover; background-origin: content-box; float: left; height: 100%; padding: 0 .25rem; width: 2.5rem; }
.title-bar .nav-btn { border-radius: 4px; margin-top:0px;text-align: center; position: absolute; top: 50%; right: .3rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);background: #3385ff;color: #fff;}

.content{margin: auto;text-align: center; }

.main {width: 1200px; margin: auto;}
.content img{ width:auto;max-width:1200px;display: inline-block;vertical-align:middle;}
.content .ct_title{font-size: 40px;  padding-bottom: 40px; padding-top: 120px;color: #212121; font-weight: normal;}
.content .ct_msg{ color: #212121; font-size: 16px; font-weight: normal; line-height: 26px;text-align: center;padding:0px 10% 70px 10%;}

.header{ position: inherit; background: #2d2d2d; width: 100%; height: 45px; line-height:45px; color: #CCCCCC;}
.header span{padding-left: 15px; float: left;}
.header .h_btn{ padding: 0px 10px; color: #FFF; background: #ed671f; height: 45px; display: inline-block; float: right; margin-right: 30px;}
.header .h_btn a{ color: #FFF; }
.t_bar{ background: url("../img/tabr_bg.jpg") no-repeat center; background-size:cover;  }
.nav{ height: 105px; width: 100%; position: relative;}
.nav a.cur{ color: #ed711a;}
.nav a:hover{ color: #ed711a;}
.nav .logo{ width:180px; height: 54px; float: left; margin-top:8px;margin-right:100px;margin-left: 15px;}
.nav .logo img{margin-top: 3px; height:85px;}

.nav ul{  white-space: nowrap;  }
.nav ul li{display: inline-block; line-height:105px;height:105px;font-size: 16px; color: #333; padding:0px 20px;
    /*float:left ;*/
}

.nav .li_nav{ position: absolute; border-top: 1px solid #f2f2f2; top: 104px; left: 0px; width: 1200px; height:250px; background: #FFF; z-index: 1000; text-align: center;}
.nav .li_nav li{ width:355px; text-align: center;line-height:40px; margin-top: 20px; height: 200px;  padding: 0px; float: none;border-right:1px solid #e0e0e0;}
.nav .li_nav li:last-child{ border: none;}
.nav .li_nav li img{pointer-events: none; display: inline-block;}
.bar{ width: 100%; height: 445px; background: #f2f2f2;}
.bar .bar_ct{height: 445px; overflow: hidden; position: relative;}
.bar .bar_ct .left{ cursor: pointer; width:45px;height:94px; overflow: hidden; position: absolute; z-index: 200;left: 0px; top: 50%; margin-top: -47px;background: url(../img/left.png) no-repeat 0 0 ;}
.index .bar .bar_ct .right{ cursor: pointer;width:45px;height:94px; overflow: hidden; position: absolute;z-index: 200; right: 0px; top: 50%; margin-top: -47px;background: url(../img/right.png) no-repeat 0 0 ;}
.bar .bar_ct ul{ position: absolute; left: 0px; top:0px; z-index: 100;}
.bar .bar_ct li{width: 1200px; height: 445px; float: left; text-align: center;}
.bar .bar_ct li .p1{ font-size: 26px; margin-top: 55px;}
.bar .bar_ct li .p2{ font-size: 20px;margin-top: 15px;}
.bar .bar_ct li .p3{ font-size: 14px; color: #666;margin-top:30px;}
.bar .bar_ct li .p4 .btn{ color: #3385ff; border: 1px solid #3385ff;margin-top: 20px;}


.index .content .list2 ul{ text-align: center; padding: 30px 0px;}
.index .content .list2 li{ width: 32%; display: inline-block; border-right: 1px dashed #cfcfcf;}
.index .content .list2 li:last-child{ border-right: 0px;}
.index .content .list2 li .t1{font-size: 18px; margin-top:0px; color: #333;}
.index .content .list2 li .t2{font-size: 13px; color: #999;margin-top:5px;}
.index .content .list2 li .t3{font-size: 13px;margin-top: 5px;color: #666;}
.index .content .list2 li .t4{font-size: 13px;}
.index .content .list2 li .t5{font-size: 13px;}
.index .content .list2 li .btn{margin-bottom:0px; color: #999;border: 1px solid #999;}
.index .content .list2 li .red .btn{margin-bottom:0px; color: #F00;border: 1px solid #F00;}

.index .content .list2 li img{ height: 150px;}

.index .content .list3{ background: #f6f9fc;}
.index .content .list4{ background: #faffe8;}

.index .content .list3 ul{ text-align: center; padding-bottom: 15px;}
.index .content .list3 li{ width:49%; display: inline-block; border-right: 1px dashed #cfcfcf;}
.index .content .list3 li img{ width: 500px;}
.index .content .list3 li:last-child{ border-right: 0px;}
.index .content .list3 .btn{border: 1px solid #3385ff; color:#3385ff;}
.index .content .list3 li .pic{ height: 222px; width: 500px; display: inline-block;}
.index .content .list3 li:last-child .pic img{ margin-top:20px;}
.index .content .list3 .strengths-item-title{ font-size: 24px;}
.index .content .list5{background: #f0fefc;}
.index .content .list5 ul{ text-align: center;}
.index .content .list5 li{display: inline-block; margin: 10px 20px;}
.index .content .list5 li img{ width: 120px;}
.index .strengths-title{ background: #f6f9fc;}
.content .linkedUs{ position: relative; padding-top: 100px;}
.content .linkedUs img{ display:block;}
.content .linkedUs .pic{ padding-top: 140px;}
.content .linkedUs .list{ position: absolute; text-align:center ; width: 100%; left: 0px; top: 0px;}
.content .linkedUs .list .icon{ display: inline-block; height: 45px; width: 45px; background-image: url(../img/qq.png) ; background-size:cover; }
.content .linkedUs .list .icon.tel{ background-image: url(../img/tel.png) ;}
.content .linkedUs .ct_title{padding-bottom: 40px;}
.content .linkedUs .ct_msg{ padding:0px 10% 10px 10%;}
.content .linkedUs .tel{ color: #FF5C01; padding-bottom:0px; padding-top: 20px; }
.content .linkedUs .btn{ width: 150px; border: 1px solid #FF5C01; color: #FF5C01; background: #FFF;}
.content .linkedUs .btn .msg{ width: 15px; height: 15px; background: url(../img/msg.png); background-size:cover; display: inline-block; vertical-align: middle; margin-right: 10px; }

.codePay .list1{ background:url("../img/code1.png") no-repeat center #ff861f; height:515px;}
.codePay .list2 ul{ text-align: center; width: 80%; margin-left: 10%; height: 120px; border-bottom: 1px solid #cfcfcf; }
.codePay .list2 ul li{ display: inline-block; width:25%;}
.codePay .list2 ul li .t1{ width:84px; height: 72px; background-size:cover; display: inline-block;}
.codePay .list2 ul li .t1.icon1{ background-image:url(../img/weixin.png); }
.codePay .list2 ul li .t1.icon2{ background-image:url(../img/alipay.png); }
.codePay .list2 ul li .t1.icon3{ background-image:url(../img/iphone.png); }
.codePay .content .list4{ background: #f0f0f0;}
.codePay .content .list6{ background: #f0f0f0;}
.codePay .content .list5 img{ width: 540px;}
.codePay .content .list6 img{ width: 540px;}

.catering .list0{ position: relative; height: 616px;}
.catering .list0 .ct{ position: absolute; width: 100%; top:0px; left: 0px; color: #fff; z-index: 100; padding-top: 80px;}
.catering .list0 .ct h2{font-size: 46px;padding-bottom:60px;}
.catering .list0 .ct .ct_title{ color: #fff; padding-bottom: 0px;}
.catering .list0 .ct .ct_msg{ color: #fff; padding-bottom: 50px;}
.catering .list0 .ct .btn{ width: 175px; height: 50px; line-height: 50px; border: 0px; border-radius: 2px;font-size: 18px; background:#FF5C01; color: #FFF; }
.catering .list0 .pic{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 98; background: url("../img/catering0.png") no-repeat center; background-size:cover; }
.catering .list0 .picMask{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 99;   background: #1A426E; opacity: 0.65;}
.catering .list0 ul{text-align: center; margin: auto;+width:845px; margin-top: 30px; margin-bottom: 80px;}
.catering .list0 li{ display: inline-block; margin:0px 50px;}
.catering .list0 li a{ width: 180px; height: 50px; line-height: 50px; border-radius:5px; font-size: 18px;  display: inline-block; background: #ed671f; color: #FFF;}
.catering .list1{ background: #F9f9f9;}
.catering .list7{ background: #eaf2fd;}

.catering .list6{ background:#f0fefc; }
.catering .list3 ul{ text-align: center; width: 80%; margin-left: 10%; }
.catering .list3 ul li{ display: inline-block; width: 15%;}
.catering .list3 ul li .t1{ width: 30px; height:30px; background-size:cover; display: inline-block;}
.catering .list3 ul li .t2{ font-size: 13px;}
.catering .list3 ul li .t1.icon1{ background-image:url(../img/cash_list5.png); }
.catering .list3 ul li .t1.icon2{ background-image:url(../img/cash_list6.png); }
.catering .list3 ul li .t1.icon3{ background-image:url(../img/cash_list7.png); }
.catering .list3 ul li .t1.icon4{ background-image:url(../img/cash_list8.png); }
.catering .list3 ul li .t1.icon5{ background-image:url(../img/cash_list9.png); }
.catering .list7 ul{ text-align: center; width: 80%; margin-left: 10%; }
.catering .list7 ul li{ display: inline-block; width:20%;}
.catering .list7 ul li .t1{ width: 50px; height:50px; background-size:cover; display: inline-block;}
.catering .list7 ul li .t2{ font-size: 14px;}
.catering .list7 ul li .t1.icon1{ background-image:url(../img/cash_list1.png); }
.catering .list7 ul li .t1.icon2{ background-image:url(../img/cash_list2.png); }
.catering .list7 ul li .t1.icon3{ background-image:url(../img/cash_list3.png); }
.catering .list7 ul li .t1.icon4{ background-image:url(../img/cash_list4.png); }
.catering .list6 ul{ text-align: center;}
.catering .list6 li{display: inline-block; margin: 10px 20px;}
.catering .list6 li img{ width: 120px;}
.catering .list8 li{ display: inline-block; width: 210px; height: 245px; margin: 20px 20px; line-height:40px;font-size:18px;border:1px solid #e0e0e0;}
.catering .list8 li .btn{color: #3385ff;  border: 1px solid #3385ff; font-size: 14px;}

.catering .list6-2 ul{ text-align: center; width: 90%; margin-left: 5%;}
.catering .list6-2 li{ width:20%; display: inline-block; margin: 20px 6%; color: #212121; font-size: 16px; line-height: 30px;}
.catering .list6-2 li img{width:52%;}

.cashmachine .list0{background: url("../img/cm_banner.jpg") no-repeat center #f0f0f0; height:500px;}
.cashmachine .list1{ position: relative; background: none;}
.cashmachine .list_bg{ position: absolute; top: 0px; width: 100%; height: 275px; z-index:-1; background: #e90a0b;}
.cashmachine .list3,.cashmachine .list5{ background: #fafafa;}
.cashmachine .list6{ background:none;}

.cashSystem .list0{ position: relative; height: 616px;}
.cashSystem .list0 .ct{ position: absolute; width: 100%; top:0px; left: 0px; color: #fff; z-index: 100; padding-top: 80px;}
.cashSystem .list0 .ct h2{font-size: 46px;padding-bottom:60px;}
.cashSystem .list0 .ct .ct_title{ color: #fff; padding-bottom: 0px;}
.cashSystem .list0 .ct .ct_msg{ color: #fff; padding-bottom: 50px;}
.cashSystem .list0 .ct .btn{ width: 175px; height: 50px; line-height: 50px; border: 0px; border-radius: 2px;font-size: 18px; background:#FF5C01; color: #FFF; }
.cashSystem .list0 .pic{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 98; background: url("../img/cash0.jpg") no-repeat center; background-size:cover; }
.cashSystem.retail .list0 .pic{background: url("../img/retail2.png") no-repeat center;background-size:cover;}
.cashSystem .list0 .picMask{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 99;   background: #1A426E; opacity: 0.65;}
.cashSystem .list0 ul{text-align: center; margin: auto;+width:845px; margin-top: 30px;}
.cashSystem .list0 li{ display: inline-block; margin:0px 50px;}
.retail .list1{ background: #45c1fa; height: 800px;}
.retail .list1 .ct_title,.retail .list1 .ct_msg{color: #fff;}

.retail .list2{ background: #ffc12a; height: 818px;}
.retail .list2 .ct_title,.retail .list2 .ct_msg{color: #fff;}
.retail .list3{ background: #1db495; height: 831px;}
.retail .list3 .ct_title,.retail .list3 .ct_msg{color: #fff;}


.cashSystem .list7{ background: #eaf2fd;}
.cashSystem .strengths-item { width: 173px; height:173px;border: solid 2px #FFF;}
.cashSystem .strengths-data { color: #FFF;  font-size: 24px;  padding-top:40px;}
.cashSystem .strengths-dataTip { color: #FFF; font-size: 36px;}
.cashSystem .strengths-title { background:none; }
.cashSystem .strengths-item-title { color: #FFF;}

.cashSystem .list4{ background:#fafafa; }
.cashSystem .list6{ background:#f0fefc; }
.cashSystem .list3 ul{ text-align: center; width: 80%; margin-left: 10%; }
.cashSystem .list3 ul li{ display: inline-block; width: 15%;}
.cashSystem .list3 ul li .t1{ width: 30px; height:30px; background-size:cover; display: inline-block;}
.cashSystem .list3 ul li .t2{ font-size: 13px;}
.cashSystem .list3 ul li .t1.icon1{ background-image:url(../img/cash_list5.png); }
.cashSystem .list3 ul li .t1.icon2{ background-image:url(../img/cash_list6.png); }
.cashSystem .list3 ul li .t1.icon3{ background-image:url(../img/cash_list7.png); }
.cashSystem .list3 ul li .t1.icon4{ background-image:url(../img/cash_list8.png); }
.cashSystem .list3 ul li .t1.icon5{ background-image:url(../img/cash_list9.png); }
.cashSystem .list7 ul{ text-align: center; width: 80%; margin-left: 10%; }
.cashSystem .list7 ul li{ display: inline-block; width:20%;}
.cashSystem .list7 ul li .t1{ width: 50px; height:50px; background-size:cover; display: inline-block;}
.cashSystem .list7 ul li .t2{ font-size: 14px;}
.cashSystem .list7 ul li .t1.icon1{ background-image:url(../img/cash_list1.png); }
.cashSystem .list7 ul li .t1.icon2{ background-image:url(../img/cash_list2.png); }
.cashSystem .list7 ul li .t1.icon3{ background-image:url(../img/cash_list3.png); }
.cashSystem .list7 ul li .t1.icon4{ background-image:url(../img/cash_list4.png); }
.cashSystem .list6 ul{ text-align: center;}
.cashSystem .list6 li{display: inline-block; margin: 10px 20px;}
.cashSystem .list6 li img{ width: 120px;}

.cashSystem .list6-2 ul{ text-align: center; width: 90%; margin-left: 5%;}
.cashSystem .list6-2 li{ width:20%; display: inline-block; margin: 20px 6%; color: #212121; font-size: 16px; line-height: 30px;}
.cashSystem .list6-2 li img{width:52%;}


.plan .list1 { position: relative;height: 616px;}
.plan .list1 .ct { position: absolute; width: 100%; top:0px;left: 0px; z-index: 100; padding-top: 100px;}
.plan .list1 .ct_msg{ color: #FFF;}
.plan .list1 .pic{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 98; background: url("../img/plan1.png") no-repeat center; background-size:cover; }
.plan .list1 .picMask{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 99;   background: #1A426E; opacity: 0.65;}
.plan .list2{ background:#fcec5b;  padding-top: 60px;}
.plan .list2 .strengths-title{background:#fcec5b;}
.plan .list2 .ct_msg{+line-height: 80px;}
.plan .list4{ background:#effbec;}
.plan .list5,.plan .list6,.plan .list7{background:#e8fae8;}
.plan .list8{ background:#eefefc;}
.plan .list8 ul{ text-align: center; }
.plan .list8 ul li{ display: inline-block; width: 45%; background: #FFF; border: 1px solid #e2e2e2; margin-bottom: 30px;}
.plan .list8 ul li:last-child{ margin-right:0px;}
.plan .list8 ul li .t1{ width: 159px; height:117px; background-size:cover; display: inline-block;}
.plan .list8 ul li img{ width: 75%;}
.plan .list8 .ct_msg{ min-height: 100px;}


.holdPlan .list1 { position: relative; color: #FFF;height: 616px;}
.holdPlan .list1 .ct { position: absolute; width: 100%; top:0px;left: 0px;z-index: 100; padding-top: 100px;}
.holdPlan .list1 .ct_title{ font-size:14px; color: #FFF;}
.holdPlan .list1 .pic{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 98; background: url("../img/retailplan1.jpg") no-repeat center; background-size:cover; }
.holdPlan .list1 .picMask{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 99;   background: #1A426E; opacity: 0.65;}
.holdPlan .list1 .ct_msg{ color: #FFF;}
.holdPlan .list2 .btn{ width: 100px;color: #3385ff; border: 1px solid #3385ff; }
.holdPlan .list2 .list_pic img{ width:490px;}
.holdPlan .list3 li span{ font-size: 18px;}
.holdPlan .list3,.holdPlan .list4{ background:#faffe8; }
.holdPlan .list4 .list_pic img{ width: 720px;}
.holdPlan .list5{ background:#faffe8; }
.holdPlan .list6 img{ width: 600px;}
.holdPlan .list6{ background: #faffe8}
.holdPlan .list6-1 .list_pic img{ width: 680px;}
.ul_index { width: 50%; margin-left:30%; text-align: left;+margin-left:0%;}
.ul_index li{ position: relative; border-left: 2px solid #1fa230; padding-left: 22px; padding-bottom: 20px; width: 100%}
.ul_index li .index{ position: absolute; display: inline-block; left: -13px; top: 0px; background: #FFF; width: 20px; height: 20px; border-radius:20px; border: 2px solid #1fa230; color: #1fa230;  text-align: center; line-height: 20px;}
.ul_index li:last-child{border: 0px;}

.internetcafes .list1 a { width: 180px; height: 50px; line-height: 50px; border-radius: 5px; font-size: 18px; display: inline-block; background: #ed671f; color: #FFF; }
{}
.internetcafes .list1 .pic{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 98; background: url("../img/internetcafes1.png") no-repeat center; background-size:cover; }
.activity { position: relative; height: 475px;}
.activity .ct{ position: absolute; width: 100%; top:0px; left: 0px; color: #fff; z-index: 100; padding-top: 80px;}
.activity .ct h2{font-size: 46px;padding-bottom:60px;}
.activity .ct .ct_title{ color: #fff; padding-bottom: 0px;}
.activity .ct .ct_msg{ color: #fff; padding-bottom: 50px;}
.activity .ct .btn{ width: 175px; height: 50px; line-height: 50px; border: 0px; border-radius: 2px;font-size: 18px; background:#FF5C01; color: #FFF; }
.activity .pic{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 98; background: url("../img/honbao.png") no-repeat center; background-size:cover; }
.activity .picMask{ position: absolute; top:0px; left:0px; width:100%; height: 616px;z-index: 99;   background: #1A426E; opacity: 0.65;}


.foot{background: #f0f0f0; min-height: 100px; padding: 20px 0px; text-align: center; line-height: 25px; padding-top: 10px; font-size: 13px; color: #333;}
.foot .xiangmi img{ width: 312px;}
.foot a{  color: #3385ff;}
.foot .company li{ display: inline-block; width:27%; padding:0px 3%; text-align: left; height: 150px; float: left;}
.list1 .strengths-item { border:0px; background: url("../img/list_nav2.png") no-repeat;  }
.list1 .strengths-data { color: #FFF; }
.list1 .strengths-dataTip { color: #FFF; }
.list1 .strengths-title { background:none; }
.list1 .strengths-item-title { color: #FFF;}


.content .inline{display:inline-block;}
.content .p_b15{ padding-bottom: 15px;}
.content .p_b30{ padding-bottom:30px;}
.content .p_t50{ padding-top: 50px;}
.content .p_t30{ padding-top: 30px;}
.content .p_t15{ padding-top: 15px;}
.content .p_t5{ padding-top: 5px;}
.content .text-center{text-align: center;}
.content .list_pic{ padding-top: 50px;}
.content .remark{    font-size: 14px; color: #999; line-height:40px;}
.line{border-bottom: 1px solid #e9ece6; width: 90%; height: 1px; padding: 20px 0px; margin-left: 5%;}
.strengths-item { border: solid 2px #666; border-radius: 50%; width: 240px; height: 240px; display: inline-block; }
.strengths-data { color: #333; padding-top: 75px; font-size: 42px; line-height: 59px; height: 59px; }
.strengths-dataTip { padding-top: 3px; color: #666; font-size: 14px; line-height: 35px; height: 35px; }
.strengths-title { background: #ffffff; margin-top:19px; padding: 7px 0px 7px 0px; width: 220%; margin-left: -60%;}
.strengths-item-title { color: #333; font-size: 40px; line-height: 33px;  padding-bottom: 30px; }
.content .test_bg{background: #FCEC5B;}
.friendLink{text-align: left; width: 1200px; margin: auto; margin-top: 10px; border-top:1px solid #CCC; padding-top: 10px; }
.friendLink a{ color: #666; margin: 10px 0px 0px 10px;}