.m-dl2 {
  padding-top: 50px;
  padding-bottom:50px;
}

.m-dl4 {
  padding-top: 93px;
  padding-bottom: 107px;
}
.m-dl6 {
  padding-top: 100px;
  padding-bottom: 106px;
}
.m-dl7 {
  padding-top: 60px;
  padding-bottom: 50px;
}

.m-dt-t1 {
  text-align: center;
  font-size: 30px;
}
.m-dt-t2 {
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
}

.f1 > li {
  display: inline-block;
  width: 270px;
  height: 220px;
  margin-left: 20px;
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #efefef;
}
.f1 > li:first-child {
  margin-left: 0;
}
.f1-item {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.f1-h {
  position: absolute;
  min-height: 190px;
  left: 0;
  background-color: #fff;
  line-height: 24px;
  top: 0;
  opacity: 0;
  padding: 20px 20px 10px;
  filter: Alpha(opacity=0);
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  color: #71717a;
  text-align: left;
  z-index: 2;
}
.f1 > li:hover .f1-h {
  opacity: 1;
  filter: Alpha(opacity=100);
}
.f1 > li:hover {
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.1);
}
.f1 > li:hover .f1-lnk {
  display: block;
}
.f1-t1 {
  margin-top: 6px;
  font-size: 18px;
  font-weight: 700;
}
.f1-lnk {
  display: none;
  border-top: 1px solid #e3e2e5;
  position: absolute;
  bottom: -5px;
  left: 20px;
  right: 20px;
  text-align: center;
  font-size: 12px;
}
.f1-lnk > span {
  position: relative;
  top: -13px;
  color: #2589ff;
  padding: 0 20px;
  background-color: #fff;
  transition: all 0.2s linear;
}
.f1-lnk > span:hover {
  color: #0968ff;
}
.f1 > li img {
  width: 100%;
  min-height: 140px;
}
.f1-line {
  width: 20px;
  height: 2px;
  margin: 6px auto;
}
.f1-line1 {
  position: absolute;
  bottom: 90px;
  width: 20px;
  height: 2px;
}
.f1-l1 {
  background-color: #2d5be5;
}
.f1-l2 {
  background-color: #2589ff;
}
.f1-l3 {
  background-color: #2dcad3;
}
.f1-l4 {
  background-color: #006aff;
}
.f1-l5 {
  background-color: #bc212d;
}
.f1-l6 {
  background-color: #ff7800;
}
.f1-l7 {
  background-color: #202d46;
}
.f1-apply {
  position: absolute;
  top: 129px;
  width: 230px;
}
.f1-slider-wrap ul {
  display: none;
}
.f1-slider-wrap ul.active {
  display: block;
}
.f1-nav {
  font-size: 0;
  margin-top: 50px;
}
.f1-nav li {
  display: inline-block;
  width: 100px;
  height: 4px;
  background-color: #e5e4e9;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.f1-nav li.active {
  background-color: #61616a;
}
.f1-input-item {
  position: relative;
  width: 440px;
  margin: 40px auto 0;
}
.f1-input-item .f1-phone:focus {
  border-color: #2589ff;
}
.f1-input-item .f1-phone:focus + .f1-phoneBtn {
  background-color: #2589ff;
}
.f1-phone {
  width: 240px;
  height: 24px;
  border: 1px solid #7cb8ff;
  outline: none;
  font-size: 18px;
  padding: 12px 180px 12px 20px;
  color: #1b1c26;
}
.f1-phone::-webkit-input-placeholder {
  color: #b2aebc;
  opacity: 1;
}
.f1-phone::-moz-placeholder {
  color: #b2aebc;
  opacity: 1;
}
.f1-phone:-moz-placeholder {
  color: #b2aebc;
  opacity: 1;
}
.f1-phone:-ms-input-placeholder {
  color: #b2aebc;
  opacity: 1;
}
.f1-phoneBtn {
  width: 160px;
  height: 50px;
  background: #7cb8ff;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  border: none;
  position: absolute;
  right: -1px;
  top: 0;
  text-align: center;
}
/*全行业解决方案*/
.f2-bg {
  background: #353840;
/*  height: 860px; */
  color: #fff;
  overflow: hidden;
  background-size: cover;
  /* background-color: #4f576b; */
}
/* .f2-bg.bg_ls {
  background-image: url(../images/bg_ls.jpg);
}
.f2-bg.bg_ds {
  background-image: url(../images/bg_ds.jpg);
}
.f2-bg.bg_cy {
  background-image: url(../images/bg_cy.jpg);
}
.f2-bg.bg_xy {
  background-image: url(../images/bg_xy.jpg);
}
.f2-bg.bg_my {
  background-image: url(../images/bg_my.jpg);
}
.f2-bg.bg_jy {
  background-image: url(../images/bg_jy.jpg);
}
.f2-bg.bg_fc {
  background-image: url(../images/bg_fc.jpg);
}
.f2-bg.bg_hssy {
  background-image: url(../images/bg_hssy.jpg);
}
.f2-bg.bg_zx {
  background-image: url(../images/bg_zx.jpg);
}
.f2-bg.bg_qc {
  background-image: url(../images/bg_qc.jpg);
}
.f2-bg.bg_hotel {
  background-image: url(../images/bg_hotel.jpg);
}
.f2-bg.bg_travel {
  background-image: url(../images/bg_travel.jpg);
} */
.f2-lul > li {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.2s linear;
}
.f2-lul > li:hover,
.f2-lul > li.active {
  background-color: #2589ff;
  border-radius: 2px;
  font-weight: 700;
}
.f2-l {
  min-height: 480px;
  padding-right: 30px;
  color: #fff;
  border-right: 4px solid #a9a9a9;
  border-color: rgba(255, 255, 255, 0.3);
}
.f2-r {
  padding-left: 58px;
  width: 950px;
  min-height: 430px;
}
.f2-bd {
  font-size: 16px;
  line-height: 30px;
  margin-top: 17px;
}
.f2-rul {
  width: 100%;
  position: absolute;
  top: 160px;
  font-size: 0;
}
.f2-rul > li {
  display: inline-block;
  width: 12.5%;
  text-align: center;
  font-size: 12px;
}
.f2-item {
  position: relative;
  margin-top: 15px;
  display: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.f2-item.active {
  display: block;
}
.f2-sprite,
.f2-bdgj,
.f2-czjf,
.f2-dc,
.f2-ddfx,
.f2-dmd,
.f2-fx,
.f2-fxtx,
.f2-gxhyy,
.f2-hdyx,
.f2-hftx,
.f2-hygl,
.f2-hyyx,
.f2-jck,
.f2-jfsc,
.f2-jkyl,
.f2-jsgl,
.f2-jxc,
.f2-kfxt,
.f2-khgl,
.f2-kptcz,
.f2-lbfx,
.f2-lxhk,
.f2-lxtg,
.f2-mdgl,
.f2-mdrc,
.f2-nryy,
.f2-ptkj,
.f2-qdfx,
.f2-scrm,
.f2-shhfx,
.f2-sjfx,
.f2-sjtj,
.f2-sjyx,
.f2-sjyx1,
.f2-sykd,
.f2-syxt,
.f2-wm,
.f2-wzmb,
.f2-xcx,
.f2-xsgz,
.f2-ydbg,
.f2-yhmd,
.f2-yxcj,
.f2-yxgj,
.f2-yxhd,
.f2-yxtg,
.f2-yyps,
.f2-yyyd,
.f2-znxt,
.f2-zpzb,
.f2-zqg,
.f2-zqk,
.f2-zxsc,
.f2-kfgl {
  background-image: url("../images/f2_icns.png");
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  background-size: 100%;
}
.f2-zxsc {
  background-position: 0px 4px;
}
.f2-ptkj {
  background-position: 0 -80px;
}
.f2-fx {
  background-position: 0 -164px;
}
.f2-khgl {
  background-position: 0px -252px;
}
.f2-hyyx {
  background-position: 0 -338px;
}
.f2-jkyl {
  background-position: 0 -426px;
}
.f2-dmd {
  background-position: 0 -515px;
}
.f2-jxc {
  background-position: 0 -776px;
}
.f2-bdgj {
  background-position: 0 -864px;
}
.f2-lbfx {
  background-position: 0px -953px;
}
.f2-czjf {
  background-position: 0px -1037px;
}
.f2-hdyx {
  background-position: 0 -600px;
}
.f2-hftx {
  background-position: 0 -675px;
}
.f2-hygl {
  background-position: 0 -750px;
}
.f2-jck {
  background-position: 0 -900px;
}
.f2-jfsc {
  background-position: 0 -975px;
}
.f2-mdgl {
  background-position: 0 -1127px;
}
.f2-yxhd {
  background-position: 0 -1302px;
}
.f2-wm {
  background-position: 0 -1476px;
}
.f2-yhmd {
  background-position: 0px -1563px;
}
.f2-dc {
  background-position: 0px -1654px;
}
.f2-xcx {
  background-position: 0px -1739px;
}
.f2-zqk {
  background-position: 0px -1913px;
}
.f2-yyyd {
  background-position: 0px -2002px;
}
.f2-jsgl {
  background-position: 0px -2089px;
}
.f2-ddfx {
  background-position: 0px -2526px;
}
.f2-fxtx {
  background-position: 0px -2617px;
}
.f2-gxhyy {
  background-position: 0px -2790px;
}
.f2-kfxt {
  background-position: 0px -2877px;
}
.f2-znxt {
  background-position: 0px -3139px;
}
.f2-zpzb {
  background-position: 0px -3226px;
}
.f2-mdrc {
  background-position: 0px -3313px;
}
.f2-yxtg {
  background-position: 0px -3489px;
}
.f2-yyps {
  background-position: 0px -3751px;
}
.f2-zqg {
  background-position: 0px -3839px;
}

.f2-kptcz {
  background-position: 0 -1425px;
}

.f2-lxhk {
  background-position: 0 -1575px;
}
.f2-lxtg {
  background-position: 0 -1650px;
}

.f2-nryy {
  background-position: 0 -1875px;
}

.f2-qdfx {
  background-position: 0 -2025px;
}
.f2-scrm {
  background-position: 0 -2100px;
}
.f2-shhfx {
  background-position: 0 -2175px;
}
.f2-sjfx {
  background-position: 0 -2250px;
}
.f2-sjtj {
  background-position: 0 -2325px;
}
.f2-sjyx {
  background-position: 0 -2400px;
}
.f2-sjyx1 {
  background-position: 0 -2475px;
}
.f2-sykd {
  background-position: 0 -2550px;
}
.f2-syxt {
  background-position: 0 -2625px;
}
.f2-wzmb {
  background-position: 0 -2775px;
}

.f2-xsgz {
  background-position: 0 -2925px;
}
.f2-ydbg {
  background-position: 0 -3000px;
}

.f2-yxcj {
  background-position: 0 -3150px;
}
.f2-yxgj {
  background-position: 0 -3225px;
}

.f2-kfgl {
  background-position: 0 -3975px;
}
.f2-gjbd,
.f2-qdtg,
.f2-qdtg,
.f2-wzgl,
.f2-ymtz,
.f2-yxyy,
.f2-zxzj {
  background-image: url("../images/index/f2_icns2.png");
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
}
.f2-gjbd {
  background-position: 0 0;
}
.f2-qdtg {
  background-position: 0 -80px;
}
.f2-wzgl {
  background-position: 0 -160px;
}
.f2-ymtz {
  background-position: 0 -240px;
}
.f2-yxyy {
  background-position: 0 -320px;
}
.f2-zxzj {
  background-position: 0 -400px;
}
.f2-qzc {
  background-position: 0 -80px;
}
.f2-rul1 {
  width: 100%;
  padding-top: 10px;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 310px;
}
.f2-rul1 > li {
  display: inline-block;
  margin-left: 72px;
  position: relative;
}
.f2-rul1 > li:first-child {
  margin-left: 0;
}
.f2-rul1-qr {
  position: absolute;
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  height: 0;
  left: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  filter: Alpha(opacity=0);
  font-size: 12px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.f2-rul1-qr > img {
  width: 130px;
  margin: 12px 25px 9px;
}
.f2-rul1 > li:hover .f2-rul1-qr {
  height: 180px;
  opacity: 1;
  filter: Alpha(opacity=100);
  color: #595961;
}
.f2-lnk {
  padding: 4px 14px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #3986ff;
  background-color: #3986ff;
  color: #fff;
  transition: all 0.2s linear;
}
.f2-lnk:hover {
  border-color: #0968ff;
  background-color: #0968ff;
  color: #fff;
}
.f3-box {
  width: 100%;
  height: 525px;
  position: relative;
}
.f3-ul-l,
.f3-ul-r {
  position: absolute;
  top: 50%;
  width: 19px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  z-index: 1;
}
.f3-ul-l {
  left: 0;
  background-image: url("../images/index/arrow_l.png");
  background-size: 100%;
}
.f3-ul-l:hover {
  left: 0;
  background-image: url("../images/index/arrow_l_h.png");
  background-size: 100%;
}
.f3-ul-r {
  right: 0;
  background-image: url("../images/index/arrow_r.png");
  background-size: 100%;
}
.f3-ul-r:hover {
  right: 0;
  background-image: url("../images/index/arrow_r_h.png");
  background-size: 100%;
}
.f3-ul {
  width: 300%;
  font-size: 0;
}
.f3-ul > li {
  display: inline-block;
  font-size: 14px;
  width: 358px;
  margin-left: 30px;
  border: 1px solid #e3e2e5;
  border-bottom: 0;
  background-color: #fff;
  vertical-align: top;
  min-height: 518px;
}
.f3-hd {
  padding: 20px 20px 24px;
}
.f3-sul {
  display: block;
  border-top: 1px solid #e3e2e5;
}
.f3-sul > li {
  height: 58px;
  border-bottom: 1px solid #e3e2e5;
  padding: 20px 18px;
  position: relative;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.f3-sul-lnk {
  display: none;
  position: absolute;
  bottom: 8px;
  right: 20px;
  color: #2589ff;
  border: 1px solid #2589ff;
  border-radius: 2px;
  padding: 4px 10px;
  transition: background-color 0.15s linear, color 0.15s linear;
}
.f3-sul-lnk:hover {
  background-color: #2589ff;
  color: #fff;
}
.f3-sul > li.active {
  height: 88px;
  background-color: #f4f4f7;
}
.f3-sul > li.active .f3-sul-lnk {
  display: block;
}
.f3-in {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 2px;
}
.b1 .f3-in {
  background-color: #2589ff;
}
.b2 .f3-in {
  background-color: #8052ff;
}
.b3 .f3-in {
  background-color: #ff7445;
}
.b4 .f3-in {
  background-color: #2b74fe;
}
.b5 .f3-in {
  background-color: #8052ff;
}
.b6 .f3-in {
  background-color: #ff7445;
}
.b7 .f3-in {
  background-color: #2b74fe;
}
.b8 .f3-in {
  background-color: #8052ff;
}
.f3-in > i {
  background-image: url("../images/index/f3_icns.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
}
.f3-360 {
  background-position: 0 0;
  height: 48px;
  width: 48px;
}
.f3-app {
  background-position: 0 -53px;
  height: 48px;
  width: 48px;
}
.f3-cj {
  background-position: 0 -106px;
  height: 48px;
  width: 48px;
}
.f3-clh {
  background-position: 0 -159px;
  height: 48px;
  width: 48px;
}
.f3-fsgl {
  background-position: 0 -212px;
  height: 48px;
  width: 48px;
}
.f3-hyk {
  background-position: 0 -265px;
  height: 48px;
  width: 48px;
}
.f3-iBeacon {
  background-position: 0 -318px;
  height: 48px;
  width: 48px;
}
.f3-jk {
  background-position: 0 -371px;
  height: 48px;
  width: 48px;
}
.f3-qmjjr {
  background-position: 0 -424px;
  height: 48px;
  width: 48px;
}
.f3-sdp {
  background-position: 0 -477px;
  height: 48px;
  width: 48px;
}
.f3-sjmf {
  background-position: 0 -530px;
  height: 48px;
  width: 48px;
}
.f3-wcj {
  background-position: 0 -583px;
  height: 48px;
  width: 48px;
}
.f3-wcy {
  background-position: 0 -636px;
  height: 48px;
  width: 48px;
}
.f3-wifi {
  background-position: 0 -689px;
  height: 48px;
  width: 48px;
}
.f3-wkf {
  background-position: 0 -742px;
  height: 48px;
  width: 48px;
}
.f3-wly {
  background-position: 0 -795px;
  height: 48px;
  width: 48px;
}
.f3-wmds {
  background-position: 0 -848px;
  height: 48px;
  width: 48px;
}
.f3-wp {
  background-position: 0 -901px;
  height: 48px;
  width: 48px;
}
.f3-wqd {
  background-position: 0 -954px;
  height: 48px;
  width: 48px;
}
.f3-wsq {
  background-position: 0 -1007px;
  height: 48px;
  width: 48px;
}
.f3-wtg {
  background-position: 0 -1060px;
  height: 48px;
  width: 48px;
}
.f3-wtp {
  background-position: 0 -1113px;
  height: 48px;
  width: 48px;
}
.f3-wxc {
  background-position: 0 -1166px;
  height: 48px;
  width: 48px;
}
.f3-wyq {
  background-position: 0 -1219px;
  height: 48px;
  width: 48px;
}
.f3-wyy {
  background-position: 0 -1272px;
  height: 48px;
  width: 48px;
}
.f3-wz {
  background-position: 0 -1325px;
  height: 48px;
  width: 48px;
}
.f3-wzl {
  background-position: 0 -1378px;
  height: 48px;
  width: 48px;
}
.f3-wzx {
  background-position: 0 -1431px;
  height: 48px;
  width: 48px;
}
.f3-xpj {
  background-position: 0 -1484px;
  height: 48px;
  width: 48px;
}
.f3-yy {
  background-position: 0 -1537px;
  height: 48px;
  width: 48px;
}
.f3-yyhb {
  background-position: 0 -1590px;
  height: 48px;
  width: 48px;
}
.f3-zb {
  background-position: 0 -1643px;
  height: 48px;
  width: 48px;
}
/*产品优势*/
.business {
  width: 1200px;
  height: 730px;
  margin: auto;
  padding-top: 50px;
}

.business-box {
  width: 1100px;
  position: relative;
  margin: auto;
  margin-top: 126px;
  margin-bottom: 65px;
}

.business-box .box-cont {
  width: 845px;
  height: 480px;
  background: url(../images/gand-up.png) no-repeat;
  background-size: cover;
  margin: auto;
}

.animate {
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

.animate:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.business-box .box-cont .one:hover {
  position: absolute;
  top: -100px;
  left: -3px;
}

.business-box .box-cont .two:hover {
  position: absolute;
  top: -100px;
  right: -3px;
}

.business-box .box-cont .three:hover {
  position: absolute;
  bottom: -110px;
  left: -5px;
}

.business-box .box-cont .four:hover {
  position: absolute;
  /* bottom: -88px;
  right: -20px; */
  bottom: -60px;
  right: -5px;
}

.business-box .box-cont .one {
  width: 260px;
  position: absolute;
  top: -86px;
  left: 4px;
  text-align: center;
  line-height: 1.4;
}

.business-box .box-cont .two {
  width: 260px;
  position: absolute;
  top: -86px;
  right: 4px;
  text-align: center;
  line-height: 1.4;
}

.business-box .box-cont .three {
  width: 260px;
  position: absolute;
  bottom: -117px;
  left: 1px;
  text-align: center;
  line-height: 1.4;
}

.business-box .box-cont .four {
  width: 260px;
  position: absolute;
  bottom: -60px;
  right: 4px;
  text-align: center;
  line-height: 1.4;
}

.business-box .box-cont img {
  width: 214px;
  height: 214px;
  margin-top: 8px;
}

.business-box .box-cont b {
  font-size: 20px;
  font-weight: 500;
  color: rgba(36, 42, 64, 1);
}

.business-box .box-cont p {
  font-size: 14px;
  font-weight: 400;
  color: rgba(103, 108, 127, 1);
  margin-top: 4px;
}
/*好处*/
.features {
  width: 1200px;
  height: 700px;
  margin: auto;
  padding-top: 90px;
}

.features-box {
  width: 1200px;
  position: relative;
  margin: auto;
  margin-top: 85px;
}

.features-box .box-cont {
  width: 562px;
  height: 435px;
  background: url(../images/features-icon.png) no-repeat;
  background-size: cover;
  margin: auto;
}
.features-box .box-cont .one:hover {
  position: absolute;
  top: -10px;
  left: -3px;
}

.features-box .box-cont .two:hover {
  position: absolute;
  top: 102px;
  right: -3px;
}

.features-box .box-cont .three:hover {
  position: absolute;
  top: 216px;
  left: 4px;
}

.features-box .box-cont .four:hover {
  position: absolute;
 top: 316px;
  left: 1px;
}
.features-box .box-cont .five:hover {
  position: absolute;
  top: -10px;
right: 4px;
}
.features-box .box-cont .six:hover {
  position: absolute;
 top: 102px;
  right: 1px;
}
.features-box .box-cont .seven:hover {
  position: absolute;
  top: 214px;
  right: 4px;
}
.features-box .box-cont .eight:hover {
  position: absolute;
 top: 318px;
  right: 4px;
}
.features-box .box-cont .one {
  width: 300px;
  position: absolute;
  top: -4px;
  left: 4px;
  text-align: center;
  line-height: 1.4;
}
.features-box .box-cont .two {
  width: 300px;
  position: absolute;
  top: 108px;
  left: 4px;
  text-align: center;
  line-height: 1.4;
}
.features-box .box-cont .three {
  width: 310px;
  position: absolute;
  top: 222px;
  left: 4px;
  text-align: center;
  line-height: 1.4;
}

.features-box .box-cont .four {
  width: 330px;
  position: absolute;
  top: 322px;
  left: 1px;
  text-align: center;
  line-height: 1.4;
}
.features-box .box-cont .five {
  width: 307px;
  position: absolute;
  top: -4px;
  right: 4px;
  text-align: center;
  line-height: 1.4;
}

.features-box .box-cont .six {
  width: 308px;
  position: absolute;
  top: 108px;
  right: 1px;
  text-align: center;
  line-height: 1.4;
}
.features-box .box-cont .seven {
  width: 300px;
  position: absolute;
  top: 217px;
  right: 4px;
  text-align: center;
  line-height: 1.4;
}
.features-box .box-cont .eight {
  width: 314px;
  position: absolute;
 top: 324px;
  right: 4px;
  text-align: center;
  line-height: 1.4;
}
.features-box .box-cont p {
  font-size: 16px;
  font-weight: 400;
  color:#666666;
  margin-top: 4px;
}

/*全场景生态圈*/
.f4-ul {
  font-size: 0;
}
.f4-ul > li {
  display: inline-block;
  width: 248px;
  height: 340px;
  border: 1px solid #e3e2e5;
  margin-right: -1px;
  position: relative;
  vertical-align: top;
  overflow: hidden;
}
.f4-ul > li.active {
  width: 448px;
  border: 1px solid #1d77ff;
  z-index: 1;
  box-shadow: 0 0 20px 0 rgba(34, 33, 53, 0.1);
}
.f4-ul > li.active .f4-h {
  opacity: 1;
  filter: Alpha(opacity=100);
}
.f4-in {
  height: 40px;
  line-height: 40px;
  margin-top: 40px;
}
.f4-h {
  width: 408px;
  opacity: 0;
  filter: Alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 20px;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.f4-h-hd {
  font-size: 18px;
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e3e2e5;
}
.f4-h-bd {
  font-size: 14px;
  line-height: 27px;
  color: #9797a1;
}
.f4-h-lnk {
  position: absolute;
  bottom: 32px;
  left: 20px;
  color: #2589ff;
  font-size: 14px;
}
.f4-in > i {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/f4_icns.png);
  background-repeat: no-repeat;
}
.f4-i1 {
  background-position: 0 0;
  height: 36px;
  width: 36px;
}
.f4-i1h {
  background-position: 0 -36px;
  height: 36px;
  width: 36px;
  margin-right: 14px;
}
.f4-i2 {
  background-position: 0 -70px;
  height: 36px;
  width: 36px;
}
.f4-i2h {
  background-position: 0 -111px;
  height: 36px;
  width: 36px;
  margin-right: 14px;
}
.f4-i3 {
  background-position: 0 -149px;
  height: 36px;
  width: 36px;
}
.f4-i3h {
  background-position: 0 -189px;
  height: 36px;
  width: 36px;
  margin-right: 14px;
}

.f4-i5 {
  background-position: 0 -226px;
  height: 36px;
  width: 36px;
}
.f4-i5h {
  background-position: 0 -261px;
  height: 36px;
  width: 36px;
  margin-right: 14px;
}
.f4-hr {
  border: none;
  width: 52px;
  height: 1px;
  font-size: 1px;
  background-color: #e3e2e5;
  margin: 22px auto;
}
.f4-sul > li {
  font-size: 14px;
  color: #9797a1;
  margin-bottom: 16px;
}
.f6-bg {
  background: #262730;
}
.f6-ul {
  margin-top: 58px;
}
.f6-ul > li {
  display: inline-block;
  position: relative;
  margin-left: 217px;
  padding-left: 22px;
  height: 75px;
  box-sizing: border-box;
}
.f6-ul > li:first-child {
  margin-left: 0;
}
.f6-fc-gy {
  color: #a6a6ae;
}
.f6-ul1 {
  width: 1000px;
  margin: 40px auto 0;
}
.f6-ul1 > li {
  position: relative;
  padding: 24px 20px 24px 30px;
  background-color: rgba(216, 216, 216, 0.13);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19000000",endColorstr="#19000000");
  border-radius: 4px;
  margin-top: 20px;
  line-height: 1.5;
}
.f6-ul1 > li:first-child {
  margin-top: 0;
}
.f6-line {
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 30px;
  background-color: #3986ff;
  vertical-align: top;
}
.g-lh38 {
  line-height: 38px;
}
.f6-img {
  line-height: 58px;
}
.f6-img img {
  width: 80px;
}

  /*为全国1200+企业*/
.f8-bg {
  height: 220px;
  background: url(../images/f8_bg.jpg) center no-repeat;
  background-size: cover;
}
.f8-mt76 {
  margin-top: 76px;
}
.f8-tt {
  display: inline-block;
  min-width: 530px;
  letter-spacing: 24px;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 68px;
}
.f8-lt {
  margin-top: 16px;
  padding-left: 32px;
  letter-spacing: 32px;
}
.f9-ul {
  font-size: 0;
}
.f9-ul li {
  display: inline-block;
  margin-left: 30px;
  border: #eeeeee 1px solid;
  padding:0 10px;
}
.f9-ul li:first-child {
  margin-left: 0;
}
.f10-bg {
  background-color: #f4f4f7;
}
.new-images {
  display: inline-block;
  height: 130px;
  width: 340px;
  object-fit: fill;
}
.f10-ul {
  font-size: 0;
}
.f10-ul > li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 398px;
}
.f10-ul > li:first-child {
  margin-left: 0;
}
.f10-ul-lst {
  margin-top: 10px;
}
.f10-ul-lst > li {
  line-height: 30px;
}
.f10-ul-lst > li > span {
  vertical-align: middle;
}
.f10-ul-lst > li > a {
  display: inline-block;
  vertical-align: middle;
  width: 320px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #595961;
}
.f10-ul-lst > li > a:hover {
  text-decoration: underline;
}
/* 首页新闻列表 */
.news-ul {
  font-size: 0;
}
.news-ul > li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 48%;
  padding: 1%;
}
.news-ul > li:hover {
    box-shadow: 0 6px 15px 2px rgba(0,0,0,0.08);
}
.leftnews {
  vertical-align: middle;
  padding-right:10px
}
.leftnews .news-img{
	height: 120px;
	width: 160px;
	border-radius: 10px;
}
.leftnews,.rightnews{display:table-cell;vertical-align:top}
.rightnews{
	background-color: rgba(247,248,249,0.5);
	 color: #999;
	
}
.rightnews h3 {
    color: #333;
    font-size: 16px;
    margin: 5px 0;
    font-weight: 500;
}
.rightnews p{
    color: #999;
	font-size: 14px;
	margin: 5px 0;
    }
}
.rightnews .time {
    color: #999;
    font-size: 12px;
}
.fa {
    display: inline-block;
    background: url(../images/timeicon.png);
	width: 20px;
	height: 20px;
}
.news-ul-lst {
  margin-top: 10px;
}
.f10-ul-lst > li {
  line-height: 30px;
}
.f10-ul-lst > li > span {
  vertical-align: middle;
}
.f10-ul-lst > li > a {
  display: inline-block;
  vertical-align: middle;
  width: 320px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #595961;
}
.f10-ul-lst > li > a:hover {
  text-decoration: underline;
}
.f10-ptb {
  padding-top: 60px;
  padding-bottom: 60px;
}
.f10-tt {
  position: absolute;
  top: 40px;
  left: 20px;
  color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (-moz-min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  .f5-bg {
    height: 930px;
    background: url(../images/index/f5_bg@2x.png?201912181) #f1f1f5 center
      no-repeat;
  }
  .f5-bg,
  .f6-dd {
    background-size: auto 100%;
  }
  .f2-sprite,.f2-bdgj,.f2-czjf,.f2-dc,.f2-ddfx,.f2-dmd,.f2-fx,.f2-fxtx,.f2-gxhyy,
  .f2-hdyx,
  .f2-hftx,
  .f2-hygl,
  .f2-hyyx,
  .f2-jck,
  .f2-jfsc,
  .f2-jkyl,
  .f2-jsgl,
  .f2-jxc,
  .f2-kfxt,
  .f2-khgl,
  .f2-kptcz,
  .f2-lbfx,
  .f2-lxhk,
  .f2-lxtg,
  .f2-mdgl,
  .f2-mdrc,
  .f2-nryy,
  .f2-ptkj,
  .f2-qdfx,
  .f2-scrm,
  .f2-shhfx,
  .f2-sjfx,
  .f2-sjtj,
  .f2-sjyx,
  .f2-sjyx1,
  .f2-sykd,
  .f2-syxt,
  .f2-wm,
  .f2-wzmb,
  .f2-xcx,
  .f2-xsgz,
  .f2-ydbg,
  .f2-yhmd,
  .f2-yxcj,
  .f2-yxgj,
  .f2-yxhd,
  .f2-yxtg,
  .f2-yyps,
  .f2-yyyd,
  .f2-znxt,
  .f2-zpzb,
  .f2-zqg,
  .f2-zqk,
  .f2-zxsc,
  .f2-kfgl {
    background-image: url("../images/index/f2_icns@2x.png");
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    background-size: 70px auto;
  }
  .f2-gjbd,
  .f2-qdtg,
  .f2-qdtg,
  .f2-wzgl,
  .f2-ymtz,
  .f2-yxyy,
  .f2-zxzj {
    background-image: url("../images/index/f2_icns2@2x.png");
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    background-size: 70px auto;
  }
  .f2-mdgl,
  .f2-qzc {
    background-image: url("../images/index/f2_icns3@2x.png");
    background-repeat: no-repeat;
    background-size: 70px auto;
  }
  .f3-in > i {
    background-image: url("../images/index/f3_icns@2x.png");
    background-size: 48px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
  }
  .f3-ul-l {
    left: 0;
    background-image: url("../images/index/f3_arrow/@2x/arrow_l.png");
    background-size: 100%;
  }
  .f3-ul-l:hover {
    left: 0;
    background-image: url("../images/index/f3_arrow/@2x/arrow_l_h.png");
    background-size: 100%;
  }
  .f3-ul-r {
    right: 0;
    background-image: url("../images/index/f3_arrow/@2x/arrow_r.png");
    background-size: 100%;
  }
  .f3-ul-r:hover {
    right: 0;
    background-image: url("../images/index/f3_arrow/@2x/arrow_r_h.png");
    background-size: 100%;
  }
  .f4-in > i {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/index/f4_icns@2x.png);
    background-repeat: no-repeat;
    background-size: 124px auto;
  }
}
.m-f1-lnk {
  padding: 8px 30px;
  color: #2589ff;
  background: #fff;
  border: 1px solid #2589ff;
}
.m-f1-lnk:hover {
  color: #fff;
  background: #2589ff;
}
.f2-lnk1 {
  color: #fff;
  background: 0 0;
  border: 1px solid #fff;
  margin-right: 20px;
}
.f5-le {
  margin: 0;
  width: 100px;
  height: 1px;
  background: #dcdce5;
  border-radius: 1px;
}
.f5-tt1 {
  margin-top: 10px;
  font-size: 56px;
  color: #2589ff;
  line-height: 60px;
}
.f5-tt2 {
  margin-top: 10px;
  font-size: 18px;
  color: #727281;
}
.m-new-ul {
  padding: 40px;
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
}
.m-new-ul li.f-fl {
  width: 285px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(2, 31, 65, 0.05);
}
.m-new-ul li.f-fl:hover {
  box-shadow: 0 15px 20px 0 rgba(2, 31, 65, 0.1);
}
.m-new-top {
  height: 80px;
  background-image: url("../images/header.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.m-new-top1 {
  background-position: 0 0;
}
.m-new-top2 {
  background-position: 0 -90px;
}
.m-new-top3 {
  background-position: 0 -180px;
}
.m-new-top4 {
  background-position: 0 -270px;
}
.m-new-top .m-dt-t1 {
  margin-bottom: 45px;
}
.m-new-top p {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
  margin-left: 20px;
  font-weight: 700;
}
.m-new-top span {
  display: inline-block;
  width: 32px;
  height: 18px;
  background-image: url("../images/hot@1x.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: -3px;
  margin-left: 5px;
  box-shadow: 0 5px 11px 0 rgba(0, 82, 255, 0.42);
}
.m-saas {
  padding-top: 70px;
  padding-bottom: 30px;
  background: #fafafa url("../images/saasbg.jpg") no-repeat;
  background-size: 100% auto;
}
.m-saas h1{
  text-align: center;
  font-size: 30px;
}
.m-saas-title {
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
}
.m-new-child {
  height: 390px;
}
.m-new-childli {
  display: block;
  padding: 20px;
  height: 50px;
  cursor: default;
}
.m-new-child li .index-show {
  display: block;
  padding-top: 6px;
}
.m-new-child li .index-hide {
  display: none;
  color: #73767c;
}
.m-new-child li .index-hide.p1 {
  padding-top: 6px;
}
.m-new-child li.active .index-hide {
  display: block;
}
.m-new-child li.active .index-show {
  display: none;
}
.m-new-child li.active h5 {
  width: 95px;
}
.m-new-child li {
  position: relative;
  cursor: default;
}
.m-new-child li.display {
  display: none;
}
.m-new-child li.visible {
  visibility: hidden;
}
.m-new-child li.active .m-new-childli {
  height: 70px;
  background-image: url("../images/top@1x.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
.m-new-child li.active.child-li1 .m-new-childli {
  background-position: 0 0;
}
.m-new-child li.active.child-li2 .m-new-childli {
  background-position: 0 -120px;
}
.m-new-child li.active.child-li3 .m-new-childli {
  background-position: 0 -240px;
}
.m-new-child li.active.child-li4 .m-new-childli {
  background-position: 0 -360px;
}
.m-new-child h5 {
  color: #70747d;
  letter-spacing: 0;
  line-height: 24px;
  font-size: 16px;
}
.m-new-child h5 span.yuan {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../images/yuan@1x.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 10px;
}
span.yuan1 {
  background-position: 0 0;
}
span.yuan2 {
  background-position: 0 -20px;
}
span.yuan3 {
  background-position: 0 -40px;
}
span.yuan4 {
  background-position: 0 -60px;
}
span.yuan5 {
  background-position: 0 -80px;
}
span.yuan6 {
  background-position: 0 -100px;
}
span.yuan7 {
  background-position: 0 -120px;
}
span.yuan8 {
  background-position: 0 -140px;
}
span.yuan9 {
  background-position: 0 -160px;
}
span.yuan10 {
  background-position: 0 -180px;
}
span.yuan11 {
  background-position: 0 -200px;
}
span.yuan12 {
  background-position: 0 -220px;
}
span.yuan13 {
  background-position: 0 -240px;
}
span.yuan14 {
  background-position: 0 -260px;
}
span.yuan15 {
  background-position: 0 -280px;
}
.m-new-child p {
  font-size: 12px;
  color: #979ba5;
  letter-spacing: 0;
  line-height: 20px;
  padding-left: 20px;
}
.m-new-a {
  font-size: 14px;
  color: #4098ff;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  padding: 5px 12px;
  background: #fbfbfd;
  box-shadow: 11px 3px 19px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  position: absolute;
  display: none;
  top: 18px;
  right: 20px;
  font-weight: 700;
}
.m-new-child li.active .m-new-a {
  display: block;
}
.m-new-a:hover {
  background: #4299ff;
  color: #fff;
}
.m-new-up {
  position: relative;
  visibility: hidden;
  height: 40px;
  line-height: 40px;
  margin: 0 20px;
  border-top: 1px solid #f2f3f5;
  font-size: 12px;
  color: #979ba5;
  letter-spacing: 0;
}
.m-new-up.visible {
  visibility: visible;
}
.m-new-up.active::after {
  transform: rotate(135deg);
}
.m-new-up:hover {
  background-image: linear-gradient(
    225deg,
    #f7f8fa 0%,
    #fcfcfc 37%,
    #edeef1 100%,
    #fff 100%
  );
  color: #73767c;
  margin: 0;
  padding: 0 20px;
}
 
 
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (-moz-min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  .m-new-top {
    background-image: url("../images/index_new/header@2x.png");
    background-size: 100% auto;
  }
  .m-new-child h5 span.yuan {
    background-image: url("../images/index_new/yuan@2x.png");
    background-size: 100% auto;
  }
  .m-new-child li.active .m-new-childli {
    background-image: url("../images/index_new/top@2x.png");
    background-size: 100% auto;
  }
  .m-new-top span {
    background-image: url("../images/index_new/hot@2x.png");
    background-size: 100% auto;
  }
}
.news img {
  display: inline-block;
  width: 340px;
  height: 130px;
}