﻿.header img{
    height: 0.5rem;
}
body{
    font: 0.16rem "Source Han Sans";
    color: #212121;
}
.bg_fa{
    background: #FAFAFA;
}
.top_box{
    height: 4.2rem;
    color: #fff;
    text-align: left;
    font-size: 0.5rem;
}
.top_box .block1{
    margin-top: 0.5rem;
}
.top_box .t2{
    font-size: 0.18rem;
    margin-top: 0.1rem;
    max-width: 5rem;
}
.flex-end{
        display: flex;
    align-items: flex-end;
    justify-content: center;
}
header{
    /*backdrop-filter: blur(5px);*/
}
.layui-nav .layui-nav-item{
    line-height: 1rem;
}

.layui-nav .layui-nav-item >a{
    color: #fff;
}
.nav_s{
    position: absolute;
    top: -0.9rem;
    z-index: 5;
    left: 0;
    box-shadow: none;
    right: 0;
}
.nav_s .layui-main{
    background:#fff ;
    border-bottom: 1px solid #E6E6E6;
    
}
.nav_s .b1{
    padding: 0 0.5rem;
    justify-content: flex-start;
}
.nav_s .item{
    font-weight: 400;
    line-height: 0.9rem;
    font-size: 0.18rem;
    margin-right:1.2rem;
    
}
.nav_s .item:last-child{
    margin-right: 0;
}
.nav_s .item:after{
    height: 0.04rem;
}
.lc_ul1 .hr{
    width:0.5rem;
    height: 1px;
    background: #E6E6E6;
    
}
.lc_ul1 .item{
    
    border-bottom: 1px solid #E6E6E6;
}
.lc_ul1 li:hover{
    background: var(--bgc);
        /*background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));*/
       
}
.lc_ul1 li:hover *{
    color: #fff;
}
.lc_ul1 li:hover .item{
   
    border-bottom:none; 
}
.lc_ul1 li:hover .hr{
    background: #fff;
}

.nav_sc{
    background: rgb(255, 255, 255,0.82);
}
.nav_sc .layui-main{
    background: initial;
}

