/* stylelint-disable */
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

.optPlatforms {
  width: 1200px;
  margin: 0 auto; 
}
.optPlatforms .subtit{
  padding: 24px 0 40px; 
  /* height: 16px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #999999;
  letter-spacing: 0;
  text-align: center;
  line-height: 16px;
  font-weight: 500; */
}
.optPlatforms .content{
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  -js-display: flex; 

}
.optPlatforms .content li{
  margin-right: 25px;
}
.optPlatforms .content li .abanner{
  width: 588px;
  height: 294px;
  display: block;
}
.optPlatforms .content li .p1{
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
  padding:24px 0 12px 0
}
.optPlatforms .content li .p2{
  /* width: 540px; */
  height: 44px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.16px;
  line-height: 22px;
  font-weight: 400;
  padding-bottom: 22px;
}
.optPlatforms .content li .p3{
  width: 400px;
  height: 16px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0.18px;
  line-height: 16px;
  font-weight: 500;
  padding-bottom: 12px;
}
.optPlatforms .content li .audio{
  width: 588px;
  height: 64px;
  background: #F7F8FA;
  border-radius: 6px;
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  -js-display: flex;
  align-items: center;
  justify-content: space-between;
}
.audio-btn-play-off{
  background: url("../img/fmnew/austop.png") no-repeat center;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  margin: 0 10px 0 0px;
  cursor: pointer;
}
.audio-btn-play-on{
  background: url("../img/fmnew/aubagin.png") no-repeat center;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  margin: 0 10px 0 0px;
  cursor: pointer; 
}
.audio-play-off{
  background: url("../img/fmnew/austop.png") no-repeat center;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  margin: 0 16px 0 21px;
  cursor: pointer;
}
.audio-play-on{
  background: url("../img/fmnew/aubagin.png") no-repeat center;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  margin: 0 16px 0 21px;
  cursor: pointer;
}
.audio-by-all{
  /* width: 418px; */
  width: 100px;
  height: 2px;
  background: #DBDBDB;
  position: relative;
  top: 0;
  left: 0;
}
.audio-by-now{
  height: 2px;
  background: #5E87DB;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0px; 
}
.aumove{
  width: 6px;
  height: 16px;
  position: absolute;
  top: -7px;
  left: 0px;
  z-index: 2;
  cursor: pointer;
} 
.audiotime{ 
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #5E87DB;
  letter-spacing: 0;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
  margin-left: 15px;
  width: 66px;
}
/* 特色服务 */
.Tservice{
  width: 1200px; 
  margin:  0 auto;
}
.Tservice .subtit{  
  font-weight: 500;
  padding: 24px 0 40px;
} 
/* 路况播报联盟 */
.alliance{
  width: 1200px;
  margin:  0 auto;
  /* border: 1px solid red; */
}
.alliance .lianTop{ 
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  -js-display: flex;
  margin-top: 64px;
}
.alliance .liantl{
  width: 345px;
  height: 220px;
  display: block;
}
.alliance .lianright{
  width: 845px;
  height: 220px; 
  background: rgba(0, 55, 165,0.1);
  margin-left: 10px;
}
.alliance .lianTitle{
  font-size: 24px;
  color: #091D48;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 500;
  padding: 28px 0 16px 30px;
}
.alliance .line{
  width: 40px;
  height: 2px;
  background: #091D48;
  margin-left: 30px;
}
.alliance .lianc{
  padding:10px 30px ;
  width: 785px;
  height: 118px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #091D48;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
}
.alliance .lianBottom{
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  -js-display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.liansubbox{
  width: 345px;
  /* height: 220px; */
  overflow: hidden;
}
.liansubbox:nth-child(3){
  width: 490px;
}
.liansubbox img{
  width: 100%;
  height: 220px;
  display: block;
}
.liansub{
  margin-top: 10px;
  border-left: 2px solid #5B82D4;
}
.lianP1{
  padding:10px 0 0 8px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
}
.lianP2{
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 500;
  padding-left: 8px;
}
/* 产品功能 */

/* 合作伙伴 */
.partner{
  width: 100%;
  height: 759px;
  /* border: 1px solid red; */
  background: #F7F8FA;
  margin-top: 104px;
}
.partner .partners {
  position: relative;
  z-index: 1;
  overflow: hidden; 
}
.partner .parTile{
  padding-top: 64px;
}
.partner .titsub{  
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
  padding: 40px 0 8px;
}

.partner .partnersContainer {
  width: 1200px;
  height: 340px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.partner .partnersContainer ul {
  width: 100%;
  height: 296px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.partner .partnersContainer ul li {
  width: 100%;
  height: 296px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.partnersContainer ul li img {
  height: 296px;
  width: 100%;
}

.partners .ico2 {
  width: 96%;
  height: 8px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -48%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.partners .ico2 span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; 
  background: #5B82D4;
  margin: 0 10px;
  cursor: pointer;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.partners .ico2 span.active {
  width: 30px;
  height: 6px;
  border-radius: 3px;
}

.partners .btn2 {
  width: 36px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin: -35px 0 0;
  background: rgba(0, 0, 0, .5);
  font-size: 36px;
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  line-height: 70px;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.partner .partitles{
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
  padding: 48px 0 12px;
}
.partner .h7img{
  width: 764px;
  height: 112px;
  display: block;
  margin:  0 auto;
}



.mulch_img {
  margin: 50px auto 0;
  width: 1200px;
  position: relative;
  overflow: hidden;
}

.mulch_img_ul {
  width: 2400px;
  position: relative;
  transition: .7s;
  left: 0;
}

.mulch_img_ul>li {
  width: 1200px;
  position: relative;
  float: left;
}

.mulch_img_ul>li.active {
  display: block;
}

.mulch_img_ul>li>.mulch_li_img {
  width: 100%;
  height: 100%;
}

.mulch_img_ul>li>.mulch_li_img>img {
  width: 100%;
  height: 100%;
}

.mulch_img_tab {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 60px 0 100px 0;
}

.mulch_img_tab>li {
  width: 40px;
  height: 4px;
  opacity: .2;
  background: #5b82d4;
  cursor: pointer;
}

.mulch_img_tab>li.active {
  background: #5b82d4;
  opacity: 1;
}

.proTips {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mobile-lastgrp {
  display: none;
}

.partnersContainer .tips {
  font-family: PingFangSC-Light;
  font-size: 12px;
  color: #999;
  letter-spacing: 0.14px;
  text-align: center;
  line-height: 14px;
  font-weight: 200;
  display: block;
}
 


/* 联盟成员感言 */
.preview{
  margin:  64px auto 20px;
  /* width: 1290px; */
  width: 1200px;
  /* border: 1px solid red;  */
  height: 155px;
  overflow-x: auto;
  /* line-height: 100px; */
} 
.preview .swiper-slide{ 
  height: 155px;
  display: flex;
  align-items: center;
}
.preview .preimg{
  width: 190px;
  height: 80px;
  background: #FFFFFF;
  /* box-shadow: 0px 4px 16px 0px rgba(94,135,219,0.09); */
  border-radius: 4px;
  display: block;   
  margin-top: 10px;
}
.view{
  width: 1200px;
  height: 450px;
  background: #FFFFFF;
  box-shadow: 0px 4px 40px 0px rgba(25,33,89,0.06);
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  /* border: 1px solid red; */
}
.preview .active-nav{
  z-index: 999;
}
.preview .active-nav img {
  /* padding: 0; */
  transform: scale(1.25,1.264); 
  transition: all 0.2s;
  /* box-shadow:unset;  */
  /* box-shadow: 0px 4px 16px 0px rgba(94,135,219,0.09); */
  /* box-shadow: 0px 4px 20px 0px rgba(166,195,255,0.3); */
  z-index: 2;
  
  position: relative; 
  /* margin: 0 40px; */
  /* margin: 10px 10px  ; */
  /* width: 238px; */
  /*  height: 100px; */
  background: #FFFFFF;
  box-shadow: 0px 6px 20px 0px rgba(156,189,255,0.6);
  border-radius: 4px;
}
.preShowView{
  width: 1200px;
  height: 450px;
  background: #FFFFFF;
  /* box-shadow: 0px 4px 40px 0px rgba(25,33,89,0.06); */
  display: flex;
  justify-content: center;
  align-items: center;
}
.primgbox{
  width: 400px;
  margin-right: 48px;
  text-align: center;
}
.preShowView  .primgbox img{
  /* width: 400px; */
  height: 300px; 
  border-radius: 8px;
}
.pretxt-r{
  width: 555px;

}
.pre1{
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  padding-bottom: 12px;
}
.pre2 span{
  color: #5E87DB;
}
.pre3 span{
  color: #5E87DB;
}
.pre2 , .pre3{
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.16px;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  padding-bottom: 22px;
}
.pretxt-r .video{
  width: 206px;
  height: 64px;
  background: #F7F8FA;
  border-radius: 6px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.pretxt-r .video img{
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0px 0 0 20px;
  vertical-align: middle;
  cursor: pointer;
}
.pretxt-r .video span{
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #5E87DB;
  letter-spacing: 0.18px;
  line-height: 64px;
  font-weight: 500;
  padding-left: 24px;
}

.vimodeBox{
  width: 1200px;
  height: 450px;
  background: #FFFFFF;
  /* box-shadow: 0px 4px 40px 0px rgba(25,33,89,0.06); */
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  /* display: none;
  transition: all 0.4s;  */
}

.view .viBoxon{
  display: block !important; 
}
.vimodeBox .videoTitle{
    position: absolute;
    top: 54px; 
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0.2px;
    line-height: 18px;
    font-weight: 500;

}
 .Hookvizidx{
   display: flex;
   /* align-items: center; */
   justify-content: center;
 }
.vibg{
  width: 1200px;
  height: 310px; 
  background:url(../img/fmnew/vibg.jpg) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.vititle{ 
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
  padding: 54px 0 24px;
  text-align: center;
}
.viBut{
  width: 120px;
  height: 38px;
  background: #5E87DB;
  border-radius: 205px;
  margin: 54px auto 24px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.16px;
  text-align: center;
  line-height: 38px;
  font-weight: 500;
  cursor: pointer;
}
.vibgBck{  
  /* width: 482px; */
  width: 476px;
  height: 296px;
  margin: 96px auto 0;
  position: relative;
  z-index: 12;
  text-align: center; 
  display: flex;
  align-items: center; 
  background: url('../img/fmnew/video/videoBg.png') no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-color: #595959;
  border-radius: 8px;
  overflow: hidden;
}
.vibgBck video{
  width: 466px; 
  height: 288px;
  object-fit: cover; 
  outline: unset; 
  border: unset; 
  /* border-radius: 10px;   */
  border-radius: 5px;  
  margin: 0px auto;
} 


/* 特色服务升级版 */ 
.proContainer{
  height: 100%;
  width: 1200px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background: #FFFFFF;
  margin-top: 16px; 
  box-shadow: 0px 4px 40px 0px rgba(25,33,89,0.06);
}

.proContainer>ul{
  display: flex;
  margin: 10px auto 0; 
}

.proContainer .arrowItems{
  display: block;
}

.proContainer>ul>li{
  float: left\9;
  width: 1200px; 
}
.proContainer .tabDots{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
  border-bottom: 1px solid #eeeeee;
  width: 1080px;
  height: 48px;
  /* overflow-x: hidden; */
}

.proContainer .dot {
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  top: 0;
  left: 0;
  float: left\9;
  font-family: PingFangSC-Medium;
  color: #666;
  letter-spacing: 0.18px;
  text-align: justify;
  font-weight: 200;
  margin-left: 48px; 
  /* margin-left: 76px;  */
  height: 50px;
  line-height: 50px;
}

.proContainer .dot .line{
  position: absolute;
  bottom: -0px;
  width: 60px;
  background: transparent;
  height: 3px;
  transform: translateX(-50%);
  left: 50%;
}

.proContainer .dot.current .line,.SlowDown .dot.current .line{
  position: absolute;
  bottom: -0px;
  width: 60px;
  background: #5B82D4;
  height: 2px;
  transform: translateX(-50%);
  left: 50%;
}



.proContainer .current {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #5E87DB;
}

 
.proContainer .tabContent{ 
  width: 1200px; 
  margin: 20px auto 0; 
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .proContainer .tabContent img{
  width: 414px;
  height: 238px;
} */
.proContainer .tabContent .safleft{
  margin-left: 48px;
}
.SlowDown .tabContent .safleft{
  margin-right: 48px;
}
.proContainer .tabContent .safleft .saftitle {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0.2px;
  line-height: 18px;
  font-weight: 500;
}
.subt{
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.18px;
  text-align: justify;
  line-height: 16px;
  font-weight: 500;
  padding: 24px 0 12px 0;
}
.subcont{
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.16px;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  width: 560px;
}
.proContainer .dot:first-child{
  margin-left: 0px;
}
.proContainer .dot:last-child{
  margin-right: 0px;
}
.carousel{ 
  height: 440px;
  overflow: hidden; 
} 
.carousel .tabContent{ 
  display: flex;
  align-items: center; 
  justify-content: center;
}
.carousel li img{ 
  width: 1106px;
  height: 377px;
  display: block; 
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235B82D4'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235B82D4'%2F%3E%3C%2Fsvg%3E") !important;
}




/* 智能升级视频 */ 

.vjs-big-play-button{
  /* display: none !important;  */
} 
.video-js .vjs-big-play-button { 
  font-size: unset !important;
  line-height: 36px !important;
  height: 36px !important;
  width: 36px !important;  
  border-radius: 50% !important ;
  background-color:unset !important;
  border: 2px solid rgb(255, 255, 255) !important;
}

.vjs-big-play-centered .vjs-big-play-button { 
  margin-top: -1em  !important;
  margin-left: -1em  !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before{
  font-size: 20px;
}