@charset "utf-8";
a,img { vertical-align: top; }

.container2 { width: 71%; margin: 0 auto; }
.ny_container1 { width: 96%; margin: 0 auto; }
.ny_container2 { width: 71%; margin: 0 auto; }
.img100{overflow: hidden;}
.img100 img{line-height: 0;width: 100%;}
.relative{position: relative;}
.hidden{overflow: hidden;}
.left{float: left;}
.right{float: right;}
.lineheight1_2{line-height: 1.2 !important;}
.lineheight1_4{line-height: 1.4 !important;}
.lineheight1_6{line-height: 1.6 !important;}
.lineheight1_8{line-height: 1.8 !important;}
.lineheight2{line-height: 2 !important;}
.center{text-align: center;}
.mo_header{display: none;}

.header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.home_banner .ul{
    position: absolute;
    right: 2.35%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    width: 150px;
}

.home_banner .ul li{
    padding-right: 30px;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 12px;
    line-height: 1.4;
    position: relative;
}

.home_banner .ul li:last-child{margin-bottom: 0;}

.home_banner .ul li:before{
    position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ffffff;
    transition: all 0.4s;
}

.home_banner .ul li .wz{opacity: 0;}
.home_banner .ul li.cur .wz{opacity: 1;}
.home_banner .ul li:after{
     position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 16px;
    height: 0;
   
   background: #fff;
    transition: all 0.4s;
}
.home_banner .ul li.cur:after{height: 16px;border: 1px solid #ffffff;}

.home_banner .swiper-pagination{
    display: none;
}
.header .left{
    padding-top: 20px;
    width: 163px;
}

.header .right{
    float: right;
}

.header .right .ul li{
    float: left;
    position: relative;
    margin-right: 45px;
}
.header .right .ul li:before{
    width:0;
    height:2px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
    transition:all 0.4s;
    content:"";
}
.header .right .ul li:last-child{margin-right: 0;}
.header .right .ul li > a{
    padding: 24px 0;
    display: block;
    color: #fff;
    position: relative;
    font-size: 16px;
}

.header .right .ul li > a.gd{
    padding-right: 16px;
}

.header .right .ul li > a.gd:after{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 6px;
    background: url(../images/home_nav_jt.png) center center/cover;
    content: "";
}

.header .right .ul li.cur:before,.header .right .ul li:hover:before{width:100%;}

/*下拉开始*/
.header .right .ul li .xiala{
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(200% + 30px);
    padding: 36px 36px 0 36px;
    background: #fff;
    /*display: none;*/
}

.header .right .ul li .xiala .xiala_nr{
    padding-bottom: 14px;
    border-left: 1px solid #ededed;
    padding-left: 20px;
    position: relative;
}


.header .right .ul li .xiala .xiala_nr .k{
    position: absolute;
    height: 22px;
    width: 3px;
    background: #01c8ff;
    content: "";
    top: -3px;
    left: -1px;
    transition: all 0.4s;
}

.header .right .ul li .xiala a{
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    margin-bottom: 26px;
    transition: all 0.3s;
}
.header .right .ul li .xiala a.cur{
    color: #0863c4;
}
.header .right .ul li:hover .xiala{
    display: block !important;
}

@media(max-width: 1500px){
    .header .right .ul li .xiala{
            padding: 30px 30px 0 30px;
    }
    .header .right .ul li .xiala a{font-size: 14px;margin-bottom: 20px;}
}
/*end*/
.header .right2{float: right;margin-left: 40px;padding: 24px 0;margin-top: 3.5px;}
.header .right2 .icon{
    float: left;
    margin-right: 20px;
}

.header .right2 .icon:last-child{margin-right: 0;}
.home_banner .box .text{
    position: absolute;
    left: 30%;
    right: 0;
    top: 40.6%;
    opacity: 0;
    transition: all 2.5s;
}

.home_banner .box .img img{
    transform: scale(1.2);
     transition: all 2s;
}
.home_banner .swiper-slide.cur .box .img img{
    transform: scale(1);
}
.home_banner .swiper-slide.cur .box .text{
    opacity: 1;
    left: 0;
}

.home_banner .box .text .bt{
    color: #ffffff;
    font-size: 49px;
    line-height: 1.4;
}
.home_banner .box .text .bt_1{
    font-size: 75px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 20px;
}
.home_banner .box .text .js{
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
}

.home_banner .box .text .more{
    margin-top: 70px;
}

.xxgd{
    position: absolute;
    right: 2.35%;
    bottom: 0;
    width: 14px;
    padding-bottom: 54px;
    z-index: 3;
    color: #fff;
}

.xxgd i{
    width: 3px;
    height: 44px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #c3cbd8;
    bottom: 0;
}

.xxgd i:before{
    background: #01c8ff;
    content: "";
    width: 100%;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sbxh 2s linear infinite;
}

@-webkit-keyframes sbxh{    
    0%{top:0; opacity: 1;}
    25%{top:25%; opacity: 0.75;}
    50%{top:50%; opacity: 0.5;}
    75%{top:75%; opacity: 0.25;}
    100%{top:100%; opacity: 0;}
} 


.more,a.more{
    display: inline-block;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 16px;
    padding: 14px 14px 14px 14px;
    line-height: 1;
    position: relative;
}

.more:after,a.more:after{
    width: 9px;
    height: 9px;
    content: "";
    position: absolute;
    top: -9px;
    right: -9px;
    background: rgba(255, 255, 255, 0.12);
}

.more i,a.more i{
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    transition: all 0.4s;
    background: url(../images/more_jt1.png) right 18px center no-repeat rgba(255, 255, 255, 0.2);
}

.more:hover i,a.more:hover i{
    width: 100%;
}
.footer{
    background: #1c1c1c;
}

.footer .top{
    font-size: 14px;
    background: #202020;
     padding: 26px 0;
}
.footer .top .right{
    font-size: 14px;
    color: #838383;
}
.footer .top .box{
    float: left;
    width: 922px;
    position: relative;
   
    color: #a7a7a7;
}
.footer .top .bt,.footer .top .lb a{
    color: #a7a7a7;
}

.footer .top .bt{
    float: left;
    width: 70px;
}

.footer .top .lb{
    float: left;
    width: calc(100% - 70px);
    height: 20px;
    overflow: hidden;
    transition: all 0.5s;
}
.footer .top .lb a{
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.footer .top .an{
    float: left;
    right: 0;
    top: -4px;
    padding: 6px 0;
    position: absolute;
    color: #999999;
    font-size: 14px;
    border: 1px solid #515151;
    width: 80px;
    right: -80px;
    cursor: pointer;
    text-align: center;
}

.footer .top .an i{
    display: inline-block;
    vertical-align: middle;
    background: url(../images/footer_jt.png) center center/cover;
    width: 13px;
    height: 7px;
    margin-right: 8px;
    transition: all 0.4s;
}

.footer .top .an.cur i{
    transform-origin: center center;
     transform: rotate(180deg);
}

.footer .btm{
    padding: 50px 0 80px;
}

.footer .btm .logo{
    float: left;
    width: 9.3%;
}

.footer .btm .zhong{
    width: 20%;
    float: left;
    margin-left: 8.1%;
}

.footer .btm .zhong .ul{
    float: left;
    width: 50%;
    padding-right: 20px;
}

.footer .btm .zhong .ul li{
    margin-bottom: 16px;
}
.footer .btm .zhong .ul li:last-child{margin-bottom: 0;}
.footer .btm .zhong .ul li a{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}
.footer .btm .zhong .ul2 li a{
    font-size: 15px;
    color: rgba(255, 255, 255, 0.4);
}

.footer .btm .right{
    float: right;
}

.footer .btm .right .text{
    line-height: 2;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}
.footer .btm .right .text .num{
    font-size: 34px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
}
.banquan{
    border-top: 1px solid #292929;
    padding: 26px 0;
    background: #1c1c1c;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
}

.banquan a{
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
}

.home_a{
  padding: 40px 0 0;
}

.home_a .ul{
    position: relative;
}

.home_a .ul li{
  float: left;
/*
  padding-right: 20px;*/
  position: relative;
  width: 364px;
}

.home_a .ul li:last-child{
    float: right;
}

.home_a .ul li:nth-child(2){
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.home_a .ul li .img{
  float: left;
  width: 64px;
}

.home_a .ul li .text{
  float: left;
  padding-left: 20px;
  width: calc(100% - 64px);
}

.home_a .ul li .text .bt{
  color: #333333;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.home_a .ul li .text .wenzi{
  color: #333333;
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.6;
}


@media(max-width: 1450px) {
    .home_a .ul li{
      float: left;
    /*
      padding-right: 20px;*/
      position: relative;
      width: 275px;
    }
}

@media(max-width: 1100px) {
    .home_a .ul li{
      float: left;
    /*
      padding-right: 20px;*/
      position: relative;
      width: 100%;
    }

    .home_a .ul li:nth-child(2){
        position: initial;
        margin: 20px 0;
        transform: translateX(0);
    }
}

.ty_title{
    margin-bottom: 40px;
}

.ty_title .bt{
    float: left;
    font-size: 34px;
    color: #000000;
    line-height: 1.4;
    padding-left: 20px;
    position: relative;
}

.ty_title .bt i{
    height: 30px;
    width: 8px;
    background: #0863c4;
    position: absolute;
    left: 0;
    top: 6px;
     
}
.ty_title .bt i:after{
    content: "";
    height: 26%;
    width: 100%;
    background: #01c8ff;
    position: absolute;
    left: 0;
    top: 0;
    transition:all 0.4s;
}

.ty_title .bt i.animated:after {
     animation:Title 1.2s 1;/*animin*/
}

.ty_title .js{
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
    float: left;
    padding-left: 12px;
    margin-top: 18px;
}
.ty_title .text{
    color: #333333;
    line-height: 1.8;
    margin-top: 16px;
}
.ty_title2 .js{width: 100%;padding-left: 20px;margin-top: 12px;}

.center .ty_title .bt{display: inline-block;float: none;}

.home_b{
    background: #f7f9fb;
}

.home_b .home_b_box{

    padding: 100px 0 110px;
}



.home_b .ul .box{
    width: 32.1%;
    margin-right: 1.85%;
    float: left;
    background: #fff;
    height: 700px;
    overflow: hidden;
}

.home_b .ul .box .text{
    padding: 46px 56px;
}

.home_b .ul .box:last-child{margin-right: 0;}

.home_b .ul .box .text .top .left{
    width: 54px;
}
.home_b .ul .box .text .top .left img{line-height: 0;}

.home_b .ul .box .text .top .right{
    float: left;
    padding-left: 16px;
    width: calc(100% - 58px);
}

.home_b .ul .box .text .top .right .bt{
    color: #333333;
}

.home_b .ul .box .text .top .right .en{
    color: rgba(51, 51, 51, 0.34);
    margin-top: 3px;
}

.home_b .ul .box .text .btm .js{
    color: #333333;
    line-height: 1.6;
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #e8eaec;
}

.home_b .ul .box .text .btm .wenzi{
    margin-top: 14px;
    line-height: 2;
    color: #666666;

}

.home_b .ul .box .text .btm .wenzi ul li{
    margin-bottom: 6px;
    padding-left: 16px;
    position: relative;
}

.home_b .ul .box .text .btm .wenzi ul li:last-child{margin-bottom: 0;}
.home_b .ul .box .text .btm .wenzi ul li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #0863c4;
}

.home_c{
    padding: 140px 0 130px;
    background: #323537;
}
.home_c .ty_title .bt,.home_c .ty_title .js{color: #fff;}
.home_c .left{
    width: 45.5%;
    position: relative;
    z-index: 2;
}

.home_c .left .nr{
    width: 90%;
   
    background: rgba(255, 255,255, 0.04);
    line-height: 1.6;
    color: #fff;
    position: relative;
}

.home_c .left .nr:before{
    position: absolute;
    left: -46px;
    top: -46px;
    width: 46px;
    height: 46px;
    background: rgba(255, 2555,255, 0.02);
    content: "";
}

.home_c .left .nr:after{

}


.home_c .left .nr:after{
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 46px;
    height: 46px;
    background: rgba(255, 2555,255, 0.02);
}
.home_c .left .nr .box{
     padding: 36px 40px;
     position: relative;
}

.home_c .left .nr .box:before{
    position: absolute;
    left: -76px;
    top: 0;
    width: 30px;
    height: 30px;
    background: rgba(255, 2555,255, 0.02);
    content: "";
}
.home_c .left .nr .h3,.home_c .left .nr .h4{
   font-weight: initial;
}

.home_c .left .text{
    color: #fff;
    margin-top: 70px;
    line-height: 1.8;
}

.home_c .right{
    width: 40%;
    position: relative;
    z-index: 2;
    padding-right: 100px;
}


.home_c .right .ul li{
    float: left;
    width: 50%;
    height: 280px;
    background: #0863c4;
    color: #fff;
    position: relative;
    
}
.home_c .right .ul li.li2{
    background: #01c8ff;
}
.home_c .right .ul li.li3{background: none;}
.home_c .right .ul li.li4{
    background: none;
    border: 3px solid #01c8ff;
}

.home_c .right .ul li .box{
    padding: 40px;
}

.home_c .right .ul li.li4 .box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #01c8ff;
}

.home_c .right .ul li.li1:before{
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0;
    background: #0685d8;
}

.home_c .right .ul li.li3:before{
    width: 70px;
    height: 70px;
    background: #109cc3;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.home_c .right .ul li.li3 .bg{
    background: #36393b;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 30%;
    left: 30%;
    display: block;
}

.home_c .right .ul li.li3 .bg2{
    width: 24px;
    height: 24px;
    bottom: 20%;
    top: auto;
    left: 10%;
}

.home_c .right:before{
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 18%;
    right: -20px;
    content: "";
    background: #36393b;
}

.home_c .tua{
    width: 88px;
    height: 88px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
}

.home_c .tua:before{
    width: 68%;
    height: 68%;
    position: absolute;
    right: 0;
    top: 0;
    background: #36393b;
    content: "";
}

.home_c .tua:after{
     width: 32%;
    height: 32%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #36393b;
    content: "";
}

.home_d{
    padding: 110px 0 100px;
}
.home_d .ul{
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.home_d .ul li{
    width: 16.66%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    transition: all 0.4s;
    position: relative;

}

.home_d .ul li:hover{
    z-index: 9;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.home_d .ul li .img{
    line-height: 0;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    transition: all 0.3s;
}

.home_d .ul li:hover .img{
     -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);
}


.tit a{
    color: #666666;
    font-size: 16px;
    float: left;
    margin-right: 40px;
    padding: 16px 0 10px;
    position: relative;
}

.tit a:last-child{margin-right: 0;}
.tit a.cur{
    color: #0e57ac;
}
.tit a:after{
    height: 4px;
    background: #01c8ff;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    transition: all 0.5s;
    overflow: hidden;
}
.tit a:before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #0863c4;
    z-index: 1;
    transition: all 0.4s;
    overflow: hidden;
}
.tit a.cur:after,.tit a:hover:after{
    width: 5px;
}
.tit a.cur:before,.tit a:hover:before{
    width: 100%;
}

.home_e{
    padding: 60px 0 120px;
}
.home_e .ul{display: none;}
.home_e .ul.cur{display: block;}
.home_e .ul li{
    width: 33.1%;
    margin-right: 0.35%;
    float: left;
    margin-bottom: 6px;
    position: relative;
    overflow:hidden;
}

.home_e .ul li:before{
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    top:0;
    left:0;
    /*background:#fff;*/
    z-index:9;
        transition: 1s;
}

.home_e .ul.animated li:before{
    left:100%;
}
.home_e .ul li .video{position:relative;}
.home_e .ul li .video video{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:3;
}
/* .home_e .ul li .video img{opacity:0;} */

.home_e .ul li .bg .more{
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    border: 1px solid #fff;
    padding: 8px 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.home_e .ul li.none{margin-right: 0;}
.home_e .ul li:nth-child(1){
    width: 66.55%;
}

.home_e .ul li .img img{
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
}

.home_e .ul li:hover .img img{
    transform: scale(1.1);
}

.home_f{
    padding: 100px 0 130px;
    background: #fafafa;
}
.home_f .nr{display: none;}
.home_f .nr.cur{display: block;}
.home_f .nr .nr_s .ul li{
    float: left;
    width: 47.7%;
    margin-right: 4.6%;
} 

.home_f .nr .nr_s .ul li:last-child{margin-right: 0;}
.home_f .nr .nr_s .ul li .text{
    padding: 24px 0;
}

.home_f .nr .nr_s .ul li .text .bt{
    color: #000000;
     overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}

.home_f .nr .nr_s .ul li .text .time{
    color: #000000;
    margin-top: 10px;
     overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}

.home_f .nr .nr_s .ul li .text .js{
    color: #666666;
    line-height: 1.6;
    margin-top: 10px;
}

.home_f .nr .nr_x{
    padding: 10px 0;
}

.home_f .nr .nr_x .ul li{
    float: left;
    width: 47.7%;
    margin-right: 4.6%;
    border-top: 1px solid #e5e7e9;
    border-bottom: 1px solid #e5e7e9;
}

.home_f .nr .nr_x .ul li:last-child{margin-right: 0;}
.home_f .nr .nr_x .ul li a{
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    padding: 10px 0 10px 10px;
    position: relative;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}

.home_f .nr .nr_x .ul li a:nth-child(2n){
    margin-right: 0;
}

.home_f .nr .nr_x .ul li a:before{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 100%;
    content: "";
    background: #999999;
}
.home_banner .box .img .img2{display: none;}
.mo_header{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 16px 0;
}
.mo_header .logo{
    width: 140px;
}

.mo_header .nav{
    background: url(../images/nav.png) center center/cover;
    width: 38px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media(max-width: 1920px){
    .container2{width: 84%;}
    .container3{width: 80%;}
    .ny_container2{width: 84%;}
    .ty_title .bt{font-size: 30px;}
    .ty_title .js{font-size: 14px;}
    .home_banner .box .text .bt{font-size: 44px;}
    .home_banner .ul li:before{width: 12px;height: 12px;}
    .home_banner .ul li:after{width: 12px;}
    .home_banner .ul li.cur:after{height: 12px;}
    .home_banner .ul li{padding-right: 20px;}
    .home_a .ul li .text .bt{font-size: 20px;}

    .home_b .home_b_box {
        padding: 80px 0 90px;
    }
    .home_b .ul .box .text {
        padding: 40px 40px;
    }
    .home_b .ul .box .text .btm .js{
        margin-top: 14px;
        padding-top: 20px;
    }

    .home_b .ul .box .text .btm .wenzi{margin-top: 10px;}
    .home_b .ul .box{height: 640px;}

    .home_c {
        padding: 110px 0 90px;
    }
    .home_c .left .text{margin-top: 50px;}
    .home_c .right{padding-right: 60px;}
    .home_c .right .ul li .box {
        padding: 30px 20px;
    }
    .home_d {
        padding: 90px 0 100px;
    }
    .home_e {
        padding: 40px 0 90px;
    }
    .home_f {
        padding: 80px 0 100px;
        background: #fafafa;
    }
    .footer .btm .right .text .num{font-size: 28px;}
    .banquan{
        padding: 20px 0;
    }
}

@media(max-width: 1700px){
    .header .left{padding-top: 16px;}
    .header .right2{padding: 20px 0;}
    .header .right .ul li > a{
        padding: 18px 0;
    }
    .home_banner .box .text .bt {
        font-size: 36px;
    }
    .home_banner .box .text .js{font-size: 16px;margin-top: 14px;}
    .home_banner .box .text .more {
        margin-top: 50px;
    }
    .home_a {
        padding: 30px 0;
    }
    .home_a .ul li .text .bt {
        font-size: 18px;
    }
    .home_a .ul li .img{width: 54px;}
    .home_a .ul li .text{
        padding-left: 14px;
        width: calc(100% - 54px);
    }
    .home_b .home_b_box {
        padding: 80px 0;
    }
    .home_b .ul .box .text {
        padding: 30px;
    }
    .home_b .ul .box {
        height: 600px;
    }
    .home_c {
        padding: 90px 0 80px;
    }
    .home_c .right {
        padding-right: 0px;
    }
    .home_c .left .nr .box {
        padding: 36px 30px;
    }
    .home_c .right .ul li{height: 260px;}
    .footer .btm .right .text .num {
        font-size: 26px;
    }
}

@media(max-width: 1500px){
    .container2 {
        width: 90%;
    }
    .more,a.more{
        padding: 14px 60px 14px 12px;
        font-size: 14px;
    }
    .ty_title {
        margin-bottom: 26px;
    }
    .ty_title .bt {
        padding-left: 14px;
        font-size: 26px;
    }
    .ty_title .js{margin-top: 12px;}
    .ty_title .bt i{height: 24px;width: 6px;top: 6px;}
   /* .ty_title .bt i:after{height: 6px;width: 6px;}*/
    .header .left{width: 150px;}
    .header .right .ul li > a{font-size: 14px;}
    .home_banner .box .text .bt {
        font-size: 28px;
    }
    .home_banner .ul li:before {
        width: 10px;
        height: 10px;
    }
     .home_banner .ul li:after{width: 10px;}
    .home_banner .ul li.cur:after{height: 10px;}
    .home_banner .ul li{padding-right: 12px;}
    .home_banner .box .text .js{font-size: 14px;margin-top: 10px;}
    .home_banner .box .text .more {
        margin-top: 40px;
    }
    .home_a .ul li .text .bt {
        font-size: 16px;
    }
    .home_b .home_b_box {
        padding: 60px 0;
    }
    .home_b .ul .box .text {
        padding: 30px 20px;
    }
    .home_b .ul .box .text .btm .js {
        margin-top: 12px;
        padding-top: 16px;
    }
    .home_b .ul .box {
        height: 560px;
    }
    .home_c {
        padding: 80px 0 70px;
    }
    .home_c .left .text {
        margin-top: 30px;
    }
    .home_c .right .ul li {
        height: 220px;
    }
    .home_d {
        padding: 60px 0;
    }
    .home_e {
        padding: 0 0 70px;
    }
    .home_f {
        padding: 70px 0 90px;
    }
    .tit a{font-size: 14px;padding: 12px 0 8px;}
    .tit a:after,.tit a:before{height: 3px;}
    .home_f .nr .nr_s .ul li .text {
        padding: 20px 0;
    }
    .footer .btm {
        padding: 40px 0 60px;
    }
    .footer .btm .zhong .ul li a{font-size: 14px;}
    .footer .btm .right .text .num {
        font-size: 22px;
    }
    .footer .top .box{width: 600px;}
    .footer .top{padding: 20px 0;}
}
.navMenu { display: none; }
@media(max-width: 1100px){
    .xxgd {display: none;}
    .container2 {
        width: 95%;
    }
    .navMenu { display: block; float: right;  width: 50px; height: 70px; background: url(../images/addmenua.png) no-repeat center; background-size: auto 22px; cursor: pointer;  }
    .mo_header{display: block;}
    .header .icon, .header .nav {display: none;}
    .header .logo { margin-top: 20px; }
    .header { height: 70px; }
    .home_banner .box .img .img1{display: none !important;}
    .home_banner .box .img .img2{display: block;}
    .home_banner .ul{display: none;}
    .footer .btm {
        padding: 40px 0;
    }
    .footer .top{display: none;}
    .footer .btm .logo{width: 160px;}
    .footer .btm .zhong{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .footer .btm .right{
        width: 100%;
        margin-top: 20px;
    }
    .banquan {
        padding: 14px 0;
    }
    .home_banner .box .text{top: 33%;}
    .home_banner .box .text .bt {
        font-size: 22px;
    }
    .home_banner .box .text .more {
        margin-top: 30px;
    }
    .more,a.more{
        padding: 10px 40px 10px 10px;
    }
    .more i, a.more i{width: 30px;background: url(../images/more_jt1.png) right 8px center no-repeat rgba(255, 255, 255, 0.2);}
    .home_b .home_b_box {
        padding: 40px 0 40px;
    }
    .ty_title .bt i {
        height: 22px;
        width: 6px;
        top: 4px;
    }
    .ty_title .bt {
        font-size: 22px;
    }
    .ty_title .js {
        margin-top: 10px;
    }
    .ty_title {
        margin-bottom: 20px;
    }
    .home_c {
        padding: 40px 0;
    }
    .home_c .left{width: 100%;}
    .home_c .right{width: 100%;margin-top: 20px;}
    .home_d {
        padding: 40px 0 40px;
    }
    .home_d .ul li{width: 25%;}
    .home_e {
        padding: 0 0 40px;
    }
    .home_e .tit{
        width: 100%;
    }
    .home_e .tit a{padding-top: 0;margin-right: 20px;}
    .home_e .ul{margin-top: 20px;}
    .home_f {
        padding: 40px 0;
    }
    .home_f .tit{
        width: 100%;
    }
    .home_f .tit a{padding-top: 0;margin-right: 20px;}
    .home_f .nr{margin-top: 20px;}
    .home_f .nr .nr_s .ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .home_f .nr .nr_s .ul li:last-child{margin-bottom: 0;}
    .home_f .nr .nr_x .ul li{
        width: 100%;
        margin-right: 0;
        border-bottom: none;
    }
    .home_f .nr .nr_x .ul li:last-child{border-top: none;border-bottom: 1px solid #e5e7e9;}
    .home_f .nr .nr_x .ul li a{width: 100%;margin-right: 0;}
}

@media(max-width: 900px){
    .home_a .ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .home_a .ul li:last-child{
        margin-bottom: 0;
    }
     .home_b .ul .box {
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .home_b .ul .box:last-child{margin-bottom: 0;}
    .home_b .ul .box .text {
        padding: 24px 16px;
    }
    .home_b .ul .box .text .btm .js {
        margin-top: 10px;
        padding-top: 10px;
    }
    .home_c .left .nr .box {
        padding: 20px;
    }
}

@media(max-width: 640px){
    .home_c .left .nr {width: 100%;}
    .home_c .right .ul li {
        height: 180px;
    }
    .home_c .right .ul li .box {
        padding: 20px 16px;
    }

    .home_c .right .ul li.li3 .bg{display: none;}
    .home_d .ul li{width: 33.3%;}
    .home_e .ul li{margin-bottom: 1px;}
    .footer .btm .right .text .num {
        font-size: 20px;
    }
    .footer .btm .logo {
        width: 140px;
    }
}

@media(max-width: 500px){
    /*.home_d .ul li{width: 50%;}*/

}

.nybanner .img .img2{display: none;}
.nybanner .img{overflow: hidden;}
.nybanner .img .img1{
    transition: all 1.4s;
    transform: scale(1.06);
}
.nybanner .img .img1.cur{
     transform: scale(1);
}
.about_banner .nybanner_box{
    position: absolute;
    left: 0;
    right: 0;
    top: 30.5%;
}

.about_banner .nybanner_box .right{
    float: right;
    background: rgba(255, 255, 255, 0.96);
    width: 49%;
    padding: 80px 60px 180px;
}

.about_banner .nybanner_box .right .bt{
    font-size: 50px;
    color: #000000;
    line-height: 1.3;
    position: relative;
    z-index: 2;
}

.about_banner .nybanner_box .right .text{
    color: #333333;
    line-height: 1.8;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.bule{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 140px;
    height: 140px;
    background: #186dc7;
    color: #fff;
    line-height: 1.4;
    text-align: right;
    font-size: 15px;
}
.bule .js{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 16px 16px;
}
.bule:before{
    position: absolute;
    left: 0;
    top: 0;
    background: #0863c4;
    width: 42px;
    height: 42px;
    content: "";
}

.bule:after{
    background: #01c8ff;
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    top: -30px;
    left: -30px;
}

.about_a{
    padding: 120px 0 140px;
   /* background: url(../images/about_a_bg.jpg) center center/cover;*/
    background-attachment: fixed;
}

.about_a .about_a_box{
    width: 67%;
    margin: 0 auto;
}

.about_a .about_a_box .wenzi{
    margin-top: 40px;
    line-height: 2;
    color: #333;
}

.about_a .about_a_box .wenzi .h3{margin-bottom: 4px;}
.about_b{
    position: relative;
    padding: 110px 0 74px;
    background: #f6f6f6;
}

.about_b:before{
    width: 100%;
    height: 32%;
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.about_b .left{
    width: 20%;
    position: relative;
    z-index: 2;
}


.about_b .right{
    width: 75%;
    position: relative;
    z-index: 2;
}

.about_b .right .text{line-height: 2;color: #333333;}
.about_b .right .text .h3{margin-bottom: 2px;}
.about_b .img{
    margin-top: 90px;
    position: relative;
    z-index: 0;
}

.about_b .img .box .bg{
    position: absolute;
    left: 0;
    top: -210px;
    width: 210px;
    height: 210px;
    background: #ededed;
}
.about_b .img .box .bg:before{
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #e7e7e7;
    content: "";
}

.about_b .img .box .bg:after{
    position: absolute;
    right: -44px;
    top: -44px;
    width: 44px;
    height: 44px;
    background: #ededed;
    content: "";
}

.about_b .img .box img{width: 100%;}
.about_b .img .box .bule{
    font-size: 25px;
    background: rgba(255, 255, 255,0.12);
   width: 260px;
   height: 260px;
}
.about_b .img .box .bule .js{
    padding: 0 30px 30px;
}
.about_b .img .box .bule:before{
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255,0.11);
}

.about_b .img .box .bule:after {
    background: rgba(255, 255, 255,0.12);
    width: 54px;
    height: 54px;
    top: -54px;
    left: -54px;
}

.about_c{
    background: #232628;
}

.about_c .ul li{
    float: left;
    width: 40%;
    height: 300px;
    position: relative;
}


.about_c .ul li.li5 .ty_title .bt{color: #fff;}
.about_c .ul li.li5 .ty_title {margin-bottom: 20px;}
.about_c .ul li.li5 .wenzi{
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.56);
}
.about_c .ul li .img{
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0.11;
    transition: all 0.6s;
}

.about_c .ul li .text{
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: 50%;
  
}

.about_c .ul li .text .box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 70px;
    color: #fff;
     display: none;
}

.about_c .ul li .text .fbt{
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.about_c .ul li .text .js{
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.5);
}


.about_c .ul li.li2 .text:before{
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    content: "";
}

.about_c .ul li.li2 .text:after{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 24px;
    top: 24px;
    background: rgba(255, 255, 255, 0.03);
    content: "";
}

.about_c .ul li.li3,.about_c .ul li.li4,.about_c .ul li.li9{
    width: 20%;
}

.about_c .ul li.li3 .img,.about_c .ul li.li9 .img{
    width: 100%;
}
.about_c .ul li.li3 .text{
    top: 100%;
    width: 100%;
    transform: initial;
}
.about_c .ul li.li9 .text{
    top: -100%;
    width: 100%;
    transform: initial;
}

.about_c .ul li.li5{
    background: #272a2c;
    padding: 80px 60px;
}
.about_c .ul li.li5 .bule{
    color: rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
}

.about_c .ul li.li5 .bule:before{
    background: rgba(255, 255, 255, 0.03);
}
.about_c .ul li.li5 .bule:after{
    background: rgba(255, 255, 255, 0.01);
}
.about_c .ul li:hover .img{
    opacity: 1;
}

.about_c .ul li:hover .text .box{display: block;}

@media(max-width: 1700px){
    .about_banner .nybanner_box .right {
        padding: 60px 40px 160px;
    }
    .about_banner .nybanner_box .right .bt{font-size: 40px;}
    .about_banner .nybanner_box .right .text{
        margin-top: 16px;
    }
    .bule{
        width: 120px;
        height: 120px;
        font-size: 12px;
    }

    .about_a {
        padding: 90px 0 120px;
    }
    .about_b {
        position: relative;
        padding: 90px 0 70px;
        background: #f6f6f6;
    }
    .about_b .img .box .bg{
        width: 180px;
        height: 180px;
        top: -180px;
    }
    .about_b .img .box .bule {
        font-size: 18px;
        width: 180px;
        height: 180px;
    }
    .about_b .img .box .bule .js {
        padding: 0 20px 20px;
    }
    .about_c .ul li{height: 260px;}
    .about_c .ul li.li5 {
        padding: 80px 40px;
    }
    .about_c .ul li .text .box{
        padding: 0 20px;
    }
    .about_c .ul li .text .js{margin-top: 14px;}
}

@media(max-width: 1500px){
    .ny_container2{
        width: 88%;
    }
    .about_banner .nybanner_box .right .bt {
        font-size: 30px;
    }
    .about_banner .nybanner_box .right {
        padding: 40px 30px 140px;
    }
    .about_a {
        padding: 70px 0 90px;
    }
    .about_a .about_a_box .wenzi{margin-top: 30px;}
    .about_b {
        padding: 70px 0 50px;
    }
    .about_b .img .box .bg {
        width: 150px;
        height: 150px;
        top: -150px;
    }
    .about_b .img .box .bule:before {
        width: 60px;
        height: 60px;
    }
    .about_b .img .box .bule {
        font-size: 15px;
        width: 150px;
        height: 150px;
    }
    .about_b .img .box .bg:before{
        width: 46px;
        height: 46px;
    }
    .about_b .img .box .bg:after{
        right: -30px;
        top: -30px;
        width: 30px;
        height: 30px;
    }
    .about_b .img .box .bule:after {
        width: 36px;
        height: 36px;
        top: -36px;
        left: -36px;
    }
    .about_c .ul li {
        height: 220px;
    }
    .about_c .ul li .text .fbt{margin-top: 6px;}
    .about_c .ul li .text .js{margin-top: 10px;}
}

@media(max-width: 1100px){
    .nybanner .img .img1{display: none;}
    .nybanner .img .img2{display: block;}

    .ny_container2{
        width: 95%;
    }
    .ny_container1{
        width: 100%;
    }
    .about_a {
        padding: 40px 0;
    }
    .bule{
        width: 100px;
        height: 100px;
    }
    .bule:after {
        width: 20px;
        height: 20px;
        top: -20px;
        left: -20px;
    }
    .bule:before {
        width: 30px;
        height: 30px;
    }
    .about_banner .bule{opacity: 0.7;}
    .about_banner .nybanner_box{top: 56%;transform: translateY(-50%);}
    .about_banner .nybanner_box .right .bt {
        font-size: 24px;
    }
    .about_banner .nybanner_box .right .text {
        margin-top: 10px;
    }
    .about_banner .nybanner_box .right{
        width: 100%;
       padding: 30px 20px 100px;
    }
    .about_b {
        padding: 40px 0 50px;
    }
    .about_b .left{
        width: 100%;
    }
    .about_b .right{
        width: 100%;
    }
    .about_b .img{
        margin-top: 40px;
    }
    .about_b .img .box .bg {
        width: 90px;
        height: 90px;
        top: -90px;
    }
    .about_b .img .box .bule {
        font-size: 12px;
        width: 110px;
        height: 110px;
    }
    .about_b .img .box .bule:before {
        width: 30px;
        height: 30px;
    }
    .about_b .img .box .bule:after {
        width: 18px;
        height: 18px;
        top: -18px;
        left: -18px;
    }
    .about_c .ul li,.about_c .ul li.li3, .about_c .ul li.li4, .about_c .ul li.li9 {
        width: 100%;
    }
    .about_c .ul li.li3 .img, .about_c .ul li.li9 .img {
        width: 50%;
    }
    .about_c .ul li.li4{display: none;}
    .about_c .ul li.li5 {
        padding: 40px 20px;
    }
    .about_c .ul li.li2 .img,
    .about_c .ul li.li7 .img,
    .about_c .ul li.li9 .img{
       left: auto;
       right: 0;
    }
    .about_c .ul li.li2 .text,
    .about_c .ul li.li7 .text,
    .about_c .ul li.li9 .text{
       left: 0;
       right: auto;
    }
    .about_c .ul li.li9 .text{
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }
    .about_c .ul li.li3 .text{
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }
}


@media(max-width: 800px){
    .about_a .about_a_box{
        width: 100%;
    }
}

@media(max-width: 500px){
    .about_b .img .box .bule {
        width: 90px;
        height: 90px;
    }
    .about_b .img .box .bule:before {
        width: 20px;
        height: 20px;
    }
    .about_b .img .box .bule:after {
        width: 10px;
        height: 10px;
        top: -10px;
        left: -10px;
    }
    .about_b .img .box .bule .js {
        padding: 0 4px 10px;
    }
    .about_c .ul li {
        height: 160px;
    }
    .about_c .ul li.li2 .text:before{
        width: 16px;
        height: 16px;
    }
    .about_c .ul li.li2 .text:after {
        width: 40px;
        height: 40px;
        left: 16px;
        top: 16px;
    }
}

.shuzihua_banner .shuzihua_text{
    position: absolute;
    left: 50%;
    top: 30%;
    width: 49%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}
.shuzihua_banner .shuzihua_text .bt{line-height: 1;}
.shuzihua_banner .shuzihua_text .bt .a{
    font-size: 130px;
}
.shuzihua_banner .shuzihua_text .bt .b{
    font-size: 119px;
}
.shuzihua_banner .shuzihua_text .bt .c{
    font-size: 160px;
}
.shuzihua_banner .shuzihua_text .bt .d{
    font-size: 170px;
}
.shuzihua_banner .shuzihua_text .bt .e{
    font-size: 200px;
}
.shuzihua_banner .shuzihua_text .js{
    font-size: 50px;
    line-height: 1.4;
}

.shuzihua_banner .shuzihua_text .icon{
    width: 170px;
    margin-top: 40px;
    display: inline-block;
}

.shuzihua_a{
    padding: 90px 0 130px;
}

.shuzihua_a .ul li{
    float: left;
    margin-right: 1.1%;
    width: 32.6%;
    background: #f8f8f8;
}

.shuzihua_a .ul li:last-child{margin-right: 0;}
.shuzihua_a .ul li .text {
    padding: 40px 34px;
}
.shuzihua_a .ul li .text .icon{
    width: 54px;
}

.shuzihua_a .ul li .text .bt{
    color: #333333;
    margin-top: 26px;
     overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}

.shuzihua_a .ul li .text .js{
    line-height: 1.8;
    color: #666666;
    margin-top: 12px;
    height: 80px;
    overflow: hidden;
}

.shuzihua_b{
    padding: 100px 0 170px;
    background: url(../images/shuzihua_b_bg.jpg) center center/cover;
    background-attachment: fixed;
}

.shuzihua_b .ul li{
    float: left;
    width: 30%;
    margin-right: 5%;
    padding-right: 110px;
    position: relative;
    transition: all 0.4s;
    top: 0;
}

.shuzihua_b .ul li:hover{
    top: -20px;
}

.shuzihua_b .ul li:before{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    content: "";
    width: 1px;
    background: #e2e2e2;
}

.shuzihua_b .ul li:last-child{margin-right: 0;}
.shuzihua_b .ul li:last-child:before{
    display: none;
}
.shuzihua_b .ul li .icon{
    width: 118px;
}

.shuzihua_b .ul li .text{
    margin-top: 20px;
}

.shuzihua_b .ul li .text .bt{
    color: #333333;
    line-height: 1.5;
}

.shuzihua_b .ul li .text .js{
    margin-top: 16px;
    line-height: 1.8;
    color: #666666;
}

.shuzihua_c{
    background: #272a2c;
    padding: 140px 0 120px;
}

.shuzihua_c .ty_title .bt,.shuzihua_c .ty_title .js{color: #fff;}
.shuzihua_c .left{
    width: 30.3%;
}

.shuzihua_c .left .ul{
    margin-top: 60px;
}

.shuzihua_c .left .ul li{
    margin-bottom: 40px;
    padding-left: 20px;
}

.shuzihua_c .left .ul li:last-child{margin-bottom: 0;}
.shuzihua_c .left .ul li .icon{
    float: left;
    width: 37px;
}

.shuzihua_c .left .ul li .text{
    float: left;
    width: calc(100% - 37px);
    padding-left: 12px;
    color: #fff;
    margin-top: -6px;
}

.shuzihua_c .left .ul li .text .js{
    line-height: 1.8;
    margin-top: 4px;
}
.shuzihua_c .right{
    width: 63.7%;
    margin-right: -50px;
    text-align: right;
}
.shuzihua_c .right .img1{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 17.1%;
}
.shuzihua_c .right .img2{
    width: 89.5%;
    display: inline-block;
}

@media(max-width: 1680px){
    .shuzihua_banner .shuzihua_text .bt .a{
        font-size: 100px;
    }
    .shuzihua_banner .shuzihua_text .bt .b{
        font-size: 99px;
    }
    .shuzihua_banner .shuzihua_text .bt .c{
        font-size: 140px;
    }
    .shuzihua_banner .shuzihua_text .bt .d{
        font-size: 150px;
    }
    .shuzihua_banner .shuzihua_text .bt .e{
        font-size: 170px;
    }
    .shuzihua_banner .shuzihua_text .js{font-size: 36px;}
    .shuzihua_a {
        padding: 70px 0 100px;
    }
    .shuzihua_a .ul li .text {
        padding: 30px;
    }
    .shuzihua_a .ul li .text .icon{width: 50px;}
    .shuzihua_a .ul li .text .bt{margin-top: 20px;}

    .shuzihua_b{
        padding: 80px 0 140px;
    }
    .shuzihua_b .ul li{padding-right: 60px;}
    .shuzihua_b .ul li .icon{width: 80px;}
    .shuzihua_c {
        padding: 100px 0 80px;
    }

}

@media(max-width: 1500px){
    .shuzihua_banner .shuzihua_text .bt .a{
        font-size: 60px;
    }
    .shuzihua_banner .shuzihua_text .bt .b{
        font-size: 59px;
    }
    .shuzihua_banner .shuzihua_text .bt .c{
        font-size: 90px;
    }
    .shuzihua_banner .shuzihua_text .bt .d{
        font-size: 110px;
    }
    .shuzihua_banner .shuzihua_text .bt .e{
        font-size: 130px;
    }
    .shuzihua_banner .shuzihua_text .js {
        font-size: 28px;
        line-height: 1.6;
    }
    .shuzihua_banner .shuzihua_text{width: 70%;}
    .shuzihua_banner .shuzihua_text .icon{width: 150px;margin-top: 30px;}

    .shuzihua_a {
        padding: 60px 0 80px;
    }
    .shuzihua_a .ul li .text {
        padding: 30px 20px;
    }
    .shuzihua_b {
        padding: 60px 0 100px;
    }
    .shuzihua_b .ul li .icon {
        width: 60px;
    }
    .shuzihua_c {
        padding: 70px 0 60px;
    }
    .shuzihua_c .left .ul {
        margin-top: 40px;
    }
    .shuzihua_c .left .ul li{margin-bottom: 30px;}
}

@media(max-width: 1100px){
    .shuzihua_banner .shuzihua_text .bt .a{
        font-size: 40px;
    }
    .shuzihua_banner .shuzihua_text .bt .b{
        font-size: 39px;
    }
    .shuzihua_banner .shuzihua_text .bt .c{
        font-size: 60px;
    }
    .shuzihua_banner .shuzihua_text .bt .d{
        font-size: 80px;
    }
    .shuzihua_banner .shuzihua_text .bt .e{
        font-size: 100px;
    }
    .shuzihua_banner .shuzihua_text .js {
        font-size: 20px;
    }
    .shuzihua_banner .shuzihua_text{width: 100%;}
    .shuzihua_banner .shuzihua_text .icon {
        width: 100px;
        margin-top: 20px;
    }

    .shuzihua_a {
        padding: 40px 0 50px;
    }
    .shuzihua_c .right{margin-right: 0;}
    .shuzihua_b {
        padding: 40px 0 50px;
    }
    .shuzihua_c .left{
        width: 100%;
    }
    .shuzihua_c .right{
        width: 100%;
        margin-top: 30px;
    }
}

@media(max-width: 800px){
    .shuzihua_a .ul li{
        width: 100%;

        margin-right: 0;
        margin-bottom: 16px;
    }
    .shuzihua_a .ul li:last-child{margin-bottom: 0;}
    .shuzihua_a .ul li .text {
        padding: 20px;
    }

    .shuzihua_b .ul li:before{display: none;}
    .shuzihua_b .ul li{
        padding-left: 20px;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e2e2e2;
    }
    .shuzihua_b .ul li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
    .shuzihua_b .ul li .icon {
        width: 40px;
    }
    .shuzihua_b .ul li .text {
        margin-top: 14px;
    }
    .shuzihua_b .ul li .text .js{margin-top: 10px;}
    .shuzihua_c {
        padding: 40px 0;
    }

}

@media(max-width: 500px){
    .shuzihua_banner .shuzihua_text .bt .a{
        font-size: 30px;
    }
    .shuzihua_banner .shuzihua_text .bt .b{
        font-size: 29px;
    }
    .shuzihua_banner .shuzihua_text .bt .c{
        font-size: 40px;
    }
    .shuzihua_banner .shuzihua_text .bt .d{
        font-size: 50px;
    }
    .shuzihua_banner .shuzihua_text .bt .e{
        font-size: 60px;
    }
    .shuzihua_banner .shuzihua_text .js {
        font-size: 18px;
    }
    .shuzihua_banner .shuzihua_text .icon {
        width: 80px;
        margin-top: 14px;
    }
}


/**互联网开发**/
.internet{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.internet .internet-w{
    width: 38.75%;
}

@media(max-width:3000px){
    .internet .internet-m{
        width: 55%;
    }
    .internet .internet-w{
        margin-top:110px;
    }
}
@media(max-width:1920px){
    .internet .internet-m{
        width: 44.8%;
    }
    .internet .internet-w{
        margin-top:70px;
    }
}



.internet .internet-m .img .xt{
     position: absolute;
    width: 38.5%;
    border-radius: 30px;
    box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.3);
    transition: all 1.5s;
    opacity: 0;
}
.internet .internet-m .img .xt.cur{
   opacity: 1;
    left: 39.8% !important;
    top: 0 !important;
    
}

.internet .internet-icon{
    margin-left: -29px;
}

.internet .internet-a{
    margin-bottom: 80px;
}

.internet .internet-a .internet-a1{
    color: #000000;
}

.internet .internet-a .internet-a2{
    font-size: 50px;
    color: #000000;
    margin-top: 2px;
}

.internet .internet-b ul li{
    float: left;
    margin-right: 48px;
}

.internet .internet-b ul li:last-child{
    margin-right: 0;
}

.internet .internet-b ul li .neb-icon{
    float: left;
    margin-right: 13px;
}

.internet .internet-b ul li .neb-nr{
    float: left;
}

.internet .internet-b ul li .neb-nr .b-nr1{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}

.internet .internet-b ul li .neb-nr .b-nr2{
    color: #666666;
    margin-top: 6px;
}

.internet-A{
    padding: 94px 0 108px;
    background: #f6f6f6;
}

.internet-A .netA-nr ul li{
    float: left;
    width: 32%;
    background: #fff;
    margin-right: 2%;
}

.internet-A .netA-nr ul li:last-child{
    margin-right: 0;
}

.internet-A .netA-nr ul li .img {
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.internet-A .netA-nr ul li .img img{
    width: 100%;
    max-width: 200%;
}

.internet-A .netA-nr ul li .img span.s1 {
    position: absolute;
    left: 10%;
    bottom: 0;
    width: 50%;
}

.internet-A .netA-nr ul li .img span.s2 {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 40%;
}

.internet-A .netA-nr ul li .img span.s1,
.internet-A .netA-nr ul li .img span.s2 {
    transform: translateY(20px);
    transition: all .5s;
}

.internet-A .netA-nr ul li:hover .img span.s1,
.internet-A .netA-nr ul li:hover .img span.s2 {
    transform: translateY(0);
    transition: all .5s;
}

.internet-A .netA-nr ul li .icon {
    width: 70px;
    height: 70px;
    margin: -35px auto 0;
    line-height: 0;
    position: relative;
}


.internet-A .netA-nr ul li .text{
    text-align: center;
    padding: 10px 15px 35px;
}

.internet-A .netA-nr ul li .text .texta {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
}

.internet-A .netA-nr ul li .text p {
    color: #808080;
    font-size: 14px;
    line-height: 22px;
    max-width: 335px;
    width: 100%;
    margin: 10px auto 0;
}

.internet-A .netA-nr ul li .icon.icon1 {
    background: url(../images/uedboxIcon1.png) no-repeat center center;
}

.internet-A .netA-nr ul li .icon.icon2 {
    background: url(../images/uedboxIcon2.png) no-repeat center center;
}

.internet-A .netA-nr ul li .icon.icon3 {
    background: url(../images/uedboxIcon3.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon1 {
    background: url(../images/uedboxIcon01.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon2 {
    background: url(../images/uedboxIcon02.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon3 {
    background: url(../images/uedboxIcon03.png) no-repeat center center;
}

.internet-B{
    padding: 96px 0 100px;
}


.internet-B .box .left{
    width: 75%;
    position: relative;
}

.internet-B .box .left ul li{
    float: left;
    width: 32%;
    height: 129px;
    margin-right: 2%;
    position: relative;
    margin-top: 2%;
    position: relative;
    padding: 20px 0 20px 3.5%;
}

.internet-B .box .left ul li:nth-child(1),
.internet-B .box .left ul li:nth-child(2),
.internet-B .box .left ul li:nth-child(3){margin-top: 0;}

.internet-B .box .left ul li .s,.internet-B .box .left ul li .x{
    position: absolute;
    width: calc(100% + 40px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, #f5f5f5 , #e1e1e1 , #f5f5f5);
}

.internet-B .box .left ul li .z,.internet-B .box .left ul li .y{
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(#f5f5f5 , #e1e1e1 , #f5f5f5);
}

.internet-B .box .left ul li .s{
    top: 0;
}

.internet-B .box .left ul li .x{
    bottom: 0;
}
.internet-B .box .left ul li .z{
    left: 0;
}

.internet-B .box .left ul li .y{
    right: 0;
}

.internet-B .box .left ul li:hover{
    background: #1a58ab;
}

.internet-B .box .left ul li .icon .sbjg{
    display: none;
}

.internet-B .box .left ul li:hover .icon .sbjg{
    display: block;
}

.internet-B .box .left ul li:hover .icon .mrz{
    display: none;
}

.internet-B .box .left ul li .t{
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
}

.internet-B .box .left ul li .t .t1{
    color: #666666;
}

.internet-B .box .left ul li:hover .t .t1{
    color: #fff;
}

.internet-B .box .left ul li .t .t2{
    color: #bcbcbc;
    margin-top: 3px;
}

.internet-B .box .left ul li:hover .t .t2{
    color: #8dacd5;
}

.internet-B .box .left ul li .icon{
    position: absolute;
    top: 50%;
    right: 8%;
    width: 15%;
    transform: translateY(-50%);
}

.internet-B .box .left ul .byxx:before{
    border-left: 0;
    border-right: 0;
}

.internet-B .box .left ul li:nth-child(3n){
    margin-right: 0;
}

.internet-B .box .left ul li:nth-child(3n):after{
   /* display: none;*/
}

.internet-B .box {
    position: relative;
}

.internet-B .box .right{
    width: 23.6%;
    text-align: center;
    position: absolute;
    height: 100%;
    right: 0;
}

.internet-B .box .right:hover{
    background: #1a58ab;
}

.internet-B .box .right .icon .sbjg{
    display: none;
}

.internet-B .box .right:hover .icon .sbjg{
    display: block;
}

.internet-B .box .right:hover .icon .mrzs{
    display: none;
}

.internet-B .box .right .right-pr{
    position: relative;
    height: 100%;
    width: 100%;
}

.internet-B .box .right .right-pr .right-jd{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.internet-B .box .right .right-pr .right-jd .icon{
    width: 60%;
    display: inline-block;
}


.internet-B .box .right .right-pr .s,.internet-B .box .right .right-pr .x{
    position: absolute;
    width: calc(100% + 40px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, #f5f5f5 , #e1e1e1 , #f5f5f5);
}

.internet-B .box .right .right-pr .z,.internet-B .box .right .right-pr .y{
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(#f5f5f5 , #e1e1e1 , #f5f5f5);
}
.internet-B .box .right .right-pr .s{
    top: 0;
}

.internet-B .box .right .right-pr .x{
    bottom: 0;
}
.internet-B .box .right .right-pr .z{
    left: 0;
}

.internet-B .box .right .right-pr .y{
    right: 0;
}

.internet-B .box .right .h3{
    color: #666666;
}

.internet-B .box .right:hover .h3{
    color: #fff;
}

.internet-B .box .right:hover .h4{
    color: #fff;
}

.internet-B .box .right .h4{
    font-weight: bold;
    line-height: 30px;
    color: #bcbcbc;
    margin: 8px 0 48px;
}

.internet-C{
    background: #f6f6f6;
    padding: 90px 0 120px;
}

.internet-C .netC-bt{
    margin-bottom: 10px;
}

.internet-C .netC-wzxbmb{
    margin-top: 15px;
}

.internet-C .netC-wzxbmb .tabTit .lj{
    color: #8c8c8c;
    padding-bottom: 11px;
    margin-right: 40px;
    position: relative;
    cursor:pointer;
}

.internet-C .netC-wzxbmb .tabTit .cur{
    color: #0e57ac;
}

.internet-C .netC-wzxbmb .tabTit .lj:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0e57ac;
    transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .lj:after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #01c8ff;
    transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .cur:after{
    width: 4px;
    transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .cur:before{
    width: 100%;
    transition: all .5s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a{
    display: block;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .box-z{
    position: absolute;
    bottom: -50%;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 18px 0 22px 25px;
    background: rgba(0, 0, 0, .5);
    transition: all .4s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide:hover a .box-z{
    bottom: 0;
    transition: all .4s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .img img{
   transition: all 0.5s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a:hover .img img{
    transform: scale(1.1);
    transition: all 0.5s;
}

.internet-C .nextC-nr .box{
    position: relative;
}

.internet-C .nextC-nr .box-next{
    width: 26px;
    height: 49px;
    right: -60px;
    background: url(../images/snext.png) no-repeat center center/cover;
}


.internet-C .nextC-nr .box-next:after{
    opacity: 0;
}

.internet-C .nextC-nr .box-prev{
    width: 26px;
    height: 49px;
    left: -60px;
    background: url(../images/sprev.png) no-repeat center center/cover;
}

.internet-C .nextC-nr .box-prev:after{
    opacity: 0;
}


.internet-D{

    overflow: hidden;
    padding: 94px 0 0;
}


.internet-D .netD-nr .D-nrmo{
    position: relative;
}

.internet-D .netD-nr .D-nrmo .box .img{
    float: left;
    width: 44.93%;
}

.internet-D .netD-nr .D-nrmo .box .text{
    float: left;
    margin-left: 12%;
    width: 37.37%;
    margin-top: 12px;
}

.internet-D .netD-nr .D-nrmo .box .text .texta{
    color: rgba(255, 255, 255, .1);
}

.internet-D .netD-nr .D-nrmo .box .text .textb{
    color: #fff;
    margin-top: 3px;
    padding-bottom: 21px;
    position: relative;
}

.internet-D .netD-nr .D-nrmo .box .text .textb:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 23px;
    height: 3px;
    background: rgba(255, 255, 255, .2);
}

.internet-D .netD-nr .D-nrmo .box .text .textc{
    color: #fff;
    margin: 30px 0 45px;
}

.internet-D .netD-nr .D-nrmo .box .text .textc .textc-b{
    line-height: 23px;
    margin-top: 7px;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li{
    float: left;
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li:nth-child(1){
    padding: 0 20px 0 0;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li:last-child{
    border-right: 0;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li .td-w{
    margin-top: 10px;
    color: rgba(255, 255, 255, .6);
}
.internet-D .ty_title{margin-bottom: 0;}
.internet-D .netD-nr{position: relative;}
.internet-D .netD-nrA {padding-top: 140px;margin-top: -20px;}
.internet-D .netD-nr .bg{
    background: #2a2b2c;
    width: 200%;
    position: absolute;
    height: 200%;
    left: -20px;
    top: 0;
    transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
}

.internet-D .netD-nrB .bg{
    background: #1a58ab;
}

.internet-D .netD-nrB{
    padding-top: 100px;
    margin-top: -130px;
}

.internet-D .netD-nrB .D-nrmo .box{
    bottom: 37px;
}

.internet-D .netD-nrB .D-nrmo .box .img{
    float: right;
    width: 43%;
}

.internet-D .netD-nrB .D-nrmo .box .text{
    float: left;
    padding-top: 105px;
    margin-left: 0;
}

.internet-D .netD-nrB .D-nrmo .box .text .textd ul li .td-w{
    color: #9ab6da;
}


.internet-D .netD-nrC{
    padding: 240px 0 180px;
    margin-top: -97px;
}
.internet-D .netD-nrC .bg{
     transform:rotate(0);
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    width: 100%;
    height: 100%;
    left: 0;
    background: url(../images/D-nrmob.png) top right/cover;
}
.internet-D .netD-nrC  .D-nrmo .box{
    bottom: 147px;
}

.internet-D .netD-nrC .D-nrmo .box .text .texta{
    color: #7d7d7e;
}

.internet-D .netD-nrC .D-nrmo .box .text{
    width: 43%;
    float: right;
}

@media(max-width: 1920px) {
    .internet .internet-a .internet-a2{
        font-size: 45px;
    }

    .internet-A .netA-nr ul li .text .texta{
        font-size: 18px;
    }
}

@media(max-width: 1700px) {
    .internet .internet-a .internet-a2{
        font-size: 36px;
    }

    .internet .internet-w {
        width: 50%;
    }

    .font-32 {
        font-size: 23px !important;
    }
    .internet .internet-icon{width: 300px;}
    .internet-B .box .left ul li{
        height: 120px;
    }
    .internet-B {
        padding: 70px 0 80px;
    }
    .internet-C {
        padding: 70px 0 90px;
    }
    .internet-D {
        padding: 70px 0 0;
    }
}

@media(max-width: 1500px) {
    .internet-B .box .left ul li{height: 100px;}
    .internet .internet-icon{width: 240px;}
    .internet .internet-a .internet-a2{
        font-size: 28px;
    }

    .internet .internet-w {
        width: 50%;
    }

    .font-32 {
        font-size: 20px !important;
    }

    .internet-A .netA-nr ul li .text .texta{
        font-size: 16px;
    }

    .internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .box-z {
        padding: 15px 0 15px 25px;
    }

    .internet-C .nextC-nr .box-prev {
        left: -52px;
    }

    .internet-C .nextC-nr .box-next {
        right: -52px;
    }

    .internet-D .netD-nr .D-nrmo .box .img {
        width: 38%;
    }

    .internet-D .netD-nr .D-nrmo .box .text .textc {
        margin: 20px 0 25px;
    }

    .internet-D .netD-nr .D-nrmo .box .text .textd ul li .icon img{
        width: 30px;
        display: inline-block;
    }

    .internet-D .netD-nr .D-nrmo .box {
        margin-bottom: 11px;
    }

    .internet-D .netD-nrB .D-nrmo .box .text{
        width: 38%;
    }

    .internet-D .netD-nrB .D-nrmo .box .img{
        float: left;
        margin-left: 12%;
    }

    .internet-D .netD-nrC .D-nrmo .box .text{
        width: 50%;
    }

    .internet-D .netD-nr .D-nrmo .box .text .textb{
        font-size: 26px;
    }

    .internet-D .netD-nrC .D-nrmo .box {
        bottom: 70px;
    }

    .internet-D .netD-nr .D-nrmo .bg img{
        height: 550px;
    }

    .internet-D .netD-nr .D-nrmo .box .img {
        width: 45%;
    }

    .internet-D .netD-nrA{
        padding-top: 100px;
    }
        .internet-D .netD-nrC {
        padding: 140px 0 80px;
        margin-top: -60px;
    }
}

@media(max-width: 1300px) {
    .internet-C .nextC-nr .box-prev {
        left: -44px;
        width: 21px;
        height: 39px;
    } 

    .internet-C .nextC-nr .box-next {
        right: -44px;
        width: 21px;
        height: 39px;
    }  
}

@media(max-width: 1250px) {
    .internet-D .netD-nr .D-nrmo .box .text{
        width: 43%;
    }
}

@media(max-width: 1100px) {
    .internet .internet-a .internet-a2{
        font-size: 22px;
    }

    .internet .internet-w {
         width: 100%;
         margin-top: 0;
    }

    .font-32 {
        font-size: 16px !important;
    }

    .internet{
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }


    .internet .internet-m{
        display: none;
    }

    .internet .internet-icon{
        width: 200px;
        margin-left: -20px;
    }

    .internet .internet-a {
        margin-bottom: 25px;
    }

    .internet .internet-b ul li .neb-icon {
        width: 48px;
    }

    .internet .internet-a .internet-a1{
        color: #fff;
    }

    .internet .internet-a .internet-a2{
        color: #fff;
        margin-top: 5px;
    }

    .internet .internet-b ul li .neb-nr .b-nr1{
        color: #fff;
        font-size: 16px;
    }

    .internet .internet-b ul li .neb-nr .b-nr2{
        color: #fff;
    }

    .internet-A{
        padding: 40px 0 20px;
    }

    .internet-A .netA-nr ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 16px;
    }

    .internet-A .netA-nr ul li:nth-child(3n){margin-right: 2%;}
    .internet-A .netA-nr ul li:nth-child(2n){margin-right: 0;}

    .internet-A .netA-nr ul li .text p{
        max-width: 100%;
    }

    .internet-A .netA-nr ul li .text {
        padding: 10px 15px 20px;
    }

    .internet-C{
        padding: 40px 0;
    }

    .internet-C .netC-wzxbmb {
        margin-top: 0;
        width: 100%;
    }

    .internet-C .netC-bt{
        margin-bottom: 25px;
    }

     .internet-C .netC-wzxbmb .tabTit{
        width: 75%;
     }

    .internet-C .netC-wzxbmb .tabTit .lj{
        margin-right: 0;
        width: 33.3%;
        text-align: center;
    }

    .internet-C .netC-wzxbmb .wybzd{
        width: 25%;
        text-align: center;
    }

    .internet-C .nextC-nr .box-prev {
        opacity: 0;
    } 

    .internet-C .nextC-nr .box-next {
        opacity: 0;
    }  

    .internet-D{
        padding: 40px 0;
    }

    .internet-D .netD-nr .D-nrmo .bg img{
        height: auto;
    }

    .internet-D .netD-nr .D-nrmo .bg{
        display: none;
    }

    .internet-D .netD-nr .D-nrmo .box{
        position: initial;
    }

    .internet-D .netD-nr .D-nrmo .box .img{
        display: none;
    }

    .internet-D .netD-nr{
       /* background: #2a2b2c;*/
        margin-top: 20px;
    }

    .internet-D .netD-nrA ,.internet-D .netD-nrB{
        padding-top: 60px;
    }

    .internet-D .netD-nr .D-nrmo .box .text{
        width: 100%;
        margin: 0 auto;
    }
    .internet-D .netD-nr .D-nrmo .box .text{padding-top: 0;}
    .internet-D .netD-nrC{
        padding: 60px 0 40px;
    }
    .internet-D .netD-nr .bg{height: 170%;}
    .internet-B {
        padding: 50px 0;
    }

}

@media(max-width: 768px){
    .internet-D .netD-nr .D-nrmo .box .text .textd ul li,.internet-D .netD-nr .D-nrmo .box .text .textd ul li:nth-child(1){
        padding: 0 14px;
        width: 50%;
        margin-bottom: 18px;
        text-align: left;
    }
    .internet .internet-b ul li .neb-icon {
        width: 40px;
    }
    .internet-B .box .left ul li{
        width: 48%;
        margin-right: 4%;
        margin-top: 12px;
    }

    .internet-B .box .left ul li:nth-child(3n){
         margin-right: 4%;
          margin-top: 12px;
    }
     .internet-B .box .left ul li:nth-child(2n){
        margin-right: 0;
     }
     .internet-B .box .left ul li:last-child{width: 100%;margin-right: 0;}
    .internet-B .box .left{
        width: 100%;
    }
    .internet-B .box .right{margin-top: 12px;}
    .internet-B .box .right .right-pr .right-jd{
        padding: 20px;
    }
    .internet-B .box .right,.internet-B .box .right .right-pr .right-jd{
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        transform: initial;
    }
    .internet-B .box .right .h4{margin-bottom: 16px;line-height: 1.4;}
    .internet-B .box .right .right-pr .right-jd .icon{width: 40px;}
    .internet-B .box .left ul li .icon{
        top: 34%;
    }
    .internet-B .box .left ul li:last-child .icon{
        top: 50%;
        
    } 
    .internet-B .box .left ul li .icon{width: 30px;}
}
@media(max-width: 440px){
    .internet .internet-b ul li{
        width: 100%;
        margin-bottom: 16px;
    }
    .internet .internet-b ul li:last-child{margin-bottom: 0;}
}
.pinpaishuzihua_banner .ms{
    color: #333333;
    position: relative;
    letter-spacing: 6px;
    padding-left: 20px;
    line-height: 1;
    margin-bottom: 12px;
}
.pinpaishuzihua_banner .ms i{
    width: 8px;
    height: 100%;
    position: absolute;
    left: 0;
    background: #0863c4;
}
.pinpaishuzihua_banner .ms i:before{
    width: 100%;
    height: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #01c8ff;
}

.pinpaishuzihua_banner .nybanner_box .right .text .h3{
    font-weight: initial;
    color: #000000;
    margin-bottom: 10px;
}
.pinpaishuzihua_a .home_b_box{
    border-top:none;
}
@media(max-width:3000px){
    .pinpaishuzihua_a .ul .box{height:auto;}
}
@media(max-width:1920px){
    .pinpaishuzihua_a .ul .box{height: 750px;}
}
.pinpaishuzihua_a .ul .box {
   width: 49%;
   margin-right: 2%;
   
}

.pinpaishuzihua_a .ul .box:last-child{margin-right: 0;}
.pinpaishuzihua_a .ul .box .text .top .left{
    width: 69px;
}

.pinpaishuzihua_a .ul .box .text .top .right {
    float: left;
    padding-top: 8px;
    padding-left: 16px;
    width: calc(100% - 69px);
}
@media(max-width:3000px){
    .pinpaishuzihua_b{ padding: 280px 0;}
}
@media(max-width:1920px){
    .pinpaishuzihua_b{ padding: 200px 0;}
}
.pinpaishuzihua_b{
    background: url(../images/pinpaishuzihua_b_bg.jpg) center center/cover;
   
}

.pinpaishuzihua_b .ty_title .bt{color: #fff;}
.pinpaishuzihua_b .left{
    width: 48%;
}

.pinpaishuzihua_b .left .ul li{
    margin-bottom: 50px;
    color: #fff;
    padding-right: 120px;
    padding-left: 20px;
}

.pinpaishuzihua_b .left .ul li:last-child{
    margin-bottom: 0;
}

.pinpaishuzihua_b .left .ul li .bt{
    line-height: 1.4;
    margin-bottom: 10px;
}

.pinpaishuzihua_b .left .ul li .text{
    line-height: 1.8;
}
.pinpaishuzihua_b .left .ul li .text .h3{font-weight: initial;}


.pinpaishuzihua_c .netA-nr ul li{margin-bottom: 24px;}
.pinpaishuzihua_c .netA-nr ul li:nth-child(3n){
    margin-right: 0;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon{
    width: 96px;
    height: 96px;
    margin: -46px auto 0;
    border-radius: 100%;
    overflow: hidden;
    z-index: 3;
    transition: all 0.4s;
    position: relative;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon1{background: url(../images/pinpaishuzihua_c_icon1.png) center center/cover #fff;}
.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon1{background: url(../images/pinpaishuzihua_c_icon01.png) center center/cover #fff;}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon2{background: url(../images/pinpaishuzihua_c_icon2.png) center center/cover #fff;}
.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon2{background: url(../images/pinpaishuzihua_c_icon02.png) center center/cover #fff;}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon3{background: url(../images/pinpaishuzihua_c_icon3.png) center center/cover #fff;}
.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon3{background: url(../images/pinpaishuzihua_c_icon03.png) center center/cover #fff;}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon4{background: url(../images/pinpaishuzihua_c_icon4.png) center center/cover #fff;}
.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon4{background: url(../images/pinpaishuzihua_c_icon04.png) center center/cover #fff;}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon5{background: url(../images/pinpaishuzihua_c_icon5.png) center center/cover #fff;}
.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon5{background: url(../images/pinpaishuzihua_c_icon05.png) center center/cover #fff;}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon6{background: url(../images/pinpaishuzihua_c_icon6.png) center center/cover #fff;}
.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon6{background: url(../images/pinpaishuzihua_c_icon06.png) center center/cover #fff;}

.pinpaishuzihua_c .netA-nr ul li .s3{
    position: absolute;
    left: 50%;
    width: 100%;
    padding: 0 50px;
    transform: translateX(-50%);
    bottom: -10%;
    transition: all 0.5s;
}

.pinpaishuzihua_c .netA-nr ul li:hover .s3{
    bottom: 0;
}

.pinpaishuzihua_d{
    padding: 80px 0 100px;
}

@media(max-width: 1680px){
    .pinpaishuzihua_a .ul .box .text .top .left{width: 60px;}
    .pinpaishuzihua_a .ul .box .text .top .right{padding-top: 4px;}
    .pinpaishuzihua_a .ul .box {
        height: 700px;
    }

    .pinpaishuzihua_b {
        padding: 150px 0;
    }

    .internet-A {
        padding: 80px 0;    
    }
    .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon{
        width: 80px;
        height: 80px;
    }
}

@media(max-width: 1500px){
    .pinpaishuzihua_a .ul .box .text .top .left {
        width: 54px;
    }
    .pinpaishuzihua_a .ul .box {
        height: 660px;
    }
    .pinpaishuzihua_b {
        padding: 120px 0;
    }
    .internet-A {
        padding: 70px 0;
    }
    .pinpaishuzihua_b .left .ul li{padding-left: 14px;}
    .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
        width: 70px;
        height: 70px;
    }
    .pinpaishuzihua_c .netA-nr ul li {
        margin-bottom: 20px;
    }
}

@media(max-width: 1100px){
    .pinpaishuzihua_a .ul .box {
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .pinpaishuzihua_b {
        padding: 50px 0;
    }
    .pinpaishuzihua_b .left{
        width: 100%;
    }
    .pinpaishuzihua_b .left .ul li{padding-right: 0;}
    .internet-A {
        padding: 50px 0;
    }
    .pinpaishuzihua_c .netA-nr ul li{margin-bottom: 16px;}
    .pinpaishuzihua_c .netA-nr ul li:nth-child(3n){margin-right: 2%;}
    .pinpaishuzihua_c .netA-nr ul li:nth-child(2n){margin-right: 0;}
    .pinpaishuzihua_d {
        padding: 40px 0;
    }
    .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
        width: 54px;
        height: 54px;
        margin: -27px auto 0;
    }
    
}

@media(max-width: 800px){
    .pinpaishuzihua_a .ul .box .text .top .left {
        width: 46px;
    }
    .pinpaishuzihua_a .ul .box .text .top .right {
        padding-top: 0;
        padding-left: 10px;
        width: calc(100% - 46px);
    }
    .pinpaishuzihua_b .left .ul {
        margin-top: 14px;
        width: 100%;
        display: inline-block;
    }
    .pinpaishuzihua_b .left .ul li{
        margin-bottom: 30px;
    }
    .pinpaishuzihua_c .netA-nr ul li{width: 100%;}
    .pinpaishuzihua_banner .ms{
        font-size: 15px;
        padding-left: 14px;
        letter-spacing: 4px;
    }
}

@media(max-width: 520px){
    .ty_title .bt br{display: none;}
}

.c-visual_shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .85;
    background: linear-gradient(114deg,rgba(1,200,255,0),rgba(39,132,249,.8) 30%,rgba(52,85,252,.8) 80%,rgba(52,85,252,0) 110%);
    will-change: transform;
    transform: translateX(-100%);
    transform-origin: right;
    transition: all 0.8s;
    width: 100%;
    width: 0;
}

.tfan .tfan_a > span,
.tfan .tfan_b > span,
.tfan .tfan_c > span {
    display: initial;
    opacity: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translateY(-16px);
    min-width: 18px;
}

.tfan .tfan_a.cur span,
.tfan .tfan_b.cur span,
.tfan .tfan_c.cur span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}


.home_b .ul .box .img img,.shuzihua_a .ul li .img img,.home_f .nr .nr_s .ul li .img img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    overflow: hidden;
}

.home_b .ul .box:hover .img img,.shuzihua_a .ul li:hover .img img,.home_f .nr .nr_s .ul li:hover .img img{
    transform: scale(1.05);
}

.bgg span,.bgh span{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: #f7f7f7;
}


/*pc导航效果*/

.huanru .huanru_a div{
  display:block;
  width:100%;
  text-align:center;
}
.huanru .huanru_a div span {
  display: initial;  
  min-width: 0.3em;
  text-transform: uppercase;
  transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
  opacity: 0;
  transform: translate(0, -20px);
}

.huanru .huanru_a:before {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  left: 0;
  transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
  text-transform: uppercase;
  letter-spacing: 3.5px;/**/
  opacity: 1;
  transform: translate(0, 0px);
}
.huanru .huanru_a:hover:before, .huanru .huanru_a:focus:before {
  opacity: 0;
  transform: translate(0, 20px);
}
.huanru .huanru_a:hover span, .huanru .huanru_a:focus span {
  opacity: 1;
  transform: translate(0, 0);
}
.huanru .huanru_a:hover span:nth-child(1), .huanru .huanru_a:focus span:nth-child(1) {
  transition-delay: 0.025s;
}
.huanru .huanru_a:hover span:nth-child(2), .huanru .huanru_a:focus span:nth-child(2) {
  transition-delay: 0.05s;
}
.huanru .huanru_a:hover span:nth-child(3), .huanru .huanru_a:focus span:nth-child(3) {
  transition-delay: 0.075s;
}
.huanru .huanru_a:hover span:nth-child(4), .huanru .huanru_a:focus span:nth-child(4) {
  transition-delay: 0.1s;
}
.huanru .huanru_a:hover span:nth-child(5), .huanru .huanru_a:focus span:nth-child(5) {
  transition-delay: 0.125s;
}
.huanru .huanru_a:hover span:nth-child(6), .huanru .huanru_a:focus span:nth-child(6) {
  transition-delay: 0.15s;
}


/*解决方案 第二批*/
.jjfa_yl_text{
    position: absolute;
    left: 0;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    color: #fff;
}

.jjfa_yl_text .box{
   /* width: 45%;*/
}

.jjfa_yl_text .bt{
    line-height: 1;
}

.jjfa_yl_text .js{
    line-height: 1.6;
    margin-top: 16px;
}

.jjfa_yl_text .bq{
    line-height: 1.6;
    margin-top: 36px;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    padding: 14px 28px;
    position: relative;
    border: 1px solid #cdd2d9;
}

.jjfa_yl_text .bq:before{
    width: 10px;
    height: 10px;
    background: #cdd2d9;
    position: absolute;
    right: -10px;
    top: -10px;
    content: "";
}

.jjfa_yl_text .icon{
    margin-top: 40px;
}

.jjfa_yl_a{
    padding: 90px 0 120px;
    background: #f7f9fb;
}

.jjfa_yl_a .ul li{
    float: left;
    margin-right: 1.66%;
    width: 23.75%;
    position: relative;
    padding: 84px 36px 40px;
    overflow: hidden;
    background: #fff;
    height: 420px;
}
.jjfa_yl_a .ul li .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/jjfa_yl_a_bg.jpg)  left top/cover no-repeat;
    z-index: 0;
   /* -webkit-animation: sbxh 7s linear infinite;*/
}


.jjfa_yl_a .ul li:last-child{margin-right: 0;}


.jjfa_yl_a .ul li .icon{
    width: 50px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.jjfa_yl_a .ul li .bt{
    margin-top: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 1.6;
}

.jjfa_yl_a .ul li .en{
    margin-top: 6px;
    line-height: 1.6;
    color: rgba(51, 51, 51, 0.34);
}

.jjfa_yl_a .ul li .top{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    position: relative;
    z-index: 1;
}


.jjfa_yl_a .ul li .text{
    line-height: 1.8;
    color: #666666;
    position: relative;
    z-index: 1;
}

.more2, a.more2{
    border: 1px solid #dadada;
    color: #666666;
}

.more2 i, a.more2 i{
    background: url(../images/more_jt2.png) right 18px center no-repeat #dadada;
    z-index: -1;
}

.more2:after, a.more2:after{
    background: #dadada;
}



@-webkit-keyframes sbxh{    
    0%{transform:translateX(0%)}
    50%{transform:translateX(25%)}
    100%{transform:translateX(50%)}
} 
.jjfa_yl_b{
    padding: 80px 0;
}
@media(max-width: 1680px){
    .jjfa_yl_text .bq{
        margin-top: 24px;
    }
    .jjfa_yl_text .icon {
        margin-top: 30px;
    }
    .jjfa_yl_a {
        padding: 70px 0 90px;
    }
    .jjfa_yl_b{
        padding: 70px 0;
    }
}

@media(max-width: 1500px){
    .jjfa_yl_text .bq {
        margin-top: 20px;
        padding: 7px 20px;
    }
    .jjfa_yl_a {
        padding: 60px 0 80px;
    }
    .jjfa_yl_a .ul li{
        height: 360px;
            padding: 70px 26px 30px;
    }
    .jjfa_yl_a .ul li .top{
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .jjfa_yl_a .ul li .icon{width: 40px;}
    .jjfa_yl_a .ul li .bt{margin-top: 20px;}

    .jjfa_yl_b {
        padding: 60px 0;
    }
}

@media(max-width: 1100px){
    .jjfa_yl_a {
        padding: 40px 0;
    }
    .jjfa_yl_a .ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 16px;
    }
    .jjfa_yl_a .ul li:nth-child(2n){margin-right: 0;}
    .jjfa_yl_b {
        padding: 40px 0;
    }
    .jjfa_yl_text{
        top: 54%;
        transform: translateY(-50%);
    }
    .jjfa_yl_text .icon {
        margin-top: 20px;
    }
}

@media(max-width: 800px){
    .jjfa_yl_text .box {
        width: 100%;
    }
}

@media(max-width: 600px){
    .jjfa_yl_a .ul li{
        width: 100%;
        margin-right: 0;
        padding: 40px 20px 20px;
    }
    .jjfa_yl_a .ul li{height: auto;}
    .jjfa_yl_b .top .right{
        float: left;
        width: 100%;
    }
}
.wzjs_a .ul li{height: 360px;}
.wzjs_a .ul li .top{border-bottom: none;}

.wzjs_b {
    padding: 90px 0 140px;
    background: #fff;
}

.wzjs_b .left{
    float: left;
    width: 46.2%;
}
.wzjs_b .left .ul{
    display: inline-block;
    width: 100%;
    margin-top: 80px;
}

.wzjs_b .left .ul li{
    margin-bottom: 34px;
}
.wzjs_b .left .ul li:last-child{
    margin-bottom: 0;
}
.wzjs_b .left .ul li .icon{
    float: left;
    width: 80px;
    background: #f7f9fb;
    border-radius: 4px;
    
}
.wzjs_b .left .ul li .text{
    color: #666666;
    line-height: 1.6;
    float: left;
    width: calc(100% - 80px);
    padding-left: 30px;
    
}
.wzjs_b .left .ul li .text .bt{
    color: #000000;
}

.wzjs_b .left .ul li .text .js{
    margin-top: 10px;
    line-height: 1.8;
    color: #666666;
}

.wzjs_b .right{
    margin-left: -2.1%;
    width: 55.9%;
}

.wzjs_c{
    padding: 100px 0 50px;
    background: #2a2e31;
}

.wzjs_c .left .ty_title .bt{color: #fff;}
.wzjs_c .left .ty_title .js{
    color: #dddddd;
}

.wzjs_c .right{
    width: 64.1%;
}
.wzjs_c .left{
    width: 34%;
}
.wzjs_c .right .ul li{
    float: left;
    margin-right: 7.8%;
    width: 46.1%;
    margin-bottom: 54px;
    position: relative;
}

.wzjs_c .right .ul li:nth-child(2n){margin-right: 0;}
.wzjs_c .right .ul li .icon img{line-height: 0;}
.wzjs_c .right .ul li .icon{
    width: 74px;
    float: left;
    background: #323639;
    position: relative;
    overflow: initial;
}

.wzjs_c .right .ul li .text{
    float: left;
    width: calc(100% - 74px);
    padding-left: 20px;
}
.wzjs_c .right .ul li .text .bt{
    color: #fff;
    line-height: 1.4;
}

.wzjs_c .right .ul li .text .js{
    color: #dddddd;
    line-height: 1.8;
    margin-top: 8px;
}

.wzjs_c .right .ul li:nth-child(1) .icon:before{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #393d40;
    left: -40px;
    bottom: -40px;
    content: "";
}
.wzjs_c .k{
    position: absolute;
    width: 104px;
    height: 104px;
    background: #393d40;
    bottom: 9.5%;
    left: -104px;
}

.wzjs_c .k:before{
    position: absolute;
    width: 200px;
    height: 200px;
    background: #393d40;
    top: -200px;
    right: -200px;
    content: "";
}

@media(max-width: 1680px){
    .wzjs_a .ul li{
        height: 320px;
    }
    .wzjs_b {
        padding: 70px 0 100px;
    }
    .wzjs_b .left .ul {
        margin-top: 50px;
    }
    .wzjs_b .left .ul li .icon{
        width: 60px;
    }
    .wzjs_b .left .ul li .text{
        padding-left: 20px;
        width: calc(100% - 60px);
    }
    .wzjs_c {
        padding: 80px 0 40px;    
    }
    .wzjs_c .k:before{
        width: 140px;
        height: 140px;
        top: -140px;
        right: -140px;
    }
    .wzjs_c .k{
        width: 80px;
        height: 80px;
    }
    .wzjs_c .right .ul li:nth-child(1) .icon:before{
        width: 30px;
        height: 30px;
        left: -30px;
        bottom: -30px;
    }

    .wzjs_c .right .ul li{margin-bottom: 40px;}
    .wzjs_c .right .ul li .icon{
        width: 60px;
    }
    .wzjs_c .right .ul li .text{
        width: calc(100% - 60px);
    }

}

@media(max-width: 1100px){
    .wzjs_a .ul li{height: auto;}
    .wzjs_b {
        padding: 40px 0;
    }
    .wzjs_b .left{
        width: 100%;
    }
    .wzjs_b .left .ul {
        margin-top: 0;
    }
    .wzjs_b .left .ul li .icon {
        width: 50px;
    }
    .wzjs_b .left .ul li .text {
        padding-left: 14px;
        width: calc(100% - 50px);
    }
    .wzjs_b .right{
        margin-top: 20px;
        width: 100%;
    }
    .wzjs_c {
        padding: 40px 0;
    }
    .wzjs_c .left {
        width: 100%;
    }
    .wzjs_c .right {
        margin-top: 0;
        width: 100%;
    }
    .wzjs_c .right .ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .wzjs_c .right .ul li .icon {
        width: 50px;
    }
    .wzjs_c .right .ul li .text {
        width: calc(100% - 50px);
    }
     .wzjs_c .k:before{
        width: 90px;
        height: 90px;
        top: -90px;
        right: -90px;
    }
    .wzjs_c .k{
        width: 40px;
        height: 40px;
    }
}

.jituan_a{
    padding: 100px 0 60px;
}

.jituan_a .left{
    width: 52.5%;
}

.jituan_a .left .text{
    line-height: 1.8;
    color: #333333;
}

.jituan_a .left .text ul li{
    margin-top: 40px;
    position: relative;
    padding-left: 26px;
}

.jituan_a .left .text ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 14px;
    height: 14px;
    background: #0863c4;
}

.jituan_a .right{
    width: 47.5%;
    position: relative;
}

.jituan_a .right .k{
    width: 44px;
    height: 44px;
    background: #f3f3f3;
    position: absolute;
    left: 0;
    top: 26.1%;
}

.jituan_a .right .k:before{
    width: 86px;
    height: 86px;
    content: "";
    position: absolute;
    left: -86px;
    top: -86px;
    background: #f3f3f3;
}

.jituan_b{
    background: #f7f9fb;
    padding: 100px 0 110px;
}

.jituan_b .jituan_b_box{
    background: #fff;
    position: relative;
}

.jituan_b .left{
    width: 32.5%;
    padding: 60px;
    position: relative;
    z-index: 1;
    color: #fff;
}
.jituan_b .jituan_b_box:before{
    width: 32.5%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
     background: #0863c4;
     z-index: 0;
}

.jituan_b .left .icon{
    width: 70px;
}
.jituan_b .left .text{
    line-height: 1.8;
    margin-top: 30px;
}
.jituan_b .left .text ul li{
    margin-bottom: 14px;
    padding-left: 16px;
    position: relative;
}
.jituan_b .left .text ul li:last-child{margin-bottom: 0;}

.jituan_b .left .text ul li:before{
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
}
.jituan_b .left .k{
    position: absolute;
    right: 0;
    top: 0;
    width: 66px;
    height: 66px;
    background: #0684d8;
}
.jituan_b .left .k:before{
    content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    width: 20px;
    height: 20px;
    background: #01c8ff;
}

.jituan_b .right{
    width: 67.5%;
    padding: 0 90px 54px;
}

.jituan_b .right .ul li{
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-top: 54px;
    cursor: pointer;
}

.jituan_b .right .ul li:nth-child(3n){margin-right: 0;}

.jituan_b .right .ul li .img{
    float: left;
    width: 60px;
    background: #f7f9fb;
    border-radius: 4px;
    transition: all 0.4s;
}

.jituan_b .right .ul li .img .img2{display: none;}
.jituan_b .right .ul li .bt{
    float: left;
    padding-left: 16px;
    margin-top: 16px;
    width: calc(100% - 60px);
}

.jituan_b .right .ul li .text{display: none;}

.jituan_b .right .ul li.cur .img{background: #0863c4;}
.jituan_b .right .ul li.cur .img .img2{display: block;}
.jituan_b .right .ul li.cur .img .img1{display: none;} 
.jituan_b .right .ul li.cur .bt{color: #0863c4;}

@media(max-width: 1680px){
    .jituan_a {
        padding: 70px 0 40px;
    }
    .jituan_a .left .text ul li{margin-top: 30px;}

    .jituan_b {
        padding: 70px 0 80px;
    }
    .jituan_b .left{
        padding: 40px;
    }
    .jituan_b .right {
        width: 67.5%;
        padding: 0 60px 40px;
    }
    .jituan_b .right .ul li{margin-top: 40px;}
    .jituan_b .right .ul li .img{
        width: 50px;
    }
    .jituan_b .right .ul li .bt{
        width: calc(100% - 50px);
    }
}

@media(max-width: 1500px){
    .jituan_a .left .text ul li:before{
        width: 10px;
        height: 10px;
        top: 10px;
    }
    .jituan_a {
        padding: 40px 0;
    }
    .jituan_a .left {
        width: 100%;
    }
    .jituan_a .left .text ul li {
        margin-top: 10px;
        padding-left: 16px;
    }
    .jituan_a .left .text ul li:before {
        width: 8px;
        height: 8px;
        top: 8px;
    }
    .jituan_b .left .text{margin-top: 20px;}

    .jituan_a .right{
        width: 100%;
        margin-top: 20px;
    }
    .jituan_a .right .k{width: 30px;height: 30px;}
    .jituan_a .right .k:before {
        width: 60px;
        height: 60px;
        content: "";
        position: absolute;
        left: -60px;
        top: -60px;
        background: #f3f3f3;
    }

    .jituan_b {
        padding: 40px 0;
    }
    .jituan_b .jituan_b_box:before{display: none;}
    .jituan_b .left{
        padding: 30px 20px;
        width: 100%;
        background: #0863c4;
    }
    .jituan_b .left .icon {
        width: 50px;
    }
    .jituan_b .left .k{
        width: 40px;
        height: 40px;
    }
    .jituan_b .right{
        width: 100%;
        padding: 0 16px 30px;
    }
    .jituan_b .right .ul li{
        width: 46%;
        margin-right: 8%;
        margin-top: 30px;
    }
    .jituan_b .right .ul li:nth-child(3n){margin-right: 8%;}
    .jituan_b .right .ul li:nth-child(2n){margin-right: 0;}
    .jituan_b .right .ul li .bt{margin-top: 0;width: calc(100% - 40px);padding-left: 10px;font-size: 14px;}
    .jituan_b .right .ul li .img {
        width: 40px;
    }

}

.qiyefw_a{
    padding-top: 100px;
}

@media(max-width:3000px){
    .qiyefw_a .ul > li{height:auto;}
}

@media(max-width:1920px){
    .qiyefw_a .ul > li{ height: 690px;}
}
.qiyefw_a .ul > li{
    float: left;
    width: 49%;
    margin-right: 2%;
    background: #f7f9fb;
   
}

.qiyefw_a .ul > li:last-child{margin-right: 0;}

.qiyefw_a .ul > li .box{
    padding: 50px 44px 60px;
}

.qiyefw_a .ul > li .box .top{
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #dddddd;
}

.qiyefw_a .ul > li .box .top .icon{
    float: left;
    line-height: 0;
    width: 58px;
}

.qiyefw_a .ul > li .box .top .text{
    float: left;
    padding-left: 20px;
    width: calc(100% - 58px);
}

.qiyefw_a .ul > li .box .top .text .bt{
    color: #333333;
}

.qiyefw_a .ul > li .box .top .text .en{
    color: rgba(51, 51, 51, 0.24);
    margin-top: 4px;
}
.qiyefw_a .ul > li .box .wenzi{
    margin-top: 20px;
    line-height: 1.8;
    color: #666666;
}
.qiyefw_a .ul > li .box .js{
    line-height: 1.6;
    color: #000000;
}
.qiyefw_a .ul > li .box .wenzi ul li{
    float: left;
    width: 100px;
    margin-bottom: 6px;
    margin-right: 20px;
    padding-left: 16px;
    position: relative;
}

.qiyefw_a .ul > li .box .wenzi ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    background: #0863c4;
}
@media(max-width: 1680px){
    .qiyefw_a {
        padding-top: 70px;
    }
    .qiyefw_a .ul > li{
        height: 640px;
    }
    .qiyefw_a .ul > li .box .top{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

@media(max-width: 1500px){
     .qiyefw_a .ul > li{
        height: 600px;
    }
    .qiyefw_a .ul > li .box {
        padding: 40px 30px 50px;
    }
}

@media(max-width: 1100px){
    .qiyefw_a {
        padding-top: 40px;
    }
    .qiyefw_a .ul > li{
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }
    .qiyefw_a .ul > li .box {
        padding: 30px 20px;
    }
    .qiyefw_a .ul > li .box .top .icon{
        width: 44px;
    }
    .qiyefw_a .ul > li .box .top {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
}

@media(max-width: 500px){
    .qiyefw_a .ul > li .box .wenzi ul li{
        width: 33.3%;
        margin-right: 0;
    }
}

.jiaoyupx_a{
    padding: 90px 0 100px;
}
.jiaoyupx_a .ul li{
    border-radius: 6px;
    padding: 90px 50px 30px;
    float: left;
     width: 32%;
    margin-right: 2%;
    background: #fff;
    background: url(../images/jiaoyupx_a_bg.jpg) center center/cover;
    height: 350px;
    overflow: hidden;
}
.jiaoyupx_a .ul li:last-child{
    margin-right: 0;
}

.jiaoyupx_a .ul li .top{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.jiaoyupx_a .ul li .top .icon{
    float: left;
    width: 50px;
}

.jiaoyupx_a .ul li .top .text{
    float: left;
    padding-left: 20px;
    width: calc(100% - 50px);
}

.jiaoyupx_a .ul li .top .text .bt{
    color: #333333;
}

.jiaoyupx_a .ul li .top .text .en{
    margin-top: 4px;
    color: rgba(51, 51, 51, 0.24);
}

.jiaoyupx_a .ul li .wenzi{
    line-height: 1.8;
    color: #666666;
}

.jiaoyupx_c{
    padding: 124px 0;
    background: #f7f9fb;
}

.jiaoyupx_c .ul > li{
    background: #fff;
}

.jiaoyupx_b{
    background: #2e2e2e;
    padding: 140px 0 170px;
}
.jiaoyupx_b .left{
    width: 45.3%;
}
.jiaoyupx_b .left .ty_title .bt,.jiaoyupx_b .left .ty_title .js{color: #fff;}
.jiaoyupx_b .left .ul{margin-top: 40px;padding-left: 20px;}
.jiaoyupx_b .left .ul li{
    float: left;
    width: 33.33%;
    padding-right: 20px;
    margin-top: 50px;
    position: relative;
}

.jiaoyupx_b .left .ul li .icon{
    float: left;
    width: 45px;
}

.jiaoyupx_b .left .ul li .text{
   position: absolute;
   left: 45px;
    padding-left: 16px;
}

.jiaoyupx_b .left .ul li .text .bt{color: #fff;margin-top: 6px;}
.jiaoyupx_b .left .js{
    line-height: 1.8;
    color: #fff;
    padding-left: 20px;
}

.jiaoyupx_b .right{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 49.3%;
    background: url(../images/jiaoyupx_b_img.jpg) center center/cover;
}

@media(max-width: 1680px){
    .jiaoyupx_a {
        padding: 70px 0 80px;
    }
    .jiaoyupx_a .ul li{
       padding: 70px 40px 30px;
    }
    .jiaoyupx_b {
        padding: 100px 0 130px;
    }
    .jiaoyupx_b .left .ul{margin-top: 30px;}
    .jiaoyupx_c {
        padding: 90px 0;
    }
}

@media(max-width: 1500px){
    .jiaoyupx_a .ul li{height: 300px;}
    .jiaoyupx_b {
        padding: 70px 0 90px;
    }
    .jiaoyupx_b .left .ul {
        margin-top: 20px;
        padding-left: 14px;
    }
    .jiaoyupx_b .left .ul li .text{padding-left: 10px;}
    .jiaoyupx_b .left .js{
        padding-left: 14px;
    }
    .jiaoyupx_c {
        padding: 70px 0;
    }
}

@media(max-width:1100px){
    .jiaoyupx_a {
        padding: 40px 0;
    }
    .jiaoyupx_a .ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 16px;
    }
     .jiaoyupx_a .ul li:nth-child(2n){margin-right: 0;}

     .jiaoyupx_b {
        padding: 40px 0;
    }
    .jiaoyupx_b .left{
        width: 100%;
    }
    .jiaoyupx_b .right{
        margin-top: 30px;
        width: 100%;
        position: initial;
        height: 350px;
    }
    .jiaoyupx_b .left .ul{
        margin-top: 0;
    }
    .jiaoyupx_c {
        padding: 40px 0;
    }
}


@media(max-width:640px){
    .jiaoyupx_a .ul li{
        width: 100%;
        height: auto;
        margin-right: 0;
        padding: 50px 20px 30px;
    }
    .jiaoyupx_a .ul li .top .icon {
        float: left;
        width: 40px;
    }
    .jiaoyupx_a .ul li .top .text{
        padding-left: 10px;
        width: calc(100% - 40px);
    }
    .jiaoyupx_b .left .ul li{
        margin-top: 30px;
        width: 50%;
    }
}

.gongyezz_a{
    padding: 94px 0 104px;
}

.gongyezz_a .ul li{
    width: 32%;
    margin-right: 2%;
    height: 570px;
}

.gongyezz_a .ul li .img{
    overflow: hidden;
}

.gongyezz_a .ul li .img img{
    transform: scale(1);
    transition: all 0.4s;
}

.gongyezz_a .ul li:hover .img img{
    transform: scale(1.1);
}

.gongyezz_b{
    background: #f7f9fb;
    padding: 100px 0;
}

.gongyezz_b .ul li{
    float: left;
    width: 48.8%;
    padding: 46px 56px;
    margin-right: 2.4%;
    background: #fff;
    margin-top: 20px;
    height: 180px;
    overflow: hidden;
}

.gongyezz_b .ul li:nth-child(1),.gongyezz_b .ul li:nth-child(2){margin-top: 0;}

.gongyezz_b .ul li:nth-child(2n){margin-right: 0;}

.gongyezz_b .ul li .icon{
    width: 54px;
    float: left;
}

.gongyezz_b .ul li .text{
    padding-left: 76px;
    float: left;
    width: calc(100% - 54px);
    position: relative;
}
.gongyezz_b .ul li .text:before{
    content: "";
    position: absolute;
    left: 38px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eeeeee;

}
.gongyezz_b .ul li .text .bt{
    color: #000000;
}

.gongyezz_b .ul li .text .js{
    color: #666666;
    line-height: 1.6;
    margin-top: 14px;
}

@media(max-width: 1680px){
    .gongyezz_a {
        padding: 70px 0 90px;
    }
    .gongyezz_a .ul li{
        height: 520px;
    }

    .gongyezz_b {
        padding: 70px 0;
    }
    .gongyezz_b .ul li{
        padding: 36px 46px;
    }
    .gongyezz_b .ul li .icon{
        width: 46px;
    }
    .gongyezz_b .ul li .text{
        padding-left: 50px;
        width: calc(100% - 46px);
    }
    .gongyezz_b .ul li .text:before{
        left: 25px;
    }
}

@media(max-width: 1500px){
    .gongyezz_a .ul li {
        height: 480px;
    }
}

@media(max-width: 1100px){
    .gongyezz_a {
        padding: 40px 0;
    }
    .gongyezz_a .ul li{
        height: 440px;
        width: 49%;
        margin-right: 2%;
    }
    .gongyezz_a .ul li:nth-child(2n){margin-right: 0;}

    .gongyezz_b {
        padding: 40px 0;
    }
    .gongyezz_b .ul li{
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 16px;
        padding: 30px 20px;
    }
}

@media(max-width: 640px){
    .gongyezz_a .ul li{
        width: 100%;
       height: auto;
    }
    .gongyezz_b .ul li .icon {
        width: 40px;
    }
    .gongyezz_b .ul li .text {
        padding-left: 30px;
        width: calc(100% - 40px);
    }
    .gongyezz_b .ul li .text:before {
        left: 15px;
    }
    .gongyezz_b .ul li .text .js{margin-top: 10px;}


}


/*03高端网站*/
.gaoduanwz_banner .nybanner_box{
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
}
.gaoduanwz_banner .nybanner_box .text{
    color: #fff;
}

.gaoduanwz_banner .nybanner_box .text .js{
    margin-bottom: 16px;
    line-height: 1.4;
}
.gaoduanwz_banner .nybanner_box .text .js2{line-height: 1.4;}
.gaoduanwz_banner .nybanner_box .text .bt{
    margin-bottom: 16px;
    line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .icon{
    margin-top: 34px;
}

.gaoduanwz_a{background: #f7f9fb;padding-bottom:120px;}
.gaoduanwz_a .ul > li{background: #fff;}
.gaoduanwz_a .ul > li .box .wenzi ul li{
    width: auto;
    margin-right: 26px;
}

.gaoduanwz_a .ul > li .box .wenzi{
    margin-top: 30px;
}

.gaoduanwz_a .ul li .img{position: relative;}
.gaoduanwz_a .ul li .img_1{
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 40.6%;
}

.gaoduanwz_a .ul li .img_2{
    position: absolute;
    left: 45.6%;
    bottom: 0;
    width: 19%;
}

.gaoduanwz_a .ul li .img_3{
    position: absolute;
    left: 64.6%;
    bottom: 0;
    width: 32.8%;
}

.gaoduanwz_b{
    margin-top: -90px;
}
.gaoduanwz_b .img{
    width: 100%;
    display: block;
}
.gaoduanwz_b .container2{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.gaoduanwz_b .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 49%;
    background: rgba(255, 255, 255, 0.94);
    z-index: 3;
    padding: 50px;
}

.gaoduanwz_b .text .top .icon{
    float: left;
    width: 54px;
}

.gaoduanwz_b .text .top .wenzi{
    float: left;
    padding-left: 16px;
    width: calc(100% - 54px);
}

.gaoduanwz_b .text .top .wenzi .bt{
    color: #333333;
    line-height: 1.4;
}

.gaoduanwz_b .text .top .wenzi .js{
    color: rgba(51, 51, 51, 0.34);
    line-height: 1.6;
}

.gaoduanwz_b .text .btm{
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e8e8ea;
}

.gaoduanwz_b .text .btm .js{
    color: #333333;
}

.gaoduanwz_b .text .btm .wenzi{
    color: #333333;
    line-height: 1.6;
    margin-top: 30px;
}

.gaoduanwz_b .text .btm .wenzi ul li{
    float: left;
    margin-right: 34px;
    padding-left: 16px;
    position: relative;
}

.gaoduanwz_b .text .btm .wenzi ul li:before{
    left: 0;
    top: 6px;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #0863c4;
    content: "";
}

.gaoduanwz_c{
    padding: 96px 0 120px;
}

.gaoduanwz_d .left{
    float: left;
    width: 36.25%;
    background: #2c3339;
    padding: 130px 0 80px 14.5%;
    position: relative;
}

.gaoduanwz_d .left .bule{
    position: absolute;
    top: 30px;
    left: 30px;
}

.gaoduanwz_d .left .bule{
    width:132px;
    height:132px;
    background: rgba(255, 255, 255, 0.02);
}

.gaoduanwz_d .left .bule:before {
    background: rgba(255, 255, 255, 0.02);
    width: 46px;
    height: 46px;
}
.gaoduanwz_d .left .bule:after {
    background: rgba(255, 255, 255, 0.02);
    width: 30px;
    height: 30px;
    left: -30px;
    top: -30px;
}

.gaoduanwz_d .left .ty_title .bt,.gaoduanwz_d .left .ty_title .js{color: #fff;}
.gaoduanwz_d .left .ul li{
    padding: 30px 20px;
    border-bottom: 1px solid #454b50;
    position: relative;
}
.gaoduanwz_d .left .ul li:nth-child(1){
    border-top: 1px solid #454b50;
}

.gaoduanwz_d .left .ul li .icon{
    float: left;
    width: 42px;
}
.gaoduanwz_d .left .ul li .text{
    float: left;
    padding-left: 12px;
    width: calc(100% - 42px);
}
.gaoduanwz_d .left .ul li .text .bt{
    color: #fff;
}
.gaoduanwz_d .left .ul li .text .js{
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    line-height: 1.6;
    font-size: 15px;
}

.gaoduanwz_d .left .ul li:before{
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.02);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    transition: all 0.4s;
    overflow: hidden;
}
.gaoduanwz_d .left .ul li:hover:before{
    width: 100%;
}

.gaoduanwz_d .right{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 63.75%;
    background: url(../images/gaoduanwz_d_img.jpg) center center/cover;
}

.gaoduanwz_d .right .bule{
    width: 216px;
    height: 216px;
    background: rgba(8, 99, 196, 0.78);
}

.gaoduanwz_d .bule:before {
    background: #0863c4;
    width: 74px;
    height: 74px;
}
.gaoduanwz_d .bule:after {
    background: #01c8ff;
    width: 50px;
    height: 50px;
    left: -50px;
    top: -50px;
}

.gaoduanwz_e {
    padding-top: 120px;
}

.gaoduanwz_e .gaoduanwz_e_box{
    padding-left: 14.5%;
}

.gaoduanwz_e .top .right{
    width: 60.6%;
    padding-right: 26%;
}
.gaoduanwz_e .top .right .text .bt{color: #333333;}
.gaoduanwz_e .top .right .text .wenzi{color: #666666;line-height: 1.8;margin-top: 10px;}

.gaoduanwz_e .btm{
    margin-top: -34px;
    display: block;
    width: 100%;
    position: relative;
}

.gaoduanwz_e .btm .img2{
    position: absolute;
    bottom: 0;
    right: 5.2%;
}

.gaoduanwz_f{
    background: #323537;
    padding: 100px 0 120px;
}

.gaoduanwz_f .ty_title .bt{color: #fff;}
.gaoduanwz_f .top .right{
    width: 63%;
    padding-right: 24%;
}

.gaoduanwz_f .top .right .text{
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
}
.gaoduanwz_f .ul{
    margin-top: 70px;
}

.gaoduanwz_f .ul li{
    float: left;
    width: 32.5%;
    margin-right: 1.25%;
    background: #3d4042;
    padding: 50px;
    position: relative;
    height: 404px;
}
.gaoduanwz_f .ul li:last-child{margin-right: 0;}

.gaoduanwz_f .ul li .icon{
    width: 102px;
}

.gaoduanwz_f .ul li .bt{
    color: #fff;
    margin-top: 70px;
}

.gaoduanwz_f .ul li .js{
    color: #fff;
    margin-top: 20px;
}

.gaoduanwz_f .ul li .wenzi{
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    line-height: 1.6;
}

.gaoduanwz_f .ul li .k{
    width: 110px;
    height: 110px;
    background: #414345;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding: 26px 20px;
}
.gaoduanwz_f .ul li .k:before{
    position: absolute;
    width: 36px;
    height: 36px;
    bottom: 0;
    left: 0;
    background: #46484a;
    content: "";
}

.gaoduanwz_f .ul li .k:after{
     position: absolute;
    width: 26px;
    height: 26px;
    bottom: -26px;
    left: -26px;
    background: #414345;
    content: "";
}
@media(max-width: 1920px){
    .gaoduanwz_d .left{
        padding: 130px 0 80px 8%;
    }
    .gaoduanwz_e .gaoduanwz_e_box{
        padding-left: 8%;
    }
}

@media(max-width: 1700px){
    .gaoduanwz_b .text{
        padding: 40px;
    }
    .gaoduanwz_c {
        padding: 70px 0 90px;
    }
    .gaoduanwz_e {
        padding-top: 80px;
    }
    .gaoduanwz_f {
        padding: 70px 0 90px;
    }
    .gaoduanwz_f .ul {
        margin-top: 50px;
    }
}

@media(max-width: 1500px){
    .gaoduanwz_a .ul > li{height: 560px;}
    .gaoduanwz_b .text .btm {
        margin-top: 18px;
        padding-top: 18px;
    }
    .gaoduanwz_b .text .btm .wenzi{margin-top: 20px;}
    .gaoduanwz_b .text .top .icon{
        width: 46px;
    }
    .gaoduanwz_d .left {
        padding: 80px 0 60px 5%;
    }
    .gaoduanwz_d .left .ul li{
            padding: 20px 10px;
    }
    .gaoduanwz_d .right .bule{
        width: 180px;
       height: 180px;
    }
    .gaoduanwz_d .bule:before{
        width: 60px;
        height: 60px;
    }
    .gaoduanwz_d .bule:after{
        width: 40px;
        height: 40px;
        left: -40px;
        top: -40px;
    }
    .gaoduanwz_f .ul li{
        height: 380px;
       padding: 36px;
    }
}

@media(max-width: 1100px){
    .qiyefw_a .ul > li{
        height: auto;
    }
    .gaoduanwz_b{margin-top: 0;background: #f7f9fb;padding-top: 30px;}
    .gaoduanwz_b .container2{
        width: 100%;
        height: auto;
        display: inline-block;
         position: initial;
    }
    .gaoduanwz_b .text{
        width: 100%;
         display: inline-block;
        position: initial;
        padding: 30px 20px;
    }
    .gaoduanwz_c {
        padding: 40px 0 50px;
    }
    .gaoduanwz_d .left{
        width: 100%;
        padding: 40px 2.5%;
    }
    .gaoduanwz_d .right{
        width: 100%;
        position: initial;
        height: 400px;
    }
    .gaoduanwz_d .right .bule{
        width: 160px;
        height: 160px;
    }

    .gaoduanwz_d .bule:before {
        width: 50px;
        height: 50px;
    }
    .gaoduanwz_d .bule:after {
        width: 30px;
        height: 30px;
        left: -30px;
        top: -30px;
    }
    .gaoduanwz_e {
        padding-top: 40px;
    }
    .gaoduanwz_e .gaoduanwz_e_box{
        padding: 0 2.5%;
    }
    .gaoduanwz_e .top .right{
        padding-left: 14px;
        width: 100%;
        padding-right: 0;
    }
    .gaoduanwz_f {
        padding: 40px 0 50px;
    }
    .gaoduanwz_f .top .right{
        width: 100%;
        padding-right: 0;
        padding-left: 14px;
    }
    .gaoduanwz_f .ul li{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 14px;
    }
    .gaoduanwz_f .ul li:nth-child(2n){margin-right: 0;}
}

@media(max-width: 600px){
    .gaoduanwz_f .ul li{
        width: 100%;
        margin-right: 0;
        padding: 30px 20px;
        height: auto;
    }
    .gaoduanwz_f .ul li .bt {
        margin-top: 40px;
    }
    .gaoduanwz_f .ul li .js {
        margin-top: 14px;
    }
    .gaoduanwz_f .ul li .k{
        width: 90px;
        height: 90px;
        padding: 16px 10px;
    }
    .gaoduanwz_f .ul li .k:before{
        position: absolute;
        width: 30px;
        height: 30px;
    }

    .gaoduanwz_f .ul li .k:after{
        width: 20px;
        height: 20px;
        bottom: -20px;
        left: -20px;
    }
}

/*案例*/
.case_banner .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
}

.case_banner .text .bt{line-height: 1.4;}
.case_banner .text .js{
    line-height: 1.6;
    margin-top: 6px;
}

/*案例页面修改后样式*/
.case-page-box{
    /*width:1430px;*/
    width:73.5%;
    margin: 50px auto 35px;
    /*padding: 10px;*/
    /*background-color: #ffffff;*/
}

@media only screen and (max-width: 1400px) {
    .case-page-box {
        width:88%;
    }
}

.case-show-box{
    /*display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;*/
}
.case-show-box li{
        width: 33.1%;
    margin-right: 0.35%;
    margin-bottom: 20px;
    float:left;
}
.case-show-box li:nth-child(3n){margin-right:0;}
.case-show-box li img{
    width:100%;
}
.case-show-box li dd{
    padding: 15px 0;
}
.case-show-box li dd span{
    font-size: 15px;
    color: #363636;
}
.case-show-box li dd h3{
    font-size: 15px;
    color: #363636;
    font-weight: normal;
}
.case-show-box li dd p{
    font-size: 12px;
    color: #777777;
    margin-top: 5px;
}
.middle-img-box{
    position: relative;
    width:100%;
    margin-bottom: 35px;
}
.middle-img-box span{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%);    /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%);
    right:25%;
    width:268px;
    height:34px;
}
.middle-img-box img{
    width:100%;
}

.case-show-box li dt{
    position: relative;
    overflow:hidden;
}
.case-show-box li dt img{
    transition: transform 0.8s ease-in-out;
}
.case-show-box li .mask{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
    z-index:10;
}
.case-show-box li .mask .content{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
.case-show-box li .mask .content .text{
    display: block;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Arial';
}
.case-show-box li:hover .mask{
    display: block;
}
.case-show-box li:hover dt img{
    transform:scale(1.1);

}

.case_ul_box{text-align:center;padding:70px 0 60px;}
.case_ul{
    display:inline-block;
}
.case_ul li{
    float:left;
    margin-right:54px;
    position:relative;
    color:#333333;
    padding:10px 0;
    transition:all 0.4s;
}
.case_ul li:last-child{margin-right:0;}
.case_ul li:after{
    position:absolute;
    left:0;
    bottom:0;
    content:"";
    width:0;
    height:4px;
    background:#01c8ff;
    transition:all 0.4s;
}

.case_ul li:before{
    position:absolute;
    left:0;
    bottom:0;
    content:"";
    width:0;
    height:4px;
    transition:all 0.4s;
    background:#0863c4;
}

.case_ul li.on,.case_ul li:hover{
    color:#0863c4;
}
.case_ul li.on:before,.case_ul li:hover:before{width:100%;}

.case_ul li.on:after,
.case_ul li:hover:after{
    width:5px;;
}
.case_shoujial{background-color: #F5F7FA;}
/*分页器*/
.page{
    width: 100%;
    margin: 0 auto;
    padding: 40px 10px 50px;
    /*background-color: #ffffff;*/
    /*background-color: #F5F7FA;*/
    position: relative;
    text-align:center;
    /*height: 120px;*/
}
.page ul{
    /*width: 300px;*/
    display:inline-block;
    margin: 0 auto;
    /*position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);     
    -moz-transform:translateX(-50%);    
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);*/
}
.page ul li{
    float: left;
    width:55px;
    height:55px;
    background-color: #EFEFEF;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
}
.page ul li a{
    display: block;
    color: #888888;
}
.page ul li a.thisclass {
    color: #ffffff;
    background-color: #1C6AC3;
}
.page ul li+li{
    margin-left: 6px;
}
.page ul li.arrow{
    font-size: 20px;
}
.page ul li:hover a{
    color: #ffffff;
    background-color: #1C6AC3;
}
.page ul li a.cur{
    color: #FFFFFF;
    background-color: #1C6AC3;
}

.case_shouji{
    width: 74%;
    margin:0 auto;
}
.case_shouji li{
    width: 32.5%;
    float:left;
    margin-right:1.25%;
    margin-bottom: 20px;
}
.case_shouji li:nth-child(3n){margin-right:0;}
.case_shouji li img{
    width:100%;
}
.case_shouji li dd{
    padding: 15px 0;
}
.case_shouji li dd span,.case_shouji li dd h3{
    font-size: 15px;
    color: #363636;
}
.case_shouji li dd p{
    font-size: 12px;
    color: #777777;
    margin-top: 5px;
}
.middle-img-box{
    position: relative;
    width:100%;
    margin-bottom: 35px;
}
.middle-img-box span{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%);    /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%);
    right:25%;
   /* width:268px;
    height:34px; */
}

.case_shouji li dt {
    position: relative;
    overflow: hidden;
}
.case_shouji img{
    width:100%;
}

.case_shouji li .mask{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.case_shouji li .mask .content{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
.case_shouji li .mask .content .text{
    display: block;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Arial';
}
.case_shouji li:hover .mask{
    display: block;
}
.case_shouji li dt img{
    transform:scale(1);
    transition:all 0.8s;

}
.case_shouji li:hover dt img{
    transform:scale(1.1);

}
@media(max-width:1500px){
    .case_shouji {
        width: 90%;
        margin: 0 auto;
    }
    .case_ul_box {
        padding: 50px 0 40px;
    }
}

/*案例*/
.case_banner .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
}

.case_banner .text .bt{line-height: 1.4;}
.case_banner .text .js{
    line-height: 1.6;
    margin-top: 6px;
}

/**/
.home_banner .box_yun {position: relative;overflow:hidden;}
.home_banner .box_yun .icon_box{
    margin-bottom: 30px;
}
.home_banner .box_yun .icon_box .icon{
    width: 63px;
    float: left;
}

.home_banner .box_yun .icon_box .en{
    float: left;
    width: calc(100% - 63px);
    padding-left: 10px;
    color: #222222;
    padding-top: 12px;
    line-height: 1.3;
}
.home_banner .box_yun .text{
    z-index: 3;
}
.home_banner .box_yun .text .bt{
    color: #222222;
}

.home_banner .box_yun .text .js{
    color: #222222;
}

.home_banner .box_yun .yun1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-animation: scoll 70s linear infinite;
   
}

@keyframes scoll {

    0% {
       /*opacity: 0;*/
       transform: translate(0%, 0);
    }
    10% {
      /* opacity: 1;*/
    }
    100% {
    transform: translate(100%, 0%);
    }
}

@-webkit-keyframes scoll {

    0% {
       /*opacity: 0;*/
       transform: translate(0, 0);
    }

    10% {
        /*opacity: 1;*/
    }

    100% {
        transform: translate(100%, 0);
    }

}

@media(max-width: 1500px){
    .home_banner .box_yun .icon_box {
        margin-bottom: 20px;
    }
    .home_banner .box_yun .icon_box .icon{
        width: 50px;
    }
    .home_banner .box_yun .icon_box .en{
       width: calc(100% - 50px);
      padding-top: 9px;
    }
}

@media(max-width: 800px){
    .home_banner .box_yun .icon_box .icon{
        width: 40px;
    }
    .home_banner .box_yun .icon_box .en{
       width: calc(100% - 40px);
      padding-top: 2px;
    }
}

/*pclogo后文字*/
.header .left .logo{overflow: initial;}
.header .left .logo h1{line-height: 0;}
.header .left .logo .wz{
    position: absolute;
    left: 100%;
    width: 300px;
    bottom:0;
    z-index: 3;
    color: #fff;
    font-size: 16px;
    margin-left: 16px;
    line-height: 1;
    letter-spacing: 3px;
    font-weight: initial;
}
@media(max-width: 1500px){
    .header .left .logo .wz{font-size: 14px;letter-spacing: 2px;}
}


/*home_c逐层动画*/
.home_c .right{
    width: 640px;
    height: 640px;
    position: relative;
    overflow: hidden;
}
.home_c .right .ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.home_c .right .ul li{
    width: 320px;
    height: 320px;
}

.home_c .right .ul li.li1{
    position: absolute;
    left: 0;
    top: 50%;
    width: 70px;
    height: 70px;
    opacity: 0;
    z-index: 3;
}

.home_c .right .ul li.li2{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
}
.home_c .right .ul li.li3{
    position: absolute;
    right: 50%;
    top: 50%;
    /* opacity: 0;*/
}

.home_c .right .ul li.li4{
    position: absolute;
    right: 0;
    top: 0;
    border-top: none;
     opacity: 0;
}

.home_banner .xuanzhuan .img .img1{
    transition:all 2s;
    transform: scale(1.2);
}

/*案例追加文字层*/
.home_e .ul li .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0, 0, 0, .5);
    padding: 5%;
    color: #f9f9f9;
    opacity: 0;
    transition: all 0.6s;
}

.home_e .ul li .text .box{
    position: relative;
    width: 100%;
    height: 100%;
}

.home_e .ul li .text .bt{
    position: absolute;
    top: 0;
    left: 0;
}

.home_e .ul li .text .wenzi{
    position: absolute;
    bottom: 0;
    left: 0;
}
.home_e .ul li .text .wenzi .fbt{
    font-size: 18px;
}
.home_e .ul li .text .wenzi .js{
    margin-top: 8px;
    line-height: 1.6;
}

.home_e .ul li:hover .text{
    display: block;
    opacity: 1;
}
@media(max-width:1100px){
    .home_e .ul li:hover .text{display:none;}
}
/**/

.gaoduanwz_banner .ts_nybanner .wz{
    position: absolute;
    bottom: 0;
    right: 0;
    width:100%;
    left:0;
}



.gaoduanwz_banner .ts_nybanner .bg .t{
    background: url(../images/gaoduanwz_banner01.jpg) center right/cover no-repeat;
    position: absolute;
    left: -20px;
    top: 0;
    width: 114%;
    height: 100%;
}

.gaoduanwz_banner .ts_nybanner .bg img{
   opacity: 0;
}
.shuzihua_banner .img{
    position:relative;
    line-height:0;
}
.shuzihua_banner .img video{line-height:0;}
.shuzihua_banner .img:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:rgba(0,0,0,0.2);
    z-index:1;
}

.shuzihua_banner .shuzihua_text{z-index:2;}
.gaoduanwz_banner .ts_nybanner .bg img{width:100%;}

/*观点资讯*/
.guandian_banner .text{
    letter-spacing: 3px;
}
.guandian_a{
    padding: 90px 0 110px;
    background: #fafafa;
}
.guandian_a .top .ty_title {float: left;margin-bottom: 0;}

.guandian_a .btm{
    margin-top: 36px;
}

.guandian_a .btm .left{
    
    width: 75.6%;
}
.guandian_a .btm .left .ul li{
    margin-bottom: 16px;
}
.guandian_a .btm .left .ul li:last-child{
    margin-bottom: 0;
}
.guandian_a .btm .left .ul li .box{
    background: #fff;
    padding: 26px 26px 32px;
}

.guandian_a .btm .left .ul li .img{
    float: left;
    width: 28.4%;
    overflow: hidden;
}

.guandian_a .btm .left .ul li .text{
    float: left;
    width: 71.6%;
    padding: 20px 50px;
}

.guandian_a .btm .left .ul li .text .bt{
    color: #000000;
    margin-bottom: 10px;
    transition: all 0.4s;
}

.guandian_a .btm .left .ul li .img img {
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
}

.guandian_a .btm .left .ul li:hover .text .bt{
    color: #0964c4;
}

.guandian_a .btm .left .ul li:hover .img img {
    transform: scale(1.1);
}

.guandian_a .btm .left .ul li .text .time{
    color: #000000;
    margin-bottom: 6px;
}

.guandian_a .btm .left .ul li .text .js{
    line-height: 1.8;
    color: #666666;
}

.gd2{
    color: #000000;
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
}

.gd2:before{
    background: url(../images/gd_jt.png) center center/cover;
    width: 13px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.guandian_a .btm .left .ul li .text .gd2{
    margin-top: 30px;
}

.guandian_a .btm .right{
    width: 23.2%;
}

.guandian_a .btm .right .box{
    background: #fff;
    margin-bottom: 16px;
    padding: 30px 24px 40px;
}

.guandian_a .btm .right .box:last-child{margin-bottom: 0;}
.guandian_a .btm .right .box .ty_title {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;}
.guandian_a .btm .right .box .ty_title .bt{font-size: 22px;padding-left: 16px;}
.guandian_a .btm .right .box .ty_title .bt i{height: 20px;width: 6px;}
.guandian_a .btm .right .box .ty_title .bt i:after{height: 6px;width: 6px;}
.guandian_a .btm .right .box .ol li{
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}

.guandian_a .btm .right .box .ol li:nth-child(2n){margin-right: 0;}
.guandian_a .btm .right .box .ol li .bt{
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 16px;
    color: #666666;
}

.guandian_a .btm .right .box .ol li .bt:before{
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: #0964c4;
}
.guandian_a .btm .right .box .btm .nr{margin-bottom: 16px;}
.guandian_a .btm .right .box .btm .nr:last-child{margin-bottom: 0;}
.guandian_a .btm .right .box .btm .img{
    float: left;
    width: 39.6%;
    overflow: hidden;
}

.guandian_a .btm .right .box .btm .img img{
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
}

.guandian_a .btm .right .box .btm .text{
    float: left;
    width: 60.4%;
    padding-top: 6px;
    padding-left: 18px;
}

.guandian_a .btm .right .box .btm .text .bt{
    color: #333333;
    height: 46px;
    overflow: hidden;
    transition: all 0.4s;
}

.guandian_a .btm .right .box .btm .text .time{
    color: #333333;
    margin-top: 14px;
}

.guandian_a .btm .right .box .btm .nr:hover .img img{
    transform: scale(1.1);
}

.guandian_a .btm .right .box .btm .nr:hover .text .bt{
    color: #0964c4;
}

.guandian_a .btm .right .box .btm{margin-top: 0;}

.guandian_a .page{text-align: left;padding-bottom: 0;}

@media(max-width: 1700px){
    .guandian_a {
        padding: 70px 0 90px;
    }
    .guandian_a .btm{margin-top: 30px;}
    .guandian_a .btm .left .ul li .box{padding: 20px;}
    .guandian_a .btm .left .ul li .text{
            padding: 10px 30px;
    }
    .guandian_a .btm .left .ul li .text .gd2{margin-top: 30px;}

    .guandian_a .btm .right .box {
        padding: 30px 20px 40px;
    }
    .guandian_a .btm .right .box .btm .text{
        padding-top: 0;
    }
}

@media(max-width: 1500px){
    .guandian_a .btm .right .box .ty_title{
        padding-bottom: 14px;
        margin-bottom: 14ox;
    }
    .guandian_a .btm .right .box .btm .text .bt{height: 36px;}
    .guandian_a .btm .left .ul li .text{
            padding: 10px 20px;
    }
}

@media(max-width: 1100px){
    .guandian_a {
        padding: 40px 0 50px;
    }
    .guandian_a .btm .right{display: none;}
    .guandian_a .btm .left{
        width: 100%;
    }
    .guandian_a .top .tit{width: 100%;float: left;}
}

@media(max-width: 800px){
    .guandian_a .btm .left .ul li .img{display: none;}
    .guandian_a .btm .left .ul li .text{width: 100%;padding: 0;}
}
/*logo后文字效果*/
.header .left .logo .wz{overflow:hidden;}
.header .left .logo .wz span {
  display: inline-block;  
  min-width: 0.3em;
  text-transform: uppercase;
  /**/
  opacity: 0;
  transform: translate(0, 20px);
   transition: 0.3s;
}
.header .left .logo .wz:before {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  left: 0;
  text-transform: uppercase;
  /*letter-spacing: 3.5px;*/
  opacity: 1;
  transform: translate(0, 0px);
  display:block;
   transition: 0.3s;
   /* transition: 0.3s cubic-bezier(0.5, -1, 0.5, 2);*/
}

.header .left .logo:hover .wz:before, .header .left .logo:hover .wz:focus:before ,.header .left .logo.cur .wz:before, .header .left .logo.cur .wz:focus:before {
    transform: translate(0, -20px);
 
}
.header .left .logo:hover .wz span, .header .left .logo:hover .wz:focus span,.header .left .logo.cur .wz span, .header .left .logo.cur .wz:focus span {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.3s;
}


/*联系我们*/
.lianxi_banner .text{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: 47%;
    transform: translateY(-50%);
    color: #000000;
}

.lianxi_banner .text .fbt{
    margin-bottom: 10px;
}

.lianxi_banner .text .bt{
    margin-bottom: 36px;
}

.lianxi_banner .text .phone{
    position: relative;
    width: 650px;
    padding: 20px 0 30px 86px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.lianxi_banner .text .phone:before{
    width: 50px;
    height: 59px;
    background: url(../images/lianxi_banner_icon.png) center center/cover;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.lianxi_banner .text .phone span{
    line-height: 1.2;
    margin-right: 50px;
}

.lianxi_banner .text .phone span:last-child{margin-right: 0;}

.lianxi_a{
    background: url(../images/lianxi_a_bg.jpg) bottom center/cover;
    padding-top: 90px;
}

.lianxi_a .ul li{
    float: left;
    width: 32.75%;
    margin-right: 0.875%;
    background: #fff;
    padding: 46px;
    height: 320px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

.lianxi_a .ul li:last-child{margin-right: 0;}

.lianxi_a .ul li .bt{
    color: #000000;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    line-height: 1.2;
}

.lianxi_a .ul li .bt i{
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    background: #0863c4;
    height: 100%;
     transition: all 0.3s;
}

.lianxi_a .ul li .bt i:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    background: #01c8ff;
    height: 7px;
    content: "";
     transition: all 0.3s;
}

.lianxi_a .ul li .text{
    margin-top: 26px;
    color: #666666;
    line-height: 1.6;
     transition: all 0.3s;
}

.lianxi_a .ul li .text .box{
    padding-left: 40px;
    position: relative;
    margin-bottom: 20px;
}
.lianxi_a .ul li .text .box:last-child{margin-bottom: 0;}
.lianxi_a .ul li .text .box:before{
    position: absolute;
    left: 0;
    top: 2px;
    width: 23px;
    height: 22px;
    content: "";
}

.lianxi_a .ul li .text .box.dizhi:before{
    background: url(../images/lianxi_a_dizhi.png) center center/cover;
}
.lianxi_a .ul li .text .box.dianhua:before{
    background: url(../images/lianxi_a_dianhua.png) center center/cover;
}
.lianxi_a .ul li .text .box.youx:before{
    background: url(../images/lianxi_a_youx.png) center center/cover;
}

.lianxi_a .ul li .text .box .p{
    float: left;
    width: 48px;
}

.lianxi_a .ul li .text .box .nr{
    float: left;
    width: calc(100% - 48px);
}

.lianxi_a .ul li .bule{
    width: 50px;
    height: 50px;
    background: #f3f3f3;
     transition: all 0.3s;
}

.lianxi_a .ul li .bule:before{
    width: 15px;
    height: 15px;
    background: #e9e9e9;
     transition: all 0.3s;
}

.lianxi_a .ul li .bule:after{
     width: 13px;
    height: 13px;
    background: #f2f2f2;
    left: -13px;
    top: -13px;
     transition: all 0.3s;
}
.lianxi_a .ul li:hover{
    background: #0964c4;
}

.lianxi_a .ul li:hover .bt,.lianxi_a .ul li:hover .text{
    color: #fff;
}

.lianxi_a .ul li:hover .text .box.dizhi:before{
    background: url(../images/lianxi_a_dizhi2.png) center center/cover;
}
.lianxi_a .ul li:hover .text .box.dianhua:before{
    background: url(../images/lianxi_a_dianhua2.png) center center/cover;
}
.lianxi_a .ul li:hover .text .box.youx:before{
    background: url(../images/lianxi_a_youx2.png) center center/cover;
}

.lianxi_a .ul li:hover .bt i{
    background: rgba(255, 255, 255, 0.5);
}

.lianxi_a .ul li:hover .bt i:before{
    background: #fff;
}


.lianxi_a .ul li:hover .bule{
    background: rgba(255, 255, 255, 0.1);
}

.lianxi_a .ul li:hover .bule:before{
    background: rgba(255, 255, 255, 0.1);
}

.lianxi_a .ul li:hover .bule:after{
    background: rgba(255, 255, 255, 0.1);
}

.lianxi_b{
    padding: 140px 0 120px;
    background: url(../images/lianxi_b_bg.jpg) top center/cover;
}

.lianxi_b .ty_title2 .js{padding-left: 0;}

.lianxi_b .left{
    width: 40%;
}

.lianxi_b .left .ul li{
    margin-bottom: 16px;
}
.lianxi_b .left .ul li:last-child{margin-bottom: 0;}
.lianxi_b .left .ul li input,.lianxi_b .left .ul li textarea,.lianxi_b .left .ul li .select select{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border: 1px solid #f3f3f4;
    background: #fff;
    font-size: 16px;
    color: #666666;
}

.lianxi_b .left .ul li textarea{resize: none;height: 120px;}


.lianxi_b .left .ul li .select{
    position: relative;
}

.lianxi_b .left .ul li .select:before{
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 7px;
    background: url(../images/lianxi_b_jt.png) center center/cover;
    content: "";
}

.lianxi_b .left .ul li .select select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.lianxi_b .left .ul li.btn{
    margin-top: 50px;
}

.lianxi_b .left .ul li.btn input{
    width: 200px;
    background: #0964c4;
    color: #fff;
}

.lianxi_c .map{
    height: 510px;
    width: 100%;
}

.lianxi_c .BMap_stdMpType0,.lianxi_c .BMap_scaleCtrl,.lianxi_c .BMap_noprint,.lianxi_c .anchorBL{display: none !important;}

@media(max-width: 1700px){
    .lianxi_banner .text .phone{
        padding: 20px 0 20px 60px;
    }
    .lianxi_banner .text .phone:before{
        width: 40px;
        height: 49px;
    }
    .lianxi_a {
        padding-top: 70px;
    }
    .lianxi_a .ul li{
        padding: 40px;
        height: 300px;
    }
    .lianxi_b {
        padding: 100px 0 80px;
    }
    .lianxi_b .left .ul li.btn{margin-top: 40px;}
    .lianxi_c .map{height: 460px;}
}

@media(max-width: 1500px){
    .lianxi_banner .text .phone{
        padding: 16px 0 16px 50px;
    }
    .lianxi_banner .text .phone:before{
        width: 33px;
        height: 39px;
    }
    .lianxi_banner .text .bt {
        margin-bottom: 26px;
    }
    .lianxi_a .ul li {
        padding: 30px;
        height: 260px;
    }
    .lianxi_b {
        padding: 80px 0 60px;
    }
    .lianxi_b .left .ul li input, .lianxi_b .left .ul li textarea, .lianxi_b .left .ul li .select select{
        font-size: 14px;
        height: 44px;
        line-height: 44px;
    }
    .lianxi_b .left .ul li textarea{height: 100px;}
    .lianxi_b .left .ul li{margin-bottom: 12px;}
    .lianxi_b .left .ul li.btn {
        margin-top: 30px;
    }
    .lianxi_c .map{height: 400px;}
}

@media(max-width: 1100px){
    .lianxi_banner .text .phone{width: 100%;}
    .lianxi_banner .text .phone span{margin-right: 0;display: block;margin-bottom: 4px;}
    .lianxi_banner .text .phone span:last-child{margin-bottom: 0;}
    .lianxi_banner .text .phone {
        padding: 14px 0 14px 44px;
    }
    .lianxi_banner .text .bt {
        margin-bottom: 16px;
    }
    .lianxi_a {
        padding-top: 40px;
    }
    .lianxi_a .ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        height: auto;
    }
    .lianxi_a .ul li:last-child{margin-bottom: 0;}
    .lianxi_b {
        padding: 50px 0;
    }
    .lianxi_b .left{
        width: 100%;
    }
    .lianxi_b .left .ul li input, .lianxi_b .left .ul li textarea, .lianxi_b .left .ul li .select select {
        height: 40px;
        line-height: 40px;
    }
    .lianxi_b .left .ul li textarea{height: 80px;}
    .lianxi_b .left .ul li.btn {
        margin-top: 20px;
    }
    .lianxi_c .map {
        height: 300px;
    }
}

/*资讯详情*/
.zixunxq_a{
    padding: 70px 0;
}

.zixunxq_a .btm{margin-top: 0;}

.zixunxq_a .left{
    background: #fff;
    padding: 60px 50px;
}

.zixunxq_a .left .bt{
    color: #000000;
    font-weight: initial;
}

.zixunxq_a .left .xinxi{
    color: #000000;
    margin-top: 16px;
}
.zixunxq_a .left .xinxi .l{
    float: left;
    width: 70%;
}
.zixunxq_a .left .xinxi > div{float: left;}

.zixunxq_a .left .xinxi .l .clearfix > div{float: left;margin-right: 20px;margin-bottom: 8px;}
.zixunxq_a .left .xinxi .l .clearfix > div:last-child{margin-right: 0;}
.zixunxq_a .left .xinxi .r{
    float: right;
    position: relative;
    padding-right: 90px;
}

.zixunxq_a .left .text{
    color: #666666;
    line-height: 1.8;
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left #share-1{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.zixunxq_a .left #share-1 a{
    width: 19px;
    height: 17px;
    margin: 0 10px 0 0;
}

.zixunxq_a .left #share-1 a:last-child{margin-right: 0;}
.zixunxq_a .left #share-1 a:before{display: none;}
.zixunxq_a .left #share-1 a.icon-weibo{
    background: url(../images/zixunxq_weibo.png) center center/cover;
}

.zixunxq_a .left #share-1 a.icon-qq{
    background: url(../images/zixunxq_qq.png) center center/cover;
}

.zixunxq_a .left #share-1 a.icon-wechat{
    background: url(../images/zixunxq_weixin.png) center center/cover;
}

.zixunxq_a .left .xia{
    margin-top: 70px;
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left .xia .zu{
    float: left;
    width: 70%;
}

.zixunxq_a .left .xia .zu a{
    display: block;
    margin-bottom: 18px;
    color: #000000;
    position: relative;
    padding-left: 30px;
}

.zixunxq_a .left .xia .zu a:last-child{margin-bottom: 0;}

.zixunxq_a .left .xia .zu a i{
    position: absolute;
    left: 4px;
    top: 0;
    width: 5px;
    height: 100%;
    background: #0863c4;
}

.zixunxq_a .left .xia .zu a i:before{
    content: "";
    height: 4px;
    width: 100%;
    background: #01c8ff;
    position: absolute;
    left: 0;
    top: 0;
}

.zixunxq_a .left .xia .yo{float: right;}

.zixunxq_a .left .xia .yo a{
    color: #000000;
    position: relative;
    padding-left: 16px;
}

.zixunxq_a .left .xia .yo a i{
     position: absolute;
    left: 4px;
    top: 0;
    width: 5px;
    height: 100%;
    background: #0863c4;
}

.zixunxq_a .left .xia .yo a i:before{
    content: "";
    height: 4px;
    width: 100%;
    background: #01c8ff;
    position: absolute;
    left: 0;
    top: 0;
}

@media(max-width: 1700px){
    .zixunxq_a .left {
        padding: 50px 40px;
    }
    .zixunxq_a .left .text {
        margin-top: 22px;
        padding-top: 22px;
    }
    .zixunxq_a .left .xia {
        margin-top: 50px;
        padding-top: 30px;
    }
}

@media(max-width: 1500px){
    .zixunxq_a {
        padding: 40px 0;
    }
    
}
@media(max-width: 1100px){
    .zixunxq_a {
        padding: 40px 0;
    }
    .zixunxq_a .left {
        padding: 30px 20px;
    }
    .zixunxq_a .left .xinxi .l{width: 100%;}
    .zixunxq_a .left .xinxi .r{float: left;}
    .zixunxq_a .left .text {
        margin-top: 20px;
        padding-top: 20px;
    }
}

@media(max-width: 640px){
    .zixunxq_a .left .xia {
        margin-top: 30px;
        padding-top: 20px;
    }
    .zixunxq_a .left .xia .zu a{padding-left: 20px;}
    .zixunxq_a .left .xia .zu{width: 100%;}
    .zixunxq_a .left .xia .yo{margin-top: 20px;}
}

/**/
.gaoduanwz_b2{
    padding: 60px 0;
}

.gaoduanwz_b2 .text{
    position: absolute;
    top: 50%;
    right: 5.5%;
    width: 36%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.94);
    padding: 60px 50px;
}

.gaoduanwz_b2 .text .ty_title{
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5e7e8;
} 

.gaoduanwz_b2 .text .js{
    color: #333333;
}

.gaoduanwz_b2 .text .wenzi{
    margin-top: 20px;
    line-height: 1.6;
}

.gaoduanwz_b2 .text .wenzi ul li{
    padding-left: 14px;
    color: #666666;
    position: relative;
    margin-top: 6px;
}

.gaoduanwz_b2 .text .wenzi ul li:before{
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #0863c4;
    content: "";
}


.gaoduanwz_e{
    background: #f7f9fb;
}
.gaoduanwz_e .container,.gaoduanwz_e .btm .img2{
    overflow: initial;
}

.gaoduanwz_e .btm{
  overflow: initial;
   margin-top: 60px;
}
.gaoduanwz_e .top .right{
    padding-right: 17%;
}
.gaoduanwz_e .btm .img2{
    width: 62%;
    right: 2.4%;
    bottom: 0;
    position: absolute;
}


@media(max-width: 1500px){
    .gaoduanwz_b2 .text {
        padding: 40px 30px;
    }
    .gaoduanwz_b2 .text .ty_title {
        margin-bottom: 18px;
        padding-bottom: 18px;
    }
}

@media(max-width: 1100px){
    .gaoduanwz_b2 .text .ty_title {
        margin-bottom: 14px;
        padding-bottom: 14px;
    }
    .gaoduanwz_b2 .text{
        background: #f2f2f2;
        width: 100%;
        position: initial;
        transform: initial;
        padding: 30px 20px;
    }
    .gaoduanwz_e .top .right{padding-right: 0;}
    .gaoduanwz_e .btm{margin-top: 30px;}
    .ts_nybanner {display:none;}
}
 
/*面包屑*/
.location { padding:10px 0; text-align: left; }
.location p { display: inline-block; position: relative; line-height: 30px; padding-left:20px; background: url(../images/locabg.png) no-repeat left 7px;}
.location a,.location { font-size: 14px;color:#999999; }
.location a.cur {color:#999999; }


/*banner效果zhuyou*/
.home_banner .swiper-slide{overflow: hidden;}
.home_banner .zhuyou_box{
    position: absolute;
    top: 29%;
    left: 37%;
    z-index: 9;
    height: 12vw;
}

.home_banner .zhuyou_box img{width: 100%;}
.home_banner .zhuyou_box .img2{
    width: 36%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home_banner .zhuyou_box .zhuyou_box_nr{
    width: 340px;
    margin-top: 10px;
    margin-left: -20px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .nrox{
    color: #c4eff9;
    text-align: center;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul{
    margin-top: 12px;
    /*font-size: 14px;*/
    color: #bcebff;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li{margin-bottom: 6px;}
.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li:last-child{margin-bottom: 0;}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p{
    float: left;
    width: 132px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu{
    float: left;
    width: calc(100% - 132px);
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k .wb{
    font-size: 12px;
    color: #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    line-height: 1;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
}
.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k{
    height: 22px;
    line-height: 22px;
    border: 2px solid #b2e6f5;
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k i{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #a3dbf1;
    transition: 2.5s;
    z-index: -1;
}

.home_banner .zhuyou_box .lx{
    transform: translateY(30px);
    transition: all 1.8s;
    opacity: 0;
}
.home_banner .zhuyou_box .lx.cur{
    transform: translateY(0);
    opacity: 1;
}
/*
.home_banner .swiper-slide.zhuyou .box .img img{
        transform: scale(0.8);
}
.home_banner .swiper-slide.zhuyou.cur .box .img img{
        transform: scale(1);
}*/
@media(max-width: 3000px){
    .home_banner .zhuyou_box{
        position: absolute;
        top: 29%;
        left: 37%;
        z-index: 9;
        width: 34%;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr{
        width: 340px;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr .nrox{ font-size: 14px;}
    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul{
        margin-top: 12px;
        font-size: 14px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li{margin-bottom: 6px;}
    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k{
         height: 16px;
        line-height: 16px;
        border: 2px solid #b2e6f5;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p{
        width: 160px;
        font-size: 18px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu{
        width: calc(100% - 160px);
         padding-left: 6px;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr .nrox{font-size: 18px;}
}
@media(max-width: 1920px){
    .home_banner .zhuyou_box{
        position: absolute;
        top: 29%;
        z-index: 9;
        width: 35%;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr{
        width: 280px;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr .nrox{ font-size: 12px;}
    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul{
        margin-top: 14px;
        font-size: 12px;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k{
         height: 14px;
        line-height: 14px;
        border: 2px solid #b2e6f5;
    }
    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p{
        width: 124px;
        font-size: 14px;
    }
     .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu{
        width: calc(100% - 124px);

    }

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li{margin-bottom: 3px;}
}

@media(max-width: 1300px){
     .home_banner .zhuyou_box .zhuyou_box_nr{
        left: -40px;
     }
}

@media(max-width: 1100px){
    .home_banner .zhuyou_box{display: none;}
}


/*新闻下查看更多*/
.news_gd{
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    background: #333;
    color: #fff;
    height: 46px;
    line-height: 46px;
    width: 200px;
    margin: 20px auto;
}

.news_gd_gd{
    display: none;
}


/*服务案例详情*/
.casexq_banner{
    background: url(../images/casexq_banner.jpg) center center/cover;
}

.casexq_banner .text{
    padding-top: 170px;
      text-align: center;
}

.casexq_banner .text .top{
    width: 82%;
    margin:0 auto;
}

.casexq_banner .text .bt{
    color: #fff;
}

.casexq_banner .text .js{
    line-height: 1.8;
    color: #fff;
    margin-top: 16px;
}

.casexq_banner .text .more{
    margin-top: 22px;
    z-index: 1;
    position: relative;
}

.casexq_banner .text .more i,.casexq_banner .text a.more i{
    background-color: rgba(27, 107, 193, 1.0);
    z-index: -1;
    height: calc(100% + 2px);
    top: 50%;
    transform: translateY(-50%);
}

.casexq_banner .text .more:after,.casexq_banner .text a.more:after{
    background: rgba(68, 156, 192, 0.3);
}

.casexq_banner .text .fb{
    margin-top: 50px;
}
.casexq_banner .text .fb img{
    transform:translateY(1px);
    image-rendering:-moz-crisp-edges;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;
}
.casexq_banner .mobile-box{
    display:inline-block;
    margin-top:40px;
    margin-bottom:30px;
    z-index:1;
}

.casexq_banner .mobile-box .mobile-l {
    width:380px;
    height: 770px;
    position: relative;
    float:left;
}

/**.casexq_banner .mobile-box .mobile-l .content01 {
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 356px;
    height: 526px;
}**/
.casexq_banner .mobile-box .mobile-l .content01{
    position:absolute;
    top:10px;
    left:12px;
}

.casexq_banner .mobile-box  .mobile-s {
    width: 380px;
    height: 770px;
    margin-left: -75px;
    margin-top: 35px;
    position: relative;
    float:left;
    border-radius: 38px;
}

.casexq_banner .mobile-box  .mobile-s .content02 {
    position: absolute;
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 36px 20px 20px;
    z-index:10;
}

.casexq_banner .mobile-box .mobile-s .content02 p {
    padding: 15px 0 6px;
    text-align: center;
    border-top: 1px solid #D1D1D2;
    border-bottom: 1px solid #D1D1D2;
    font-size: 23px;
    margin-bottom: 6px;
    color: #000;
    font-family: '宋体';
    font-weight: 600;
}
.casexq_banner .mobile-box .mobile-s .content02 p span{margin-top:10px;display:block;}

.casexq_banner .mobile-box .mobile-s .content02 i {
    display: block;
    width: 25px;
    height: 30px;
    background: url(../images/mobile-img04.png) no-repeat;
    margin: 19px auto 20px;
}

.casexq_a{
    background:#efefef;
    padding: 80px 0 60px;
}

.casexq_a .nr{
    color: #333;
    line-height: 1.8;
    text-align:center;
}

.casexq_a .nr img{display:inline-block;}


@media(max-width: 1500px){
    .casexq_banner .text{
        padding-top: 150px;
    }
    .casexq_banner .text .fb {
        margin-top: 30px;
    }
    .casexq_a {
        padding: 80px 0 50px;
    }
}
/**/
.case-show-box_box1{position:relative;}
.case-show-box_box1 li:nth-child(1){
    width:66.55%;
    
    
}

.case-show-box_box1 li:nth-child(2){
    margin-right:0;
    float:right;
}

.case-show-box_box1 li:nth-child(3){
        margin-right: 0.35%;
}
.case-show-box_box1 li.t_t dt > img{z-index:-1 !important;}
.case-show-box_box1 li:nth-child(5){margin-right:0;}
/*.case-show-box_box1 li dt{height:330px;overflow:hidden;}
/*.case-show-box_box1 li:nth-child(1) dt > img{opacity:0}*/
.case-show-box_box2 li:nth-child(1){
    
}

.case-show-box_box2 li:nth-child(2){
    width:66.55%;
    margin-right:0;
}

.case-show-box_box2 li:nth-child(3){
        margin-right: 0.35%;
}
.case-show-box_box2 li:nth-child(5){margin-right:0;}
/*.case-show-box_box2 li dt{height:330px;overflow:hidden;}*/

.case-show-box_box1 li,.case-show-box_box2 li{position:relative;}
.case-show-box_box1 li video{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:9;
    height:100%;
}

.case-show-box_box1 li dd,.case-show-box_box2 li dd{
    height:74px;
}

/*.case-show-box_box1 li dt > img,
.case-show-box_box2 li dt > img{height:470px;}*/
/*@media(max-width:1700px){
    .case-show-box_box1 li dt > img,.case-show-box_box2 li dt > img{height:400px;}
}
@media(max-width:1500px){
    .case-show-box_box1 li dt > img,.case-show-box_box2 li dt > img{height:340px;}
}*/
/*contact QQ*/
.lianxi_banner .zixun{
    margin-top:30px;
    color:#707271;
}


.lianxi_banner .zixun .more_lx{float:left;margin-right:26px;margin-top:24px;color:#fff;transition:all 0.5s;background:#0863c4;font-size:16px;padding:14px 26px;position:relative;}
.lianxi_banner .zixun .more_lx:last-child{margin-right:0;}
.lianxi_banner .zixun .more_lx i,.lianxi_banner .zixun a.more_lx i{
        background: url(../images/lianxi_icon02.png) center center/cover;
        width:22px;
        height:22px;
        display:inline-block;
        vertical-align:middle;
        margin-right:10px;
}

.lianxi_banner .zixun .more_lx:after, .lianxi_banner .zixun .more_lx:after {
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    top: -6px;
    right: -6px;
    background:#01c8ff;
}

.lianxi_banner .zixun .more_lx:hover{opacity:0.8;}

@media(max-width:1100px){
    .lianxi_banner .zixun .more_lx{
        padding:8px 20px;
        font-size:14px;
    }
    .lianxi_banner .zixun .more_lx i,.lianxi_banner .zixun a.more_lx i{
        width:16px;
        height:16px;
    }
}
.home_e-index .container2{
    border-top: 1px solid #ebebec;
    padding-top:100px;
}
@media (max-width:1920px) {
    .home_e-index .container2{padding-top:80px;}
}
/*新闻无图片样式*/
.home_noneimg{
    padding-bottom:90px;
}
.home_noneimg .nr .nr_s .ul li{
border-bottom: 2px solid #e7e7e7 !important;
}

.home_noneimg .nr .nr_s .ul li:nth-child(2n){margin-right:0}

.home_noneimg .nr .nr_s .ul li .img{display:none}
.home_noneimg .nr .nr_s .ul li .text .bt{
    font-weight:bold;
    margin-top: 12px;
    font-size: 22px;
}

.home_noneimg .nr .nr_s .ul li .text .time{
     margin-top: 14px;
     font-size: 14px;
    color: #999999;
}

.home_noneimg .zhankai{
  background: #d6d6d6;
  text-align: center;
  padding: 10px 0;
  color: #333333;
  font-size: 14px;
  margin: 36px 0;
  cursor: pointer;
}

.home_noneimg .zhankai i {
    display: inline-block;
    width: 14px;
    height: 7px;
    background: url(../images/jt_20211129.png) center center;
    margin-left: 10px;
    position: relative;
    top: -2px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.home_noneimg .zhankai.cur i {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.home_noneimg .nr .nr_s_s{display:none;}
@media(max-width:1500px){
    .home_noneimg .nr .nr_s .ul li .text .bt{font-size:20px;}
    .home_e-index .container2 {
        padding-top: 60px;
    }
}
.case_xq_mbx{background:#efefef;}
.mobile-case-show .middle-img .s01 {
    left: 325px;
}
.casexq_banner .text .ig{
    width: 32.4%;
    margin: 0;
}
.casexq_banner .ig1{
    position:relative;
    text-align:left;
    padding:370px 0px 280px 0px;
}

.casexq_banner .ig1 .ig2{
    position:absolute;
    right:30px;
    bottom:-21%;
}
.casexq_banner .mobile-box .mobile-l .tupian{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
}
.casexq_banner .mobile-box .mobile-s .content02 .tupian{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:2;
    top:0;
}

.casexq_banner .mobile-box .mobile-s .content02 .content01{
    position:absolute;
    top:10px;
    left:12px;
}
.casexq_banner .text .ig .ig3{
    font-size: 16px;
    color: #ffffff;
    position: relative;
    display: inline-block;
    margin-top: 40px;
    padding-left:68px;
}

.casexq_banner .text .ig .ig3:after{
    position: absolute;
    content: "";
    width: 58px;
    height: 58px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/weixin.png);
    left: 0;
}
.casexq_banner .text .ig .chup{
    width: 100%;
    position: relative;
}
.casexq_banner .text .ig .chup .ig4{
    width:200px;
    height:200px;
    position: absolute;
    left: 0;
    top: 90px;
    display: none;
}
.casexq_banner .text .ig .chup .ig4 img{
    width:100%;
    height:100%;
}
.casexq_banner .text .ig .chup:hover .ig4{
    display:block;
}

.wmbyy{
    padding: 100px 0 110px;
    background: #323537;
}

.wmbyy .clearfix{
    position: relative;
}

.wmbyy .byyl{
   width: 38%;  
}

.wmbyy .byyl .ty_title{
    margin-bottom: 15px;
}

.wmbyy .byyl .bt{
    color: #fff;
}

.wmbyy .byyl .mmp{
    color: #fff;
    font-size: 16px;
    margin-bottom: 60px;
}

.wmbyy .byyl .mmu ul li{
    border-bottom: 1px solid #3a3c3e;
    padding: 30px 0 35px;
}

.wmbyy .byyl .mmu ul li:nth-child(1){
    border-top: 1px solid #3a3c3e;
}

.wmbyy .byyl .mmu ul li .icwz{
    width: 432px;
    margin-left: 10px;
}

.wmbyy .byyl .mmu ul li .icwz .w1{
    font-size: 22px;
    line-height: 1;
    color: #fff;
}

.wmbyy .byyl .mmu ul li .icwz .w2{
    font-size: 16px;
    line-height: 1.6;
    margin-top: 13px;
    color: #fff;
}

.wmbyy .byyr{
    width: 62%;
    position: absolute;
    right: 0;
    height: 100%;
}

.wmbyy .byyr img{
    height: 100%;
}

.yqlj{
    background: #202020;
    padding: 20px 0 3px;
}

.yqlj .yq .yqa{
    font-size: 13px;
    color: #a7a7a7;
    line-height: 1;
    margin-top: 7px;
}

.yqlj .yq a{
    font-size: 13px;
    line-height: 1;
    color: #a7a7a7;
}

.yqlj .yq .yqb{
    margin-top: 7px;
}

.yqlj .yq .yqb .yqht a{
    margin-right: 17px;
    display: inline-block;
}

.yqlj .yq .yqb .yqht{
    margin-bottom: 20px;
    margin-right: 60px;
}

.yqlj .yq .yqb .yqht a:last-child{
    margin-right: 0;
}

.yqlj .yqb .ppap{
    width: 563px;
    display: none;
}

.yqlj .yqb .ppap ul li{
    float: left;
    margin-right: 21px;
    margin-bottom: 10px;
}

.yqlj .yqb .ppap ul li:nth-child(8n){
    margin-right: 0;
}

.yqlj .yq .obobo{
    line-height: 28px;
    font-size: 13px;
    height: 28px;
    border: 1px solid #515151;
    width: 70px;
    text-align: center;
    cursor: pointer;
}

.yqlj .yq .obobo p span{
    display: inline-block;
    background: url(../images/xxanm.png) no-repeat center center/cover;
    width: 13px;
    height: 7px;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -2px;
}

.yqlj .lj{
    color: #a7a7a7;
    line-height: 1;
    margin-top: 7px;
    font-size: 13px;
}

@media(max-width: 1920px) {
     .wmbyy{
        padding: 80px 0 90px;
    }   

    .wmbyy .byyl .ty_title{
        margin-bottom: 6px;
    }

    .wmbyy .byyl .mmp{
        font-size: 14px;
    }

    .wmbyy .byyl .mmp{
        color: #fff;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .wmbyy .byyl .mmu ul li{
        padding: 20px 0 30px;
    }

    .wmbyy .byyl .mmu ul li .icwz .w2{
        font-size: 14px;
    }

    .wmbyy .byyl .mmu ul li .icwz .w1{
        font-size: 18px;
    }

    .wmbyy .byyr {
        width: 60%;
    }

    .wmbyy .byyl {
        width: 40%;
    }
}

@media(max-width: 1500px) {
    .wmbyy {
        padding:60px 0;
    }

    .wmbyy .byyl .mmu ul li .icwz {
        width: 331px;
    }
}

@media(max-width: 1480px) {
    .yqlj .yq .yqb .yqht {
        margin-right: 25px;
    }
}

@media(max-width: 1180px) {
    .wmbyy .byyr {
        width: 57%;
    }

    .wmbyy .byyl {
        width: 43%;
    }
}

@media (max-width:1100px) {
    .home_e-index .container2 {
        padding-top: 40px;
    }

    .wmbyy{
        padding: 40px 0 40px;
    }

    .wmbyy .byyl .mmu ul li .icwz .w1 {
        font-size: 16px;
    }

    .wmbyy .byyl .mmu ul li {
        padding: 20px 0 18px;
    }

    .wmbyy .byyl .mmp {
        margin-bottom: 30px;
    }

    .yqlj{
        display: none;
    }
}

@media(max-width: 1024px) {
    .wmbyy .byyl{
        width: 100%;
        margin-top: 25px;
    }

    .wmbyy .byyr{
        width: 100%;
        position: initial;
    }

    .wmbyy .byyl .mmu ul li .icwz{
        width: 85%;
    }

    .wmbyy .byyl .mmp {
        margin-bottom: 20px;
    }

    .wmbyy .byyl .mmu ul li {
        padding: 15px 0 15px;
    }
}

@media(max-width: 500px) {
    .wmbyy .byyl .mmu ul li .icwz{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}


.font-24{
    font-size: 24px;
}

.font-22{
    font-size: 22px;
}


.font-16{
    font-size: 16px;
}


@media(max-width: 1500px){
    .font-24{font-size: 22px;}
}


@media(max-width: 1024px){
    .font-24{font-size: 18px;}

    .font-16{
        font-size: 14px;
    }
}


@media(max-width: 1300px){
  .home_banner .box .text .bt_1 { font-size: 4vw; margin-bottom:12px; }
}
.header .logo img.mb { display: none; }
@media(max-width: 1100px){
  .header { background: #fff; position: fixed;  }
  .header .logo img.mb { display: inline-block; height: 30px; }
  .header .logo img.pc { display: none; }
}

@media(max-width: 600px){
  .home_banner .box .text .bt_1 { font-size: 24px; margin-bottom: 10px; }
}