/*轮播*/

.zj-banner-top{

  overflow: hidden;

  position: relative;

  width: 100%;

  background: #000;

}

.zj-banner-top .item{

  position: relative;

}

.zj-banner-top .item * {

  color: #fff;

  overflow: hidden;

  display: block;

  -webkit-transition: all .8s ease;

  -moz-transition: all .8s ease;

  transition: all .8s ease;

}

.zj-banner-top .item a img{

  width: 100%;

  object-fit: cover;

}

.zj-banner-top .swiper-pagination-bullet-active{

  background-color: #008eff !important;

  border: 0 !important;

}

.zj-banner-top .swiper-pagination-bullet{

  width: 10px;

  height: 10px;

}

.gh-business {

  width: 100%;

  position: relative;

  overflow: hidden;

  background: #fafafa;

  padding: 0.6% 0;

}

.gh-business .icon{

  text-align: center;

}

.gh-business .icon .iconfont{

  font-size: 36px;

  color: #008eff;

  vertical-align: middle;

  margin-right: 3px;

}

.gh-business .icon p{

  display: inline-block;

  font-size: 20px;

}

/*各模块*/

.module h3.title{

  text-align: center;

  color: transparent;

  background-image: linear-gradient(to right,#32beff 0,#005aab 100%);

  -webkit-background-clip: text;

  margin: 60px auto 30px auto;

  font-weight: bold;

  font-size: 48px;

  display: inline-block;

}

.module h3.color-f{

  color: #fff;

}

.system-block{

  margin-bottom: 24px;

}

.system-block .img{

  position: relative;

  padding: 15px;

}

.system-block .img img{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.system-block-text-block{

  width: 100%;

  height: 100%;

  position: relative;

  padding: 15px;

}

.system-block-text-block *{

  color: #ffffff;

}

.system-block-text-block h3{

  position: absolute;

  top: 90%;

  display: block;

  overflow: visible;

  color: #00479d;

}

.systems a {

  -webkit-transition: all .25s cubic-bezier(.64,.01,.26,.44);

  transition: all .25s cubic-bezier(.64,.01,.26,.44);

  overflow: hidden;

}

.systems .system-block .system-block-text-block p, .systems .system-block .system-block-text-block a {

  opacity: 0;

}

.systems .system-block .system-block-text-block:hover p, .systems .system-block .system-block-text-block:hover a {

  opacity: 1;

}

.systems .system-block .system-block-text-block:hover p, .systems .system-block .system-block-text-block:hover a {

  opacity: 1;

}

.systems .system-block, .systems h3, .systems p, .systems a {

  -webkit-transition: all .25s cubic-bezier(.64,.01,.26,.44);

  transition: all .25s cubic-bezier(.64,.01,.26,.44);

  overflow: hidden;

}

.systems .system-block .system-block-text-block .more-info {

  color: #00479d;

  position: absolute;

  bottom: 16px;

  display: table;

  font-size: 1.1em;

  font-weight: bold;

  right: 15px;

  overflow: visible;

/*  box-shadow: 0 -3px 0 #008eff inset;*/

  transition-duration: .2s;

  transition-timing-function: cubic-bezier(.91,0,.26,.44);

}

.systems .system-block .system-block-text-block .more-info i{

  display: none;

  vertical-align: inherit;

}

.systems .system-block .system-block-text-block .more-info:hover{

  box-shadow: none;

}

.systems .system-block .system-block-text-block .more-info:hover i{

  display: inline-block;

  transition: all 2s;

}

.systems .system-block .system-block-text-block ul {

  position: absolute;

  top: 100%;

  display: block;

  line-height: 1.64;

  font-size: 16px;

  max-height: 198px;

  overflow: hidden;

}

.systems .system-block .system-block-text-block:hover {

  background-color: rgba(128,128,128,0.5);

}

.systems .system-block .system-block-text-block:hover h2, .systems .system-block .system-block-text-block:hover h3 {

  top: 14px;

}

.systems .system-block .system-block-text-block:hover ul {

  top: 18%;

}



/*新品首发 特色产品*/

.home_st {

  background: #f8f8f8;

  position: relative;

}

.bg-f{

  background-color: #fff;

}

.home_st .sj_bg.bottom {

  bottom: 0;

}

.home_st .sj_bg.top {

  top: 0;

}

.home_st .sj_bg.left {

  left: 0;

}

.home_st .sj_bg.right {

  right: 0;

}

.home_st .sj_bg {

  position: absolute;

  z-index: 5;

  width: 250px;

  height: 125px;

  pointer-events: none;

}

.home_st .bg {

  position: absolute!important;

  left: 0;

  top: 0;

  width: 100%;

  height: 330px;

  z-index: 1;

}

.home_st .bg img{

  width: auto;

  height: 330px;

  position: absolute;

  top: 50%;

  margin-top: -165px;

}

.advantage {

  position: relative;

  z-index: 5;

}

.o_g {

  display: block;

  zoom: 1;

  width: 100%;

  vertical-align: top;

  box-sizing: border-box;

  font-size: 0!important;

}

.advantage .title_h2 {

  text-align: center;

}

.home_st .advantage .title_h2 h2 {

  display: inline-block;

  font-size: 48px;

  font-weight: 700;

  line-height: 53px;

  letter-spacing: 0;

  color: #fff!important;

  text-align: center;

  margin-bottom: 20px;

}

.advantage>p {

  font-size: 16px;

  font-weight: 400;

  font-stretch: normal;

  line-height: 22px;

  letter-spacing: 0;

  color: #fff;

  max-width: 83.33333333%;

  margin: 0 auto;

  text-align: center;

  margin-bottom: 25px;

  opacity: .8;

}

.advantage>p.color-default{

  color: #333;

}

.advantage .swiper-slide {

  text-align: center;

  box-sizing: border-box;

  padding-bottom: 20px;

  display: inline-block;

}

.advantage .content {

  display: block;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0 ,.1);

  border: 1px solid #eee\0;

  background: #f8f8f8;

}

.advantage .content.ts{

  box-shadow: 0 0 1px 0 rgba(0, 0, 0 ,.1);

}

.advantage .content.new .img{

  height: 250px;

}

.advantage .content .img {

  display: block;

  overflow: hidden;

  text-align: center;

  position: relative;

}

.advantage .content .img img{

  height: 100%;

  width: 100%;

}

.advantage .content .description {

  padding: 30px;

}

.advantage .content .description .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  letter-spacing: 0;

  color: #333;

  margin-bottom: 15px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  text-align: left;

}

