@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:" PingFangSC, PingFang SC;","微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; touch-action: pan-x pan-y; min-width:1200px}
.dis-ib{
    display: inline-block;
}
img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}
input:-webkit-autofill { outline:none; border:0; background:#fff;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #333 !important;
    -webkit-background-clip: text;
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:link {color:#abb1bd;text-decoration: none}
a:visited {color:#abb1bd;text-decoration: none}
.news_t ul li a:visited{color:#2e66fe}
a:active {color:#343434;text-decoration: none}
a:hover {color:#0243af;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1200px; margin:0 auto}
.w1280 { width:1280px; margin:0 auto}
.w300 { width:300px;}
.w473 { width:473px;}
.w509 { width:509px;}
.w700 { width:700px;}
.none{display: none;}
.mc{
    margin-left: auto;
    margin-right: auto;
}
.of{
    overflow: hidden;
}
.cur{
    cursor: pointer;
}
.mt12{
    margin-top: 12px;
}
.mt6{
    margin-top: 6px;
}
.ml38{
    margin-left: 38px;
}
.ml142{
    margin-left: 142px;
}
.ml100{
    margin-left: 100px;
}
.mt167{
    margin-top: 167px;
}
.pl100{
    padding-left: 100px;
}
.pl147{
    padding-left: 147px;
}
.foot_2 .title{
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
}
.foot_2 .txt{
    line-height: 34px;
}
.foot_2 .txt a{
    color: #A6ACB7;
    cursor: pointer;
}
.foot_2 .txt a:hover{
    color: #fff;
}
.flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    
      
  
}
/* .flex:before,
.flex:after
{
    content: "";
    display: block;
} */

.c_line_l{
    display: inline-block;
    width: 31px;
    height: 1px;
    /* border: 1px solid; */
    position: absolute;
    left: 0px;
    top: 50%;
    background: url(../pic/images/index/lineL.png) no-repeat 0 center;
    /* border-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(23, 23, 23, 0.5)) 1 1; */
}
.c_line_r{
    display: inline-block;
    width: 31px;
    height: 1px;
    position: absolute;
    top: 50%;
    /* right: 0px; */
    /* border: 1px solid; */
    background: url(../pic/images/index/lineR.png) no-repeat 0 center;
    /* border-image: linear-gradient(90deg,rgba(23, 23, 23, 0.5), rgba(0, 0, 0, 0)) 1 1; */
}
.down_info{
    width: 154px;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 422px;
    margin-left: 156px;
    color: #999;
}
.index_1,
.index_2,
.index_3 {
    position: relative;
    /* background: url(./images/index/bg_mian.png) top no-repeat; */
}
.index_1_bg1{
    position: absolute;
    width: 50%;
    height: 868px;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: url(../pic/images/index/bg_line_L1.png);
}
.index_1_bg2{
    position: absolute;
    width: 50%;
    height: 868px;
    top: 0px;
    right: 0px;
    z-index: -1;
    background: url(../pic/images/index/bg_line_R1.png);
}
.index_2_bg1{
    position: absolute;
    width: 50%;
    height: 502px;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: url(../pic/images/index/bg_line_L2.png);
}
.index_2_bg2{
    position: absolute;
    width: 50%;
    height: 502px;
    top: 0px;
    right: 0px;
    z-index: -1;
    background: url(../pic/images/index/bg_line_R2.png);
}
.index_3_bg1{
    position: absolute;
    width: 50%;
    height: 747px;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: url(../pic/images/index/bg_line_L3.png);
}
.index_3_bg2{
    position: absolute;
    width: 50%;
    height: 747px;
    top: 0px;
    right: 0px;
    z-index: -1;
    background: url(../pic/images/index/bg_line_R3.png);
}
.index_1 .ysjImg{
    height: 579px;
    /* background:url('../pic/images/index/bng_02.png') no-repeat  38px center; */
    background:url('../pic/images/index/bng_02.png') no-repeat   center;
}
.index_1 .titleImg{
    /* visibility: hidden; */
    height: 81px;
    background:url('../pic/images/index/title_yycj.png') no-repeat center;
}
.index_1 .box2{
/* .index_2 .box2{ */
    padding-top: 76px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    margin-top: 167px;
    margin-left: 142px;
    width: 473px;
    height: 285px;
}
.index_1 .box2  p{
    padding-left: 32px;
    background:url('../pic/images/index/icon_cloud.png') no-repeat 0 50%;
}
.index_2 .ysjImg:nth-child(1){
    display: none;
}
.index_2 .ysjImg{
    width: 794px;
    height: 511px;
    background:url('../pic/images/index/bng_03.png') no-repeat  140px 18px;

}

.index_2 .box2 p{
    padding-left: 70px;
    background:url('../pic/images/index/icon_cloud.png') no-repeat 32px 50%;
 }
 .index_3 .ysjImg{
    width: 648px;
    height: 525px;
    background:url('../pic/images/index/bng_04.png') no-repeat ;

}
.index_3 .box2 p{
    padding-left: 34px;
    background:url('../pic/images/index/icon_cloud.png') no-repeat 0px 50%;
 }
.index_2 .box2{
    padding-top: 76px;
    margin-top: 80px;
    margin-left: 0px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    width: 367px;
    height: 278px;
}
.index_2  img{
    width: 654px;
    margin-left: 140px;
    margin-top:18px ;
    
}
.index_4 .titleImg{
    height: 80px;
    background:url('../pic/images/index/title_tycptx.png') no-repeat center;
}
.index_5 .titleImg {
    height: 80px;
    background: url(../pic/images/index/title_dzcptx.png) no-repeat center;
  }
.index_4,
.index_5  {
    position: relative;
    padding: 87px 0 0px 0;
    margin: 0 auto;
    
}
.index_6  {
    position: relative;
    line-height: 0px;
    padding: 0;
    background: url(../pic/images/index/btn_banner_bg.png);
}
.index_6 .titleImg {
    margin: auto;
    width: 1200px;
    position: relative;
    height: 100px;
    background: url(../pic/images/index/btn_banner.png) no-repeat center;
    background-size: 1200px 100px;
  }
.index_6 .qrcode {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 88px;
    margin-top: -44px;
    height: 88px;
    background: url(../pic/images/mobile/erweima.png) no-repeat center;
    background-size: cover;
  }
.index_3 .box2{
    padding-top: 76px;
    margin-top: 122px;
    margin-left: 48px;
    padding-left: 32px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    width: 548px;
    height: 239px;
}

.index_4 .bg1{
    background: url(../pic/images/index/element_L1.png) no-repeat;
    width: 202px;
    height: 233px;
    position: absolute;
    left: 0px;
    top: 150px;
    z-index: 999;
}
.index_4 .bg2{
    background: url(../pic/images/index/element_R1.png) no-repeat;
    width: 278px;
    height: 471px;
    position: absolute;
    right: 0px;
    bottom: -90px;
    z-index: 999;
}
.index_5 .bg1{
    background: url(../pic/images/index/element_L2.png) no-repeat;
    width: 174px;
    height: 222px;
    position: absolute;
    left: 0px;
    top: 86px;
    z-index: 999;
}
.index_4 .box,
.index_5 .box{
    display: flex;
    justify-content: space-between;
    padding:0 40px;
    width: 1155px;
    margin: 0 auto;
    margin-top: 126px;
    height: 418px;
    border: 1px solid #D8D8D8;
    border-left: 0px;
    border-radius: 38px;
    border-top-left-radius:0px ;
    border-bottom-left-radius:0px ;
}
.index_5 .box{
    border-bottom: 0px;
    border-right: 0px;
    border-radius: 0px;
}
.index_4 .box2,
.index_5 .box2{
    display: flex;
    justify-content: space-between;
    padding:0 40px;
    width: 1155px;
    margin: 0 auto;
   
}
.index_4 .box dd,
.index_5 .box dd,
.index_4 .box2 dd,
.index_5 .box2 dd{
    margin-top: -65px;
    width: 308px;
    text-align: center;
    background: url('../pic/images/index/icon_bullet.png') no-repeat 50% 54px;
}
.index_4 .box h1,
.index_4 .box2 h1,
.index_5 .box h1,
.index_5 .box2 h1{
    font-size: 28px;
    color: #20262B;
    line-height: 42px;
    text-align: center;
    
}
.index_4 .box dd .info,
.index_4 .box2 dd .info,
.index_5 .box dd .info,
.index_5 .box2 dd .info{
    width: 248px;
    height: 308px;
    margin: 48px auto 0px auto;
}
.index_4  dd .info p,
.index_5  dd .info p{
    color: #999999;
    line-height: 32px;
    text-align: left;
    padding:16px 24px;
    font-weight: 400;
    font-size: 18px;
}
.index_4 dd .info img,
.index_5 dd .info img{
    margin-top: 40px;
}
.index_4 .box dd:nth-child(2) .info,
.index_5 .box dd:nth-child(4) .info,
.index_4 .box2 dd:nth-child(3) .info{
    background: url('../pic/images/index/bg_purple.png') no-repeat;
}
/* .index_4 .box dd:nth-child(2) .info, */

.index_4 .box2 dd:nth-child(1) .info,
.index_4 .box dd:nth-child(3) .info,
.index_5 .box dd:nth-child(3) .info{
    background: url('../pic/images/index/bg_green.png') no-repeat;
}
.index_4 .box dd:nth-child(4) .info
/* .index_5 .box dd:nth-child(3) .info, */
{
    background: url('../pic/images/index/bg_blue.png') no-repeat;
}
.index_5 .box dd:nth-child(2) .info,
.index_4 .box2 dd:nth-child(2) .info{
    background: url('../pic/images/index/bg_org.png') no-repeat;
}

.rightBox{
    display: none;
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 66px;
    height: 160px;
    background: #fff;
    border-radius: 35px;
    z-index: 9999;
    right: 10px;
    bottom: 272px;
    border: 2px solid #dbe6ff;
}

.rightBox .androidImg{
    width: 72px !important;
    margin-left:0px  !important;
}
.rightBox .androidBtn:hover img{
    margin-left:0px  !important;
}
.rightBox .iosImg{
    width: 72px !important;
    margin-left:0px  !important;
}
.rightBox .tyImg{
    background: url(../pic/images/index/icon_xz.png) no-repeat 50% 16px;
    height: 80px;
    position: relative;
    background-color: #fff;
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;
}
.rightBox .tyImg:hover{
    background: url(../pic/images/index/icon_xz_hover.png) no-repeat 50% 16px;
    background-color: #266EFE; 
    color: #fff;
   
}
.rightBox .tyImg .downBox{
    display: none;
    position: absolute;
    top: -6px;
    right: 5px;
    transform: translateX(-50%);
    
    background-color: #fff;
    width: 125px;
    /* height: 32px; */
    cursor: pointer;
    box-shadow: 0px 0px 4px 0px rgba(7,7,7,0.23);
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #20262B;
    line-height: 20px;
}
.rightBox .tyImg .downBox .txt{
    font-size: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #999999;
    line-height: 17px;
    text-align: center;
}
.rightBox .tyImg .downBox div{
    /* width: 146px; */
    /* height: 50px; */
    line-height:24px;
    /* border: 1px solid;
    border-image: linear-gradient(270deg, rgba(238, 238, 238, 0), rgba(227, 227, 227, 1), rgba(216, 216, 216, 0)) 1 1; */
}
.rightBox .tyImg .downBox .line{
    width: 90px;
    margin: auto;
    border: 1px solid;
    border-image: linear-gradient(270deg, rgba(238, 238, 238, 0), rgba(227, 227, 227, 1), rgba(216, 216, 216, 0)) 1 1;
}
.rightBox .tyImg .downBox div:nth-child(1){
    line-height:42px;
}
.rightBox .tyImg:hover .downBox{
    display: block;
}
.rightBox .tyImg .downBox a{
   font-size: 12px;
}
.rightBox .tyImg .downBox a:hover{
   font-size: 12px;
   color: #266EFE;
}
.downBox i:before{
    color: #266EFE;
}
.rightBox .rocketDv{
    /* display: none; */
    /* position: fixed; */
    width: 66px;
    height: 80px;
    border-bottom-left-radius: 38px;
    border-bottom-right-radius: 38px;
    background: url(../pic/images/index/icon_hj.png) no-repeat 50% 10px;
    background-color: #fff;
  }
  .rocketDv:hover{
    background: url(../pic/images/index/icon_hj_hover.png) no-repeat 50% 10px;
    background-color: #266efe;
  }
  .rightBox .rocketDv:hover span ,
  .rightBox .tyImg:hover span {
    color: #fff;
  }
  .rightBox span {
    font-weight: 400;
    font-size: 14px;
    color: #20262b;
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -28px;
  }
  .rightBox .rocketDv span{
    bottom: 14px;
  }
  .index_1,
  .index_2,
  .index_3,
  .index_4,
  .index_5 {
    overflow: hidden;
  }
  .foot_2 p {
    color: #abb1bd;
  }
  .foot_title {
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    line-height: 22px;
    text-align: left;
  }
@media all and (max-width:1530px){
 .index_4 .bg2{
    width: 248px;
    height: 441px;
 }
}
@media all and (max-width: 1256px) {
    footer .foot_1 ul li {
        padding: 25px 22px 0 42px;
      }
      footer .foot_1 ul li h4 {
        font-size: 14px;
      }
      footer .foot_1 {
        height: auto !important;
        overflow: hidden;
      }
      footer .foot_1 .fr {
        width: 100%;
        padding-top: 20px;
      } 
      footer .w100 {
        width: 800px;
    }
}
@media all and (max-width:950px){
body { min-width: inherit}
.w100 { width:90%;}
}

 


header { position:fixed; left:0; top:0; right:0; height:61px; background:#20262B; z-index:8888}
header .logos { float:left; padding-top:10px}
header .logos img { display:block; height:40px}
header .nav { float:right;}
header .nav ul li { float:left; margin-left:50px; position:relative; height:61px; line-height:60px}
header .nav ul li a { display:block; color:#ccc}
header .nav ul li i { position:absolute; left:0; bottom:0; right:0; height:2px; background:#fff; display:none}
header .nav ul li.on i { display:block}
header .nav ul li.on a { color:#fff; font-weight:bold}
header .nav ul li u { display:none}

.head_r2 { display:none}
.head_r3 { display:none}

header .nav2 { display:none}

@media all and (max-width:950px){
header .nav { display:none; top:61px; left:0; width:50%; background:#F5F5F5; bottom:0; position:fixed}
header .nav ul li { float:none; margin-left:0px; border-top:0 none; padding:0 20px; line-height:50px; height:auto; position:relative}
header .nav ul li i { position:absolute; left:0; bottom:0; top:0; right:auto; height:100%;}
header .nav ul li a { font-size:14px; display:block; color:#333; text-align:left}
header .nav ul li.on a { color:#333;}
header .nav ul li:nth-child(3) { background:#fff}
header .nav ul li:nth-child(3) u { display:block; position:absolute; right:20px; top:0; line-height:50px; font-size:18px; text-decoration: none}

header .nav2 { display:none; top:61px; right:0; width:51%; background:#fff; bottom:0; position:fixed}
header .nav2 ul li { padding:0 20px; line-height:50px; height:auto}
header .nav2 ul li a { font-size:14px; display:block; color:#333; text-align:left}

header .head_r2 { display:block; font-size:18px; line-height:60px; float:right;}
header .head_r2 i { font-size:18px; color:#fff;}

.head_r3 { display:block; padding-top:12px; float:right}
.head_r3 a { display:block; padding:0 15px; border:1px #fff solid; line-height:36px; border-radius:18px; margin-right:15px; color:#fff; font-size:12px}
}

.banner { position:relative; z-index:1;  min-width:1200px; height:676px}
.banner .bd { height:676px}
.banner .bd ul li { height:676px; position:relative; }
.banner .bd ul li img.bar { display:none;}
.banner .bd ul li h1 { position:absolute; top:307px; left:50%; color:#20262B; font-size:38px; line-height:40px; text-indent: 17px;}
.banner .bd ul li h1 b { display:block; font-size:32px; padding-bottom:5px}
.banner .bd ul li h3 { position:absolute; top:195px; left:45%; color:#fff; font-size:18px; font-weight:normal; padding-top:20px}
.banner .bd ul li h3 i { position:absolute; left:0; top:0; width:50px; height:1px; background:#fff; display:block}
.banner .bd ul li h4 { position:absolute; top:458px; left:45%; margin-left: 104px;}
.banner .bd ul li .down_btn_info {position:absolute; color: #333; font-size: 12px; top:500px; left:45%; margin-left: 110px;}
.banner .bd ul li .history_info {position:absolute; color: #266EFE; font-size: 12px; top:500px; left:55%; margin-left: 110px;}
.banner .bd ul li h4 a { display:block; float:left; margin-right:22px; border:1px #266EFE solid; width:132px; height:36px; border-radius:18px;  line-height:36px; color:#fff; text-align:center; background-color: #266EFE; position:relative}
.banner .bd ul li h4 i { font-size:16px; padding-right:5px}
.banner .bd ul li h4 img { display:none; position:absolute; left:50%; margin-left:-60px; width:120px; top:38px}
.banner .bd ul li h4 a:hover { background:#fff; color:#266EFE}
.banner .bd ul li h4 a:hover i { color:#266EFE}
.banner .bd ul li h4 a:hover img { display:block}

.banner .bd ul li h5 { display:none}


@media all and (max-width:950px){
.banner { min-width:inherit; height:606px}
.banner .bd { height:606px}
.banner .bd ul li { height:606px; background:none !important}

.banner .bd ul li img.bar { position:absolute; left:50%; bottom:0; margin-left:-375px; display:block}
.banner .bd ul li h1 { top:95px; left:0; font-size:16px; width:100%; text-align:center}
.banner .bd ul li h1 b { font-size:24px; padding-bottom:25px}
.banner .bd ul li h3 { top:195px; left:0; font-size:16px; text-align:center; width:100%; padding-top:0px;}
.banner .bd ul li h3 i { left:50%; margin-left:-25px; top:-45px; height:2px;}
.banner .bd ul li h4 { display:none}

.banner .bd ul li h5 { display:block; position:absolute; left:5%; right:5%; bottom:45px}
.banner .bd ul li h5 a { display:block; float:left; width:45%; border:1px #fff solid; text-align:center; font-size:14px; color:#fff;  line-height:42px; border-radius:21px}
.banner .bd ul li h5 a:nth-child(2) { float:right}
}

/* .index_1 {  padding:80px 0 100px 0; width:1200px; margin:0 auto} */
.index_1 {  padding:80px 0 0px 0; margin:0 auto ; height: 788px;}
.index_1 .tac { padding-bottom:40px;     padding-top: 36px; position:relative}
.index_1 .tac img { display:block; height:81px; margin:0 auto}
.index_1 .tac h2 { position:absolute; left:0; top:0; width:100%; text-align:center; font-size:32px; line-height:50px}
.index_1 .tac h3 { position:absolute; left:0; top:50px; width:100%; text-align:center; font-size:18px; line-height:30px}

.index_1 ul { width:1204px;}
.index_1 ul li { float:left; width:172px; padding:10px 0; margin-top:10px}
.index_1 ul li a {  display:block; width:154px; height:230px; border-radius:10px; box-shadow:0 0 5px #ccc; background:linear-gradient(180deg, #FFFFFF, #F6F8FF); position:relative}
.index_1 ul li img { display:block; margin:0 auto; padding-top:41px; height:92px}
.index_1 ul li h3 { text-align:center; font-size:18px; line-height:30px}
.index_1 ul li p { position:absolute; width:24px; height:3px; background:url(../pic/images/ico_c1.png); left:50%; margin-left:-12px; top:18px}
.index_1 ul li h4 { text-align:center; color: #848484;}
.index_1 ul li h4 i { font-size:18px; color:#717E99; padding:0 3px}

.index_1 ul li:nth-child(8) { display:none}



@media all and (max-width:950px){
.index_1 { padding:40px 0 50px 0; width:90%}
.index_1 .tac { padding-bottom:40px; position:relative}
.index_1 .tac img { height:34px; padding-top:15px;}
.index_1 .tac h2 { font-size:18px; line-height:30px}
.index_1 .tac h3 { font-size:16px; line-height:20px; top:35px}

.index_1 ul { width:728px; margin:0 auto}
.index_1 ul li:nth-child(8) { display:block}
 

}
@media all and (max-width:730px){
.index_1 ul { width:516px;}
.index_1 ul li h3 { font-size:16px;}
}
@media all and (max-width:520px){
.index_1 ul { width:344px;}
}
 


.index_2 { padding:0px ; background:#F3F6FF; height: 502px;  }
.index_2 .tac { padding-bottom:50px; position:relative}
.index_2 .tac img { display:block; height:87px; margin:0 auto}
.index_2 .tac h2 { position:absolute; left:0; top:0; width:100%; text-align:center; font-size:32px; line-height:50px}
.index_2 .tac h3 { position:absolute; left:0; top:50px; width:100%; text-align:center; font-size:18px; line-height:30px}

.index_2 .index_c2 img { display:block; margin:0 auto; width:737px}
.index_2 .index_c2 img.img2 { display:none;}


@media all and (max-width:950px){
.index_2 { padding:40px 0 50px 0; min-width:inherit; background:#fff}
.index_2 .tac { padding-bottom:40px; position:relative}
.index_2 .tac img { height:34px; padding-top:15px;}
.index_2 .tac h2 { font-size:18px; line-height:30px}
.index_2 .tac h3 { font-size:16px; line-height:20px; top:35px}


.index_2 .index_c2 img { display:none; width:100%; max-width:540px}
.index_2 .index_c2 img.img2 { display:block;}
}


.index_3 { height:746px; background:#3879FE; min-width:1200px; position:relative}
.index_3 .w100 { padding-top:47px; position:relative;}
.index_3 .tal { position:relative}
.index_3 .tal img { display:block; height:92px;}
.index_3 .tal h2 { position:absolute; left:10px; top:0; font-size:32px; line-height:50px; color:#fff}

.index_3 h3 { font-size:36px; color:#fff; line-height:60px}
.index_3 .tar { position:absolute; right:0; top:60px}
.index_3 .tar img { display:block; height:240px;}

@media all and (max-width:950px){
.index_3 { height:440px; min-width:inherit;}
.index_3 .w100 { padding-top:47px; position:relative;}
.index_3 .tal img { height:34px; padding-top:15px; display:block; margin:0 auto}
.index_3 .tal h2 { left:0px; top:0; font-size:18px; line-height:30px; color:#fff; width:100%; text-align:center}

.index_3 h3 { font-size:16px; color:#fff; line-height:60px; text-align:center}
.index_3 .tar { position:relative; right:auto; top:auto}
.index_3 .tar img { margin:0 auto}
}




/* footer { background:#191F24; padding:35px 0 30px 0} */
footer { background:#191F24; padding:0px 0 30px 0}
footer .fr { text-align:center; color:#fff}
footer .fr img { display:block; padding-bottom:5px; height:90px}
footer .foot_1 { height:130px; border-bottom:1px #979797 solid}
/* footer .foot_1 ul li { float:left; padding:25px 60px 0 50px; position:relative} */
footer .foot_1 ul li { float:left; padding:25px 46px 0 50px; position:relative}
footer .foot_1 ul li i { display:block; position:absolute; left:0; top:31px; width:37px; height:37px;}
footer .foot_1 ul li i.fo1 { background:url(../pic/images/footer_ico1.jpg)}
footer .foot_1 ul li i.fo2 { background:url(../pic/images/footer_ico2.jpg)}
footer .foot_1 ul li h3 { font-size:14px; line-height:18px; color:#A6ACB7}
footer .foot_1 ul li h4 { font-size:18px; line-height:30px; color:#fff}

footer .foot_2 { padding-top:30px; line-height:22px}
footer .foot_2 h3 { color:#A6ACB7}
footer .foot_2 h3 a { color:#A6ACB7}
footer .foot_2 p { color:#62728F}
footer .foot_2 p a { color:#62728F}


@media all and (max-width:950px){
footer .fr { display:none; width:100%; padding-top:20px}
footer .foot_1 { height:auto; overflow:hidden; padding-bottom:15px}
footer .foot_1 ul li { padding:25px 30px 0 48px; }
footer .foot_1 ul li h3 { font-size:12px;}
footer .foot_1 ul li h4 { font-size:16px;}

footer .foot_2 h3 { font-size:13px}
footer .foot_2 p { font-size:12px; padding-top:10px; line-height:20px}
footer .foot_2 .fr{
    display: block;
}
.index_1_bg1,
.index_1_bg2,
.index_2_bg1,
.index_2_bg2,
.index_3_bg1,
.index_3_bg2,
.foot_2 .flex {
  display: none;
}
footer {
  padding: 0px 0 30px 0;
}
footer .foot_2 {
  padding-top: 14px;
}
footer .foot_1 ul {
  overflow: hidden;
}
footer .foot_1 ul li:nth-child(2),
footer .foot_1 ul li:nth-child(4) {
  padding: 25px 0px 0 70px;
  width: 100px;
}
footer .foot_1 ul li:nth-child(2) i,
footer .foot_1 ul li:nth-child(4) i {
  left: 24px;
}

footer .foot_1 ul li {
  padding: 25px 0px 0 42px;
  width: 128px;
}

footer .fr .fr2:last-child {
  padding-left: 30px !important;
}
footer .foot_1 ul li:last-child {
  margin-left: 0px !important;
}
footer .w100 {
  width: 343px;
}

}
 
@media all and (max-width:950px){
.gonglue .fankui_left { float:none; width:95%; margin:0 auto}
.gonglue .fankui_left .fankui_title h1 { padding:18px 20px; font-size:16px; line-height:24px; height:auto; text-align:left}

.gonglue .fankui_left .fankui_list img { max-width:100%}
}


.tc { position:fixed; z-index:8888; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.6); display:none}
.tc .tc_faz { width:460px; height:220px; position:absolute; left:50%; margin-left:-230px; top:50%; margin-top:-110px; border-radius:20px; overflow:hidden; background:#fff}
.tc .guanbi { position:absolute; right:15px; top:15px; display:block; width:26px; height:26px; cursor:pointer; background:url(../pic/images/guanbi.png); background-size:100% 100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none; z-index:22}
.tc .guanbi:hover { transform:rotate(180deg)}


.tc h2 { line-height:50px; text-align:center; color:#20262B; font-size:18px; position:relative; margin-bottom:20px; z-index:11; padding-top:15px}
.tc .fr { padding-right:37px; width:82px; text-align:center}
.tc .fr img { display:block; width:82px; padding-bottom:5px}
.tc .ft { padding-left:37px;}
.tc .ft p { color:#666; line-height:32px}
.tc .ft i { display:block; float:left; width:20px; height:20px; margin-right:10px; text-align:center; line-height:20px; color:#fff; font-size:12px; border-radius:50%; margin-top:5px}
.tc .ft i.fa-qq { background:#1F00FF}
.tc .ft i.fa-envelope { background:#2AA5FF}



@media all and (max-width:950px){
.tc .tc_faz { width:90%; height:280px; left:5%; margin-left:0; top:50%; margin-top:-140px;}
.tc h2 { font-size:16px;}
.tc .fr { padding-right:0; float:none; width:auto}
.tc .ft { float:none}
.tc .fr img { margin:0 auto; padding-top:0px}
}

@media all and (max-width: 950px){
    .img_top_mobile_banner{
        display: block !important;
        width: 100%;
        margin: 0 auto;
    }
    .img_top_pc_banner{
        display: none;
    }
    banner .div_top_mobile_banner{
        display: block !important;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    banner .qr_top_mobile_banner{
        position: absolute;
        /* margin-right: 100px; */
        width: 25%;
        right: 1%;
        top: 12%;
    }
    banner .div_top_pc_banner{
        display: none;
        position: relative;
        width: 1200px;
    }
    banner .qr_top_pc_banner{
        position: absolute;
        width: 7%;
        right: 1%;
        top: 7%;
    }
}

.isHuawei{text-align:center}
.isHuawei a:nth-child(2){ float:none !important;    display: inline-block !important}