body::-webkit-scrollbar { width: 0 !important }
.news-head {
  width: 100%;
  margin-top: .7rem;
  margin-bottom: .5rem;
  font-size: .32rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
.news-row {
  max-width: 1200px;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  flex-wrap: wrap;
  margin: auto;
}
.news-row .news-img {
  width: 5.48rem;
  height: 2.68rem;
  overflow: hidden;
}
.news-row .news-card {
  width: 5.88rem;
  padding: .2rem;
  display: flex;
  flex-direction: column;
  color: #333333;
  background: #F7F7F7;
  margin-bottom: .1rem;
}
.news-row .news-card .news-body {
  display: flex;
  flex-direction: column;
}
.news-row .news-card .news-body .news-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.news-row .news-card .news-body .msg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.odds-img {
  width: 100%;
  margin-top: 70px;
}
.odds-img img {
  width: 100%;
}
.odds-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 1200px;
  margin: auto;
  margin-top: -4rem;
}
.odds-row .odds-card {
  width: 3.6rem;
  height: 2rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.odds-card img {
  height: 100%;
}
.odds-card:nth-of-type(even) {
  background: rgba(241, 89, 42,0.7);
}
.odds-card h1 {
  font-size: .3rem;
  font-family: Futura Bk BT;
  font-weight: normal;
  color: #FFFFFF;
  margin: 10px 0;
}
.odds-row .odds-card .title, .odds-row .odds-card .msg, .odds-row .odds-card a {
  margin: .1rem .3rem;
  color: #FFFFFF;
}
.odds-row .odds-card .title {
  font-size: .18rem;
  font-weight: 500;
}
.odds-row .odds-card .msg {
  font-size: .14rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.odds-row .odds-card a {
  font-size: .15rem;
  font-weight: 500;
}
.odds1 {
  content:url(../img/index/odds/odds1.png);
}
.odds2 {
  content:url(../img/index/odds/odds2.png);
}
.banner_index>img{
  content:url(../img/index/banner.png);
}
.banner_index>img {
  width: 100%
}
.banner_index {
  padding-top: 72px;
}

.companys {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: .7rem;
  padding-top: .3rem;
}
.companys img {
  width: 1.6rem;
  height: auto;
  margin: 0.2rem 0.35rem;
}

/* 服务优势模块css */
.yt-features {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.yt-features .features-span {
  width: 3rem;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.yt-features .features-span>img {
  width: .78rem;
}

.yt-features .features-span>div {
  margin-top: 0.4rem;
  width: 2.7rem;
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ECEDFA;
  line-height: 30px;
}
 /* tab页面区域样式 */
  /* tab页内容样式 */
  .yt-tab-body {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .yt-tab-body>img,
  .yt-tab-body-msg {
    width: 568px;
    height: 340px;
  }

  .yt-tab-body>img {
    margin: 0.5rem 0;
    height: auto;
  }

  .yt-tab-body-msg {
    padding: 1rem 0 0 14px;
    position: relative;
  }

  .yt-tab-body-msg .title-gradient {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-bottom: 38px;
  }

  .yt-tab-body-msg button {
    margin-top: 50px;
    width: 109px;
    height: 34px;
    border: 1px solid;
    border-image: linear-gradient(0deg, #2EAACD, #4E8CFF) 10 10;
    background: linear-gradient(49deg, #39CCF6 0%, #4E8CFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* 产品样式开始 */
.yt-sys-row-btn {
  width: 100%;
  padding-top: .2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yt-sys-row-btn button {
  width: 170px;
  height: 34px;
  background: #F1592A;
  margin: auto;
}
/* 系统介绍区域样式 */
.yt-sys-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  height: 3.4rem;
  overflow: hidden;
  transition: width 0.5s, height 0.5s, transform 0.5s;
  -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
}
.yt-sys-row.open{
  height: 6.8rem;
}

.sys-card {
  width: 5.68rem;
  height: 2.99rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin-top: .4rem;
}
.sys-card img {
  height: .56rem;
  margin-top: .6rem
}
.sys-card .card-title {
  font-size: .24rem;
  font-weight: bold;
  color: #333333;
  margin-top: .30rem;
}
.sys-card .card-msg{
  font-size: .14rem;
  color: #666666;
  margin-top: .30rem;
  padding: 0 .2rem;
}
.sys-card:hover {
  background: #F1592A;
}
.sys-card:hover img {
  filter: brightness(10);
}
.sys-card:hover .card-title,.sys-card:hover .card-msg {
  color: #FFFFFF;
}
  /* 产品样式结束 */


  /* 标题渐变色 */
  .title-gradient {
    background: linear-gradient(180deg, #E5EFFC 0%, #B9D6FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* 渐变色连接 */
  .a-gradient {
    background: linear-gradient(49deg, #39CCF6 0%, #4E8CFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* 表头 */
  .yt-top {
    padding-top: 2.12rem;
  }

  .yt-top .yt-top-note {
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .yt-top .yt-top-title {
    font-size: 0.5rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;


    margin-top: 0.26rem;
  }

  .yt-top .yt-top-button {
    width: 1.8rem;
    height: 0.54rem;
    background: #3A70F6;
    border-radius: 0.27rem;
    margin-top: 0.48rem;
  }

  /* 业务系统 */
  .yt-sys>p {
    text-align: center;
  }

  .yt-sys-title {
    font-size: 0.4rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
  }

  .yt-sys-note {
    font-size: 0.2rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0.4rem;
  }
.company-span-div {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  width: 6rem;
  position: absolute;
  bottom: -1.5rem;
  right: 0;
}
.company-span-div img {
  width: 1.8rem;
  height: .5rem;
  margin: 0.1rem 0.1rem;
  border-radius: 0.1rem;
}
.search-price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  color: #333333;
  padding: .25rem .5rem;
  position: relative;
}
.search-price .search-col{
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: .2rem;
  align-items:center;
}
.search-price .search-col.btn{
  width: 100%;
  justify-content: center;
  margin-bottom: 0;
}
.search-price .search-col.btn > div{
  width: 2.1rem;
  height: 0.54rem;
  background: #F1592A;
  border-radius: 6px;
  color: #ffffff;
  font-size: .16rem;
  line-height: .54rem;
}
.search-price .search-col label {
  width: 20%;
  font-size: .16rem;
  font-weight: 400;
  color: #333333;
}
.search-price .search-col>input {
  width: 75%;
  height: .36rem;
  border: 1px solid #D1D9E8;
  border-radius: 4px;
}
.search-price .search-col .search-inputs {
  width: 75%;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.search-price .search-col .search-inputs span {
  font-size: .16rem;
  font-weight: bold;
  color: #999999;
}
.search-price .search-col .search-inputs input {
  width: 30%;
  height: .36rem;
  border: 1px solid #D1D9E8;
  border-radius: 4px;
}
.search-price .search-col .pack-type {
  width: 75%;
  display: flex;
  border: 1px solid red;
  border-radius: 4px;
}
.search-price .search-col .pack-type div{
  width: 50%;
  height: .36rem;
  line-height: .36rem;
  text-align: center;
  color: #F1592A;
  font-size: .16rem;
  font-weight: 500;
}
.search-price .search-col .pack-type div.active{
  background: #F1592A;
  color: #FFFFFF;
}
.banner_index {
  position: relative;
}
.search-div {
  width: 1200px;
  position: absolute;
  top: 40%;
  left: 50%;
  margin-left: -600px;
}
.search-div .search-input {
  width: 100%;
  background: #FFFFFF;
  padding: .25rem .5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.search-div .search-input input {
  height: .6rem;
  width: 9rem;
  border: 1px solid #D1D9E8;
  border-radius: 4px;
  padding-left: .3rem;
  color: #333333;
}
.search-div .search-input .search-btn {
  background: #F1592A;
  border-radius: 4px;
  padding: .1rem .5rem;
  font-size: .22rem;
  font-weight: bold;
  color: #FFFFFF;
}
.search-div .search-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.search-div .search-tab>div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 124px;
  height: 40px;
  border-radius: 8px 8px 0px 0px;
  color: #ffffff;
}
.search-div .search-tab>div img {
  padding: 0 10px;
  filter: brightness(10);
}
.search-div .search-tab>div.active,
.search-div .search-tab>div:hover {
  background: #ffffff;
  color: #F1592A;
}
.search-div .search-tab>div.active img,
.search-div .search-tab>div:hover img{
  filter: brightness(1);
}
.search-div input{
  font-size: .16rem;
  padding-left: .1rem;
}
@media screen and (max-width: 1200px) {
  .news-row {
    align-content: space-evenly;
  }
  .search-div {
    width: 90%;
    left: 5%;
    margin-left: 0;
  }
  .search-div .search-input input {
    width: 80%;
  }
  .search-div .search-input .search-btn {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}
/*大于1024时生效*/
@media screen and (min-width: 1080px) {
  .odds-card:nth-of-type(3n-1) {
    width: 4.8rem;
  }
}
@media screen and (max-width: 1080px) {
  .odds-row {
    width: 8.4rem
  }
  .news-row .news-img {
    display: none;
  }
  .news-row {
    height: auto;
  }
  .odds-row {
    margin-top: -2rem;
    position: relative;
  }
  .odds-row .odds-card:first-of-type {
    width: 100%;
    position: absolute;
    top: -1.5rem;
    left: -0.5rem;
  }
  .odds-row .odds-card:first-of-type h1{
    margin: 0;
  }
  .odds-card {
    width: 3.6rem;
  }
  .odds-card:nth-of-type(2),
  .odds-card:nth-of-type(5),
  .odds-card:nth-of-type(6),
  .odds-card:nth-of-type(9) {
    width: 4.8rem;
    background: rgba(241, 89, 42,1);
  }
  .odds-card .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .odds-card .msg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news-row .news-card {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .banner_index {
    padding-top: 56px;
  }
  .nav-tabs {
    justify-content: start;
  }
  .odds-row .odds-card:first-of-type {
    left: 0.5rem;
  }
  .odds-row {
    width: 100%;
    padding: 0 4%;
  }
  .odds-row .odds-card {
    width: 38.5%;
  }
  .odds-card:nth-of-type(2),
  .odds-card:nth-of-type(5),
  .odds-card:nth-of-type(6),
  .odds-card:nth-of-type(9) {
    width: 51.5%;
    background: rgba(241, 89, 42,1);
  }
  .yt-sys-row {
    padding: 0 .3rem;
    justify-content: space-evenly;
    height: auto;
  }
  .sys-card {
    width: 30%;
    height: auto;
  }
  .sys-card .card-msg {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .odds1 {
    content:url(../img/index/odds/odds-s-1.png);
  }
  .odds2 {
    content:url(../img/index/odds/odds-s-2.png);
  }
  .banner_index>img{
    content:url(../img/index/banner-s.png);
  }
}
@media screen and (max-width: 600px) {
  .search-div .search-tab>div {
    width: 100px;
    height: 30px;
  }
  .search-price {
    padding: 0.05rem 0.1rem;
  }
  .search-price .search-col label {
    width: 30%;
  }
  .search-price .search-col>input{
    width: 60%;
  }
  .search-price .search-col .search-inputs,
  .search-price .search-col .pack-type {
    width: 60%;
  }
}
@media screen and (max-width: 425px) {
  .news-row .news-card .news-body .news-title {
    flex-direction: column;
  }
  .news-row .news-card .news-body .msg {
    display: none;
  }
}