/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
.dn{display:none; }  

*,*:before,*:after {
    margin: 0;
    padding: 0;
   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: "MicrosoftYaHei", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;}
img {border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: "MicrosoftYaHei";border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
body.infomian{margin-top: 107px;}
body.infomian .header{background-color: #fff;}
.img-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     object-fit: cover;
}
.img-covers{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
}
.wp {margin: 0 auto;width: 74%;min-width:1300px;height:100%;}

body.bgf .header{
    background: #fff;
}
/*.hongdong img{*/
/*  display: none;*/
/*  width: 100%;*/
/*  height: auto;*/
/*}*/
/*.hongdong{*/
/*    position: fixed;*/
/*   height: 100vh;*/
/*     background: url(../images/huodong.webp) no-repeat rgba(0,0,0,.5);*/
/*     background-position: top;*/
/*     z-index: 99999;*/
/*     top: 0;*/
/*     left: 0;*/
/*     width: 100%;*/
/*}*/


.header{
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #dfe0e4;
}
.header::after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.header .top{
  overflow: hidden;
  background: #151F30;
  padding: 0 3.33vw;
  color:#fff;
  line-height: 25px;
  font-size: 14px;
}
.header.fixed{
 background-color: #fff;
}
.header .bom{
  padding-left: 3.33vw;
}
.header .tlink{
  float: right;
}
.logo{

    margin-right: 5vw;
}
.logo img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.clearfloat::after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.nav{
    float: left;
}
.nav ul{
}
.nav li{
    float: left;
    position: relative;
}
.nav li .v1{
    font-size: 14px;
    color:#252B3A;
    display: block;
    line-height:81px;
    margin: 0 15px;
}
.nav li:hover .v1{
  color:#0052D9;
} 
.nav li .sub{
    display: none;
    position: absolute;
    top: 100%;
    left:0;
    min-width: 140px;
    box-shadow: 0 8px 16px rgba(0, 82, 217, 0.15);
    z-index: 9;
    background-color: #fff ;
    border-top: 3px solid #0052d9;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
.nav li:hover .sub{
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.nav li .sub a{
    display: block;
    font-size: 13px;
    color:#666;
    line-height: 42px;
    padding: 0 18px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.25s ease;
    position: relative;
}
/* 三级菜单的父链接不需要border-bottom，因为它下面还有子菜单 */
.nav li .sub .has-sub > a{
    border-bottom: 1px solid #f5f5f5;
}
.nav li .sub > a:last-child{
    border-bottom: none;
}
.nav li .sub > a:hover{
    background: linear-gradient(90deg, #f0f7ff 0%, #fff 100%);
    color:#0052d9;
    padding-left: 24px;
    font-weight: 500;
}
.nav li .sub > a::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #0052d9;
    transform: scaleY(0);
    transition: transform 0.25s ease;
}
.nav li .sub > a:hover::before{
    transform: scaleY(1);
}

/* 三级菜单样式 */
.nav li .sub .has-sub{
    position: relative;
    display: block;  /* 确保 div 正常显示 */
}
.nav li .sub .has-sub > a{
    position: relative;
    display: block;
    cursor: pointer;  /* 显示手型指针 */
    font-size: 13px;
    color:#666;
    line-height: 42px;
    padding: 0 18px;
    transition: all 0.25s ease;
}
.nav li .sub .has-sub > a:hover{
    background: linear-gradient(90deg, #f0f7ff 0%, #fff 100%);
    color:#0052d9;
    font-weight: 500;
}
.nav li .sub .has-sub > a::after{
    content: '▸';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #999;
    transition: all 0.25s ease;
}
.nav li .sub .has-sub:hover > a::after{
    color: #0052d9;
    right: 12px;
}
.nav li .sub .sub3{
    display: none;
    position: absolute;
    top: -3px;
    left: 100%;
    min-width: 140px;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 82, 217, 0.15);
    border-top: 3px solid #0052d9;
    border-radius: 0 8px 8px 8px;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    z-index: 10;
}
.nav li .sub .has-sub:hover .sub3{
    display: block;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}
.nav li .sub .sub3 a{
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 40px;
    padding: 0 18px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.25s ease;
    position: relative;
}
.nav li .sub .sub3 a:last-child{
    border-bottom: none;
}
.nav li .sub .sub3 a:hover{
    background: linear-gradient(90deg, #f0f7ff 0%, #fff 100%);
    color: #0052d9;
    padding-left: 24px;
    font-weight: 500;
}
.nav li .sub .sub3 a::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #0052d9;
    transform: scaleY(0);
    transition: transform 0.25s ease;
}
.nav li .sub .sub3 a:hover::before{
    transform: scaleY(1);
}
.header .so{
  position: relative;
  margin-left: 12px;
  display: block;
  cursor: pointer;
  float: left;
}
.header .so i{
  display: inline-block;
  vertical-align: middle;
  height: 81px;
  width: 30px;
  background: url(../images/sousuo.svg) no-repeat center;
  transition: all 0.3s ease;
}
.header .so:hover i{
  transform: scale(1.1);
}
.header .seach .form{
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  width: 380px;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 30px rgba(0, 82, 217, 0.15);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-15px);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  border-top: 3px solid #0052d9;
}
.header .seach .form.active{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.header .seach .form input{
  float: left;
  display: block;
  height: 52px;
  padding: 0 15px;
  width: calc(100% - 60px);
  font-size: 14px;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
}
.header .seach .form input:focus{
  background: #f8fbff;
}
.header .seach .form input::placeholder{
  color: #999;
  transition: color 0.3s ease;
}
.header .seach .form input:focus::placeholder{
  color: #ccc;
}
.header .seach .form .btn{
  width: 60px;
  height: 52px;
  float: right;
  background: linear-gradient(135deg, #0052d9, #0072ff);
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.header .seach .form .btn::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url(../images/sousuo.svg) no-repeat center;
  background-size: 18px auto;
  transform: translate(-50%, -50%);
  filter: brightness(0) invert(1);
  transition: transform 0.3s ease;
}
.header .seach .form .btn:hover{
  background: linear-gradient(135deg, #0062e9, #0082ff);
}
.header .seach .form .btn:hover::before{
  transform: translate(-50%, -50%) scale(1.1);
}
.header .seach .form .btn:active{
  transform: scale(0.95);
}
.header .link{
  float: left;
  overflow: hidden;
  margin-right: 14px;
}
.header .link a{
  font-size: 14px;
  color:#252B3A;
  line-height: 81px;
  margin-left: 1.46vw;
}

.logo{ background:url(/static/images/sxlogo.svg) left center no-repeat;width:200px;height:81px;float:left;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;background-size:auto 53px;}

.header .link a:hover{
  color:#0052d9;
}
.header .lxwm {
  float: left;
  height: 81px;                 /* 与导航统一高度 */
  display: flex;                /* 让里面的 a 垂直居中 */
  align-items: center;
  margin-left: 14px;            /* 和 .link 的间距保持一致 */
  /* overflow: hidden; 你原来有，如果需要让光效/阴影不被裁剪，可以改成： */
  overflow: visible;
}
/* 联系我们按钮：保持你喜欢的炫酷样式，但高度用 40~50 更协调 */
.header .lxwm a {
  display: inline-block;
  height: 44px;                 /* 你也可以用 50，看整体气质 */
  line-height: 44px;
  padding: 0 28px;              /* 宽度改为靠 padding，适配不同文案长度 */
  border-radius: 30px;

  /* 下面是你原来的炫彩+流光，保留 */
  background: linear-gradient(135deg, #00c6ff, #0072ff);
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
.header .lxwm a::before {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transition: all 0.5s ease;
}
.header .lxwm a:hover::before { left: 100%; }

.menuBtn{
    display: none;
    position: fixed;
    top: 16px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #e50012;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

@media only screen and (max-width: 1700px) {
    .logo{margin-right:40px;}
    
     .header .top{padding:0 20px;}
     .header .bom{padding-left:20px;}
     .header .link a{margin-left:15px;}
     .nav li .v1{margin:0 13px;}
}
@media only screen and (max-width: 1500px) {

  
  
  .logo a{display:block;}
 

}
@media only screen and (max-width: 1430px) {
  .wp{width: 1200px;min-width:auto;}
  .header .link a{margin-left: 9px;}
  .header .bom{padding-left: 30px;}
  .logo{margin-right: 2.8vw;}
  .header .link{margin-right:12px;}
  .nav li .v1{margin: 0 10px;}
}
@media only screen and (max-width: 1230px) {
 .header .top{display: none;}
  .header .bom .nav,.header .tlink{display: none;}
 .wp{width: 970px;}
 body{padding: 60px 0 69px;}
 body.infomian{margin-top: 0;}
.hongdong{display:none;}
.index .header{position: fixed;}
}
@media only screen and (max-width: 1023px) {
  .wp{width: 720px;}
}
@media only screen and (max-width: 767px) {
  .wp{width: auto;padding: 0 15px;}
}
@media only screen and (max-width: 500px) {
}

.g-tit1{
  text-align: center;
  overflow: hidden;
}
.g-tit1 .tit{
  font-size: 30px;
  color:#000000;
  margin-bottom: 15px;
  font-weight: normal;
}
.g-tit1 .info{
  font-size: 14px;
  color:#3D485D;
}
.g-tit1 .info a{
  color:#0052D9;
  margin-left: 10px;
}
.g-tit1 .info a:hover,
.m-idxcase .center a:hover{
      text-decoration: underline;
}
.g-tit1.cof .tit{
  color:#fff;
}
.g-tit1.cof .info{
  color:#fff;
}
@media only screen and (max-width: 1500px) {
  .g-tit1 .tit{font-size: 28px;margin-bottom: 10px;}
}
@media only screen and (max-width: 1430px) {
  .g-tit1 .tit{font-size: 26px;}
}
@media only screen and (max-width: 1023px) {
  .g-tit1 .tit{font-size: 24px;}
}
@media only screen and (max-width: 767px) {
  .g-tit1 .tit{font-size: 20px;line-height: 20px;}
  .g-tit1 .info{font-size: 12px;}
  .g-tit1 .info br{display: none;}
  .g-tit1 .info a{display: block;text-align: center;}
}

/*banner*/
.sxindex_banner{position:relative;overflow:hidden;}
.sxindex_banner .ban_pic{width:100%;height:31.08vw;overflow:hidden;min-height:180px;position:relative;}
.sxindex_banner .ban_pic .ban_bg{width:100%;height:100%;position:absolute;left:0;top:0;}
.sxindex_banner .ban_pic .ban_bg img,.sxindex_banner .ban_pic .ban_bg video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.sxindex_banner .ban_pic .ban_con{width:100%;height:100%;position:absolute;left:0;top:0;}
.sxindex_banner .ban_pic .ban_con .txt{height:100%;max-width:650px;}
.sxindex_banner .ban_pic .ban_con .txt .tit{font-size:40px;color:#000000;margin-bottom:13px;}
.sxindex_banner .ban_pic .ban_con .txt .info{font-size:16px;line-height 1.75;color:#3D485D;margin-bottom:38px;max-width:680px;}
.sxindex_banner .ban_pic .ban_con .txt a{
  width:128px;
  line-height:38px;
  text-align:center;
  font-size:14px;
  color:#fff;
  background: linear-gradient(135deg, #00c6ff, #0072ff);
  display:block;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 114, 255, 0.3);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.sxindex_banner .ban_pic .ban_con .txt a::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.sxindex_banner .ban_pic .ban_con .txt a::after{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s;
}
.sxindex_banner .ban_pic .ban_con .txt a:hover{
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 24px rgba(0, 114, 255, 0.5);
  background: linear-gradient(135deg, #0096ff, #005fcc);
}
.sxindex_banner .ban_pic .ban_con .txt a:hover::before{
  left: 100%;
}
.sxindex_banner .ban_pic .ban_con .txt a:hover::after{
  opacity: 1;
}
.sxindex_banner .ban_pic .ban_simg{position:absolute;right:0;bottom:0;margin-right:12vw;padding-top:20px;width:45%;height:100%;}
.sxindex_banner .ban_pic .ban_simg img{display:block;width:100%;height:100%;position:absolute;left:0;top:20px;object-fit:contain;}
.sxindex_banner .ban_pic .ban_simg img.img2{
    -webkit-animation: LabelTranslateY 3s infinite linear normal both;
    -moz-animation: LabelTranslateY 3s infinite linear normal both;
    animation: LabelTranslateY 3s infinite linear normal both;
}
.sxindex_banner .swiper-button-prev,.sxindex_banner .swiper-button-next{width:30px;height:50px;background-color:rgba(0,0,0,.15);margin-top:-25px;background-size:10px auto;outline:none;display:none;}
.sxindex_banner .swiper-button-prev.swiper-button-disabled,.sxindex_banner .swiper-button-next.swiper-button-disabled{opacity:1;}
.sxindex_banner:hover .swiper-button-prev,.sxindex_banner:hover .swiper-button-next{display:block;}
.sxindex_banner .swiper-pagination{display:none;}
@media screen and (max-width:1700px){
    .sxindex_banner .ban_pic .ban_con .txt .tit{font-size:34px;}

    .sxindex_banner .ban_pic{width:100%;height:40vw;overflow:hidden;min-height:180px;position:relative;}
}
@media screen and (max-width:1500px){
    .sxindex_banner .ban_pic .ban_con .txt .tit{font-size:32px;margin-bottom:6px;}
    .sxindex_banner .ban_pic .ban_con .txt .info{font-size:14px;margin-bottom:20px;}
    .sxindex_banner .ban_pic{width:100%;height:40vw;overflow:hidden;min-height:180px;position:relative;}
}
@media screen and (max-width:1230px){
    .banner .ban_pic .ban_con .txt .tit{font-size:28px;}
    .sxindex_banner .ban_pic{width:100%;height:40vw;overflow:hidden;min-height:180px;position:relative;}
}
@media screen and (max-width:1023px){
    .sxindex_banner .ban_pic .ban_con .txt .tit{font-size:25px;}
    .sxindex_banner .ban_pic .ban_simg{margin-right:0;}
    .sxindex_banner .ban_pic .ban_con .txt a{line-height:32px;font-size:12px;margin-top:8px;width:110px;}
    .sxindex_banner .swiper-button-prev,.sxindex_banner .swiper-button-next{display:none;}
    .sxindex_banner .swiper-pagination{display:block;}
    .sxindex_banner .ban_pic{width:100%;height:40vw;overflow:hidden;min-height:180px;position:relative;}
}
@media screen and (max-width:767px){
    /* 文字调整（你原来的） */
    .sxindex_banner .ban_pic .ban_con .txt {
        max-width: 60%;
    }
    .sxindex_banner .ban_pic .ban_con .txt .tit {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .sxindex_banner .ban_pic .ban_con .txt .info {
        font-size: 13px;
        margin-bottom: 20px;
    }


    /* 新增：手机端 Banner 高度 */
    .sxindex_banner .ban_pic,
    .sxindex_banner .swiper-slide,
    .sxindex_banner .swiper-wrapper,
    .sxindex_banner .banner-swiper {
        height: 350px; /* 可以根据实际需要调整 */
    }

    /* 图片自适应填满 Banner */
    .sxindex_banner .ban_pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sxindex_banner .ban_pic .ban_simg{
        margin-right: 200px;
        }


}








.banner{
  position: relative;
  overflow: hidden;
}
.banner .bg{
    height: 31.08vw;
    overflow: hidden;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;
}
.banner .bg img{
    float: right;
    position:absolute;
    right: 0;
    bottom: 0;
    padding-right: 8.33vw;
    padding-top: 20px;
    max-width: 53%;
}
.banner  img{
  display: block;
  max-width: 100%;
  height: auto;
 
 }
.banner .txt{
  position: absolute;
  top: 11.35vw;
}
.banner .txt .tit{
  font-size: 40px;
  color:#000000;
  margin-bottom: 13px;
}
.banner .txt .info{
  font-size: 16px;
  line-height: 1.75;
  color:#3D485D;
  margin-bottom: 38px;
  max-width: 680px;
}

.xcx-ewm{position:fixed;left:5px;bottom:10px;width:100px; z-index:9999;}
.xcx-ewm img{display:block;width:100px;height:100px;}
.xcx-ewm p{margin:0;background:#bad1ff;font-size:14px;line-height:2;padding:8px 5px;text-align:center;}



.m-business{
  top: -48px;
  position: relative;
  margin-bottom: -48px;
  z-index: 2;
}
.ul-business {
  margin:0 -14px;
  clear: both;
}
.ul-business li{
  float: left;
  width: 25%;
}
.ul-business .con{
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  height: 92px;
  border-radius: 12px;
  display: block;
  margin:0 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.ul-business .con::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 150, 255, 0.15), transparent);
  transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.ul-business li:hover .con{
  margin-top: -18px;
  box-shadow: 0 12px 32px rgba(0, 82, 217, 0.25);
  background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
  transform: scale(1.02);
}
.ul-business li:hover .con::before{
  left: 100%;
}
.ul-business li:hover .pic img{
  transform: scale(1.1) rotate(3deg);
  filter: drop-shadow(0 4px 12px rgba(0, 82, 217, 0.3));
}
.ul-business li:hover .txt .tit{
  color: #0052d9;
  transform: translateX(4px);
}
.ul-business li:hover .txt .info{
  color: #5a6c7d;
  transform: translateX(4px);
}
.ul-business .pic{
  float: left;
  width: 100px;
  line-height: 92px;
  overflow: hidden;
  text-align: center;
}
.ul-business .pic img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.ul-business .txt{
  overflow: hidden;
  padding-top: 22px;
}
.ul-business .txt .tit{
  font-size: 18px;
  color:#000000;
  margin-bottom: 5px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
}
.ul-business .txt .info{
  font-size: 14px;
  color:#98A3B7;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.banner.page15 .bg img{
    max-width:35%; 
    padding-top:7.29vw;
    padding-right: 0;
}
.banner.page16{
    margin-top:40px;
}
.banner.page18 .bg img{
    max-width:40%; margin-top: 5vw;
}
.banner.page21 .bg{
    height:30vw;
    margin-top:-40px;
}

@media only screen and (max-width: 1700px) {
 .ul-business{margin:0 -5px;}
  .ul-business .con{margin:0 5px;}
  .banner .txt .tit{font-size: 34px;}
  .ul-business .txt .tit{margin-bottom: 0;}
  .ul-business .txt .info{font-size: 13px;padding-right: 10px;}
  .ul-business .txt{padding-top: 12px;}
}
@media only screen and (max-width: 1500px) {
    .ul-business .pic{width: 86px;}
    .banner .txt{top: 60%;transform: translateY(-50%);}
    body.index .banner .txt{top: 50%;}
    .banner .txt.ny{top:auto;bottom: 87px;transform: translateY(0);}
    .banner .txt .tit{font-size: 32px;margin-bottom: 6px; display: block; font-weight: normal;}
    .banner .txt .info{margin-bottom: 20px;font-size: 14px;display: -webkit-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 5;}
}
@media only screen and (max-width: 1430px) {
   
}
@media only screen and (max-width: 1230px) {
  .ul-business .txt .tit{font-size: 15px;margin-bottom: 0;}
  .ul-business .txt .info{font-size: 12px;line-height: 1.5;height: 3em;}

  .banner .txt .tit{font-size: 28px;}
  .banner .txt.ny .info{font-size: 13px;}
  .banner .txt.ny{top:50%;bottom: auto;transform: translateY(-50%);}
  .banner .bg{background-position: bottom;}
  .banner .bg img{padding-top:0;}
  .banner.page16{margin-top:0;}
  .banner.page16 .txt{max-width:500px;}
  .banner.page21 .bg{margin-top:0;}
  .xcx-ewm{display:none}
}
@media only screen and (max-width: 1023px) {
  .m-business{position: static;margin-bottom: 0;padding: 30px 0 15px;overflow: hidden;}
  .ul-business li:hover .con{margin-top: 0;}
  .ul-business li{width: 50%;margin-bottom: 15px;}
  .banner .txt .info{font-size: 14px;}
  .banner .txt a{line-height: 32px;font-size: 12px;margin-top:4px;}
  .banner .txt .tit{font-size: 25px;}
  .banner .txt.ny .info{overflow: hidden;display: -webkit-box;  
      overflow: hidden;  
      text-overflow: ellipsis;  
      word-break: break-all;  
      -webkit-box-orient: vertical;  
      -webkit-line-clamp: 3;line-height:1.6;}
      .ul-business .txt{padding-top: 22px;}
     .banner.page16 .txt{max-width:400px;}
}
@media only screen and (max-width: 767px) {
.banner img{position: static;}
.banner .txt .tit{font-size: 20px;}
.banner .txt .info{max-width: 58%;}
.ul-business li{margin-bottom: 10px;}
.ul-business .pic{width: auto;float: none;height: 40px;line-height: 40px;}
.ul-business .con{height: auto;text-align: center;padding: 10px 20px;}
.ul-business .txt{padding-top: 4px;}
.m-business{padding: 20px 0 5px;}
.banner .bg img{padding-right:0px;width:54%;}
.banner.page15 .bg img{    max-width: 43%;
    padding-top: 2.29vw;}
  .banner.page17 .bg img{padding-top:2%;width:50%;}  
  .banner.page18 .bg img{right: 10px;margin-top:4vw;}
  .banner.page19 .bg img{width: 45%;    padding-top: 7vw; }  
  .banner.page20 .bg img{width: 45%;    padding-top: 4vw; }  
  .banner .txt.ny .info br{display:none;}

}
@media only screen and (max-width: 500px) {
.banner .txt .info{font-size: 13px;margin-bottom: 0px;}
.banner .txt .tit{font-size: 18px;margin-bottom:0;}
.banner.page16 .bg{background-position: -20px -8px;}
}
.row1{
  overflow: hidden;
  clear: both;
  padding: 30px 0 0;
}
.row1 .g-tit1{
  margin-bottom: 2.24vw;
}
.ul-inxtab1{
  text-align: center;
  overflow: hidden;
}
.ul-inxtab1 li{
  display: inline-block;
  font-size: 0;
  cursor: pointer;
}
.ul-inxtab1 .con{
  font-size: 16px;
  color:#3D485D;
  padding: 16px 0;
  width: 10.52vw;
  display: block;
  border-bottom: 4px solid transparent;
  transition:all .3s;
}
.ul-inxtab1 li.on .con,
.ul-inxtab1 li:hover .con{ 
  border-color: #0052d9;
  color:#0052D9;
}
.gtab1{
  background: #f3f5f8 url(../images/pic6.jpg) no-repeat top;
  padding: 49px 0 89px;
  overflow: hidden;
}
.gtab1 .leftinfo{
  float: left;
  width: 376px;
}
.gtab1 .leftinfo .item{
  border:3px solid #fff;
  overflow: hidden;
  border-radius: 5px;
  height: 195px;
  position: relative;
  margin-bottom: 18px;
  color:#fff;
  padding:35px 24px;
}
.gtab1 .leftinfo .item:last-child{
  margin-bottom: 0;
}
.gtab1 .leftinfo .item .tit{
  font-size: 20px;
  margin-bottom: 10px;
}
.gtab1 .leftinfo .item .desc{
  font-size: 14px;
  color:#80ADF8;
  height: 60px;
}
.gtab1 .leftinfo .item  .box{
  position: relative;
  z-index: 2;
}
.gtab1 .leftinfo .link{
  overflow: hidden;
}
.gtab1 .leftinfo .link a{
  display: block;
  float: left;
  color:#fff;
  font-size: 14px;
}
.gtab1 .leftinfo .link a:first-child{
  margin-right: 40px;
}
.gtab1 .leftinfo .link a i{
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 7px;
  background: url(../images/ico25.png) no-repeat;
  margin-left: 5px;
}
.gtab1 .rightinfo{
  width: calc(100% - 420px);
  float: right;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.gtab1 .rightinfo .item{
  width: 33.33%;
  float: left;
  height: 136px;
  border-right: 1px solid #eff0f2;
  border-bottom: 1px solid #eff0f2;
  padding:22px 39px 0;
}
.gtab1 .rightinfo .item .tit{
  font-size: 16px;
  color:#000000;
  margin-bottom: 9px;
}
.gtab1 .rightinfo .item .desc{
  font-size: 14px;
  color:#3D485D;
  margin-bottom: 6px;
}
.gtab1 .rightinfo .item .tag{
  overflow: hidden;
}
.gtab1 .rightinfo .item .tag span{
  display: block;
  float: left;
  width: 66px;
  line-height: 20px;
  color:#949FB2;
  font-size: 12px;
  text-align: center;
  margin-right: 8px;
  border: 1px solid #eff0f2;
}
.gtab1 .rightinfo .item .tag span:hover{
  border-color: #0052d9;
  color:#0052d9;
}
.gtab1 .rightinfo .item:nth-child(n+7){
  border-bottom:none;
}
.gtab1 .rightinfo .item:nth-child(3n){
  border-right:none;
}
@media only screen and (max-width: 1700px) {
.gtab1 .rightinfo .item .tag span{width: 60px;margin-right: 3px;}
.gtab1 .rightinfo .item .tit{margin-bottom: 0;}

}
@media only screen and (max-width: 1500px) {
  .row1{padding-top: 10px;}
  .gtab1 .rightinfo .item{padding:20px 10px;}
  .gtab1{padding-bottom: 60px;}
}
@media only screen and (max-width: 1430px) {
  .ul-inxtab1 .con{width: 170px;}
  .gtab1 .rightinfo .item .desc{font-size: 13px;margin-bottom: 8px;}
  .gtab1 .rightinfo .item{padding: 25px 10px;}
  .gtab1 .rightinfo .item .tit{margin-bottom: 4px;}
}
@media only screen and (max-width: 1230px) {
  .gtab1 .rightinfo{width: calc(100% - 400px);}
  .gtab1{padding: 40px 0;}
  .gtab1 .rightinfo .item{width: 50%;height: 102px;padding: 14px 10px 0;}
  .gtab1 .rightinfo .item .tit{margin-bottom: 4px;}
  .gtab1 .rightinfo .item:nth-child(3n){border-right: 1px solid #eff0f2;}
  .ul-inxtab1 .con{width: auto;padding-top: 5px;}
  .ul-inxtab1 li{width: 16.6%;display: block;float: left;}
  .row1 .g-tit1{margin-bottom: 1.5vw;}
}
@media only screen and (max-width: 1023px) {
  .ul-inxtab1 .con{font-size: 14px;}
  .gtab1 .leftinfo{width: auto;float: none;overflow: hidden;}
  .gtab1 .leftinfo .item{width: 50%;float: left;}
  .gtab1 .rightinfo{width: auto;float: none;overflow: hidden;background-color: #fff;}
  .gtab1{padding: 30px 0;}
}
@media only screen and (max-width: 960px) {
 
}
@media only screen and (max-width: 767px) {
  .gtab1 .leftinfo .item{height: 160px;padding-top: 20px;}
  .gtab1 .leftinfo .item .tit{font-size: 18px;margin-bottom: 6px;}
  .gtab1 .leftinfo .item .desc{max-width: 150px;}
  .gtab1 .leftinfo .item .desc br{display: none;}
  .gtab1 .leftinfo .link a:first-child{margin-right: 5px;}
  .ul-inxtab1 .con{border:none;padding: 0;background: #eee;}
  .ul-inxtab1 li{width: 33.33%;border-right: 1px solid #fff;border-bottom: 1px solid #fff;line-height: 36px;}
  .gtab1 .rightinfo .item .tit{font-size: 14px;}
  .gtab1{padding: 20px 0;}
  .ul-inxtab1 .con{font-size: 13px;}
}
@media only screen and (max-width: 500px) {
  .gtab1 .leftinfo .item{width: auto;float: none;margin-bottom: 0;}
  .gtab1 .rightinfo .item{padding: 10px;}
  .gtab1 .rightinfo{margin-top: 15px;}
  .gtab1 .rightinfo .item .desc{font-size: 12px;}
  .gtab1 .rightinfo .item .tit{margin-bottom: 0;}
  .gtab1 .rightinfo .item .tag span{margin-right: 0;width: 33.33%;font-size: 10px;}
  .gtab1 .rightinfo .item .desc{margin-bottom: 0;}
  .row1 .g-tit1 .tit{font-size: 18px;}
  .ul-inxtab1 .con{font-size: 13px;}

}
.row2{
  overflow: hidden;
  background: url(../images/bg1.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 60px 0 55px;
}
.m-idxcase{
  overflow: hidden;
  position: relative;
  padding: 28px 0;
}
.m-idxcase .left{
  float: left;
  width: 26.56vw;
  padding-right: 29px;
}
.m-idxcase .item{
  background: #282e3a;
  margin-bottom: 21px;
  height: 166px;
  position: relative;
  border-radius: 6px;
  box-shadow: 0px 6px 13px 0px rgba(29,33,41,0.25);
}
.m-idxcase .left .item{
  padding: 1.93vw 3.33vw 1.04vw 1.15vw;
  text-align: right;
}
.m-idxcase .left .item::after {
  content: '';
  display: block;
  position: absolute;
  right: -30px;
  top: 15px;
  width: 59px;
  height: 37px;
  background: url(../images/ico8.svg) no-repeat;
}
.m-idxcase .right .item::after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  top: 15px;
  width: 59px;
  height: 37px;
  background: url(../images/ico8.svg) no-repeat;
}
.m-idxcase .right .item{
  padding: 2.08vw  1.04vw 1.15vw 3.33vw;
}
.m-idxcase .item .tit{
  color:#fff;
  font-size: 18px;
  margin-bottom: 10px;
}
.m-idxcase .item  .desc{
  font-size: 14px;
  line-height: 1.71;
  color:#7D8188;
}

.m-idxcase .right{
  width: 26.56vw;
  float: right;
  padding-left: 29px;
}
.m-idxcase .center{
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  width: 20.83vw;
  height: 540px;
  border:10px solid #242933;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  background: #1a1e26;
  margin:0 auto;
  color:#fff;
  border-radius: 6px;
  padding: 27px 22px 0;
}
.m-idxcase .center img{
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  max-width: 100%;
}
.m-idxcase .center .tit{
  font-size: 24px;
  margin-bottom: 20px;
}
.m-idxcase .center .desc{
  font-size: 14px;
  line-height: 1.71;
  margin-bottom: 28px;
}
.m-idxcase .center a{
  font-size: 14px;
  color:#0080ff;
}
@media only screen and (max-width: 1500px) {
/* .m-idxcase .left{width: 470px;}
 .m-idxcase .right{width: 470px;}
 .m-idxcase .center{width: 360px;}*/
 .row2{padding: 40px 0 30px;}
 .m-idxcase .center .tit{font-size: 22px;}
 .m-idxcase .item .desc{font-size: 13px;}
}
@media only screen and (max-width: 1430px) {
  .m-idxcase .left{width: 420px;}
 .m-idxcase .right{width: 420px;}
 .m-idxcase .center{width: 360px;}
 .m-idxcase .left .item{padding-top: 22px;}
 .m-idxcase .right .item{padding-top: 22px;}
}
@media only screen and (max-width: 1230px) {
 .m-idxcase .center{width: 300px;top: 10px;}
 .m-idxcase .left{width: 360px;}
 .m-idxcase .right{width: 360px;}
 .m-idxcase .item .desc{font-size: 12px;}
 .m-idxcase .center .tit{font-size: 20px;margin-bottom: 10px;}
 .m-idxcase .center img{max-width: 300px;}
 .m-idxcase{padding: 10px 0;}
}
@media only screen and (max-width: 1023px) {
 .m-idxcase .center{position: relative;width: auto;height: auto;padding: 20px;padding-right: 50%;margin-bottom: 20px;}
 .m-idxcase .center img{max-height: 100%;}
 .m-idxcase .left{width: 50%;padding-right: 20px;}
 .m-idxcase .right{width: 50%;padding-left: 20px;}
 .row2{padding: 25px 0 10px;}
 .m-idxcase{padding: 0;}
 .m-idxcase .right .item::after{left: -20px;}
 .m-idxcase .left .item::after{right: -20px;}
}
@media only screen and (max-width: 767px) {
  .m-idxcase .left .item::after{display: none;}
  .m-idxcase .right .item::after{display: none;}
   .m-idxcase .left{padding-right: 5px;}
 .m-idxcase .right{padding-left: 5px;}
 .m-idxcase .left .item,.m-idxcase .right .item{padding: 10px;height: 150px;}
 .m-idxcase .item .tit{font-size: 16px;margin-bottom: 4px;}
 .m-idxcase .center img{max-width: 100px;}
 .m-idxcase .center{padding-right: 0;border:none;padding: 20px;}
 .m-idxcase .center .tit{font-size: 16px;}
 .m-idxcase .center .desc{font-size: 13px;}
 .m-idxcase .left .item, .m-idxcase .right .item{text-align: left;height: auto;margin-bottom: 10px;}
}
@media only screen and (max-width:500px) {
.m-idxcase .left{width: auto;float: none;padding-right: 0;}
.m-idxcase .right{width: auto;float: none;padding-left: 0;}

}

.row3 .top{
  overflow: hidden;
  padding: 8.85vw 0 13.54vw;
  background: url(../images/bg2.svg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.row3 .top .tit{
  font-size: 42px;
  color:#000000;
  margin-bottom: 17px;
}
.row3 .top .desc{
  font-size: 16px;
  color:#3D485D;
}
.row3 .bom{
  position: relative;
  top: -5.31vw;
  margin-bottom: -5.31vw;
  z-index: 1;
}
.swiper-idx1 {
  border-radius: 6px;
  box-shadow: 0px 0px 14px 1px #E9EEF5;
}
.swiper-idx1 .swiper-slide{

}
.swiper-idx1 .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
  width: 96px;
  height: 7px;
  background: #0052d9;
  border-radius: 10px;
}
.swiper-idx1 .con{
   background-color: #fff;
  height: 278px;
  padding: 1.61vw 1.56vw 0;
  border-right:1px solid #dee8f2;
}
.swiper-idx1 .tit{
  font-size: 18px;
  color:#000000;
  line-height: 56px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 12px;
}
.swiper-idx1 .tit img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.swiper-idx1 .desc{
  font-size: 14px;
  color:#3D485D;
  line-height: 1.71;
}
.swiper-idx2{
  position: relative;
}
.swiper-idx2 .swiper-button-next{
    width:0;
    height: 0;
    margin-top: -56.5px;
    opacity: 1!important;
    background-image: url(../images/next1.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -2;
}
.swiper-idx2 .swiper-button-prev{
    width:0;
    height: 0;
    margin-top: -56.5px;
    opacity: 1!important;
    background-image: url(../images/prev1.jpg);
    -webkit-background-size: cover;
    background-size: cover;

}
.swiper-idx2 .swiper-container{
  margin:0 -15px;
  padding:0 15px;
}
.swiper-idx2 .swiper-slide {
  padding: 18px 0;
}
.swiper-idx2 .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 35px;
  width: 56px;
  height: 46px;
  background: url(../images/ico10.png) no-repeat;
}
.swiper-idx2 .con{
  height: 210px;
  box-shadow: 0px 4px 19px 1px #E0E7F0;
  background-color: #fff;
  padding: 19px 35px 0;
}
.swiper-idx2 .ico img{
  display: block;
  margin:0 auto;
}
.swiper-idx2 .desc{
  font-size: 15px;
  color:#293957;
  line-height: 1.6;
  height: 3.2em;
  overflow: hidden;
  margin-bottom: 14px;
  margin-top: -6px;
}
.swiper-idx2 .name{
  text-align: right;
  font-size: 15px;
  color:#293957;
}
.swiper-idx2 .name i{
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 1px;
  background: #293957;
  margin-right: 6px;
}
@media only screen and (max-width: 1500px) {
 .row3 .top .tit{font-size: 36px;margin-bottom: 10px;} 
}
@media only screen and (max-width: 1430px) {
   .row3 .top .tit{font-size: 36px;}
}
@media only screen and (max-width: 1230px) {
  .row3 .top .tit{font-size: 30px;}
}
@media only screen and (max-width: 1023px) {
  .row3 .top .tit{font-size: 25px;}
  .swiper-idx1 .con{height: auto;padding: 20px;}
}
@media only screen and (max-width: 767px) {
 .row3 .top .tit{font-size: 20px;margin-bottom: 0;}
 .swiper-idx1 .tit{margin-bottom: 0;font-size: 16px;}
}
.row4{
  overflow: hidden;
  padding: 55px 0;
}
.row4 .g-tit1{
  margin-bottom: 20px;
}
.m-client{
  overflow: hidden;
  padding-top: 30px;
  width: 73.02vw;
  margin: 0 auto;
}
.m-client .pic{
  float: left;
  width:10.42vw;
  line-height: 10.42vw;
  height: 11.98vw;
  text-align: center;
  margin-right: 2.1vw;
  background: url(../images/ico29.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.m-client .pic img{
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}
.m-client .pic.p2{
  margin-top: -5.42vw;
}
.m-client .pic.p3{
  margin-top: -5.42vw;
}
.m-client .pic:nth-child(6){
  margin-right: 0;
}
.m-client .pic:nth-child(7){
  margin-left: 6.46vw;
}
.m-client .pic:nth-child(12){
  margin-left: 12.81vw;
}
@media only screen and (max-width: 1500px) {
/*.m-client .pic{width: 180px;height: 210px;line-height: 180px;}
.m-client .pic:nth-child(7){margin-left: 113px;}
.m-client .pic:nth-child(12){margin-left: 226px;}*/
.m-client .pic{margin-right: 2.1vw;}
}
@media only screen and (max-width: 1430px) {
  .row4{padding: 40px 0 20px;}
  .swiper-idx2 .desc{font-size: 13px;}
  .swiper-idx2 .con{height: 180px;padding: 10px 20px 0;}
  .m-client .pic{margin-right: 2vw;}
  /*.m-client .pic{width: 163px;line-height: 163px;height: 193px;}*/
}
@media only screen and (max-width: 1230px) {
  .row4{padding: 30px 0 10px;}
/*  .m-client .pic{margin-right: 20px;width: 145px;}
  .m-client .pic:nth-child(7){margin-left: 83px;}
  .m-client .pic:nth-child(12){margin-left: 167px;}*/
  .m-client{width:100%;}
  .m-client{padding-top: 10px;}
  .m-client .pic{margin-right: 2.1vw;}
}
@media only screen and (max-width: 1023px) {
.m-client{border-top: 1px solid #eee;border-left: 1px solid #eee;}
.m-client .pic{float: left;width: 33.33%;margin:0;background: none;height: 50px;line-height: 39px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.m-client .pic:nth-child(7),.m-client .pic:nth-child(12){margin:0;}
.m-client .pic.p3,.m-client .pic.p2{margin:0;}
.row4{padding: 20px 0;}
}
@media only screen and (max-width: 767px) {
.swiper-idx2 .desc{height: auto;margin-bottom: 0;}
.swiper-idx2 .con{height: auto;padding: 10px 15px 15px;}
}
.row5{
  overflow: hidden;
  padding: 69px 0 30px;
  background: #f6f7fb;
}
.row5 .g-tit1{
  margin-bottom: 2.03vw;
}
.m-inxtab2{
  position: relative;
  z-index: 5;
}
.ul-inxtab2{
  margin:0 auto;
  width: 57.71vw;
  height: 58px;
  background: linear-gradient(180deg, #F3F5F8, #FFFFFF);
  border: 2px solid #FFFFFF;
  box-shadow: 0px 3px 16px 1px #E0E7F0;
  border-radius: 30px;
  padding: 6px 6px 0;
}
.ul-inxtab2 li{
  float: left;
  /*width: 16.66%;*/
 width: 20%;
  cursor: pointer;
}
.ul-inxtab2 li .con{
   line-height: 43px;
  text-align: center; 
  font-size: 14px;
  color:#3D485D;
  border-radius: 30px;
}
.ul-inxtab2 li.on .con,
.ul-inxtab2 li:hover .con{
  background: #005de6;
  color:#fff;
}
.gtab2{
  height: 27.71vw;
  background:url(../images/ico30.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  clear:both;
  position: relative;
  top: -1.67vw;
  margin:0 -1.67vw 0;
  padding: 4.17vw 1.68vw 3.65vw;
}
.gtab2 .pic{
  float: left;
  width: 27.71vw;
  overflow: hidden;
  max-height: 19.17vw;
  margin-right: 48px;
}
.gtab2 .pic img{
  display: block;
  max-width: 100%;
  height: auto;
}
.gtab2 .txt{
  overflow: hidden;
  padding-right: 2.81vw;
}
.gtab2 .txt  .item{
  padding: 2.08vw 0;
}
.gtab2 .txt .item:first-child{
  border-bottom: 1px solid #f1f1f1;
}
.gtab2 .txt .tit{   
  font-size: 18px;
  color:#000000;
  line-height: 50px;
  margin-bottom: 4px;
}
.gtab2 .txt .tit img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.gtab2 .txt .desc{
  font-size: 14px;
  color:#495770;
  line-height: 1.71;
  height: 3.42em;
  overflow: hidden;
}
@media only screen and (max-width: 1500px) {
.row5{padding: 40px 0 20px;}
/*.ul-inxtab2{width: 1018px;}*/
/*.gtab2{height: 490px;}*/
.gtab2 .txt .item{padding:1.5vw 0;}
}
@media only screen and (max-width: 1430px) {
.ul-inxtab2{width: 948px;}
}
@media only screen and (max-width: 1230px) {
.ul-inxtab2{width: auto;}
.gtab2{top: 0;background: #fff;padding: 20px 0;height: auto;margin:10px 0 0;}
.row5{padding: 30px 0;}
}
@media only screen and (max-width: 1023px) {
.ul-inxtab2 li{width: 33.333%;margin-bottom: 8px;}
.ul-inxtab2{height: auto;overflow: hidden;border-radius: 10px;padding: 0;border:none;background: transparent;box-shadow: none;margin:0 -4px;}
.ul-inxtab2 li .con{background-color: #fff;margin:0 4px;}
.gtab2 .pic{width: auto;float: none;max-height:100%;margin-right:0;}
.gtab2 .pic img{margin:0 auto;}
.gtab2{padding: 0;}
.gtab2 .txt .item{padding: 20px;}
.gtab2 .txt{padding-right: 0;}
}
@media only screen and (max-width: 767px) {
.ul-inxtab2 li .con{font-size: 13px;line-height: 36px;}
.ul-inxtab2 li{width: 50%;}
.gtab2 .txt .tit{font-size: 16px;margin-bottom: 0;}
.gtab2 .txt .desc{height: auto;}
}
.row6{
  overflow: hidden;
  padding: 2.6vw 0 4.58vw;
}
.swiper-container.swiper-idx3{
  padding:  2.55vw 20px 20px;
  margin:0 -20px;
}
.swiper-idx3 .swiper-slide{
  height: 176px;
  background: linear-gradient(180deg, #F3F5F8, #FFFFFF);
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 19px 1px #E0E7F0;
  border-radius: 10px;
  position: relative;
  padding: 1.35vw 5.26vw 0 1.41vw;
  transition:all .5s;
}
.swiper-idx3 .swiper-slide:hover{
  margin-top: -10px;
}
.swiper-idx3  img{
  position: absolute;
  right: 1.41vw;
  bottom: 1.56vw;
  max-width: 4.17vw;
}
.swiper-idx3 .tit{
  font-size: 16px;
  color:#181818;
  margin-bottom: 13px;
}
.swiper-idx3 .desc{
  font-size: 14px;
  color:#4B5B76;
  line-height: 1.57;
}
@media only screen and (max-width: 1500px) {
.swiper-idx3 img{right: 5px;bottom: 5px;}
.swiper-idx3 .swiper-slide{padding-right: 10px;padding-left: 10px;}
.swiper-idx3 .desc{font-size: 13px;}
.swiper-idx3 .swiper-slide{height: 164px;}
}
@media only screen and (max-width: 767px) {
.row6{padding: 20px 0 10px;}
.swiper-idx3 .swiper-slide{height: 124px;padding:15px;}
}
.row7{
  overflow: hidden;
  background: #f3f5f8;
  padding: 50px 0 68px;
}
.row7 .g-tit1{
  margin-bottom: 2.19vw;
}
.m-newtab{
  box-shadow: 0px 4px 19px 1px #E0E7F0;
  background-color: #fff;
  border-radius: 6px;
  clear: both;
  padding-bottom: 40px;
}
.m-newtab .left{
  float: left;
  width: 195px;
  height: 556px;
  padding-left: 70px;
  padding-right: 57px;
  margin-top: 75px;
  border-right: 1px solid #d3dee9;
}
.m-newtab .left .more i{
  display: block;
  width: 49px;
  height: 49px;
  background: url(../images/pic4.jpg) no-repeat;
}
.m-newtab .left .more{
  width: 49px;
  text-align: center;
}
.ul-inxtab3{
  margin-bottom: 71px;
}
.ul-inxtab3 .con{
  display: block;
  font-size: 16px;
  color:#333333;
  padding-bottom: 9px;
  margin-bottom: 36px;
  border-bottom: 2px solid transparent;
}
.ul-inxtab3 li.on .con{
  border-color: #333333;
}
.m-newtab .right{
  overflow: hidden;
  min-height: 640px;
}
.m-newtab .right .first{
  overflow: hidden;
  margin-bottom: 46px;
  border-bottom: 1px solid #f1f1f1;
}
.m-newtab .right .first .pic{
  float: left;
  width: 320px;
  height: 294px;
  position: relative;
  margin-right: 26px;
}
.m-newtab .right .first .txt{
  overflow: hidden;
  padding-top: 63px;
  padding-right: 54px;
}
.m-newtab .right .first .tit{
  font-size: 22px;
  color:#23243D;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 13px;
  margin-bottom: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-newtab .right .first .desc{
  font-size: 14px;
  color:#606266;
  line-height: 1.71;
  margin-bottom: 35px;
  display: -webkit-box;  
      overflow: hidden;  
      text-overflow: ellipsis;  
      word-break: break-all;  
      -webkit-box-orient: vertical;  
      -webkit-line-clamp: 2;
}
.m-newtab .right .first .more{
  width: 92px;
  line-height: 24px;
  border:1px solid #dadada;
  color:#656565;
  padding-left: 18px;
  font-size: 12px;
  border-radius: 20px;
  /*background: url(../images/pic12.jpg) no-repeat right 20px center;*/
}
.swiper-idx4 .swiper-slide{
  padding: 0 2.08vw 40px;
  border-right: 1px solid #f0f0f0;
}
.swiper-idx4 .swiper-slide:nth-child(n+3){
  padding-bottom: 0;
}
.swiper-idx4  .txt{
  padding-left: 34px;
  background: url(../images/pic3.jpg) no-repeat top left;
}
.swiper-idx4 .tit{
  font-size: 17px;
  color:#23373D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.swiper-idx4 .desc{
  font-size: 12px;
  color:#606666;
  line-height: 2;
  height: 4em;
  display: -webkit-box;  
  overflow: hidden;  
  text-overflow: ellipsis;  
  word-break: break-all;  
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 2;
  margin-bottom: 22px;
}
.swiper-idx4 .more{
  width: 92px;
  line-height: 24px;
  border:1px solid #dadada;
  color:#656565;
  padding-left: 18px;
  font-size: 12px;
  border-radius: 20px;
  background: url(../images/pic5.jpg) no-repeat right 20px center;
}
@media only screen and (max-width: 1230px) {
.m-newtab .left{margin-top: 0;padding-top: 30px;height: auto;border-right: none;}
.m-newtab .right {border-left: 1px solid #eee;}
.m-newtab .right .first{margin-bottom: 0;}
.swiper-idx4 .swiper-slide{padding: 20px;}
.swiper-idx4 .swiper-slide:nth-child(n+3){padding-bottom: 20px;}
.m-newtab{padding-bottom: 0;}
.row7{padding: 30px 0 40px;}
.m-newtab .right .first .tit{font-size: 20px;}
.m-newtab .right{min-height: 520px;}
}
@media only screen and (max-width: 1023px) {
  .ul-inxtab3{margin-bottom: 0px;}
  .m-newtab .right .first .pic{display: none;}
  .m-newtab .right .first .txt{padding: 20px;}
  .ul-inxtab3 .con{margin-bottom: 18px;}
  .m-newtab .right .first .tit{font-size: 18px;}
}
@media only screen and (max-width: 767px) {
  .m-newtab .left{width: auto;float: none;padding: 15px;}
  .m-newtab .left .more{display: none;}
  .ul-inxtab3{overflow: hidden;}
  .ul-inxtab3 li{width: 33.33%;float: left;text-align: center;background: #f3f5f8;border-right:1px solid #fff;border-bottom:1px solid #fff;}
  .ul-inxtab3 .con{font-size: 14px;border:none;padding: 0;line-height: 36px;margin:0;}
  .ul-inxtab3 li.on .con{color:#0052d9;}
  .m-newtab .right .first .desc{margin-bottom: 10px;}
  .m-newtab .right .first .tit{font-size: 16px;padding-bottom: 6px;margin-bottom: 6px;}
  .row7{padding: 20px 0 30px;}
  .m-newtab .right .first .txt{padding: 0px 15px 15px;}

  .row7 .g-tit1{margin-bottom: 12px;}
  .swiper-idx4 .swiper-slide{padding: 15px;}
  .m-newtab .right{min-height: 100%;padding:0 15px 15px;}
  .swiper-idx4 .swiper-slide{border-right: none;}
  .swiper-idx4 .desc{margin-bottom: 10px;}
}
.footmore{
  overflow: hidden;
  background: url(../images/bg3.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 41px 0 30px;
  position: relative;
  color:#fff;
}
.footmore::after {
  content: '';
  display: block;
  position: absolute;
  right: 15%;
  top: -2.45vw;
  width: 16.25vw;
  height: 15.89vw;
  background: url(../images/ico24.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.footmore .tit{
  font-size: 20px;
  margin-bottom: 13px;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}
.footmore a{
  display: block;
  width: 126px; 
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color:#ECF3F9;
  border:1px solid #4982d6;
}
@media only screen and (max-width: 1500px) {
  .footmore::after{right: 8%;}
  .footmore .tit{font-size: 18px;}
}
@media only screen and (max-width: 1430px) {
  .footmore .tit{font-size: 18px;}
  .footmore::after{top: 0;}
}
@media only screen and (max-width: 1230px) {
.footmore .tit{font-size: 16px;}
.footmore::after{right: 20px;}
}
@media only screen and (max-width: 1023px) {
  .footmore .tit br{display: none;}
  .footmore .tit{max-width: 600px;}
  .footmore::after{top: 0;bottom: 0;height: 180px;width: 200px;}
}
@media only screen and (max-width: 767px) {
  .footmore{padding: 20px 0;}
  .footmore::after{width: 100px;height: 100px;bottom: 0;top: auto;}
  .footmore .tit{font-size: 13px;}
}
.footer{
  background: #f5f7fa;
  padding: 69px 0 20px;
}
.snav{
  overflow: hidden;
  padding-bottom: 40px;
  margin-bottom: 29px;
  border-bottom: 1px solid #d3d7de;
}
.snav dl{
  display: block;
  float: left;
  margin-right: 9.38vw;
  font-size: 14px;
  color:#495770;
}
.snav dl:nth-child(4){
  margin-right: 0;
}
.snav dl:last-child{
  margin-right: 0;
  float: right;
}
.snav dt{
  font-size: 15px;
  color:#000000;
  margin-bottom: 14px;
}
.snav .link a{
  display: block;
  font-size: 14px;
  color:#495770;
  line-height: 1.86;
}
.snav .desc{
  font-size: 14px;
  color:#495770;
  line-height: 1.86;
  width: 154px;
}
.snav .sys{
  padding-top: 3px; 
  margin-bottom: 18px;
}
.snav .img{
  padding-bottom: 20px;
  overflow: hidden;
}
.snav .img .pic{
  float: left;
  width: 82px;
  height: 82px;
  background-color: #fff;
  border-radius: 6px;
  border: 4px solid #fff;
  position: relative;
  margin-right: 18px;
  box-shadow: 0px 4px 5px 1px #E0E7F0;
}
.snav .tel{
  margin-bottom: 12px;
}
.snav .tel span{
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
}
.snav .more{
  width: 194px;
  line-height: 34px;
  background: #0052d9;
  display: block;
  color:#fff;
  font-size: 16px;
  text-align: center;
}
.links{
  overflow: hidden;
  margin-bottom: 4px;
}
.links span{
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color:#0052d9;
  margin-right: 12px;
}
.links a{
  display: inline-block;
  font-size: 14px;
  color:#495770;
  margin-right: 30px;
}
.copy,.copy span,.copy a{
  display: inline-block;
  font-size: 14px;
  color:#495770;
}
.copy a:hover{
  color:#0052d9;
}
@media only screen and (max-width: 1600px) {
.snav dl{margin-right: 8vw;}
}
@media only screen and (max-width: 1430px) {
  .snav dl{margin-right: 140px;}
  .footer{padding-top: 50px;}
}
@media only screen and (max-width: 1230px) {
  .snav dl{margin-right: 90px;}
}
@media only screen and (max-width: 1023px) {
  .snav dl{margin-right: 0;float: none;margin-bottom: 10px;}
  .snav .link a{float: left;margin-right: 10px;}
  .snav .link{overflow: hidden;}
  .snav dt{margin-bottom: 0px;}
  .snav .desc{width: auto;font-size: 13px;}
  .snav dl:last-child{float: none;}
  .footer{padding: 20px 0;}
  .snav{padding-bottom: 10px;margin-bottom: 20px;}
}
@media only screen and (max-width: 767px) {
  .links span{display: block;}
  .copy, .copy span, .copy a{font-size: 12px;}
}








/***Common module***/
.caseform{
  overflow: hidden;
  padding:3.4vw 0;
}
.caseform .tit{
  font-size: 32px;
  color:#313131;
  margin-bottom: 2px;
}
.caseform .tit span{
  float: right;
  display: block;
  font-size: 24px;
  color:#0052d9;
}
.caseform .desc{
  font-size: 14px;
  color:#939393;
  margin-bottom: 1.93vw;
}
.caseform .form{
  overflow: hidden;
  margin-bottom: 16px;
}
.caseform .item{
  float: left;
  margin-right: 1%;
}
.caseform .item p{
  font-size: 14px;
  color:#2F2F2F;
  margin-bottom: 10px;
}
.caseform .item p span{
  color:#A94C5F;
}
.caseform .item .inp{
  border:1px solid #e7e7e7;
  padding-left: 60px;
  position: relative;
  height: 50px;
}
.caseform .item .inp  .ico{
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center ;
}
.caseform  .item .inp input{
  display: block;
  height: 100%;
  color:#333;
  width: 100%;
}
.caseform .t1{
  width: 19%;
}
.caseform .t2{
  width: 19%;
}
.caseform .t3{
  width: 48%;
}
.caseform .btn{
  width: 11%;
  height: 50px;
  line-height: 50px;
  padding-left: 2.19vw;
  overflow: hidden;
  background: #0052d9 url(../images/ico31.png) no-repeat right 13% center;
  color:#fff;
  cursor: pointer;
  font-size: 14px;
}
.caseform .pp{
  font-size: 14px;
  color:#999999;
}



.row-faq{
  overflow: hidden;
  padding: 3.23vw 0 3.85vw;
}
.ul-faq{
  padding-top: 2.14vw;
}
.ul-faq li{
  overflow: hidden;
  margin-bottom: 20px;
}
.ul-faq .tit{
  line-height: 51px;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 40px;
  font-size: 17px;
  color:#23373D;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #f5f7fa url(../images/ico40.png) no-repeat right 67px center;
}
.ul-faq .tit i{
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #0052d9;
  margin-right: 26px;
}
.ul-faq .con{
  display: none;
  font-size: 14px;
  color:#606666;
  line-height: 1.71;
  padding: 20px 70px;
}
.ul-faq li.on .tit{
  background-color: #0052d9;
  color:#fff;
  background-image: url(../images/ico41.png);
}
.ul-faq li.on .tit i{
  background-color: #fff;
}

.g-slidercon{
      height: 176px;
    background: linear-gradient(180deg, #F3F5F8, #FFFFFF);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 4px 19px 1px #e0e7f0;
    border-radius: 10px;
    position: relative;
    padding: 26px 26px 0;
    transition:all .5s;
}
.g-slidercon:hover{
  margin-top: -10px;
}
.g-slidercon .ico{
  float: left;
  width: 5.31vw;
}
.g-slidercon .txt{
  overflow: hidden;
}
.g-slidercon .txt .tit{
  font-size: 16px;
  color:#181818;
  margin-bottom: 10px;
}
.g-slidercon .txt .desc{
  font-size: 14px;
  color:#4B5B76;
  line-height: 1.57;
}
.row-xgnew{
  overflow: hidden;
  padding: 3.8vw 0 5.31vw;
  background: #f5f7fa;
}
.row-xgnew .g-tit1{
  margin-bottom: 2.6vw;
}
.swiper-container.swiper-txt1{
    padding: 20px;
    margin: 0 -20px;
}
.row-xgcase{
  overflow: hidden;
  padding: 3.13vw 0 4.69vw;
}
.row-xgcase .g-tit1{
  margin-bottom: 1.56vw;
}
.swiper-case .pic{
  position: relative;
  padding-top: 67%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.swiper-case .pic img{
  transition:all .5s;
}
.swiper-case .swiper-slide:hover .pic img{
  -webkit-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
} 
.swiper-case .swiper-slide:hover .name{
  opacity:.5;
}
.swiper-case .name{
  font-size: 18px;
  color:#181818;
}
.swiper-case .desc{
  font-size: 16px;
  color:#4B5B76;
}
.row-xgcase .info{
  font-size: 14px;
  color:#4B5B76;
  line-height: 1.88;
}
.ul-imgtxt1{
  margin:0 -1.35vw;
  padding: 1.82vw 0;
  overflow: hidden;
}
.ul-imgtxt1 li{
  width: 25%;
  float: left;
  transition:all .5s;
}
.ul-imgtxt1 li:hover{
  margin-top: -10px;
}
.ul-imgtxt1 .con{
  background: linear-gradient(180deg, #F3F5F8, #FFFFFF);
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 0.99vw 1px #E0E7F0;
  border-radius: 8px;
  margin:0 1.35vw;
  height: 352px;
  padding: 1.56vw 1.77vw 0;
}
.ul-imgtxt1 .pic{
  text-align: center;
  overflow: hidden;
  height: 130px;
  line-height: 130px;
  margin-bottom: 15px;
}
.ul-imgtxt1 .pic img{
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}
.ul-imgtxt1 .tit{
  text-align: center;
  font-size: 16px;
  color:#181818;
  margin-bottom: 13px;
}
.ul-imgtxt1 .desc{
  font-size: 14px;
  line-height: 1.57;
  color:#4B5B76;
}
@media only screen and (max-width: 1700px) {
     .caseform .btn{padding-left:1vw;}
}
@media only screen and (max-width: 1500px) {
 
  .caseform .tit{font-size: 28px;}
  .ul-imgtxt1 .con{margin:0 5px;}
  .ul-imgtxt1{margin-left: -5px;margin-right: -5px;}
 
}
@media only screen and (max-width: 1430px) {
  
  .caseform .tit span{font-size: 22px;}
  
}
@media only screen and (max-width: 1230px) {

  .caseform .tit{font-size: 26px;}
  .g-slidercon .ico{width: 78px;}
  .caseform .tit span{font-size: 18px;}
  .ul-imgtxt1 .pic{height:90px;line-height:90px;}
  .ul-imgtxt1 .con{padding: 20px;height: 320px;}
  .ul-faq{padding-top: 10px;}
  .caseform .item{margin-bottom: 10px;}
  .g-slidercon:hover{margin-top: 0;}
  .ul-imgtxt1 li:hover{margin-top: 0;}
}
@media only screen and (max-width: 1023px) {
  .caseform .tit{font-size: 24px;}
  .caseform .t1,.caseform .t2,.caseform .t3{width: 100%;float: none;margin-right: 0;height: 40px;margin-bottom: 10px;}
  .caseform .item .inp .ico{height: 40px;width: 40px;}
  .caseform .item .inp{height: 40px;padding-left: 40px;}
  .row-faq{padding: 30px 0 20px;}
  .row-xgcase{padding: 30px 0 20px;}
  .ul-imgtxt1 li{width: 50%;margin-bottom: 20px;}
  .caseform .btn{width: 160px;padding:0 20px;background-position:right  20px center;}
}
@media only screen and (max-width: 767px) {
  .row-xgnew{padding: 30px 0 20px;}
  .caseform .tit{font-size: 20px;}
  .caseform .btn{width: 100%;height: 45px;line-height: 45px;}
  .g-slidercon{height: 160px;}
  .ul-faq .tit{background-position: right 20px center;padding: 0 40px 0 10px;font-size: 14px;line-height: 42px;}
  .ul-faq .tit i{margin-right: 8px;}
  .ul-faq .con{padding:10px;}
  .ul-faq li{margin-bottom: 10px;}
  .ul-faq li:last-child{margin-bottom: 0;}
  .caseform .tit span{display: block;float: none;}
  .ul-imgtxt1 li{width: auto;float: none;}
  .ul-imgtxt1 li .con{height: auto;box-shadow: 0px 4px 6px 1px #e0e7f0;}
  .ul-imgtxt1{padding-top: 10px;}
  .ul-imgtxt1 .desc{font-size: 13px;}
}

.hd-mobile{display: none;}
.mbseach{
  display: none;
  overflow: hidden;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
}
.mbseach .so{overflow: hidden;background: #CC0003;padding: 10px 15px;}
.mbseach .so input:first-child{
  width: calc(100% - 30px);
  float: left;
    background: #fff;
    display: block;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    padding: 0 10px;
}
.mbseach .so .sub{
  width: 20px;
  height: 30px;
  background: url(../images/ico2-so.png) no-repeat center;
  font-size: 0;
  cursor: pointer;
}
.mbso{
  position: fixed;
  z-index: 99;
  width: 60px;
  height: 60px;
  right: 50px;
  top: 0;
  background: url(../images/mbso.png) no-repeat center center;
}
@media only screen and (max-width: 1230px) {
  .menu{height: 60px;}

.logo{line-height: 60px;height: 60px;float: left;width: 220px;margin:0;background-size:auto 40px;}
.logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}

.hd-mobile{display: block;
      position: fixed;
      z-index: 10000;
      top: 0;
      width: 100%;
      left: 0;
      padding: 0 15px;
      background: #fff ;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
 .menuBtn{display: block;}
    .nav_mobile{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        width: auto;
        float: none;
        padding: 0;
        display: none;
        border-top:1px solid rgba(255, 255, 255, 0.1);
        overflow-y: scroll;
    }
    .nav_mobile li{position: relative; margin-bottom: 8px;}
    /* 一级菜单样式优化 */
    .nav_mobile li .v1{
        line-height: 52px;
        height: 52px;
        text-align: left;
        padding:0 24px;
        color:#fff;
        border-bottom: none;
        font-size: 15px;
        display: block;
        font-weight: 600;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 12px;
        margin: 0 12px;
    }
    .nav_mobile li .v1:active{
        background: rgba(0, 82, 217, 0.3);
        transform: scale(0.98);
    }
    .nav_mobile li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        background: url(../images/sel.png) no-repeat center center;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
    /* 二级菜单样式优化 */
    .nav_mobile li .sub{
        padding: 12px 12px;
        background-color: rgba(255, 255, 255, 0.05);
        display: none;
        border-bottom: none;
        margin: 0 12px 8px 12px;
        border-radius: 12px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .nav_mobile li.open .sub{
        max-height: 1000px;
        opacity: 1;
    }
    .nav_mobile li .sub a{
        padding: 0 20px 0 36px;
        text-align: left;
        line-height: 44px;
        height: 44px;
        color:rgba(255, 255, 255, 0.85);
        font-size: 14px;
        display: block;
        position: relative;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 10px;
        margin-bottom: 4px;
    }
    .nav_mobile li .sub a:last-child{
        margin-bottom: 0;
    }
    /* 二级菜单项前面加小圆点 */
    .nav_mobile li .sub a::before{
        content: '';
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        background: rgba(0, 150, 255, 0.8);
        border-radius: 50%;
        opacity: 0.7;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .nav_mobile li .sub a:active{
        background: rgba(0, 82, 217, 0.25);
        color: #fff;
        transform: translateX(4px);
    }
    .nav_mobile li .sub a:active::before{
        opacity: 1;
        background: #0096ff;
        transform: translateY(-50%) scale(1.5);
        box-shadow: 0 0 12px rgba(0, 150, 255, 0.6);
    }
    .nav_mobile .v1{height: 52px;line-height: 52px;text-align: left;color:#fff;padding-left: 24px;margin:0 12px;overflow: hidden;}
    .nav_mobile li:hover .v1,
    .nav_mobile li.on .v1{
        background: none;
    }
    .nav_mobile li .v1::after{display: none;}
  
}
#floatBottom{background:#f5f7fa;position:fixed;left:0;bottom:0;width:100%;z-index:2147483647;border-top:1px solid #d3d7de;display:none;}
#floatBottom a{height:65px;display:block;float:right;font-size:15px;color:#fff;line-height:65px;font-weight:bold;}
/*#floatBottom a:first-child{background:url(dt_icon1.png) no-repeat center 7px;width:30%;text-align:center;padding-top:38px;line-height:27px;color:#0052d9;}*/
#floatBottom a{width:40%;position:relative;padding:10px 4px;animation:scale 4s linear infinite; margin-right: 0px;}
#floatBottom a span{width:100%;display:block;height:45px;line-height:45px;font-size:16px;color:#FFF;border-radius:30px;padding-left:60px;
background: url(dt_icon2.png) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);

-moz-background: url(dt_icon2.png) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);
-webkit-background: url(dt_icon2.png) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);
-o-background: url(dt_icon2.png) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);
-ms-background: url(dt_icon2.png) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);
/*background:url(dt_ico2.svg) no-repeat 25px center,-moz-linear-gradient(left, #3845d7 0%, #366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-webkit-gradient(linear, left top, right right, color-stop(0%,#3845d7), color-stop(100%,#366cf5));*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-webkit-linear-gradient(left, #3845d7 0%,#366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-o-linear-gradient(left, #3845d7 0%,#366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-ms-linear-gradient(left, #3845d7 0%,#366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);*/

background-size:auto 26px;font-weight:normal;}

#floatBottom a span.span1{
background: url(dt_icon21.png) no-repeat 25px center,linear-gradient(to right, #d60a0a 0%,#f73434 100%);

-moz-background: url(dt_icon21.png) no-repeat 25px center,linear-gradient(to right, #d60a0a 0%,#f73434 100%);
-webkit-background: url(dt_icon21.png) no-repeat 25px center,linear-gradient(to right, #d60a0a 0%,#f73434 100%);
-o-background: url(dt_icon21.png) no-repeat 25px center,linear-gradient(to right, #d60a0a 0%,#f73434 100%);
-ms-background: url(dt_icon21.png) no-repeat 25px center,linear-gradient(to right, #d60a0a 0%,#f73434 100%);
/*background:url(dt_ico2.svg) no-repeat 25px center,-moz-linear-gradient(left, #3845d7 0%, #366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-webkit-gradient(linear, left top, right right, color-stop(0%,#3845d7), color-stop(100%,#366cf5));*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-webkit-linear-gradient(left, #3845d7 0%,#366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-o-linear-gradient(left, #3845d7 0%,#366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,-ms-linear-gradient(left, #3845d7 0%,#366cf5 100%);*/
/*background:url(dt_ico2.svg) no-repeat 25px center,linear-gradient(to right, #3845d7 0%,#366cf5 100%);*/

background-size:auto 26px;font-weight:normal;}

@keyframes scale {
0% {
    transform: scale(1);
}
12.5% {
    transform: scale(1.05);
}
25% {
    transform: scale(1);
}
37.5% {
    transform: scale(1.05);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(1);
}
}

.js-top{
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 9;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: none;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.9) url(../images/js-top.png) no-repeat center;
  -webkit-background-size: 26px auto;
  background-size: 26px auto;
}
.js-top:hover{
  opacity:.5;
}
@media only screen and (max-width: 1230px) {
    .js-top{bottom:80px;}
      #floatBottom{display: block;}
      /* 手机端底部留出空间给固定底栏 */
      body{padding-bottom: 0 !important;}
      .footer{padding-bottom: 65px;}
}


.hd_wrap{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);left:0;top:0;z-index:99999;display:none;}
.hd_pic{position:absolute;width:100%;left:0;top:50%;padding:1.6146% 0;
-webkit-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
     -o-transform:translateY(-50%);
        transform:translateY(-50%);}
.hd_jz{position:absolute;width:3.4375%;height:100%;left:0;top:0;z-index:1;}
.hd_jz img{display:block;width:100%;height:100%;}
.hd_jz.hr{left:3.4375%;transition:all 1.5s;}
.hd_img{width:0%;padding-bottom:29.7917%;position:relative;transition:all 1.5s;}
.hd_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;object-position:left top;}
.hd_img i{display:block;position:absolute;width:3%;height:10.0699%;right:4%;top:-10.5699%;border-radius:50%;background:url(hd_close.png) no-repeat center center rgba(0,0,0,.6);background-size:35% auto;display:none;cursor:pointer;}
.hd_img .hd_m{display:none;}
.hd_jz.hr.on{left:96.5625%;}
.hd_img.on{width:100%;}
@media only screen and (max-width: 1230px) {
    .hd_img .hd_pc{display:none;}
    .hd_img .hd_m{display:block;}
}
@media only screen and (max-width: 767px) {
    .hd_img i{width:40px;height:40px;top:-45px;}
}