.ftbgc,
.sc_nav1  a:hover,
.nav_s .item:hover, .nav_s .layui-this,
.layui-nav .layui-nav-item:hover>a,
.layui-nav .layui-this >a{
    /*    background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    color: var(--ftc);
}
.nav_s .item:hover:after, .nav_s .item.layui-this:after,
.layui-nav .layui-this:after, .layui-nav-bar{
        /*background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));*/
    
    color: var(--ftc);
}
.nav_le .item{
    padding: 0.14rem 0.35rem ;
    border-radius: 60px;
    transition: all 0.3s;
     background-image: -webkit-linear-gradient(left,#fff,#fff);
     display: inline-block;
     margin-right: 0.4rem;
     margin-bottom: 0.4rem;
}
.nav_le .item.layui-this,
.nav_le .item:hover{
    color: #Fff;
        background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));
    
}
.le_swiper2 .swiper-slide{
    width: 8rem;
}
.le_swiper2 .swiper-slide  img{ 
    scale: 0.6;
}
.le_swiper2 .swiper-slide-active img{
    scale: 1;
}
.iteml .nav-child,
.iteml:hover .nav-child{
    background: rgba(255,255,255,0.5);
    
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.pagenum{
    display: flex;
       justify-content: flex-end;
}
.sp_ul1 li:nth-child(even){
    background: #FAFAFA;
}
.la_navs{
    background: var(--bgc);
}
.la_navs a{
    color: #fff;
}


.la_btn1{
    cursor: pointer;
   width: 0.8rem;
   height: 0.8rem;
   background: url(../image/la_left_btn.png) no-repeat;
   background-size: 100%;
}
.la_btn1+ .la_btn1{
    margin-left: 0.4rem;
}
.btn_left{
    background-image:  url(../image/la_left_btn.png);
}
.btn_right{
    background-image:  url(../image/la_right_btn.png);
}
.title1{
    font-size: 0.38rem ;
    font-weight: bold;
}
.layui-main{
    width: 1440px;
}
.la_ul1 .item{
    border: 1px solid #fafafa;
}
.la_b1{
    position: relative;
}
.la_b1 .layui-tab-title li{
    padding: 0;
    margin-right: 1rem;
}
.la_b1 .layui-tab-title{
    border-bottom: 1px solid #C4C4C4 !important;
}
.la_b1::before{
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    top: 0;
    height: 5.3rem;
    background: #EDF5FA;
}
.la_b1 .layui-tab-title p,
.la_b1  .layui-tab-brief>.layui-tab-title .layui-this{
    color: #444;
}
.la_b1 .layui-tab-title .layui-this:after{
    top: unset;
    bottom: 0;
    height: unset;
    border-bottom: 2px solid var(--bgc)
}
.la_s_photo1{
    width: 9rem;
}
.la_s_text{
    width: 6.2rem;
}
.tab_item{
    position: relative;
    height: 9rem;
}
.la_s_photo1{
    margin: 0;
}
.la_s_text_block{
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.la_s_btn{
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 5;
}
.i_ul1 .item:hover .t1,
.i_ul1 .item.active .t1{
    position: relative;
         background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.i_ul1 .item .num3{
   display: none;
    position: absolute;
}
.i_ul1 .item:hover .num3,
.i_ul1 .item.active .num3{
    display: block;
    content: '';
    opacity: 0.6;
    filter: blur(5px);
    top: 0.1rem;
    left: 0.05rem;
        background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index:-1;
}
.in_ul2 .item  .block3,
.in_ul2 .item{
    height: 8rem;
}

.in_ul2 .item  .block2{
    display: none;
    height:8rem;
}
.in_ul2 .item .block1 .b1{
    background: rgba(0,0,0,0.2);
    color: #fff;
}
.in_ul2 li{
    flex: 1;
}
.in_ul2 li:hover {
    flex: 2;
}
.in_ul2 li:hover .item .block1{
    display: none;
}
.in_ul2 li:hover .item .block2{
    display: block;
}
.in_ul2 .item .block2 .b1{
    top: unset;
        background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));
}
.in_tabt .item:hover,
.in_tabt .item.active{
    color: var(--ftc);
}
.in_tabt .item:hover .t1,
.in_tabt .item.active .t1{
    display: inline-block;
    margin-right: 0.2rem;;
    content: '';
    height: 2px;
    width: 0.6rem;
    background: var(--bgc);
}
.index_la{
    right: unset;
    left: -0.4rem;
    transform: unset;
    bottom: 1rem;
}
.index_la .la_s_text {
    width: 4rem;
}
.index_la .la_s_btn{
    right: -0.66rem;
}
.la_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.contact_top  > .img1 {
    bottom: unset;
    overflow: visible;
}
.page_contanct_b1{
    background: #EDF5FA;
}
.pc_ul1 .b1{
    
    min-width: 1.5rem;
    padding: 0.2rem;
    background: #fff;
  left: 50%;
  right: unset;
  transform: translateX(-50%);
    bottom: -100%;
    top: unset;
    text-align: center;
    
    
}
.pc_ul1 .b1 img{

    max-width: unset;
}

.lc_b1 .b1{
    height: 6rem;
}
.mySwiper1 {
    width: 5.4rem;
    height: 6rem;
    margin: 0 auto;
}
.bg_blue{
    background: #F7FAFD;
}
.ls_ul2 .item:hover{
    background: var(--bgc);
   
}
.ls_ul2 .item .img1{
    border-radius: 50%;
   width: 1.1rem;
   height: 1.1rem;
   padding: 0.1rem;
   background: rgba(196, 196, 196, 0.12);
}
.ls_ul2 .item:hover > *{
    color: #fff;
}
.ls_ul2 .item:hover .img1{
    background: #fff;
}
.ls_ul3 .item .b1{
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.06);
   backdrop-filter: blur(20px);
   padding-bottom: 1rem;
   background-image: -webkit-linear-gradient(top,rgba(244, 246, 248, 0.8),rgba(255, 255, 255, 0.8));
}
.ls_ul3 .item .img1{
    position: relative;
    top:-1rem;
    left: 50%;
    transform: translateX(-50%);
}
.swpag1{
    margin-top: 0.2rem;
    position: relative !important;
}
.swpag1 .swiper-pagination-bullet{
    width: 0.1rem;
    height: 0.1rem;
    transition:  all 0.5s;
    margin: 0 0.1rem;
}
.swpag1 .swiper-pagination-bullet-active{
    width: 0.5rem;
    height: 0.1rem;
    border-radius: 30px;
}
.ab_nav .item{
    display: block;
    font-size: 0.14rem;
    padding: 0 0.24rem 0.14rem  0;
    margin-right: 0.36rem;
    border-bottom: 2px solid #D6D5D5;
    min-height: 2.8rem;
}
.i5_block{
    background: #B8DDFB;
}
.i5_ul1{
    
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
.i5_ul1>div{
    /*display: flex;*/
    /*flex: 1;*/
}
.i5_ul1>div>*{
    /*flex: 1;*/
}
.i5_ul1 .item2,
.i5_ul1 .item1{
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.i5_ul1 .item2{
    background: #fff;
}
.i5_ul1 .item1{
    background:#0199DF ;
    box-shadow: 0 4px 40px rgba(28, 83, 142, 0.35);
}
.i4_ul1 .item{
    border-bottom: 1px solid #E6E6E6;
}
.i4_ul1 .item:hover .t1{
    color: var(--ftc);
}
.in_p2  .swiper-slide.swiper-slide-active{
    color: var(--ftc);
}
.swiper-button-next, .swiper-button-prev{
    color: #989898 !important;
}
.le_swiper2 .layui-btn{
    background: initial;
    border-color: var(--bgc);
    color: var(--ftc);
}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width:990px) {}

@media only screen and (max-width: 750px) {
    .layui-nav .layui-nav-item >a{
 color: #000;   
}
.layui-row{
  display: transition-timing-function;
}
.layui-nav .layui-this > a, .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this > a{
    color: #333;
}
}

@media only screen and (min-width: 751px) and (max-width: 1400px) {}

@media only screen and (min-width: 751px) {}