.m-not {
  padding:16px 0;
  background-color:#fff
}
.m-not a {
  color:#595961
}
.m-not a:hover {
  color:#2589ff;
  text-decoration:underline
}
.m-not a>span,.m-not a>img {
  vertical-align:middle
}
.m-not-i {
  display:inline-block;
  width:286px;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  margin-left:40px;
  position:relative
}
.m-not-i>i {
  background-image:url('../images/not_i.png');
  /* background-image:url('./web/frontresource/new/images/not_i.png'); */
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
  width:10px;
  height:10px;
  margin-right:10px
}
.m-dl {
  padding-top:82px
}
.m-dl,.m-dl1 {
  padding-bottom:100px
}
.m-dl1 {
  padding-top:98px
}
.m-dl dd {
  margin-left:0
}
.m-dt-t1 {
  font-size:30px;
  font-weight:700
}
.m-dt-t2 {
  font-size:18px;
  margin-top:20px
}
.m-dt-lnk {
  font-size:18px;
  width:160px;
  height:40px;
  line-height:40px;
  text-align:center;
  border:1px solid #2589ff;
  margin-right:30px;
  font-weight:400;
  color:#2589ff
}
.m-dt-lnk:hover {
  background-color:#2589ff;
  color:#fff
}
.m-ban.zd {
  background-color:#2589ff
}
.f1>li {
  display:inline-block;
  width:248px;
  height:228px;
  margin-left:38px;
  border:1px solid #e3e2e5;
  background-color:#fff;
  padding:10px;
  overflow:hidden;
  cursor:pointer;
  position:relative
}
.f1>li:first-child {
  margin-left:0
}
.f1-h {
  position:absolute;
  width:228px;
  height:208px;
  left:0;
  background-color:#fff;
  padding:20px;
  line-height:24px;
  top:0;
  opacity:0;
  filter:Alpha(opacity=0);
  transition:all .2s;
  -moz-transition:all .2s;
  -webkit-transition:all .2s;
  -o-transition:all .2s;
  color:#595961
}
.f1>li:hover .f1-h {
  opacity:1;
  filter:Alpha(opacity=100)
}
.f1>li:hover {
  -webkit-box-shadow:0 12px 20px 0 rgba(34,33,53,.1);
          box-shadow:0 12px 20px 0 rgba(34,33,53,.1)
}
.f1-t1 {
  font-size:16px;
  font-weight:700
}
.f1-lnk {
  border-top:1px solid #e3e2e5;
  position:absolute;
  bottom:12px;
  left:20px;
  right:20px;
  text-align:center
}
.f1-lnk>span {
  position:relative;
  top:-10px;
  color:#2589ff;
  padding:0 20px;
  background-color:#fff
}
.f2-bg {
  background:#f1f1f5 url(../images/l2_bg1.png) center no-repeat;
  height:762px;
  color:#fff;
  overflow:hidden;
  -webkit-background-size:cover;
          background-size:cover
}
.f2-bg.b1 {
  background-image:url(../images/l2_bg1.png)
}
.f2-bg.b2 {
  background-image:url(../images/l2_bg2.png)
}
.f2-bg.b3 {
  background-image:url(../images/l2_bg3.png)
}
.f2-bg.b4 {
  background-image:url(../images/l2_bg4.png)
}
.f2-bg.b5 {
  background-image:url(../images/l2_bg5.png)
}
.f2-lul>li {
  width:120px;
  text-align:center;
  margin-bottom:10px;
  padding-top:20px;
  padding-bottom:20px;
  cursor:pointer;
  font-size:16px
}
.f2-lul>li:hover,.f2-lul>li.active {
  background-color:#2589ff;
  -webkit-border-radius:2px;
          border-radius:2px
}
.f2-l {
  color:#fff
}
.f2-r {
  margin-left:40px;
  padding-left:86px;
  border-left:1px solid #fff;
  border-left-color:rgba(255,255,255,.3);
  width:950px
}
.f2-bd {
  height:65px;
  line-height:2
}
.f2-rul {
  width:100%;
  margin-top:28px;
  margin-bottom:30px
}
.f2-rul>li {
  display:inline-block;
  width:12.5%;
  text-align:center
}
.f2-item {
  display:none;
  transition:all .3s;
  -moz-transition:all .3s;
  -webkit-transition:all .3s;
  -o-transition:all .3s
}
.f2-item.active {
  display:block
}
.f2-czjf,.f2-dc,.f2-dpzx,.f2-zxsc,.f2-hdyx,.f2-hytl,.f2-hyyx,.f2-jcx,.f2-kfxt,.f2-khgl,.f2-kqxt,.f2-lbfx,.f2-mdgl,.f2-ptkj,.f2-sdp,.f2-sjfx,.f2-sjtj,.f2-syxt,.f2-tggl,.f2-wm,.f2-yhmd,.f2-yxcj,.f2-yxhd,.f2-yxtg,.f2-yygl {
  background-image:url('../images/l2_icns.png');
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle
}
.f2-czjf {
  background-position:0 0;
  height:70px;
  width:70px
}
.f2-dc {
  background-position:0 -75px
}
.f2-dc,.f2-dpzx {
  height:70px;
  width:70px
}
.f2-dpzx {
  background-position:0 -150px
}
.f2-zxsc {
  background-position:0 -225px
}
.f2-zxsc,.f2-hdyx {
  height:70px;
  width:70px
}
.f2-hdyx {
  background-position:0 -300px
}
.f2-hytl {
  background-position:0 -375px
}
.f2-hytl,.f2-hyyx {
  height:70px;
  width:70px
}
.f2-hyyx {
  background-position:0 -450px
}
.f2-jcx {
  background-position:0 -525px
}
.f2-jcx,.f2-kfxt {
  height:70px;
  width:70px
}
.f2-kfxt {
  background-position:0 -600px
}
.f2-khgl {
  background-position:0 -675px
}
.f2-khgl,.f2-kqxt {
  height:70px;
  width:70px
}
.f2-kqxt {
  background-position:0 -750px
}
.f2-lbfx {
  background-position:0 -825px
}
.f2-lbfx,.f2-mdgl {
  height:70px;
  width:70px
}
.f2-mdgl {
  background-position:0 -900px
}
.f2-ptkj {
  background-position:0 -975px
}
.f2-ptkj,.f2-sdp {
  height:70px;
  width:70px
}
.f2-sdp {
  background-position:0 -1050px
}
.f2-sjfx {
  background-position:0 -1125px
}
.f2-sjfx,.f2-sjtj {
  height:70px;
  width:70px
}
.f2-sjtj {
  background-position:0 -1200px
}
.f2-syxt {
  background-position:0 -1275px
}
.f2-syxt,.f2-tggl {
  height:70px;
  width:70px
}
.f2-tggl {
  background-position:0 -1350px
}
.f2-wm {
  background-position:0 -1425px
}
.f2-wm,.f2-yhmd {
  height:70px;
  width:70px
}
.f2-yhmd {
  background-position:0 -1500px
}
.f2-yxcj {
  background-position:0 -1575px
}
.f2-yxcj,.f2-yxhd {
  height:70px;
  width:70px
}
.f2-yxhd {
  background-position:0 -1650px
}
.f2-yxtg {
  background-position:0 -1725px
}
.f2-yxtg,.f2-yygl {
  height:70px;
  width:70px
}
.f2-yygl {
  background-position:0 -1800px
}
.f2-rul1>li {
  display:inline-block;
  margin-left:50px;
  position:relative
}
.f2-rul1>li:first-child {
  margin-left:0
}
.f2-rul1-qr {
  position:absolute;
  background-color:#fff;
  -webkit-border-radius:4px;
          border-radius:4px;
  bottom:0;
  left:0;
  right:0;
  height:0;
  text-align:center;
  overflow:hidden;
  opacity:0;
  filter:Alpha(opacity=0);
  font-size:12px;
  transition:height .3s,opacity .3s;
  -moz-transition:height .3s,opacity .3s;
  -webkit-transition:height .3s,opacity .3s;
  -o-transition:height .3s,opacity .3s
}
.f2-rul1-qr>img {
  width:132px;
  margin:15px 0 8px
}
.f2-rul1>li:hover .f2-rul1-qr {
  height:182px;
  opacity:1;
  filter:Alpha(opacity=100);
  color:#595961
}
.f2-lnk {
  padding:4px 14px;
  border:1px solid #fff;
  text-align:center;
  color:#fff;
  -webkit-border-radius:2px;
          border-radius:2px
}
.f2-lnk:hover {
  background-color:#fff;
  color:#595961
}
.f3-box {
  width:100%;
  height:524px;
  position:relative
}
.f3-ul-l,.f3-ul-r {
  position:absolute;
  top:50%;
  width:30px;
  height:60px;
  line-height:60px;
  text-align:center;
  background-color:rgba(255,255,255,.3);
  font-weight:700;
  cursor:pointer;
  z-index:1
}
.f3-ul-l {
  left:0
}
.f3-ul-r {
  right:0
}
.f3-ul {
  width: 300%;
  font-size: 0;
}
.f3-ul>li {
  display:inline-block;
  width:358px;
  font-size: 14px;
  margin-left:30px;
  border:1px solid #e3e2e5;
  border-bottom:0;
  background-color:#fff;
  vertical-align:top;
  height:520px
}
.f3-hd {
  padding:20px 20px 28px
}
.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 .2s;
  -moz-transition:all .2s;
  -webkit-transition:all .2s;
  -o-transition:all .2s
}
.f3-sul-lnk {
  display:none;
  position:absolute;
  bottom:8px;
  right:20px;
  color:#2589ff;
  border:1px solid #2589ff;
  -webkit-border-radius:2px;
          border-radius:2px;
  padding:4px 10px
}
.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;
  -webkit-border-radius:2px;
          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-360,.f3-app,.f3-clh,.f3-fsgl,.f3-hb,.f3-hyk,.f3-ibeacon,.f3-qmjjr,.f3-sdp,.f3-sjmf,.f3-wcj,.f3-wcy,.f3-wifi,.f3-wkf,.f3-wly,.f3-wmds,.f3-wmxpj,.f3-wp,.f3-wqd,.f3-wsq,.f3-wtg,.f3-wtp,.f3-wxc,.f3-wyq,.f3-wz,.f3-wzx,.f3-yhq {
  background-image:url('../image/l3_icns.png');
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle
}
.f3-360 {
  background-position:0 0
}
.f3-360,.f3-app {
  height:48px;
  width:48px
}
.f3-app {
  background-position:0 -53px
}
.f3-clh {
  background-position:0 -106px
}
.f3-clh,.f3-fsgl {
  height:48px;
  width:48px
}
.f3-fsgl {
  background-position:0 -159px
}
.f3-hb {
  background-position:0 -212px
}
.f3-hb,.f3-hyk {
  height:48px;
  width:48px
}
.f3-hyk {
  background-position:0 -265px
}
.f3-ibeacon {
  background-position:0 -318px;
  height:48px;
  width:48px
}
.f3-qmjjr {
  background-position:0 -371px
}
.f3-qmjjr,.f3-sdp {
  height:48px;
  width:48px
}
.f3-sdp {
  background-position:0 -424px
}
.f3-sjmf {
  background-position:0 -477px
}
.f3-sjmf,.f3-wcj {
  height:48px;
  width:48px
}
.f3-wcj {
  background-position:0 -530px
}
.f3-wcy {
  background-position:0 -583px
}
.f3-wcy,.f3-wifi {
  height:48px;
  width:48px
}
.f3-wifi {
  background-position:0 -636px
}
.f3-wkf {
  background-position:0 -689px
}
.f3-wkf,.f3-wly {
  height:48px;
  width:48px
}
.f3-wly {
  background-position:0 -742px
}
.f3-wmds {
  background-position:0 -795px
}
.f3-wmds,.f3-wmxpj {
  height:48px;
  width:48px
}
.f3-wmxpj {
  background-position:0 -848px
}
.f3-wp {
  background-position:0 -901px
}
.f3-wp,.f3-wqd {
  height:48px;
  width:48px
}
.f3-wqd {
  background-position:0 -954px
}
.f3-wsq {
  background-position:0 -1007px
}
.f3-wsq,.f3-wtg {
  height:48px;
  width:48px
}
.f3-wtg {
  background-position:0 -1060px
}
.f3-wtp {
  background-position:0 -1113px
}
.f3-wtp,.f3-wxc {
  height:48px;
  width:48px
}
.f3-wxc {
  background-position:0 -1166px
}
.f3-wyq {
  background-position:0 -1219px
}
.f3-wyq,.f3-wz {
  height:48px;
  width:48px
}
.f3-wz {
  background-position:0 -1272px
}
.f3-wzx {
  background-position:0 -1325px
}
.f3-wzx,.f3-yhq {
  height:48px;
  width:48px
}
.f3-yhq {
  background-position:0 -1378px
}
.f4-ul>li {
  display:inline-block;
  width:198px;
  height:340px;
  border:1px solid #e3e2e5;
  margin-right:-1px;
  position:relative;
  vertical-align:top;
  overflow:hidden
}
.f4-ul>li.active {
  width:400px;
  border:1px solid #1d77ff;
  z-index:1;
  -webkit-box-shadow:0 0 20px 0 rgba(34,33,53,.1);
          box-shadow:0 0 20px 0 rgba(34,33,53,.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:360px;
  opacity:0;
  filter:Alpha(opacity=0);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#fff;
  padding:20px;
  transition:opacity .3s;
  -moz-transition:opacity .3s;
  -webkit-transition:opacity .3s;
  -o-transition:opacity .3s
}
.f4-h-hd {
  margin-top:0;
  padding-bottom:20px;
  margin-bottom:24px;
  border-bottom:1px solid #e3e2e5
}
.f4-h-bd {
  line-height:2;
  color:#9797a1
}
.f4-h-lnk {
  position:absolute;
  bottom:32px;
  left:20px;
  color:#2589ff
}
.f4-in>i {
  display:inline-block;
  vertical-align:middle;
  background-image:url(../images/l4_icns.png?20171017);
  background-repeat:no-repeat
}
.f4-i1 {
  background-position:0 0
}
.f4-i1,.f4-i1h {
  height:36px;
  width:36px
}
.f4-i1h {
  background-position:0 -41px;
  margin-right:14px
}
.f4-i2 {
  background-position:0 -82px
}
.f4-i2,.f4-i2h {
  height:40px;
  width:36px
}
.f4-i2h {
  background-position:0 -127px;
  margin-right:14px
}
.f4-i3 {
  background-position:0 -172px
}
.f4-i3,.f4-i3h {
  height:20px;
  width:62px
}
.f4-i3h {
  background-position:0 -197px;
  margin-right:14px
}
.f4-i4 {
  background-position:0 -222px;
  height:20px;
  width:124px
}
.f4-i4h {
  background-position:0 -247px;
  height:19px;
  width:116px;
  margin-right:14px
}
.f4-i5 {
  background-position:0 -271px
}
.f4-i5,.f4-i5h {
  height:33px;
  width:52px
}
.f4-i5h {
  background-position:0 -309px;
  margin-right:14px
}
.f4-hr {
  border:none;
  width:52px;
  height:1px;
  font-size:1px;
  background-color:#e3e2e5;
  margin:22px auto
}
.f4-sul>li {
  color:#9797a1;
  margin-bottom:16px
}
.f5-bg {
  height:880px;
  background:url(../image/l5_bg.png) #f1f1f5 center no-repeat
}
.f5-ul {
  width:185px;
  margin-top:88px
}
.f5-ul>li {
  padding-top:20px;
  border-top:1px solid #c4c4c8;
  padding-bottom:58px;
  color:#727281;
  font-size:18px
}
.f6-bg {
  height:900px;
  background-color:#262730
}
.f6-dd {
  padding-left:480px;
  height:549px;
  background:url(../images/l6_img1.png) 36px no-repeat
}
.f6-ul {
  margin-top:58px
}
.f6-ul>li {
  display:inline-block;
  margin-left:88px;
  border-top:1px solid #4c4e59;
  padding-top:24px;
  text-align:right;
  min-width:178px
}
.f6-ul>li:first-child {
  margin-left:0
}
.f6-fc-gy {
  color:#a6a6ae
}
.f6-ul1 {
  margin-top:40px
}
.f6-ul1>li {
  padding:26px 40px 24px;
  background-color:#3c3d45;
  -webkit-border-radius:4px;
          border-radius:4px;
  margin-bottom:10px;
  line-height:1.5
}
.f7-ul {
  display:block;
  margin:110px auto
}
.f7-ul>li {
  display:inline-block;
  margin-right:55px;
  margin-left:55px;
  min-width:110px;
  text-align:center
}
.f8-bg {
  height:300px;
  background:url(../../img/nweb/index/l8_bg.png) center no-repeat;
  -webkit-background-size:cover;
          background-size:cover
}
.f8-mt76 {
  margin-top:76px
}
.f8-tt {
  letter-spacing:24px;
  margin-left:32px;
  margin-right:32px;
  font-size:68px
}
.f8-lt {
  padding-left:32px;
  letter-spacing:32px
}
.f9-ul>li {
  display:inline-block;
  margin-left:90px
}
.f9-ul>li:first-child {
  margin-left:0
}
.f9-ul-lst {
  margin-top:32px
}
.f9-ul-lst>li {
  margin-bottom:10px
}
.f9-ul-lst>li>span,.f9-ul-lst>li>a {
  vertical-align:middle
}
.f9-ul-lst>li>a {
  display:inline-block;
  width:280px;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  color:#595961
}
.f9-ul-lst>li>a:hover {
  text-decoration:underline
}
.f9-mtb {
  margin-top:56px;
  margin-bottom:50px
}
.f9-tt {
  position:absolute;
  top:40px;
  left:20px;
  color:#fff
}