@charset "utf-8";
@font-face {
  font-family: pingfang_b;
  src:url(../font/PingFang_Bold.ttf);
}
@font-face {
  font-family: pingfang_el;
  src:url(../font/PingFang_ExtraLight.ttf);
}
@font-face {
  font-family: pingfang_h;
  src:url(../font/PingFang_Heavy.ttf);
}
@font-face {
  font-family: pingfang_l;
  src:url(../font/PingFang_Light.ttf);
}
@font-face {
  font-family: pingfang_m;
  src:url(../font/PingFang_Medium.ttf);
}
@font-face {
  font-family: pingfang_r;
  src:url(../font/PingFang_Regular.ttf);
}
@font-face {
  font-family: number_only;
  src:url(../font/Number.ttf);
}
@font-face {
  font-family: MontDemo;
  src:url(../font/MontDemo-Heavy.otf);
}
.ct{font-family:pingfang_b}
.tc{font-family:pingfang_h}
.cg{font-family:pingfang_m}
.zd{font-family:pingfang_r}
.xt{font-family:pingfang_l}
.jx{font-family:pingfang_el}
.sz{font-family:number_only}
.yw{font-family:MontDemo}
body {
    font: 0.16rem/1.5 "PingFang SC",'pingfang_r','pingfang_b','number_only';
    color: #333;
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden; 
    height:0;
} 
.clearfix{zoom:1}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.imgj {
    overflow: hidden;
}
.wal {max-width: 16.2rem;margin:0 auto;width: 90vw;position: relative;}
.small_wal {
    /* max-width: 17rem; */
    /* width: 85%; */
    /* margin: 0 auto; */
}
.zicon {
    display: none;
}

.zicon.active {
    display: block;
}
a:hover {
    text-decoration: none;
    color: #0253a5;
}

 html,
      body {
        position: relative;
        height: 100%;
      }



      .swiper {
        width: 100%;
        height: 100%;
      }

      
 body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 0.00rem;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #b6afb1;
  }
  body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
box-shadow   : inset 0 0 0.01rem rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ffffff;
  }

.index_part {
    position: relative;
}
.nav_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 999;
}

.thebig_index {
    margin: 1.1rem 0 0;
    box-sizing: border-box;
    position: fixed;
    background: #fff;
    z-index: 998;
}
.fixd_swipes{position:initial}
.index_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.1rem;
}

.index_nav .logo {
}

.index_nav .top_nav {
    float: left;
    margin: 0 0 0 0.3rem;
}

.index_nav .top_right {
    float: right;
    display: flex;
    /* height: 1.36rem; */
    align-items: center;
}