.home_st .limit_text {

  height: 45px;

}

.advantage .content .description p {

  font-size: 16px;

  line-height: 22px;

  color: #999;

  max-height: 65px;

  overflow: hidden;

  max-width: 100%;

  margin: 0 auto;

  text-align: left;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  display: -webkit-box;

}

.home_st .logo_box {

  padding-top: 30px;

  text-align: left;

}

.home_st .logo_box img {

  height: 30px;

}

.home_st .logo_box a {

  font-size: 14px;

  font-weight: 400;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0;

  color: #00479d;

  float: right;

  margin-top: 1%;

  font-family: "st";

  cursor: pointer;

}

.home_st .logo_box a:hover{

  color: #008eff;

}

.home_st .logo_box a i {

  font-weight: 400;

  letter-spacing: 0;

  vertical-align: bottom;

}







/*新闻资讯*/

.zx-info{

  background-color: #f8f8f8;

  padding-bottom: 60px;

}

.zx-info .tab {

  padding: 2% 0 4%;

  text-align: center;

}

.zx-info .tab span:hover, .zx-info .tab span.aon {

  background-image: linear-gradient(#008eff, #00479d);

  color: #fff;

}

.zx-info .tab span {

  background-image: linear-gradient(#d4d7d9,#babdbf);

  display: inline-block;

  margin: 0 15px;

  padding: 8px 30px;

  font-size: 16px;

  color: #333;

  border-radius: 4px;

  cursor: pointer;

}

.zx-info .tab_list .dl1 {

  float: left;

  width: 40%;

}

.zx-info .tab_list .dl2 {

  float: right;

  width: 54%;

}

.zx-info .tab_list .dl1 .ispic img{

  width: 100%;

  max-height: 277px;

}

.zx-info .tab_list dd {

  position: relative;

  margin-bottom: 10%;

  padding-left: 20%;

}

.zx-info .tab_list dd.one3{

  margin-bottom: 4%;

}

.zx-info .tab_list .dl2>a{

  font-weight: 400;

  font-stretch: normal;

  font-family: "st";

  line-height: 20px;

  letter-spacing: 0;

  color: #999;

}

.zx-info .tab_list .dl2>a i{

  vertical-align: bottom;

}

.zx-info .tab_list .dl2>a:hover{

  color: #00479d;;

}

.Floor002140 .tab_list dd:last-child {

  margin-bottom: 0;

}

.zx-info .tab_list dd b {

  position: absolute;

  top: -10px;

  left: 0;

  padding-right: 20px;

  font-size: 70px;

  color: #eee;

  font-weight: normal;

  border-right: 1px solid #eee;

}

.zx-info .tab_list dd time {

  position: absolute;

  top: 7px;

  right: 0;

  font-size: 14px;

  line-height: 22px;

  color: #999;

  margin-bottom: 0;

}

.zx-info .tab_list dd h2 {

  padding-right: 100px;

  color: #282828;

  font-size: 18px;

  line-height: 30px;

}

.zx-info .tab_list dd p {

  color: #666;

  line-height: 1.8;

  text-align: justify;

  overflow: hidden;

}

.zx-info .tab_list dt figure {

  position: relative;

  padding: 5% 0 0;

}

.zx-info .tab_list dt time {

  font-size: 14px;

  color: #666;

}

.zx-info .tab_list dt h2 {

  margin: 5px 0 0;

  font-size: 18px;

  line-height: 45px;

  color: #282828;

}

.zx-info .tab_list dt p {

  font-size: 14px;

  color: #999;

  line-height: 2;

  text-align: justify;

}

.dot2 {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.dot {

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}





@media (max-width: 700px){

  .gh-business .icon .iconfont {

    font-size: 24px;

  }

  .gh-business .icon p{

    font-size: 13px;

  }

  .systems .system-block .system-block-text-block {

    font-size: 14px;

  }

  .systems .system-block .system-block-text-block ul {

    font-size: 16px;

    top: 18%;

  }

  .systems .system-block .system-block-text-block .more-info{

    font-size: 14px;

  }

  .systems .system-block .system-block-text-block .more-info i{

    display: none !important;

  }

  .advantage .content .description{

    padding: 6px;

  }

  .module h3.title{

    font-size: 28px !important;

    margin: 30px auto 10px auto !important;

  }

  .system-block-text-block h3{

    color: #fff;

    top: 14px;

  }

  .system-block{

    margin-bottom: 10px;

  }

  .system-block .img{

    padding: 0;

  }

}

@media (max-width: 400px){

  .advantage .content.ts{

    width: 72px !important;

  }

  .advantage .content.ts .img img{

    height: 72px !important;

  }

}

@media (max-width: 575px){

  .zx-info .tab_list dd b{

    font-size: 32px;

  }

  .advantage .content.new .img{

    height: auto;

  }

  .advantage .content.ts{

    width: 88px;

  }

  .advantage .content.ts .img img{

    height: 88px;

  }

  .advantage .content .description .title{

    font-size: 13px !important;

    margin-bottom: 3px !important;

  }

  .advantage .content .description p,.home_st .logo_box a{

    font-size: 12px !important;

  }

  .advantage .content .description p{

    line-height: 18px;

  }

  .home_st .logo_box{

    padding-top: 14px;

  }

  .tools{

    padding-bottom: 20px;

  }

  /*.zj-banner-top .item a img{*/

  /*  height: 180px;*/

  /*}*/

  .zx-info .tab_list .dl1 .ispic img{

    max-height: 168px !important;

  }

}

@media (max-width: 767px) and (min-width: 576px) {

  .tools{

    padding-bottom: 20px;

  }

  .advantage .content.new .img {

    height: 180px;

  }

  .zx-info .tab_list dd b{

    font-size: 45px;

    padding-right: 0;

    border-right: 0;

  }

  .advantage .content.ts{

    width: 130px;

  }

  .advantage .content.ts .img img{

    height: 130px;

  }

}

@media (max-width: 767px){

  .home_st .bg{

    height: 100%;

  }

  .home_st .bg img{

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    margin-top: 0;

  }

  .zx-info .tab_list dt p{

    line-height: 1.8;

  }

  .home_st {

    background: #f1f1f1 !important;

  }

  .mobile{

    background-color: #F8F8FF;

  }

  .zx-info{

    background-color: #ffffec;

  }

  .zx-info .tab_list dd b{

    border-right: 0;

    color: #333;

  }

  .system-block .img{

    height: auto;

    padding: 0;

  }

  .advantage .content{

    margin-bottom: 20px;

  }

  .system-block .img img{

    position: relative;

  }

  .system-block-text-block{

    position: absolute;

    top: 0;

    left: 0;

  }

  .systems .system-block .system-block-text-block:hover ul{

    min-height: 146px;

  }

  .advantage>p{

    font-size: 13px;

    line-height: 18px;

  }

  .systems .system-block .system-block-text-block {

    background-color: rgba(128,128,128,0.5);

  }

  .systems .system-block .system-block-text-block p, .systems .system-block .system-block-text-block a {

    opacity: 1;

  }

  .module h3.title {

    font-size: 32px;

    margin: 36px auto 12px auto;

  }

  .advantage .swiper-slide{

    padding: 0;

  }

  .swiper-button-next, .swiper-button-prev{

    top: auto;

  }

  .bg-f .advantage .tools{

    margin-top: 30px;

  }

  .o_g .arrow{

    margin-top: -10px;

    border: none !important;

  }

  .zx-info .tab span{

    margin: 0 7px;

    padding: 4px 15px;

  }

  .zx-info .tab_list .dl1{

    width: 45%;

  }

  .zx-info .tab_list dt h2 {

    margin: 2px 0 0;

    font-size: 16px;

    line-height: 30px;

  }

  .zx-info .tab_list dd h2{

    font-size: 15px;

    line-height: 24px;

  }

  .zx-info .tab_list dd time{

    line-height: 30px;

  }

  .zx-info .tab_list dd b{

    display: none;

  }

  .zx-info .tab_list dt time,.zx-info .tab_list dd time{

    font-size: 13px;

  }

  .zx-info .tab_list .dl1 .ispic img{

    max-height: 206px;

  }

  .zx-info .tab_list dd{

    margin-bottom: 12.5%;

    padding-left: 8%;

  }

  .advantage .content .description .title{

    font-size: 14px;

    margin-bottom: 8px;

    line-height: 24px;

  }

  .advantage .content .description p{

    font-size: 13px;

    line-height: 20px;

  }

  .home_st .logo_box a{

    float: none;

  }

  .home_st .logo_box{

    text-align: center;

  }

  .home_st .logo_box a i{

    display: none;

  }

  .home_st .sj_bg{

    width: 180px;

    height: 90px;

  }

}

@media (min-width: 768px) and  (max-width: 991px){

  .module h3.title{

    font-size: 32px;

    margin: 30px auto 15px auto;

  }

  .system-block-text-block h3{

    font-size: 18px;

  }

  .advantage .content.new .img{

    height: 140px;

  }

  .advantage .content .description {

    padding: 15px;

  }

  .advantage .content .description .title{

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 8px;

  }

  .advantage .content .description p{

    font-size: 14px;

  }

  .home_st .logo_box a{

    font-size: 12px;

  }

  .system-block .img{

    width: 220px;

    height: 220px;

  }

  .advantage .content.ts{

    width: 165px;

  }

  .advantage .content.ts .img img{

    height: 165px;

  }

  .zx-info .tab_list dd b{

    top: 0;

    padding-right: 10px;

    font-size: 48px;

  }

  .zx-info .tab_list .dl1{

    width: 42%;

  }

  .zx-info .tab_list dd h2{

    font-size: 16px;

  }

  .zx-info .tab_list dd time{

    top: 5px;

    line-height: 26px;

  }

  .zx-info .tab_list dt h2{

    font-size: 16px;

  }

  .zx-info .tab_list .dl1 .ispic img{

    max-height: 206px;

  }

}

@media (max-width: 1199px) and (min-width: 992px){

  .module h3.title{

    font-size: 38px;

    margin: 40px auto 20px auto;

  }

  .advantage .content.new .img{

    height: 182px;

  }

  .system-block .img{

    width: 212px;

    height: 212px;

  }

  .advantage .content.ts{

    width: 220px;

  }

  .advantage .content.ts img{

    height: 220px;

  }

  .systems .system-block .system-block-text-block ul{

    max-height: 128px;

    font-size: 14px;

    line-height: 1.4;

  }

  .systems .system-block .system-block-text-block .more-info{

    font-size: 13px;

  }

  .systems .system-block .system-block-text-block .more-info i{

    font-size: 13px;

  }

  .system-block-text-block h3{

    font-size: 18px;

  }

  .zx-info .tab_list dd b{

    font-size: 56px;

    top: 0;

  }

  .zx-info .tab_list .dl1{

    width: 42%;

  }

  .zx-info .tab_list dd{

    padding-left: 18%;

  }

  .zx-info .tab_list dd b{

    padding-right: 10px;

  }

  .zx-info .tab_list .dl1 .ispic img{

    max-height: 230px;

  }

  /*.zj-banner-top .item a img{*/

  /*  height: 446px;*/

  /*}*/

}

@media (min-width: 1200px){

  .prod_subTitle {

    font-size: 20px!important;

    line-height: 26px!important;

  }

  .system-block-text-block h3{

    font-size: 18px;

  }

  .system-block-text-block h3{

    font-size: 20px;

  }

  .system-block .img{

    width: 262px;

    height: 262px;

  }

  .advantage .content.ts{

    width: 270px;

    margin: 0 auto;

  }

  .advantage .content.ts img{

    height: 270px;

  }

  .systems .system-block .system-block-text-block ul{

    max-height: 166px;

  }

}

@media (min-width: 1360px) {

  .system-block .img{

    width: 290px;

    height: 290px;

  }

  .advantage .content.ts{

    width: 290px;

    margin: 0 auto;

  }

  .advantage .content.ts img{

    height: 290px;

  }

  /*.zj-banner-top .item a img{*/

  /*  height: 715px;*/

  /*}*/

}