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;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul, li { margin: 0px; padding: 0px; list-style-type: none; }
p { margin: 0px; padding: 0px; }
a,a:active{ color: #3385ff; text-decoration: none; cursor: pointer;}
h1,h2,h3,h4{ margin: 0px; padding: 0px;}
i,em{ font-style: normal;}
.f-l{float: left;}
.f-r{float: right;}
.clear{ clear: both;}
.header{position: fixed; top: 0; left: 0; right: 0; z-index: 210;}
.btn{border: 1px solid #3385ff; color: #3385ff;  border-radius:5px;  display: inline-block; height: 30px; width: 80px; line-height: 30px;margin-bottom: 10px; text-align: center;}
.header-bar{ padding: 0px 0.3rem;padding-top: 3rem;  height: 3rem; line-height: 3rem; background: #FFF;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.header-bar span{ padding-left: 10px; font-size: 16px;}
.header .btn{ float: right; margin-top: 0.5rem;background: #3385ff; color: #FFF; border: 1px solid #3385ff;}
.header-bar .btn{background: #FFF; color: #3385ff; border: 1px solid #3385ff;}
.title-bar{background: #f5f5f5;  box-shadow: 0 1px 2px rgba(0,0,0,.1);height:50px; position: fixed; top: 0; left: 0; right: 0; z-index: 210;}
.title-bar .nav-logo{background-size: cover;height:40px; margin:5px auto; width: 85px;}
.title-bar .nav-logo img{ height: 40px;}
.title-bar .nav-logo a { height: 100%; display: block;}
.title-bar .nav-toggle { background: url(../img/nav_btn.png) no-repeat 0 0 ; background-size: cover; background-origin: content-box; float: left; height: 30px;  width: 30px; padding: 10px; }
.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;}

.header .nav{position: fixed; top: 3rem; left: 0; bottom: 0px; right: 0; z-index: 210; display: none; background: #FFF;}
.header .nav ul{ border-bottom: 1px solid #f0f0f0; text-align: center;background: #FFF;}
.header .nav li{ width:49%; display: inline-block; border-right: 1px solid #f0f0f0; height: 150px; padding: 15px 0px;}
.header .nav li:last-child{ border: 0px;}
.header .nav li img{ height: 78px; width: auto; display: inline-block;}
.header .nav .list2 img{ height: 69px;}
.header .nav .list2 .t1{ padding-bottom: 15px;}
.header .nav li .t1{font-size: 12px;margin-top: 10px;color: #333;}
.header .nav li .t2{font-size: 11px; color: #999;margin-top: 5px;}
.header .nav li .t3{font-size: 11px;margin-top:5px;color: #666;}
.header .nav li.last{visibility: hidden;}
.content{ padding-top: 3rem;text-align: center;}
.foot{background: #f0f0f0; text-align: center; line-height: 25px; padding-top: 10px; color: #999999; font-size: 12px;}
.foot .company li{ text-align: left; padding: 0px 40px;}
.foot p span{ vertical-align: middle;}

.content img{ width: 100%;display:block;vertical-align:middle;}
.content .ct_title{font-size: 20px; line-height: 30px; padding-top: 60px;font-weight:400;}
.content .ct_msg{ padding:0px 5%;font-size: 14px;padding-top: 18px; line-height: 26px;color: #666; text-align: left;}
.index .content .list2 ul{ text-align: center; padding-bottom: 15px;}
.index .content .list2 li{ width: 30%; display: inline-block; border: 1px solid #C3F4AB; margin-right: 1%;}
.index .content .list2 li:last-child{ margin-right: 0px;}
.index .content .list2 li .t1{font-size: 14px; margin-top: 10px; color: #333;}
.index .content .list2 li img{ height:85px; width: auto; display: inline-block;}
.index .content .list2 li:last-child .t4{ padding: 22px 0px;}
.index .content .list2 li:last-child .t4 img{ height:40px;}
.index .content .list2 li .t2{font-size: 11px; color: #999;margin-top:5px;}
.index .content .list2 li .t3{font-size: 11px;margin-top: 5px; color: #666;}
.index .content .list2 li .t4{font-size: 11px;}
.index .content .list2 li .t5{font-size: 11px;}
.index .content .list3{ background: #f5ffec;}
.index .content .list5{background: #f0f0f0;}
.index .content .list3 .btn{ margin: 40px 0px 20px 0px;}
.index .content .list4 .btn{ margin: 40px 0px 20px 0px;}
.index .content .list5 ul{ text-align: center;}
.index .content .list5 li{ width: 40%; display: inline-block; margin: 10px 2%;}
.catering .list0{ position: relative; height: 260px;}
.catering .list0 .ct{ position: absolute; width: 100%; top:0px; left: 0px; color: #fff; z-index: 100; padding-top: 10px;}
.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: 15px;}
.catering .list0 .ct .btn{ width: 175px; height: 50px; line-height: 50px; border: 0px; border-radius: 2px;font-size: 14px; background:#FF5C01; color: #FFF; }
.catering .list0 .pic{ position: absolute; top:0px; left:0px; width:100%; height: 260px;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: 260px;z-index: 99;   background: #1A426E; opacity: 0.65;}
.catering .list0 ul{text-align: center; margin: auto;+width:845px; margin-top: 10px; margin-bottom: 10px;}
.catering .list0 li{ display: inline-block; margin:0px 0px;}
.catering .list0 li a{ width: 100px; height: 40px; line-height: 40px; border-radius:5px; font-size: 14px;  display: inline-block; background: #ed671f; color: #FFF;}
.catering .list8 li{ display: inline-block; width:30%; height: 170px; margin: 20px 0px; line-height:40px;font-size:14px;border:1px solid #e0e0e0;}
.catering .list8 li .btn{color: #3385ff;  border: 1px solid #3385ff; font-size: 14px;}
.retail .list1 { background: #45c1fa; }
.retail .list1 .ct_title, .retail .list1 .ct_msg { color: #fff; }
.retail .list2 { background: #ffc12a; }
.retail .list2 .ct_title, .retail .list2 .ct_msg { color: #fff; }
.retail .list3 { background: #1db495; }
.retail .list3 .ct_title, .retail .list3 .ct_msg {color: #fff; }
.content .linkedUs{ position: relative;}
.content .linkedUs .list{ position: absolute; text-align:center ; width: 100%;}
.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 .list li{ display: inline-block; width: 49%;color: #666;   line-height: 25px;}
.content .linkedUs .list li a{ color: #333;font-size: 16px;}
.content .linkedUs .list li:last-child{ border: 0px;}
.content .linkedUs .list li .btn{background: #3385ff; color: #FFF; border: 1px solid #3385ff; font-size: 14px;}
.content .linkedUs .pic{ padding-top: 20px;}
.codePay .content{ padding-top: 6rem;}
.codePay .list1{ background: #ff861f;}
.codePay .list2 ul{ text-align: center; width: 80%; margin-left: 10%; height: 120px; border-bottom: 1px solid #e9ece6; }
.codePay .list2 ul li{ display: inline-block; width: 30%;}
.codePay .list2 ul li .t1{ width: 60px; height: 50px; 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;}
.strengths-item-title { color: #FFF; font-size: 22px; line-height: 33px; padding-top: 30px; }
.internetcafes .content .list1 a { width: 180px; height: 50px; line-height: 50px; border-radius: 5px; font-size: 18px; display: inline-block; background: #ed671f; color: #FFF; }
.cashSystem .list0{ position: relative;}
.cashSystem .list0 .ct{ position: absolute; width: 100%; top:0px; left: 0px; color: #fff;}
.cashSystem .list0 .ct .ct_msg{ color: #fff;}
.cashSystem .list1 img{ width: 90%; display: inline-block;}
.cashSystem .list2 img{ width: 90%; display: inline-block;}

.cashmachine .list0{ height:auto;}
.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: 15px; height:15px; background-size:cover; display: inline-block;}
.cashSystem .list3 ul li .t2{ font-size: 8px;}
.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 .list4 img{ width: 300px; display: inline-block;}
.cashSystem .list4-2 img{ width: 300px; display: inline-block;}
.cashSystem .list6 ul{ text-align: center;}
.cashSystem .list6 li{ width: 40%; display: inline-block; margin: 10px 2%;}
.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: #666;  font-size: 14px; line-height: 30px;}
.cashSystem .list6-2 li img{ width: 90%; display: inline-block;}
.cashSystem .list7 { background: #fafafa; }
.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: 25px; height:25px; background-size:cover; display: inline-block;}
.cashSystem .list7 ul li .t2{ font-size: 8px;}
.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); }

.plan .list1 { position: relative;}
.plan .list1 .ct { position: absolute; width: 100%; top:43%;left: 0px;}
.plan .list1 .ct_msg{ color: #333;  font-size: 14px;}
.plan .list1 .pic{ padding-top: 110px;}
.plan .list2{ background:#fcec5b; }
.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: 44%; height: 275px; float: left; margin-left:4%; background: #FFF; border: 1px solid #e2e2e2; margin-bottom: 30px;}
.plan .list8 ul li:last-child{ margin-right:0px;}
.plan .list8 ul li .t1{ display: inline-block;}
.plan .list8 ul li img{ width: 75%; display: inline-block;}
.plan .list8 li .ct_msg{ min-height: 100px;}


.holdPlan .content .list1 { position: relative; color: #FFF; height: 260px;}
.holdPlan .list1 .pic { position: absolute; top: 0px; left: 0px; width: 100%; height: 260px; z-index: 98; background: url("../img/retailplan1.jpg") no-repeat center; background-size: auto auto; background-size: cover; }
.holdPlan .list1 .picMask { position: absolute; top: 0px; left: 0px; width: 100%; height: 260px; z-index: 99; background: #1A426E; opacity: 0.65; }
.holdPlan .list1 .ct { position: absolute; width: 100%; top: 0px; left: 0px; z-index: 100; }
.holdPlan .list1 .ct .ct_msg{ text-align: center; padding-bottom: 20px;}
.holdPlan .list1 .ct_title{ font-size:14px; }
.holdPlan .list1 .ct_msg{ color: #FFF;}
.holdPlan .list2{ background: #FFF;}
.holdPlan .list2 .btn{ width: 100px;color: #3385ff; border: 1px solid #3385ff; }
.holdPlan .list3,.holdPlan .list4{ background:#f6ffec; }
.holdPlan .list5{ background:#f0fefc; }
.holdPlan .list2 .btn{ margin: 40px 0px 20px 0px;}
.holdPlan .list6{ background:#fdfdfd}
 .ul_index { width: 80%; margin-left: 10%; text-align: left;}
 .ul_index li{ position: relative; border-left: 2px solid #1fa230; padding-left: 22px; padding-bottom: 20px; min-height: 30px;}
 .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;}
.ul_index span{}


.content .inline{display:inline-block;}
.content .p_b15{ padding-bottom: 15px;}
.content .p_t50{ padding-top: 50px;}
.content .p_t15{ padding-top: 15px;}
.content .p_t5{ padding-top: 5px;}
.content .text-center{text-align: center;}
.content .list_pic{ padding: 50px 5% 0px 5%; }
.content .remark{    font-size: 11px; color: #999; line-height:40px;}
.line{border-bottom: 1px solid #e9ece6; width: 90%; height: 1px; padding: 20px 0px; margin-left: 5%;}
.friendLink{text-align: left; height:65px; padding: 0px 15px;}
.friendLink a { color: #666; margin: 10px 0 0 10px; }