.index_nav .logo .di {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_nav .logo .di img {
    width: 1.79rem;
}

.index_nav .logo.green_logo {}

.index_nav .logo .di img.bailogo {
    display: none;
}

.index_nav .logo .di img.lvlogo {
    display: block;
}

.index_nav .logo.green_logo .di img.bailogo {
    display: block;
}

.index_nav .logo.green_logo .di img.lvlogo {
    display: none;
}

.index_nav .top_nav .nav_main {}

.index_nav .top_nav .nav_main ul {
    display: flex;
    font-size: 0.16rem;
    /* height: 1.36rem; */
    align-items: center;
}

.index_nav .top_nav .nav_main ul li {
    /* margin: 0 0 0 0.2rem; */
    position: relative;
    padding: 0.2rem 0;
}

.index_nav .top_nav .nav_main ul li a.one_level {
    color: #0254a6;
    padding: 0 0.25rem;
}
.index_nav .top_nav .nav_main ul li a.one_level:hover{
    color: #fe158e;
}

.one_level,.index_nav .top_nav .nav_main ul li.on a{color: #fe158e;}


.index_nav .top_nav .nav_main ul li:hover a.one_level,.index_nav .top_nav .nav_main ul li.on a.one_level {
    background: url(../images/heision.png) left center no-repeat;
    background-size: 0.18rem;
}

.index_nav .top_nav .nav_main ul li .two_level {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0.6rem;
    font-size: 0.14rem;
    background: rgb(2 84 166);
    border-radius: 0.08rem;
    padding: 0.1rem;
    line-height: 0.36rem;
}
.index_nav .top_nav .nav_main ul li .two_level.show{display:block}
.index_nav .top_nav .nav_main ul li .two_level:before{content:".";position: absolute;left: 50%;top: -0.1rem;width: 0;height: 0;display: block;transform: translate(-50%, 0px);/* transform: rotate(45deg); */font-size: 0;border-left: 0.1rem solid #cc212100;border-right: 0.1rem solid #bb060600;border-bottom: 0.1rem solid rgb(2 84 166);}
.index_nav .top_nav.all_write .nav_main ul li a.one_level {
    color: #fff;
}

.index_nav .top_nav.all_write .nav_main ul li:hover a.one_level,.index_nav .top_nav.all_write .nav_main ul li.on a.one_level {
    background: url(../images/baision.png) left center no-repeat;
    background-size: 0.18rem;
}
.index_nav .top_nav .nav_main ul li .two_level a {
    display: block;
    text-align: center;
    color: #fff;
    opacity: 0.8;
}
.index_nav .top_nav .nav_main ul li .two_level a:hover{opacity:1}
.index_nav .top_right .yanshi,.searchFormGroup {
    width: 0.4rem;
    height: 0.4rem;
    background: rgb(0 0 0 / 10%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 0 0.2rem;
}
.index_nav .top_right.white_right .yanshi, .index_nav .top_right.white_right .searchFormGroup {
    background: rgba(255,255,255,0.3);
}
.index_nav .top_right .yanshi img {
    width: 0.21rem;
}

.index_nav .top_right .tips {
    position: absolute;
    left: -0.25rem;
    right: -0.25rem;
    top: 0.5rem;
    background: rgba(255,255,255,0.8);
    border-radius: 0.08rem;
    text-align: center;
    padding: 0.05rem 0px;
    display: none;
}
.index_nav .top_right .yanshi:hover .tips{display:block}
.index_nav .top_right .yanshi img.hei_ys {
    display: block;
}

.index_nav .top_right .yanshi img.bai_ys {
    display: none;
}

.index_nav .top_right .tips:before{content:".";position: absolute;left: 50%;top: -0.1rem;width: 0;height: 0;display: block;transform: translate(-50%, 0px);/* transform: rotate(45deg); */font-size: 0;border-left: 0.1rem solid #cc212100;border-right: 0.1rem solid #bb060600;border-bottom: 0.1rem solid rgb(255 255 255 / 80%);}
 {}
.index_nav .top_right .tips span {}

.searchFormGroup {}
.mc_search_xl {
    position: fixed;
    left: 0;
    top: 1.1rem;
    width: 100%;
    height: 1.6rem;
    border-top: 1px solid #dfdede;
    z-index: 999;
    background: #ffffff;
    display: none;
    transition: top 0.36s;
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}

.mc_scm_form {
    width: 7rem;
}

.mc_msc_box {
    font-size: 0;
    padding: 0.1rem;
    border-bottom: 1px solid #dfdede;
}

.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}

.mc_msc_submit {
    width: 0.2rem;
    vertical-align: top;
    position: absolute;
    top: 0.2rem;
    right: 0;
    cursor: pointer;
    background: none;
}
.mc_msc_submit img{width:0.2rem}
.he_pcser .icon-search {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    background: url(../images/heisearch.png) center center no-repeat;
    background-size: 0.18rem;
    font-size: 0;
    cursor: pointer;
}

.index_nav .top_right.white_right {}

.index_nav .top_right.white_right img.bai_ys {
    display: block;
}

.index_nav .top_right.white_right img.hei_ys {
    display: none;
}

.top_right.white_right .he_pcser .icon-search {
    background: url(../images/baisearch.png) center center no-repeat;
    background-size: 0.18rem;
}

.banner_item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 1.1rem);
}

.banner_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ani {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.banner_zi {
    color: #fff;
    text-shadow: 0 0 0.1rem rgba(0,0,0,0.5);
}

.banner_zi h3 {
    font-size: 0.4rem;
}

.banner_zi p {
    font-size: 0.7rem;
    font-weight: bold;
}

.banner_number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    z-index: 9;
}

.banner_number .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination {
    position: initial;
}

.banner_number .swiper-pagination {
    display: flex;
}

.mouse_over {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: 1.4rem;
    background: #048632;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
}

.mouse_over img {
    width: 0.51rem;
}

.right_buttom_but {
    position: absolute;
    right: 4.92rem;
    bottom: 0;
    width: 2rem;
    height: 1.4rem;
    background: #ffffff;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 11%;
    right: 24%;
    border-right: 1px solid #f7f5f5;
}

.number_pagination {
    position: absolute;
    right: 2.01rem;
    bottom: 0;
    width: 2.9rem;
    height: 1.4rem;
    background: #ffffff;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    color: #999;
    width: 14%;
    right: 10%;
}

span.swiper-pagination-current {
    font-size: 0.36rem;
    color: #048632;
    font-weight: bold;
}

span.swiper-pagination-total {
}

.right_buttom_but .swiper-button-next,.right_buttom_but  .swiper-button-prev {
    position: initial;
    background: url(../images/huijian.png) center center no-repeat;
    width: 1rem;
    background-size: 0.31rem;
    height: 0.5rem;
    margin: 0;
}
.right_buttom_but .swiper-button-next:hover, .right_buttom_but .swiper-button-prev:hover{
    background: url(../images/lvjian.png) center center no-repeat;
    background-size: 0.31rem;
}
.right_buttom_but .swiper-button-next {
    transform: rotate(180deg);
}

.right_buttom_but .swiper-button-prev {
    transform: rotate(0);
}
/**index abou us **/
.videolist {position:relative;}
.videolist:hover{ cursor: pointer; }
.videoed {}


.videos{}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.videos {position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 999;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.5);display: none;}
.video_mainbig {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.video_mm {display: flex;align-items: center;justify-content: center;}

video#video {
    width: 70%;
    margin: 0 auto;
}

.videos .vclose {/* position: absolute; *//* top: -0.25rem; *//* right: 0; */width: 0.12rem;height: 0.12rem;display: block;width: 0.4rem;height: 0.4rem;background: url(../images/close.png) center no-repeat;background-size: 0.22rem;margin: 0 auto;cursor: pointer;transition: all 0.3s ease;}
.videos .vclose:hover {
    transform: rotate(360deg);
}

.three_nav {
    border-bottom: 1px solid #ddd;
}

.three_nav ul {
    display: flex;
}

.three_nav ul li {
    padding: 0 0.5rem 0 0;
}

.three_nav ul li a {
    font-size: 0.16rem;
    line-height: 0.5rem;
    display: block;
    /*font-weight: bold;*/
}

.three_nav ul li.on,.three_nav ul li:hover {}

.three_nav ul li.on a,.three_nav ul li:hover a {
    color: #fe158e;
    border-bottom: 2px solid #fe158e;
}
.bg_ff {
    background: #fff !important;
}

.color_ff {
    color: #fff !important;
}
/**client solutions***/
.solutions_con .index_solutions_left {
    background: url(../images/solubg.jpg) center center no-repeat;
    background-size: cover;
    width: 63%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 9vw;
    box-sizing: border-box;
}

.index_solutions {
    /* padding: 1rem 0 0; */
}

.index_solutions .insolutions {}

.index_solutions .insolutions ul {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}

.index_solutions .insolutions ul li {
    width: 33.33%;
    /* height: 2.8rem; */
    display: flex;
    background: #333;
    background-image: linear-gradient(45deg, #333 60%, #909090 100%);
}

.index_solutions .insolutions ul li.on {
    background: #0253a5;
}

.index_solutions .insolutions ul li .solu_item {
    position: relative;
    width: 100%;
}
.index_solutions .insolutions ul li .solu_item .zi{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0.4rem;
    color: #fff;
    overflow: hidden;
}
.index_solutions .insolutions ul li .solu_item .zi .ti{
    position: absolute;
    bottom: 0.3rem;
    transition: all 0.3s ease;
}
.index_solutions .insolutions ul li .solu_item img {
    width: 0.34rem;
}
.index_solutions .insolutions ul li .solu_item img.im {
    width: 100%;
    opacity: 0.2;
}
.index_solutions .insolutions ul li .solu_item h3 {
    font-size: 0.18rem;
}

.index_solutions .insolutions ul li .solu_item span {
    font-size: 0.14rem;
    opacity: 0.5;
}

.index_solutions .insolutions ul li .solu_item i {
    background: url(../images/bjt.png) center center no-repeat;
    background-size: 0.2rem;
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    position: absolute;
    bottom: -0.3rem;
    transition: all 0.3s ease;
}
.index_solutions .insolutions ul li.on .solu_item .zi .ti {
    bottom: 0.8rem;
}

.index_solutions .insolutions ul li.on .solu_item .zi i {
    bottom: 0.3rem;
}
.index_main_part  .index_solutions_right {
    background: #0253a5;
    position: relative;
    width: 37%;
    height: 100%;
    padding: 1rem 10vw 0 0.5rem;
    box-sizing: border-box;
}

.color_ff {
    color: #fff;
}


.swiper-container-incase {
    overflow: hidden;
    margin: 0.5rem 0 0;
    /* bottom: 3rem; */
}

.solution_mainzi {
    color: #fff;
    margin: 1rem 0 0;
}

.solution_mainzi .solution_ti {
    margin: 0 0 0.3rem 0;
}

.solution_mainzi .solution_ti span {
    font-size: 0.36rem;
    font-weight: bold;
}

.solution_mainzi .solution_ti h3 {
    font-size: 0.28rem;
    font-weight: bold;
}

.solution_mainzi .solution_ti i {
    font-size: 0.14rem;
    opacity: 0.5;
}

.solution_mainzi p {
    font-size: 0.18rem;
    line-height: 0.36rem;
}
.solutions_con {
    display: flex;
    height: calc(100vh - 1.1rem);
    align-items: center;
}

.solution_mainzi a {
    display: block;
    width: 1.4rem;
    line-height: 0.44rem;
    border: 1px solid #ddd;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 0.18rem;
    margin: 0.5rem 0 0;
}
/****/
.index_aboutus {
    height: calc(100vh - 1.1rem);
    background: #fafbfc;
    align-items: center;
    display: flex;
}

.index_aboutus .left {
    height: 100%;
    width: 50%;
}

.index_aboutus .left .video_box {
    height: 100%;
}

.index_aboutus .left .video_box .videolist {
    height: 100%;
}

.index_aboutus .left .video_box .videolist img {
    width: 100%;
    height: 100%;
}

.index_aboutus .left .video_box .videolist img.videoed {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.index_aboutus .right {
    width: 50%;
    padding: 0 0 0 0.5rem;
    box-sizing: border-box;
    background: url(../images/xianbg.png) bottom no-repeat;
    background-size: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.index_aboutus .right .wal {
    width: 45vw;
    margin: 0;
}

.index_ti {
    margin: 0 0 0.4rem;
}

.index_ti i {
    display: inline-block;
    width: 0.35rem;
    height: 0.05rem;
    background: #0253a5;
}

.index_ti span {
    font-size: 0.36rem;
    font-weight: bold;
    color: #0254a6;
    display: block;
    margin: 0.1rem 0;
}

.index_aboutus .right .main_zi {}

.index_aboutus .right .main_zi h3 {
    font-size: 0.44rem;
    font-weight: bold;
}

.index_aboutus .right .main_zi span {
    font-size: 0.28rem;
    display: block;
    margin: 0 0 0.2rem;
}

.index_aboutus .right .main_zi .p {
    font-size: 0.18rem;
    line-height: 0.37rem;
    color: #666;
    margin: 0 0 0.5rem;
}

.index_aboutus .right .main_zi .p p {}

.index_aboutus .right .main_zi .main {}

.main .numCount {}

.main .numCount ul {
    display: flex;
    justify-content: space-between;
}

.main .numCount ul li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .numCount ul li .item {
    font-size: 0.18rem;
}

.main .numCount ul li .item .numU {
    display: flex;
    align-items: flex-end;
    /* margin: 0 0 0.1rem; */
    /* line-height: 1rem; */
    line-height: 0.45rem;
}

.main .numCount ul li .item .numU span {
    display: inline-block;
    font-family: 'DIN';
    font-weight: bold;
    color: #0253a5;
    margin: 0;
    font-size: 0.45rem;
    line-height: 0.7rem;
    font-style: italic;
}

.main .numCount ul li .item .indc {}
/**index_servises**/
a.see_more {
    background: #0253a5;
    width: 1.6rem;
    display: block;
    line-height: 0.46rem;
    border-radius: 50px;
    text-align: center;
    font-size: 0.2rem;
    color: #fff;
    margin: 0.5rem 0 0;
}

.center_zi {
    text-align: center;
    height: 0.9rem;
}

.index_servises {}

.index_servises .services_ul {
    height: calc(100vh - 1.3rem);
}

.index_servises .services_ul ul {
    display: flex;
    height: 100%;
}

.index_servises .services_ul ul li {
    flex: 1;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.index_servises .services_ul ul li a:before{content:"";display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1;}
.index_servises .services_ul ul li a {
    display: block;
    text-align: center;
    color: #fff;
    z-index: 2;
    padding: 0 0.3rem 0.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_servises .services_ul ul li a .item {
    z-index: 3;
}

.index_servises .services_ul ul li a .item img {
    width: 0.68rem;
    margin: 0 auto 0.23rem;
}

.index_servises .services_ul ul li a .item h3 {
    font-size: 0.34rem;
    font-weight: bold;
    margin: 0 0 0.7rem;
    transition: all 0.3s ease;
}

.index_servises .services_ul ul li a .item p {
    font-size: 0.16rem;
    line-height: 0.28rem;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.index_servises .services_ul ul li a .item span {
    width: 1.4rem;
    display: block;
    line-height: 0.44rem;
    text-align: center;
    border-radius: 50px;
    border: 1px solid;
    margin: 0 auto;
}
.index_servises .services_ul ul li a:hover .item p {
    height: 1.96rem;
}

.index_servises .services_ul ul li a:hover .item h3 {
    margin: 0 0 0.1rem;
}

.index_servises .services_ul ul li a:hover:before {
    background: rgba(2,84,166,0.5);
}



/**index_fengcai**/
.bg_fafbfc {
    background: #fafbfc;
}

.index_fengcai {
    overflow: hidden;
}

.fengcai_nav {}

.fengcai_nav .insolutions {
    position: relative;
}

.fengcai_nav .insolutions ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fengcai_nav .insolutions ul li {
    padding: 0 0.5rem;
    position: relative;
    z-index: 2;
}

.fengcai_nav .insolutions ul li span {
    display: block;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #333;
}

.fengcai_nav .insolutions ul li .dot {
    background: #fff;
    border-radius: 50%;
    background: #fafbfc;
    width: 0.4rem;
    height: 0.4rem;
    position: relative;
}

.fengcai_nav .insolutions ul li .dot i {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.fengcai_nav .insolutions ul li .dot i.dot1 {
    /* background: #ddd; */
    width: 0;
    height: 0;
    border-radius: 50%;
    border: 1px solid #fafbfc;
    transition: all 0.3s ease;
}

.fengcai_nav .insolutions ul li .dot i.dot2 {
    width: 0.1rem;
    height: 0.1rem;
    background: #ddd;
}

.fengcai_nav .insolutions ul:after {content: "";display: block;width: 100%;height: 1px;background: #ddd;position: absolute;bottom: 0.2rem;left: 0;right: 0;z-index: 1;}

.fengcai_nav .insolutions ul li.on .dot i.dot1 {
    border: 1px solid #0253a5;
    width: 0.3rem;
    height: 0.3rem;
}

.fengcai_nav .insolutions ul li.on .dot i.dot2 {
    background: #0253a5;
}

.fengcai_item {
    margin: 0.51rem 0;
}

.fengcai_item .imgj {}

.fengcai_item .imgj img {height:250px;}

.fengcai_item .zi {}

.fengcai_item .zi h3 {
    font-size: 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0.1rem 0.1rem 0;
}

.swiper-button {}

.swiper-button .swiper-button-prev,.swiper-button .swiper-button-next {
    position: absolute;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: url(../images/ftjian.png) center center no-repeat #fff;
    background-size: 0.2rem;
    transform: translate(0px, -50%);
    /* opacity: 1; */
}

.swiper-button .swiper-button-prev {
    left: 0.05rem;
}

.swiper-button .swiper-button-next {
    right: 0.05rem;
    transform: translate(0px, -50%) rotate(180deg);
}

.mySwiper_ren {
    padding: 0 0.2rem;
    box-sizing: border-box;
}



.swiper-button .swiper-button-prev:hover, .swiper-button .swiper-button-next:hover {
    background: url(../images/lebai.png) center center no-repeat #0253a5;
    background-size: 0.2rem;
}

.padding1{padding:1rem 0 0;box-sizing: border-box;}


/**index_news_listbox**/
.index_news_listbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.index_news_listbox .left {
    width: 20%;
}
.index_news_listbox .left a{
    display: block;
    text-align: center;
    font-size: 0.2rem;
    color: #fff;
    background: #0253a5;
    border-radius: 50px;
    line-height: 0.4rem;
    width: 1.36rem;
    margin: 0.6rem 0 0;
}
.insexnews_nav {
    flex: 1;
}

.insexnews_nav ul {}

.insexnews_nav ul li {
    display: flex;
    align-items: center;
    color: #666;
    cursor: pointer;
    font-size: 0.26rem;
    line-height: 0.8rem;
}

.insexnews_nav ul li span {}

.insexnews_nav ul li:before {content: "";display: block;width: 0.08rem;height: 0.08rem;border-radius: 50%;background: #0253a5;margin: 0 0.1rem 0 0;opacity: 0;}

.insexnews_nav ul li.on:before {
    opacity: 1;
}

.insexnews_nav ul li.on {
    color: #0253a5;
}

.index_news_listbox .right {
    width: 80%;
    overflow: hidden;
}

.index_news_listbox .right .bigswiper-slide {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
}

.index_news_listbox .right .swiper-slide .li_left {
    width: 48%;
}

.index_news_listbox .right .swiper-slide .li_left .li_right {}

.index_news_listbox .right .swiper-slide .li_right {
    width: 48%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 0.3rem;
}

.index_news_listbox .right .swiper-slide .li_right li {
    height: 30%;
}

.news_list_box {}

.news_list_box a {
    display: flex;
    height: 100%;
}

.news_list_box a .imgj {
    width: 2rem;
    height: 100%;
    height: 1.5rem;
    margin: 0 0.3rem 0 0;
}

.news_list_box a .imgj img {
    width: 100%;
}

.news_list_box a  .zi {
    flex: 1;
}

.news_list_box a  .zi h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 0.22rem;
    margin: 00 0 0.1rem;
}

.news_list_box a  .zi p {
    line-height: 0.22rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #666;
    margin: 0 0 0.2rem;
}

.news_list_box a  .zi span {
    display: block;
    font-size: 0.18rem;
    color: #0254a6;
    font-family: 'DIN';
}

.bg_imgs {
    background: url(../images/bg_imgs.jpg);
    background-size: cover;
}

.index_news_listbox .right .li_left a {
    display: block;
    position: relative;
}

.index_news_listbox .right .li_left a .imgj {}

.index_news_listbox .right .li_left a .imgj img {}

.index_news_listbox .right .li_left a .zi {
    padding: 0.2rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0, black, transparent);
    box-sizing: border-box;
    color: #fff;
}

.index_news_listbox .right .li_left a .zi h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 0.22rem;
}

.index_news_listbox .right .li_left a .zi span {
    display: block;
    font-size: 0.18rem;
    font-family: 'DIN';
}
.index_kehu {}

.index_kehu ul {
    display: flex;
    flex-flow: wrap;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.index_kehu ul li {
    width: 20%;
}

.index_kehu ul li .item {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_kehu ul li .item .imgj {}

.index_kehu ul li .item .imgj img {}
/**foot_con**/
.foot_con {
    background: #403e3e;
    padding: 1rem 0 0;
    color: #fff;
    position: relative;
    z-index: 1;
}

.foot_con .footbox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.foot_con .footbox .left {
    line-height: 0.38rem;
}

.foot_con .footbox .left .tel {
    padding: 0 0 0.2rem 0;
    border-bottom: 1px solid #666565;
    margin: 0 0 0.2rem 0;
}

.foot_con .footbox .left .tel h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.15rem;
}

.foot_con .footbox .left .tel p {
    font-size: 0.33rem;
    font-family: 'DIN';
    font-style: italic;
}

.foot_con .footbox .left .add {
    position: relative;
    Z-INDEX: 1;
}

.foot_con .footbox .left .link {
    margin: 0.4rem 0 0;
    position: relative;
    z-index: 2;
}

.foot_con .footbox .left .link h4 {
    font-size: 0.14rem;
    opacity: 0.5;
    margin: 0 0 0.1rem 0;
}

.foot_con .footbox .left .link .select_box {
    display: flex;
    position: relative;
    z-index: 2;
}

.foot_con .footbox .left .link .select_box .select {
    width: 2.5rem;
    margin: 0 0.2rem 0 0;
    line-height: 0.4rem;
    position: relative;
    z-index: 1;
}

.foot_con .footbox .left .link .select_box .select label {
    display: flex;
    align-items: center;
    border: 1px solid #666565;
    padding: 0 0.15rem;
    justify-content: space-between;
}

.foot_con .footbox .left .link .select_box .select .go_link {
    background: rgb(64 62 62);
    border: 1px solid #666565;
    /* border-bottom: 0; */
    position: absolute;
    left: 0;
    right: 0;
    top: -1.6rem;
    height: 1.6rem;
    overflow-y: scroll;
    display: none;
}

.foot_con .footbox .left .link .select_box .select .go_link a {
    display: block;
    padding: 0 0.15rem;
    color: #fff;
}

.foot_con .footbox .left .link .select_box .select label:after {content: "";display: block;width: 0.15rem;height: 0.2rem;background: url(../images/xia.png) center center no-repeat;background-size: cover;}

.foot_con .footbox .left .link .select_box .select .go_link a:hover {
    background: rgba(255,255,255,0.1);
}
  .go_link::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 0.05rem;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .go_link::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 50px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #b6afb1;
  }
  .go_link::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ffffff;
  }
  
  
.foot_nav {
    display: flex;
}

.foot_nav .fotnav {
    margin: 0 0 0 0.4rem;
}

.foot_nav .fotnav a {
    color: #fff;
    display: block;
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.2rem 0;
}

.foot_nav .fotnav .fot_ej {}

.foot_nav .fotnav .fot_ej a {
    opacity: 0.5;
    line-height: 0.38rem;
    margin: 0;
    font-size: 0.16rem;
}

.foot_nav .fotnav .fot_ej a:hover {
    opacity: 1;
}
.foot_ba {
    display: flex;
    justify-content: space-between;
    opacity: 0.5;
    padding: 0.2rem;
    border-top: 1px solid #666565;
    margin: 0.5rem auto 0;
}
/**nei_big_con**/
.nei_big_con {}

.neibanner {
    position: relative;
}

.neibanner img {
    width: 100%;
}

.neibanner .bannerzi {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.neibanner .bannerzi .zi {
    text-align: center;
}

.neibanner .bannerzi .zi span {
    font-size: 0.72rem;
}

.neibanner .bannerzi .zi h3 {
    font-size: 0.36rem;
    margin: 0 0 0.2rem;
}

.neibanner .bannerzi .zi i {
    display: block;
    width: 0.5rem;
    height: 0.02rem;
    background: #fff;
    margin: 0 auto;
}

.neipart {
    padding: 0.8rem 0;
}
/**about_information**/
.about_information {}

.about_information .ti {
    text-align: center;
    margin: 0 0 0.2rem;
}

.about_information .ti h3 {
    font-size: 0.44rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.about_information .ti h4 {
    font-size: 0.28rem;
    font-weight: bold;
    color: #666;
}

.about_information .p {
    font-size: 0.18rem;
    line-height: 0.38rem;
    color: #666;
    margin: 0 0 0.5rem;
}

.about_information:after {content: "";display: block;width: 100%;height: 100%;background: url(../images/xianbg.png) bottom no-repeat;position: absolute;left: 0;right: 0;bottom: -0.8rem;background-size: 100%;}
/**about_honner**/
.bg_ryzz {
    background: url(../images/bg_ryzz.jpg);
    background-size: cover;
}

.about_honner {}

.about_honner .honor_item {}

.about_honner .honor_item .imgj {
    background: #fff;
    padding: 0.1rem;
}

.about_honner .honor_item .imgj img {}


.about_leder {
    display: flex;
    justify-content: space-between;
}

.about_leder .left {
    width: 41%;
}

.about_leder .left img {
    width: 100%;
}

.about_leder .right {
    width: 56%;
}

.about_leder .right h4 {
    font-size: 0.28rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.about_leder .right p {
    font-size: 0.17rem;
    line-height: 0.32rem;
    color: #666;
}

.about_zzjg {
    text-align: center;
}

.about_zzjg img {
    width: 80%;
}

.bg_wenh {
    background: url(../images/bg_wenh.jpg) center;
    background-size: cover;
}
.about_qiyweh {}

.about_qiyweh ul {
    display: flex;
    /* align-items: center; */
    justify-content: space-around;
}

.about_qiyweh ul li {
    color: #fff;
    font-size: 0.24rem;
    text-align: center;
}

.about_qiyweh ul li img {
    display: block;
    margin: 0 auto;
    width: 0.72rem;
    margin: 0px auto 0.3rem;
}

.about_qiyweh ul li span {
    display: block;
    margin: 0 0 0.4rem;
}

.about_qiyweh ul li .ti {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_qiyweh ul li .ti i {
    display: block;
    width: 0.3rem;
    height: 0.02rem;
    background: #fff;
}

.about_qiyweh ul li .ti label {
    font-size: 0.2rem;
    display: block;
    margin: 0 0.1rem;
}
.padding0 {
    padding: 0;
}

.about_bottom {
    position: relative;
}

.about_bottom .images {
    display: flex;
    position: relative;
}

.about_bottom .images .imgj {
    flex: 1;
}

.about_bottom .images .imgj img {
    width: 100%;
}

.about_bottom .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
}

.about_bottom .text .wal {
    display: flex;
    align-items: center;
    height: 100%;
}

.about_bottom .text .main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_bottom .text .m {}

.about_bottom .text h4 {
    font-size: 0.5rem;
}

.about_bottom .text a {
    font-size: 0.16rem;
    display: block;
    text-align: center;
    width: 1.5rem;
    line-height: 0.4rem;
    border-radius: 50px;
    border: 1px solid #ddd;
    color: #fff;
    margin: 0.3rem auto 0;
}
.about_bottom .text a:hover{opacity:0.8}
/**Services_list**/
.Services_list {}

.Services_list ul {}

.Services_list ul li {
    margin: 0 0 0.5rem 0;
}

.Services_item {
    position: relative;
    padding: 0 0 0.5rem;
}

.Services_item .imgj {
    position: absolute;
    left: 0;
    width: 40%;
    bottom: 0.2rem;
    z-index: 2;
}

.Services_item .imgj img {}

.Services_item .ser_zi {
    position: relative;
    z-index: 2;
    padding: 1rem 0;
}

.Services_item .ser_zi .wal {
    display: flex;
    justify-content: flex-end;
}

.Services_item .ser_zi .zi {width: 50%;margin: 0rem 0  0rem 50%;position: relative;z-index: 2;top: 1rem;background: #fff;padding: 0.5rem;}

.Services_item .ser_zi .zi h3 {
    font-size: 0.4rem;
    font-weight: bold;
    margin: 0 0 0.1rem 0;
}

.Services_item .ser_zi .zi p {
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #666;
}

.Services_item .ser_zi .zi .ser_seemore {display: block;width: 1.3rem;line-height: 0.44rem;border-radius: 50px;border: 1px solid #0254a6;text-align: center;color: #0254a6;margin: 0.3rem 0 0;}
.Services_item .ser_zi .zi .ser_seemore:hover {
    background: #0254a6;
    color: #fff;
}
.Services_list ul li:nth-child(2n) .Services_item .imgj{
    left: auto;
    right: 0;
}

.Services_list ul li:nth-child(2n) .Services_item .ser_zi{}
.Services_item .ser_zi .zi:after {content: "";display: block;width: 50%;background: #fff;position: absolute;bottom: 0;top: 0;/* left: auto; */right: -50%;}

.Services_item:after {content: "";display: block;width: 70%;position: absolute;right: 0;bottom: -0.5rem;top: 1.2rem;background: #fafbfc;z-index: 1;}
.Services_list ul li:nth-child(2n) .Services_item:after {
    right: auto;
    left: 0;
}

.Services_list ul li:nth-child(2n) 
 .Services_item .ser_zi .zi {
    margin: 0 50% 0 0;
}

.Services_list ul li:nth-child(2n) 
 .Services_item .ser_zi .zi:after {
    left: -50%;
}
/**Project_list**/
.Project_list {}

.Project_list ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.5rem 0 0 -0.3rem;
}

.Project_list ul li {
    width: 33.33%;
}

.Project_list ul li .item {
    display: block;
    margin: 0.5rem 0 0 0.3rem;
}

.Project_list ul li .item .imgj {}

.Project_list ul li .item .imgj img {height: 280px;}

.zizhi_list ul li .item .imgj img {height: 700px;}

.Project_list ul li .item .zi {
    padding: 0.15rem 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}

.Project_list ul li .item .zi h3 {
    font-size: 0.22rem;
}

.Project_list ul li .item .zi span {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/ftjian.png) center center no-repeat;
    transform: rotate(180deg);
}

/* 分页样式 */
.paging { margin-top: 32px; font-size: 14px; text-align:center;}
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #8667F7; color: #8667F7; }
/**services_con**/
.break_nav {
    margin: 1.1rem 0 0;
    font-size: 0.14rem;
}

.break_nav a {}

.break_nav .wal {
    border-bottom: 1px solid #ddd;
    padding: 0.3rem 0 0.1rem;
}

.services_con {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.services_main {
    width: 70%;
    background: #fff;
}

.services_main .ti {
    font-size: 0.34rem;
    font-weight: bold;
    text-align: center;
    padding: 0.3rem 0 0.2rem;
    border-bottom: 1px solid #ddd;
}

.services_main .ti h4 {
    font-weight: bold;
}

.services_main .main {
    padding: 0.5rem;
    border-bottom: 1px solid #ddd;
}

.services_main .main img {
    width: 100%;
}

.services_main .main p {
    line-height: 0.32rem;
    margin: 0.2rem 0;
}

.releve_list {
    width: 26%;
}

.prev_next {
    padding: 0.3rem 0.5rem;
}

.prev_next a {
    display: block;
    line-height: 0.3rem;
}

.releve_list h3 {
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0.2rem 0 0.15rem;
}

.releve_list ul {}

.releve_list ul li {
    margin: 0 0 0.3rem;
}

.other_case {
    display: block;
}

.other_case .imgj {}

.other_case .imgj img {}

.other_case .zi {
    padding: 0.1rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
}

.other_case .zi h3 {
    margin: 0;
    font-size: 0.18rem;
    font-weight: normal;
}

.other_case .zi span {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/ftjian.png) center center no-repeat;
    transform: rotate(
180deg);
}

/**NewsCenter_list**/
.NewsCenter_list {}

.NewsCenter_list ul {}

.NewsCenter_list ul li {
    margin: 0 0 0.4rem;
    padding: 0 0 0.4rem;
    border-bottom: 1px solid #ddd;
}

.NewsCenter_list ul li .item {
    display: flex;
}

.NewsCenter_list ul li .item .imgj {
    flex: 1;
}

.NewsCenter_list ul li .item .zi {
    flex: 2;
    padding: 0 0 0 0.4rem;
    position: relative;
}

.NewsCenter_list ul li .item .zi h3 {
    font-size: 0.28rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.NewsCenter_list ul li .item .zi p {
    line-height: 0.32rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.NewsCenter_list ul li .item .zi span {
    display: block;
    color: #0254a6;
    font-family: 'DIN';
    font-style: italic;
    position: absolute;
    bottom: 0.2rem;
    font-size: 0.24rem;
}

.news-main{
    margin-bottom: 60px;
    margin-top: 60px;
}
.news-main h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 45px;
}
.day{
    font-size: 14px;
    color: #999;
    text-align: center;
   display: block;
    margin-bottom: 20px;
}
.news-main p{
    font-size: 14px;
    color: #666;
    line-height: 36px;
}

.cases{text-align:center;}

/**about_talent**/
.about_talent {
    display: flex;
}

.about_talent .imgj {
    flex: 1;
}

.about_talent .imgj img {
    width: 100%;
}

.about_talent .zi {
    flex: 1;
    padding: 0 0 0 0.5rem;
}

.about_talent .zi .ti {}

.about_talent .zi .ti h4 {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.1rem 0;
}

.about_talent .zi .p {
    font-size: 0.18rem;
    line-height: 0.36rem;
    color: #666;
}

.about_talent .zi .p p {}

.talent_peix {}

.talent_peix ul {
    display: grid;
    text-align: left;
    grid-template-columns: repeat(3,calc(33.33% - 0.01rem));
    gap: 0.02rem;
}

.talent_peix ul li {}
.talent_peix li:first-child {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
}
.talent_peix ul li .imgj {}

.talent_peix ul li .imgj img {
    width: 100%;
}

.bg_flimg {
    background: url(../images/bg_flimg.jpg);
    background-size: cover;
}
.yuang_fuli {}

.yuang_fuli ul {
    display: flex;
    flex-flow: wrap;
}

.yuang_fuli ul li {
    padding: 0 0.2rem;
    box-sizing: border-box;
    width: 25%;
}

.yuang_fuli ul li .item {}

.yuang_fuli ul li .item img {
    display: block;
    width: 0.83rem;
    margin: 0 auto;
}

.yuang_fuli ul li .item .zi {
    color: #fff;
    text-align: center;
}

.yuang_fuli ul li .item .zi span {
    font-size: 0.22rem;
    display: block;
    margin: 0.3rem auto 0.2rem;
}

.yuang_fuli ul li .item .zi i {
    display: block;
    width: 0.3rem;
    height: 0.02rem;
    background: #fff;
    margin: 0 auto 0.2rem;
}

.yuang_fuli ul li .item .zi p {
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.video_item {
    border-radius: 0.06rem;
    overflow: hidden;
}

.video_item img {
    width: 100%;
}

.video_item img.videoed {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video_item .zi {
    background: #fff;
    text-align: center;
    padding: 0.1rem;
}
.zhaop_talent {
    display: flex;
}

.zhaop_talent .left {
    width: 20%;
}

.zhaop_talent .left h3 {
    font-size: 0.26rem;
    line-height: 0.8rem;
    background: #0253a5;
    color: #fff;
    padding: 0 0.2rem;
}

.zhaop_talent .left ul {}

.zhaop_talent .left ul li {
    background: #fafbfc;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    color: #666;
}

.zhaop_talent .left ul li span {}

.zhaop_talent .left ul li.on {
    background: #fff;
    border-left: 0.02rem solid #0253a5;
}

.zhaop_talent .left ul li.on span {}

.zhaop_talent .right {
    width: 80%;
    overflow: hidden;
    margin: 0 0 0 1rem;
    box-sizing: border-box;
    background: #fafbfc;
}

.zhaop_talent .right .swiper-container {
    margin: 0.3rem;
    overflow: hidden;
}

.talent_mainzi {}

.talent_mainzi .main {}

.talent_mainzi .main .ti {
    padding: 0 0 0.2rem;
    border-bottom: 1px solid #ddd;
}

.talent_mainzi .main .ti h3 {
    font-size: 0.2rem;
    margin: 0 0 0.1rem;
}

.talent_mainzi .main .ti p {
    font-size: 0.16rem;
    color: #999;
}

.talent_mainzi .main .part {
    padding: 0.2rem 0;
}

.talent_mainzi .main .part span {
    font-size: 0.16rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
    display: block;
}

.talent_mainzi .main .part p {
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #666;
}

.talent_mainzi .main .ti p span {
    display: inline-block;
    margin: 0 0.2rem 0 0;
}
.talent_mainzi .main a{
    font-size: 0.18rem;
    color: #fff;
    background: #0253a5;
    padding: 0.1rem 0.25rem;
    display: inline-block;
    border-radius: 50px;
}
.zhaop_talent .right .swiper-container .swiper-slide {
    opacity: 0 !important;
}

.zhaop_talent .right .swiper-container .swiper-slide-active {
    opacity: 1 !important;
}
.web_show {
    display: flex;
}

.wap_show {
    display: none;
}
/****/
/**index_contact**/
.index_contact {
    display: flex;
    justify-content: space-between;
}

.index_contact .left {
    flex: 1.5;
    background: #fff;
    padding: 0.5rem;
}

.index_contact .left .form {
    display: flex;
    flex-flow: wrap;
    margin: -0.2rem 0 0 -0.2rem;
}

.index_contact .left .form .input {
    width: calc(50% - 0.2rem);
    line-height: 0.46rem;
    margin: 0.2rem 0 0 0.2rem;
}

.index_contact1 .left .form .input {
    width: calc(30% - 0.2rem);
    line-height: 0.46rem;
    margin: 0.2rem 0 0 0.2rem;
}

.index_contact .left .form .input input[type="text"] {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e8e6e6;
    line-height: 0.46rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    border-radius: 0.06rem;
}

.index_contact .left .form .input textarea {
    width: 100%;
    padding: 0.2rem;
    border-bottom: 1px solid #fafafa;
    box-sizing: border-box;
    height: 1rem;
    color: #666;
    border-radius: 0.06rem;
}

.index_contact .left .form button {
    background: #0454a6;
    width: 100%;
    line-height: 0.46rem;
    text-align: center;
    color: #fff;
    margin: 0 0 0 0.2rem;
    border-radius: 0.06rem;
    font-size: 0.18rem;
}

.index_contact .right {
    flex: 1;
    background: url(../images/wsimg.jpg);
    background-size: cover;
    color: #fff;
    /* padding: 0.5rem; */
    box-sizing: border-box;
}


.contact_us {}

.contact_us .contact {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.3rem 0;
}

.contact_us .contact .left {}

.contact_us .contact .left h4 {
    font-size: 0.2rem;
    font-weight: bold;
    color: #0252a5;
    margin: 0 0 0.1rem;
}

.contact_us .contact .left p {
    line-height: 0.3rem;
    color: #666;
}

.contact_us .contact .right {
    text-align: center;
    font-size: 0.16rem;
    line-height: 0.4rem;
    color: #666;
}

.contact_us .contact .right .imgj {
    border: 1px solid #ddd;
    width: 1rem;
    padding: 0;
}

.contact_us .contact .right .imgj img {
    width: 100%;
}

.contact_us .contact .right span {}

.contact_us .contact .map {}

.contact_us .map img {
    width: 100%;
}
.w100 {
    width: 100% !important;
}
@media (min-width: 1px) and (max-width: 800px) {
.phone_menu {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    background: url(../images/menu.png) center center no-repeat rgba(0,0,0,0.1);
    background-size: 0.18rem;
    font-size: 0;
    cursor: pointer;
    position: fixed;
    right: 0.3rem;
    top: 0.35rem;
    z-index: 999;
    border-radius: 50%;
}

.index_nav .top_nav {
    left: 100%;
    transition: all 0.3s ease;
    float: none;
    position: fixed;
    right: 0;
    top: 1.1rem;
    bottom: 0;
    background: #0353a6;
    margin: 0;
}

.index_nav .top_right {
    margin: 0 0.6rem;
}

.top_nav.show {
    float: none;
    position: fixed;
    left: 30%;
}

.show.top_nav {}

.index_nav .top_nav .nav_main ul {
    display: block;
}

.index_nav .top_nav .nav_main ul li .two_level a {
    color: #fff;
    text-align: left;
}

.index_nav .top_nav .nav_main ul li a.one_level {
    color: #fff;
}

.index_nav .top_nav .nav_main ul li:hover a.one_level, .index_nav .top_nav .nav_main ul li.on a.one_level {
    background: url(../images/baision.png) left center no-repeat;
    background-size: 0.18rem;
}

.index_nav .top_nav .nav_main ul li .two_level {
    position: relative;
    background: none;
    padding: 0;
    top: auto;
    left: auto;
    padding: 0.2rem 0.4rem;
    line-height: 0.5rem;
}

.index_nav .top_nav .nav_main ul li {
    padding: 0.2rem;
    border-bottom: 0.01rem solid #2d649d;
}
.index_nav .top_nav .nav_main ul li .two_level:before {
    display: none;
}
.nei_banner {
    padding: 1rem 0 0;
}
.Services_item .imgj {
    position: relative;
    width: 100%;
}

.Services_item .ser_zi .zi {
    width: 100%;
    margin: 0;
    top: 0;
    padding: 0;
}

.Services_item .ser_zi {
    padding: 0;
}

.Services_list ul li:nth-child(2n) .Services_item .ser_zi .zi {
    margin: 0;
}

.Services_item:after {
    width: 100%;
    display: none;
}

.foot_nav {
    display: none;
}

.foot_ba {
    display: block;
}
.neibanner {
    margin: 1.1rem 0 0;
}
.services_con {
    display: block;
}

.services_main {
    width: 100%;
}

.releve_list {
    width: 100%;
}
.Project_list ul li {
    width: 50%;
}
.about_talent {
    display: block;
}

.about_talent .zi {
    padding: 0.5rem 0 0;
}

.yuang_fuli ul li {
    width: 50%;
    margin: 0.3rem 0;
}
.web_show {
    display: none;
}

.wap_show {
    display: block;
}
.xiagnqing {
    display: none;
    padding: 0.2rem;
}

.talent_mainzi .main .ti {
    background: #fafbfc;
    padding: 0.2rem;
}

.talent_mainzi.wap_talent {}

.talent_mainzi .main {
    margin: 0 0 0.2rem;
    background: #fafbfc;
}
.about_leder {
    display: block;
}

.about_leder .right,.about_leder .left {
    width: 100%;
    margin: 0  0 0.3rem;
}

.about_bottom .text .wal {
    display: block;
}

.about_bottom .images {
    display: block;
}

.about_bottom .text .main {
    height: 50%;
}
.contact_us .contact {
    display: block;
}

.contact_us .contact .right .imgj {
    width: 2rem;
}

.contact_us .contact .right {
    width: 2rem;
    margin: 0.3rem 0 0;
}

.index_contact {
    display: block;
}

.index_contact .right {
    display: none;
}
.NewsCenter_list ul li .item {
    display: block;
}

.NewsCenter_list ul li .item .zi {
    padding: 0.2rem 0 0.8rem;
}

.banner_item {
    height: auto;
}

.index_banner {
    margin: 1.1rem 0 0;
}

.index_aboutus {
    height: auto;
    display: block;
}

.index_aboutus .left {
    width: 100%;
    margin: 0 0 0.3rem;
}

.index_aboutus .right {
    width: 100%;
    display: block;
    padding: 0px 0.3rem 0.5rem;
}

.index_aboutus .right .wal {
    width: 100%;
}

.index_servises .services_ul {
    height: auto;
}

.index_servises .services_ul ul {
    display: block;
}

.index_servises .services_ul ul li a {
    padding: 0.5rem;
}
.solutions_con {
    height: auto;
    display: block;
}

.solutions_con .index_solutions_left {
    width: 100%;
    padding: 0.5rem;
    display: block;
}

.index_solutions .insolutions ul {
    justify-content: flex-start;
}

.index_main_part .index_solutions_right {
    width: 100%;
    padding: 0.5rem;
}

.swiper-container-incase {
    margin: 0;
}

.solution_mainzi {
    margin: 0;
}
.index_servises {
    padding: 0.5rem 0 0;
}

.index_solutions .insolutions ul li.on .solu_item .zi img {
    display: none;
}
.index_news_listbox {
    display: block;
    padding: 0.5rem 0;
}

.index_news_listbox .left {
    width: 100%;
}

.index_news_listbox .index_ti i {
    margin: 0 auto;
    display: block;
}

.index_news_listbox .index_ti span {
    text-align: center;
}

.insexnews_nav ul {
    display: flex;
    justify-content: space-between;
}

.index_news_listbox .left a {
    display: none;
}

.index_news_listbox .right {
    width: 100%;
}

.index_news_listbox .right .bigswiper-slide {
    display: block;
}

.index_news_listbox .right .swiper-slide .li_left {
    width: 100%;
    margin: 0 0 0.3rem 0;
}

.index_news_listbox .right .swiper-slide .li_right {
    width: 100%;
}

.index_kehu ul li {
    width: 33.33%;
}

.index_kehu ul li .item {
    height: 1rem;
}

.index_kehu {
    padding: 0 0 0.5rem;
}
}






.fight_float {
    position: fixed;
    right: 0.2rem;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 999;
    background: #0254a6;
    padding: 0.1rem  0.2rem;
    border-radius: 0.1rem;
}

.fight_float .online {
    background: linear-gradient(0deg, #4cbffc, #258df5);
    width: 0.48rem;
    border-radius: 50px;
    padding: 0.02rem;
}

.fight_float .online a {
    color: #fff;
    display: flex;
    align-items: center;
    flex-flow: column;
}

.fight_float .online a .imgj {
}
.fight_float .float_four:last-child{border:0}
.fight_float .online a .imgj img {
    width: 100%;
}

.fight_float .online a span {
    writing-mode: tb;
    text-align: center;
    display: block;
    padding: 0.2rem 0;
    letter-spacing: 0.02rem;
}

.fight_float .float_four {
    position: relative;
    padding: 0.1rem 0;
    border-bottom: 1px solid #2a73bc;
}

.fight_float .float_four a {
    font-size: 0.14rem;
    display: block;
    color: #fff;
}

.fight_float .float_four a .imgj {
    text-align: center;
    margin: 0 0 0.1rem;
}

.fight_float .float_four a .imgj img {}

.floatmore1 {
    position: absolute;
    left: -1.5rem;
    top: 0;
    background: #fff;
    height: 1rem;
    padding: 0.1rem;
    width: 1rem;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
    color: #2b4273;
    display: none;
    z-index: 99;
    border-radius: 0.05rem;
}
.floatmore1 img{width:100%}
.floatmore1 span {}

.floatmore2 {
    position: absolute;
    left: -1.48rem;
    top: 0;
    background: #fff;
    line-height: 0.5rem;
    padding: 0 0.2rem;
    width: 1rem;
    box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);
    color: #2b4273;
    display: none;
}

.floatmore2 span {}

.floatmore3 {
    position: absolute;
    left: -1.12rem;
    top: 0;
    background: #fff;
    box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);
    color: #2b4273;
    display: none;
}

.floatmore3 span {}

.floatmore3 span img {}
.fight_float .float_four:hover .floatmore1{display:block}

.fight_float .float_four:hover .floatmore2{display:block}

.fight_float .float_four:hover .floatmore3{display:block}