* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
                                
body {
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    margin: 0 auto;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
    background: #fff;
    /* background: pink; */
    overflow-x: hidden;
    text-align: left;
    position: relative;
    font-size: 0.14rem;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
img {
    border: none;
}                        
a {
    text-decoration: none !important;
    /* display: inline-block;
    width: 100%; */
}
li {
    list-style: none;
}
.w{
    width: 78.15%;
    margin: 0 auto;
}
.sa1{
    margin-top: .76rem;
}
.sa1-1{
    width: 100%;
    /* position: relative; */
    /* position: absolute; */
}
.sa1-2{
    position: absolute;
    top: 37%;
    left: 14%;
    text-align: left;
}
.sa1-2 p{
    color: #0094DC;
    font-size: .8rem;
}
.sa1-2 a{
    display: inline-block;
    margin-top: 1.81rem;
    width: 1.68rem;
    height: .55rem;
    color: #fff;
    font-size: .2rem;
    line-height: .55rem;
    text-align: center;
    border-radius: .3rem;
    background: linear-gradient(146deg, #9FD9F6 0%, #008CD6 100%);
    box-shadow: 4px 10px 30px 0px rgb(97 187 233);
}
/* 内容1 */
.sa2{
    background: #FAFAFA;
    padding: .92rem 0 1rem 0;
}
.sa2-a{
    text-align: center;
}
.sa2-a h5{
    font-size: 0.32rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 0.48rem;
}
.sa2-a p{
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.27rem;
    opacity: 0.6; 
    margin-top: .23rem;
}
.sa2-a p span{
        color: #F08300 ;
        font-size: .28rem;
        line-height:.27rem;
        font-weight: 600;
    }
    
.sa2-a p {
    font-weight: 600;
    }
.sa2-1{
    margin-top: .61rem;
    display: flex;
    justify-content: space-between;
}
.sa2-2{
    width: 22%;
    position: relative;
    cursor: pointer;
}
.A5{
    width: 100%;
}
.sa2-3{
    position: absolute;
    top: 3%;
    left: 9%;
}
.sa2-3 h6{
    display: inline-block;
    font-size: 0.86rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #008CD6;
    line-height: 1.23rem;
    opacity: 0.08;
}
.sa2-3 p{
    display: inline-block;
    font-size: 0.34rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #008CD6;
    line-height: 0.4rem;
    margin-left: -.5rem;
}
.sa2-4{
    margin-top: .81rem;
    display: flex;
    justify-content: space-between;
}
.sa2-5{
    text-align: center;
}
.A9{
    width: .6rem;  
}
.A10{
    width: 100%;
    /* height: .81rem; */
    display: block;
    margin-top: -.22rem;
}
.A12{
    display: block;
    width: .72rem;
}
.sa2-5 p{
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.44rem;
    opacity: 0.8;
    margin-top: .21rem;
}
/* 内容2 */
.sa3{
    /* background: #FAFAFA; */
    padding: 1.05rem 0 0 0;
}
.sa3-a p{
    opacity: 1;
}
.sa3-1{
    margin-top: .58rem;
    display: flex;
    justify-content: space-between;
}
.sa3-2{
    width: 49%;
    margin-top: .57rem;
}
.sa3-2 p{
    font-size: 0.18rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.36rem;
    opacity: 0.8;
}
.sa3-2 a{
    display: inline-block;
    margin-top: 0.94rem;
    width: 1.68rem;
    height: 0.55rem;
    color: #fff;
    font-size: .2rem;
    line-height: .55rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.3rem;
    background: linear-gradient(146deg, #9FD9F6 0%, #008CD6 100%);
    box-shadow: 4px 10px 30px 0px rgb(97 187 233);
}
.sa3-3{
    width: 49%;
    position: relative;
}
.A17{
    width: 100%;
}
.A18{
    position: absolute;
    right: -12px;
    top: -14px;
    z-index: -1;
}
.sa3-4{
    background: url(../img/A19.png) no-repeat;
    background-size: 100%;
    margin-top: -1.3rem;
}
.sa3-5{
    width: 46%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: .75rem 0 .4rem 0;
}
.sa3-6{
    font-size: 0.48rem;
    font-family: DIN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.3rem;
}
.sa3-7{
    font-size: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.3rem;
}
.sa3-8{
    margin-top: .21rem;
}
/* 企业文化 */
.sa4{
    background: #FAFAFA;
    padding-bottom: 1.23rem;
}
.sa4-a p{
    margin-top: .15rem;
}
.sa4-1{
    margin-top: .7rem;
    display: flex;
    justify-content: space-between;
}
.sa4-2{
    width: 4.59rem;
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0 0 0 / 5%);
    text-align: center;
}
.A20{
    margin-top: .31rem;
}
.sa4-2 h5{
    font-size: 0.24rem;
    font-weight: bold;
    color: #000000;
    line-height: 0.24rem;
    margin-bottom: .3rem;
}
.sa4-2 p{
    font-size: 0.18rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.24rem;
    opacity: 0.8;
    width: 60%;
    /* text-align: left; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    margin-bottom: .48rem;
}
/* 成功案例 */
.sa5{
    background: url(../img/A23.png) no-repeat;
    background-size: 100%;
    padding-bottom: 1.23rem;
}
.e{
    width: 92%;
    margin: 0 auto;
}
.sa5-2{
    display: flex;
    margin-top: .7rem;
}
.sa5-a{
    width: 50%;
}
.sa5-3{
    width: 50%;
    background: #0094DC;
}
.sa5-4{
    padding: .61rem .57rem .58rem .61rem;
}
.sa5-3 .sa5-4 .A25{
    width: 25%;
    display: inline-block;
}
.sa5-5{
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.24rem;
    margin-left: .18rem;
}
.sa5-6{
    font-size: 0.16rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.32rem;
    margin-top: .25rem;
    margin-bottom: .35rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sa5-7{
    display: flex;
    justify-content: space-between;
}
.sa5-4 .sa5-7 .sa5-8 img{
    width: 50%;
}
.sa5-8 h5{
    font-size: 0.18rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.24rem;
    margin: .17rem 0 .18rem 0;
}
.sa5-8 p{
    font-size: 0.16rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.24rem;
    opacity: 0.8;
}
.sa5-9{
    display: inline-block;
    width: 1.4rem;
    height: 0.4rem;
    border: 1px solid #FFFFFF;
    border-radius: 0.2rem;
    font-size: 0.16rem;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    line-height: 0.4rem;
    margin-top: .41rem;
}
/* 公司动态 */
.sa6{
    background: #F7F7F7;
    padding-bottom: .67rem;
}
.sa6-1{
    margin-top: .49rem;
    display: flex;
    justify-content: space-between;
}
.sa6-a{
    width: 43%;
    background: #fff;
    padding: .2rem;
}
.sa6-a a{
    position: relative;
    display: inline-block;
    width: 100%;
}
.sa6-a img{
    width: 100%;
}
.sa6-2{
    position: absolute;
    top: .98rem;
    left: 1.89rem;
    text-align: center;
}
.sa6-a .sa6-2 h1{
    font-size: 0.48rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.48rem;
}
.sa6-a .sa6-2 h2{
    font-size: 0.24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.48rem;
    margin-top: .1rem;
}
.sa6-a h5{
    font-size: 0.18rem;
    font-weight: bold;
    color: #000000;
    line-height: 0.48rem;
    margin-top: .24rem;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sa6-a p{
    font-size: 0.16rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.24rem;
    opacity: 0.6;
    margin: .12rem 0 .32rem 0;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sa6-a h6{
    font-size: 0.16rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.24rem;
    opacity: 0.6;
}
.sa6-b{
    width: 48%;
}
.sa6-3{
    border-bottom: 1px solid #DEDEDE;
}
.sa6-4{
    font-size: 0.18rem;
    font-weight: bold;
    color: #000000;
    line-height: 0.27rem;
    margin: .13rem 0;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sa6-5{
    font-size: 0.14rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.21rem;
    opacity: 0.6;
    margin-bottom: .11rem;
}
.sa6-6 {
    text-align: center;
    margin-top: .63rem;
}
.sa6-6 a{
    display: inline-block;
    width: 1.55rem;
    height: 0.43rem;
    border: 1px solid #0094DC;
    border-radius: 0.05rem;
    text-align: center;
    font-size: 0.14rem;
    font-weight: 400;
    color: #0094DC;
    line-height: 0.43rem;
}
/* 资质证书 */
.sa7{
    background: #fff;
    padding-bottom: .67rem;
}
.sa7-1{
    margin-top: .56rem;
}
/* 底部 */
.sa8{
    background: #333;
}
.sa8-1{
    display: flex;
    justify-content: space-between;
    padding: .32rem 0 .38rem 0;
    border-bottom: 1px solid #565656;
}
.sa8-1 img{
    width: 4.92rem;
}
.sa8-1 a{
    display: inline-block;
    width: 2.13rem;
    height: 0.58rem;
    background: #484848;
    border-radius: 0.29rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #F1F1F1;
    text-align: center;
    line-height: 0.58rem;
}
.sa8-2{
    display: flex;
    margin-top: .42rem;
}
/* .sa8-a{
    width: 40%;
} */
.sa8-4{
    font-size: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.24rem;
    opacity: 0.9;
}
.sa8-3{
    width: 70%;
    margin-top: .3rem;
    display: flex;
    flex-wrap: wrap;
}
.sa8-3 p{
    width: 50%;
    margin-bottom: .26rem;
}
.sa8-3 a{
    font-size: 0.14rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.24rem;
    opacity: 0.8;
}
.sa8-b{
    margin-left: 2.5rem;
}
.sa8-5{
    font-size: 0.14rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.21rem;
    opacity: 0.8;
    margin-top: .3rem;
}
.sa8-5 img{
    margin-right: .17rem;
}
.sa8-c{
    width: 27%;
    display: flex;
    justify-content: flex-end;
    margin-top: .5rem;
}
.sa8-c img{
    width:1.08rem;
    height: 1.08rem;
    margin-left: .37rem;
}
.sa8-6{
    text-align: center;
    background: #000;
    font-size: 0.14rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.24rem;
    opacity: .7;
}
.sa8-6 a{
    font-size: 0.14rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.24rem;
    opacity: .7;
}
.headerpc{
    display: block;
}
.header2{
    display: none;
    
}

/* 产品中心 */
.sb1 img{
    width: 100%;
    margin-top: .76rem;
}
.sb2{
    margin-top: 1.21rem;
}
.sb2-1{
    margin-top: 1.12rem;
}
.sb2-1 img{
    width: 100%;
}
.sb3{
    margin-top: 1.19rem;
    margin-bottom: 1.24rem;
}
.sb3-1{
    margin-top:.58rem;
}
.sb3-1 img{
    width: 14.72rem;
}
.sb4{
    padding: .72rem 0  .78rem 0;
    background: url(../img/A40.png) ;
    background-size: 100%;
}
.sb4-1{
    text-align: center;
    margin-top: .6rem;
}
.sb4-1 img{
    width: 10.66rem;
}
.sb5{
    margin-top: 1.1rem;
    margin-bottom: .63rem;
}
.sb5-1{
    display: flex;
    margin-top: .71rem;
}
.sb5-a{
    width: 50%;
}
.sb5-2 {
    margin-bottom: .54rem;
}
.sb5-2 h5{
    font-size: 0.26rem;
    font-weight: bold;
    color: #0094DC;
    line-height: 0.24rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sb5-2 img{
    margin-right: .2rem;
    vertical-align: baseline;
}
.sb5-2 p{
    font-size: 0.18rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.24rem;
    opacity: 0.8;
    margin-top: .34rem;
    text-indent: .36rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sb5-b{
    text-align: center;
    width: 50%;
    position: relative;
}
.sb5-b img{
    /* width: 84%; */
    width: 5.46rem;
}
.sb5-3{
    position: absolute;
    top: 45%;
    left: 41%;
    font-size: 0.18rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.24rem;
}
.sb6{
    background: #F7F7F7;
    padding: .7rem 0 1rem 0;
}
.sb6-1{
    margin-top: .73rem;
    display: flex;
    justify-content: space-between;
}
.sb6-2{
    width: 23%;
    text-align: center;
}
.sb6-3{
    font-size: 0.14rem;
    font-weight: 600;
    color: #0094DC;
    line-height: 0.21rem;
    margin-top: .1rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sb6-2 p{
    font-size: 0.14rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.24rem;
    opacity: 0.8;
    margin-top: .2rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sb6-4{
    color: #765EE3;
}
.sb6-a{
    position: relative;
}
.sb6-5{
    position: absolute;
    top: 10%;
    left: 27%;
    font-size: .4rem;
    font-weight: 600;
    color: #0094DC;
}
.sb6-6{
    color: #765EE3;
    left: 48%;
}
.sb6-7{
    left: 69%;
}
.sb7{
    position: relative;
}
.sb7 img{
    width: 100%;
}
.sb7-1{
    position: absolute;
    top: 25%;
    left: 43%;
    text-align: center;
}
.sb7-1 h4{
    font-size: 0.36rem;
    font-weight: bold;
    color: #000000;
    line-height: 0.4rem;
}
.sb7-1 h5{
    font-size: 0.36rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.4rem;
    margin: .34rem 0 .2rem 0;
}
.sb7-1 h6{
    font-size: .5rem;
    font-weight: 600;
    color: #765EE3;
}
/* .sb8-a{
    position: relative;
} */
.sb8-a:hover .sb8{
    display: block;
}
.sb8{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 76px;
    z-index: -1;
    background: #fff;
  
}
.sb8-1{
    box-sizing: border-box;
    border-top: 1px solid #E5E5E5;
    width: 100%;
    display: flex;  
}
.sb8-2{
    width: 20%;
    background: #EBF7FC;
}
.sb8-3{
    float: right;
    margin: .19rem .31rem 0 0;
    width: 2.15rem;
    height: 0.46rem;
    background: #FFFFFF;
    border-radius: 0.03rem;
    text-align: center;
}
.sb8-3 a{
    display: inline-block;
    font-size: 0.14rem;
    font-weight: 400;
    color: #0094DC;
    line-height: 0.46rem;
}
.sb8-4{
    width: 70%;
}
.sb8-5{
    margin: .15rem 0 .7rem .4rem;
}
.sb8-6{
    font-size: 0.16rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.48rem;
    opacity: 0.8;
    text-align: left;
}
.sb8-7{
    display: flex;
    margin-top: .2rem;
}
.sb8-7 span{
    margin-right: 2.22rem;
}
.sb8-8{
    font-size: 0.14rem;
    font-weight: 400;
    color: #8D8D8D;
    line-height: 0.48rem;
    vertical-align: middle;
}
.sb8-8 img{
    margin-right: .1rem;
    vertical-align: middle;
}

.sa5-1 .swiper {
    width: 100%;
    height: 100%;
}

.sa5-1 .swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    /* background: #fff; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sa5-1 .swiper-slide img {
    display: block;
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}

.sa5-1 .swiper-button-next,
.sa5-1 .swiper-button-prev {
    width: 0.62rem;
    height: 0.62rem;
    background: #FAFCFF;
    border-radius: 50%
}

.sa5-1 .swiper-button-next:after,
.sa5-1 .swiper-button-prev:after {
    font-size: .35rem;
    color: #545556;
}
.sa7-1 .swiper {

width: 100%;
height: 100%;
}

.sa7-1 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
}

.sa7-1 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.sa7-1 .swiper-slide-active,
.swiper-slide-duplicate-active {
transform: scale(1);
}

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

.sa1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sa1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sa1 .swiper-pagination-bullet-active {
    width: 0.39rem;
    height: 0.1rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
}

.sa1 .swiper-pagination-bullet {
    width: 0.39rem;
    height: 0.1rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
}

/* PDCA */
.liucheng {
    display: flex;
    justify-content: space-between;
    margin: .71rem 1.5rem;
    align-items: center;
}
.liuchengz li:nth-child(even){
    flex-direction: row-reverse;  
}
.liucheng h3 {
    /* width: 100%;
    height: 0.24rem; */
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 0.48rem;
}
.liucheng p {
    /* width: 100%;
    height: 0.91rem; */
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4D4D4D;
    line-height: 0.36rem;
    }
.liucheng img{
    max-width: 5rem;
}
  /* 服务支持 */

.fangfa {
    display: flex;
    margin: 0.52rem 2.4rem 1.12rem 2.4rem;
}

.fangfa0{
    background-color:#F7F7F7; 
    margin-top: 0rem !important;
}
.fangfa0 h5{
    line-height: 2rem !important;
}
.fangfa00 p {
    margin-top: -0.55rem;
}
.fangfa li {
    width: 4.5rem;
    /*height: 1.91rem;*/
    background: #FFFFFF;
    margin-left: .34rem;
    border-left: #008CD6 4px solid;
    margin-bottom: 1.12rem;
}

.fangfa1 {
    display: flex;
    justify-content: space-between;
    
}
.fangfa1 h3 {
    /*width: 0.6rem;*/
    /*height: 0.2rem;*/
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 0.4rem;
    margin: .31rem auto .1rem .51rem;
}


.fangfa1 img {
    margin-right: .5rem;
    margin-top: .21rem;
}

.fangfa2 {
    /*height: 0.15rem;*/
    font-size: 0.14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.3rem;
    opacity: 0.6;
    margin-left: .51rem;
    margin-right: .51rem;
}

.fangfa2 p::before {
    content: "";  
    display: inline-block;  
    width: 6px;  
    height: 6px;  
    border-radius: 50%;  
    margin-right: 5px; 
    background: #008CD6;
   
     
}
.shishi {
    background-image: url(../img/shishi.png);
    height: 4.83rem;
    margin-top: 1.03rem;
    
}
.shishi ul {
    display: flex;
    justify-content: space-between;
}
.shishi1 {
    background-image: url(../img/sanxian.png);
    height: 4.58rem;
    background-repeat: no-repeat;  
    background-size: cover;  
    width: 3.09rem;
    margin: .1rem 0 .1rem 0;
}
.shishi2 {
    background-image: url(../img/wuceng.png);
    height: 4.58rem;
    background-repeat: no-repeat;  
    background-size: cover;  
    width:3.09rem;
    color: #fff;
    margin: .1rem 0 .1rem 0;
}



.shishi3 {
    background-image: url(../img/sanliu.png);
    height: 4.58rem;
    background-repeat: no-repeat;  
    background-size: cover; 
    width: 3.09rem; 
    margin: .1rem 0 .1rem 0;
}
.shishi h3 {
/*height: 0.24rem;*/
font-size: 0.24rem;
font-weight: 400;
line-height: 0.48rem;
text-align: center;
margin-top: .71rem;
}

.shishi h4 {
    
    /*height: 0.18rem;*/
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.48rem;
    opacity: 0.8;
    margin-left: 0.5rem;
    margin-top: .95rem;
}

.shishi p {
    width: 75%;
    /*width: 2.25rem;*/
    /*height: 0.54rem;*/
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.36rem;
    opacity: 0.6;
    margin-top: .27rem;
    margin-left: 0.49rem;
}

.youshi {
    background-color: #008cd614;
    /*height: 9.91rem;*/
        padding-bottom: 1rem;
      height: 100%;
    background-position: 1rem 0
  
}
.youshi0  h5{
    line-height: 2rem;
}

.youshi0  p{
    margin-top: -0.67rem;
}
.youshi1{
    text-align: center;
    background-image: url(../img/youshi.png);
    height: 7.73rem;
    background-repeat: no-repeat;  
    background-position: center; 
}
.youshi1 h3{
    position: absolute;
    /*height: 0.31rem;*/
    font-size: 0.32rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.48rem;
    top: 54.5%;  
    left: 50%;  
    transform: translate(-50%, -50%);
    z-index: 101;
}

.youshi1 h4{
    position: absolute;    
    /*height: 0.24rem;*/
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.48rem;
    top: 55.5%;  
    left: 50%;  
    transform: translate(-50%, -50%);
    z-index: 101;
}

.item {
    position: relative;
    /*position: absolute;*/
    height: 100%;
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #008CD6;
    line-height: 0.48rem;
}

.item1 {
    position: absolute;
    top: 28%;
    left: 11%;
    /*margin-top: 2.2rem;*/
    /*margin-left: 2rem;*/
    text-align: right;
    width: 2rem;
}

.item2 {
      position: absolute;
    top: 55%;
    left: 5%;
    /*margin-top: 1.5rem;*/
    /*margin-left: 1rem;*/
    text-align: right;
    width: 3rem;    
}

.item3 {
        position: absolute;
    top: 88%;
    left: 22%;
    /*margin-top: 2rem;*/
    /*margin-left: 3.4rem;*/
    text-align: right;
    width: 3rem;    
}
.item4 {     
    position: absolute;
    top: 87%;
    right:13%;
    /*margin-top: -.5rem;*/
    /*margin-left: 8.5rem;*/
    text-align: left;
    width: 4rem;    
}
.item4 p {
    width: 3.54rem;
    height: 0.24rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.48rem;
    opacity: 0.6;
}

.item5 {
      position: absolute;
    top: 55%;
    right:5%;
    /*margin-top: -3.2rem;*/
    /*margin-left: 11rem;*/
    text-align: left;
    width: 3rem;    
}
.item5 p {
    width: 2.54rem;
    height: 0.24rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.48rem;
    opacity: 0.6;
}

.item6 {
    /*margin-top: -2.8rem;*/
    /*margin-left: 11rem;*/
      position: absolute;
    top: 28%;
    right:4%;
    text-align: left;
    width: 3rem;    
}

.ssitem {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;  
    margin-bottom: 10%;
    height: 6.6rem;
    margin-top: .7rem;
}

.ssitem li{
    width:25%;
}
.ssitem li img{
    width:3.43rem;
}

.ssitem0 {
    position: absolute;
    z-index: 99;
    color: #fff;
    text-align: center;;
    width: 3.43rem;

}
.ssitem0 h4{
    /*width: 100%;*/
    font-size: 0.36rem;
    font-family: DIN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.48rem;
  }
  .ssitem0 p{
    /*width: 2.68rem;*/
    /*height: 0.35rem;*/
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.26rem;
    text-align: left;
    margin-left: .56rem;
  }

  .ssitem8{
    margin-top: 1.34rem;
    /*width: 1.58rem;*/
    /*height: 0.18rem;*/
    font-size: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.36rem;
        text-align: center;
  }

  /* 成功案例 */

.casenav {
    display: flex;
    margin-top: 0.6rem;

}

.casenav li{
    margin-left: .56rem;
    height: 0.5rem;
    font-size: 0.16rem;
    line-height: 0.36rem;
    opacity: 0.6;
}


.active {
    font-weight: 600;
    color: #0094DC;
    border-bottom:#0094DC 3px solid ;

}

/* 合作伙伴 */

.coper0 {
    text-align: center;
}
.coper0 h5{
    font-size: 0.32rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 2.48rem;
}
.coper0 p{
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.27rem;
    opacity: 0.6; 
    margin-top: -0.77rem;
}

.coper {
    background-image: url(../img/coper.png);
    height: 9.7rem;
    background-position: 1rem 0;
}
.coplogo1{
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
    margin-top: .7rem;
}
.coplogo1 img{
    width:1.98rem;
    margin-right: .3rem;

}

  .coplogo1 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .coplogo1 img {
    display: inline-block;
    animation: moveImages 10s linear infinite;
  }
  @keyframes moveImages {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
  }
  
.coplogo2{
    display: flex;
    
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
    margin-top: .7rem;
}

.coplogo2 img{
    width:1.98rem;
    margin-left: .3rem;

}
.coplogo2 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .coplogo2 img {
    display: inline-block;
    animation: moveImages 10s linear infinite;
  }
  @keyframes moveImages {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
  }

.coplogo3{
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
    margin-top: .7rem;
}
.coplogo3 img{
    width:1.98rem;
    margin-right: .3rem;

}
 .coplogo3 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .coplogo3 img {
    display: inline-block;
    animation: moveImages 10s linear infinite;
  }
  @keyframes moveImages {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
  }

.copbtn{
    text-align: center;
    margin-top: 0.81rem;
}
.copbtn a{
    text-align: center;
    display: inline-block;
    width: 1.68rem;
    height: .55rem;
    color: #fff;
    font-size: .2rem;
    line-height: .55rem;
    text-align: center;
    border-radius: .3rem;
    margin: 0 auto;
    background: linear-gradient(146deg, #9FD9F6 0%, #008CD6 100%);
    box-shadow: 4px 10px 30px 0px rgb(97 187 233);
}

/* 案例详情 */
.casedetail{
    display: flex;
    justify-content: space-between;
    margin-top: .61rem;
}
 
.casedetail1{
    margin-left: 1.06rem;
    display: flex;
    flex-direction:column;


}
.casedetail1 h2{
    width: 1.81rem;
    height: 0.29rem;
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 0.3rem;
    margin-bottom: 0.55rem;
    border-bottom: #0094DC 3px solid;
    padding-bottom: .59rem;
}
.casedetail1 p{
    width: 6.71rem;
height: 0.95rem;
font-size: 0.24rem;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 0.36rem;
opacity: 0.8;
margin-bottom: 0.4rem;
}

.casedetail1 a{
    width: 1.5rem;
    height: 0.4rem;
    background: #0094DC;
    border-radius: 0.2rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: center;
}
.tedian0{
    margin-top: 0.8rem;
}
.tedian{
    display: flex;
    justify-content: space-between;
    margin-right: 0.37rem;
}
.tedian li{
     width: 4.56rem;
    height: 2.08rem;
    background: #FAFDFF;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0,0,0,0.06);
    border-radius: 0.06rem;
    offset: 0.04rem;
}
.tedian li h2{
    width: 1.74rem;
    height: 0.25rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0094DC;
    line-height: 0.36rem;
    margin-top: 0.28rem;
    margin-left: 0.28rem;
}
.tedian li p{
    width: 3.41rem;
    height: 1.08rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.3rem;
    margin-top: 0.21rem;
    margin-left: 0.28rem;
}


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

 .liucheng li:last-child{
    display: none;
 }
.liucheng li:nth-child(even){
    font-size: 0.32rem;
    margin-top: -0.3rem;
    color: #0094DC;
    font-weight: 500;     
}
.liucheng li:nth-child(odd) p{
    width: 0.58rem;
    height: 0.15rem;
    font-size: 0.14rem;
    font-family: Microsoft YaHei;
    font-weight: 600;
    color: #0094DC;
    line-height: 0.36rem;
    text-align: center;
}

/* 新闻列表 */
    .newslist0{
        display: flex;
        justify-content: space-between;
    }
 
    .newlist1{
        margin-top: .4rem;
        width: 10.36rem;
    }

    .newsitem{
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        padding: .3rem;
        border-bottom:#E6E6E6 1px solid;
        box-sizing: border-box;
    }
    .newdes{
        margin-left: .36rem;
    }
    .newdes h3{
        /*height: 0.18rem;*/
        font-size: 0.18rem;
        font-family: Microsoft YaHei;
        font-weight: 600;
        color: #333333;
        margin-bottom: .29rem;
    }

    .newdes h3:hover{  
        color: #0094DC;
    }
    .newsdate{
        margin-bottom: .27rem;
    }
    .newsdate span {
        /*width: 0.73rem;*/
        /*height: 0.11rem;*/
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        opacity: 0.5;
        margin-right: .33rem;
       

    }
    .newdes p {
        /*width: 6.86rem;*/
        /*height: 0.36rem;*/
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
        opacity: 0.5;
    }

    .newdes p:last-child{
        margin-top: .29rem;
     }

     .pagenation {
        margin-top: .4rem;
        text-align: left;
        /*height: 0.4rem;*/
        margin-bottom: .4rem;
     }
     .pagenation a{
        color: inherit;
        font-size: 0.18rem;
        width:.2rem;
        padding: .05rem;
        border: #a3a3a3 1px solid;

     }

    .rightlist{
        margin-top: .4rem;
        margin-left: .22rem;
        width: 4.8rem;
        background-color: #fff;
        height: 6.26rem;
    }
    .ringthead{
        display: flex;
        justify-content: space-between;
        padding:.3rem;
    }
    .rebang{
        /*width: 1.64rem;*/
        /*height: 0.15rem;*/
        font-size: 0.16rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: inherit;
        line-height: 0.22rem;
    }
    .hyh{
        /*width: 0.66rem;*/
        /*height: 0.12rem;*/
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
        opacity: 0.5;
    }
    .right02{
        
        padding:0rem .3rem 0rem .3rem;
    }
    .right02 li{
        display: flex;
        padding-bottom: .24rem;
        justify-content: flex-start;
    }
    .right02 li a{
        /*height: 0.12rem;*/
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
    }
    .xuhao{
        width: 0.25rem;
        height: 0.25rem;
        font-size: 0.12rem;
        font-family: Microsoft YaHei;
        font-weight: 600;
        color: #fff;
        line-height: 0.22rem;
        opacity: 0.5;
        text-align: center;
        background-color: red;
        margin-right: 0.1rem;
    }
    .hot{
        width: 0.20rem;
        height: 0.20rem;
        font-size: 0.12rem;
        font-family: Microsoft YaHei;
        font-weight: 600;
        color: #fff;
        line-height: 0.22rem;
        opacity: 0.5;
        text-align: center;
        background-color: red;
        margin-left: 0.2rem;
    }
    .rightitem{
        /*width: 3rem;*/
        /*height: 0.12rem;*/
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
    }

    .xuhao01{
        /*width: 0.25rem;*/
        /*height: 0.25rem;*/
        font-size: 0.12rem;
        font-family: Microsoft YaHei;
        font-weight: 600;
        color: #333333;
        line-height: 0.22rem;
        opacity: 0.5;
        text-align: center;
        margin-right: 0.1rem;
    }


    .contact{
        margin-top: .8rem;
        border-bottom: 1px solid #EEEEEE;
        margin-bottom: .55rem;
    
    }
    .contact h5{
        text-transform: uppercase;  
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #152235;
        line-height: 0.6rem;
    }
    .contact p{
        position:absolute;
        width: 0.6rem;
        height: 0.03rem;
        background: #0094DC;
        margin-top:-.5rem;
    }
    .contact h1{
        margin-bottom: .73rem;
    }
    .contact01{
        display: flex;
        justify-content: space-between;
    }

    .contact02{
        display: flex;
        justify-content: space-between;
        width: 9.50rem;
        margin-bottom: .83rem;    
    }

    .contact02 h4{
        /*width: 0.74rem;*/
        /*height: 0.18rem;*/
        font-size: 0.18rem;
        font-family: Microsoft YaHei;
        font-weight: 600;
        color: #152235;
        line-height: 0.3rem;
        margin-top: .15rem;
    }
    .contact02 p{
        /*height: 0.36rem;*/
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #152235;
        line-height: 0.24rem;
        opacity: 0.8;
        margin-top: .15rem;
    }
    .contact02{
        border-right: 1px solid #eeeeee;
    }
    .contact02 li:last-child{
        margin-right: 2rem;
    }

    .contact03{
        display: flex;
        justify-content: space-between;
    }
    .contact03 li{
        margin-left: 1rem;
        text-align: center;
    }
    .map{
        height: 3.79rem;
        /* background-color: #dddddd; */
        margin-bottom: .8rem;
    }

    .contact04{
       
       
        margin-bottom: .55rem;
        margin-right: 3.92rem;
    
    }
    .contact04 h5{
        text-transform: uppercase;  
        font-size: 0.14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #152235;
        line-height: 0.6rem;
    }
    .contact04 p{
        position:absolute;
        width: 0.6rem;
        height: 0.03rem;
        background: #0094DC;
        margin-top:-.5rem;
    }
    .contact04 h1{
        margin-bottom: .73rem;
    }
    .contact04 h4{
        width: 5.5rem;
        height: 0.55rem;
        font-size: 0.18rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #152235;
        line-height: 0.36rem;
        opacity: 0.8;

    }
    .contact05{
        display: flex;
        justify-content: space-between;
    }
    .message{
        display: flex;
        margin-bottom: .5rem;
    }

    .name{
        width: 2.43rem;
        height: 0.4rem;
        background: #EEEEEE;
        opacity: 0.6;
        border: 1px solid #0094DC;
        border-radius: 0.06rem;
        margin-bottom: .11rem;
        outline: none;
        padding-left: .2rem;
    }
    .tel{
        width: 2.43rem;
        height: 0.4rem;
        background: #EEEEEE;
        opacity: 0.4;
        border-radius: 0.06rem;
        margin-bottom: .11rem;
        outline: none;
        padding-left: .2rem;
    }
    .liuyan{
        width: 4.99rem;
        height: 0.9rem;
        background: #EEEEEE;
        opacity: 0.4;
        border-radius: 0.06rem;
        margin-bottom: .11rem;
        padding-left: .2rem;
        outline: none;
      
    }
    .liuyanbtn{
        width: 4.99rem;
        height: 0.4rem;
        background: #0094DC;
        border-radius: 0.06rem;
        outline: none;
        border: none;
    }

    .search01{
        margin-top: 1.1rem;
    }
    .search01 input{
        width: 14.4rem;
        height: 0.4rem;
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-radius: 0.05rem;
    }

    .search01 input:focus{
        border: 1px solid #8d8d8d;
        border-radius: 0.05rem;
    }
    .shaixuan{
     
        height: 0.15rem;
        font-size: 0.16rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 0.3rem;
        opacity: 0.8;
        margin-top: .24rem;
        margin-bottom: .16rem;
    }

    .fenlei{
        display: flex;
        justify-content: flex-start;
        padding-bottom: .16rem;
    }
    .on{
        width: 1.16rem;
        height: 0.4rem;
        background: #0094DC;
        border-radius: 0.05rem;
        color: #fff;
        font-weight: 600;
    }
    .fenlei li{
        text-align: center;
        line-height: 0.4rem;
        margin-right: 0.5rem;
        font-size: 0.16rem;
        font-weight: 400;
        opacity: 0.6;
    }

.fenge{
    width: 14.4rem;
    margin-bottom: .22rem;
    border-bottom: 1.5px solid #dddddd;
}

.biaoti{
    
    display: flex;
    width: 14.4rem;
    height: 0.43rem;
    background: #edf8ff;
    justify-content: space-between;
    padding-left: 0.78rem;
    padding-right: 0.78rem;
}

.biaoti li{
   
    height: 0.43rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    opacity: 0.8;
    line-height: .43rem;
    text-align: center;
}
.biaoti li:first-child{
    width: 3.3rem;
    text-align: left;
}

.ziliao{
    display: flex;
    width: 14.4rem;
    height: 0.64rem;
    justify-content: space-between;
    padding-left: 0.32rem;
    border-bottom: 1px solid #dddddd;
}
.ziliao li {
    
    height: 0.64rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    opacity: 0.8;
    line-height: .64rem;
    text-align: center; 
}
.ziliao li:first-child{
    /* width: 3.3rem; */
    width: 34%;
    text-align: left;
}
.ziliao li:nth-child(2){
    width: 17%;
}
.ziliao li:nth-child(3){
    width: 17%;
}
.ziliao li:nth-child(4){
    width: 17%;
}
.ziliao li:nth-child(5){
    width: 14%;
}
.ziliao li a{
    display: inline-block;
    width: 100%;
}
.downlist{
    margin-bottom: 2.37rem;
}

.newsdetail{
    text-align: center;
    margin-top: 0.3rem;
}
.newstitle{
    /* width: 8.29rem;
    height: 0.35rem; */
    font-size: 0.36rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height: 0.48rem;
    text-align: center;
    padding-top: 0.5rem;
}
.content1{
    /* width: 9.19rem; */
    font-size: 0.16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 0.3rem;
    padding: .20rem;
}
.content1 img{
    max-width: 9.36rem;
    margin: 0 auto;
}

.newsdetail1{
    background-color: #fff;
}
.newsdetail0{
    margin-top: 0.4rem;
}
.newslisttop{
    margin-top: .7rem;
}
.sc2{
    margin: 1.1rem 0 1.56rem 0;
}
.sc2-1{
    margin-top: .93rem;
  display: flex;
  justify-content: space-between;
}
.sc2-2 {
  /* padding: .56rem .53rem; */
  width: 3.8rem;
  height: 1.7rem;
  border: 1px solid #0094DC;
  text-align: center;
   font-size: 0.24rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.36rem;
    opacity: 0.8;
    padding: .5rem 0;
}

.sc2-2 a {
    color: #000000;
    text-decoration: none;
}

.sc2-2 a:hover {
    color: #fff;
    text-decoration: none;
}

.sc2-2:hover{
    background: #0094DC;
    color: #fff;
    text-decoration: underline;
    box-shadow: 0.1rem 0.1rem 0rem 0rem #B2DFF4;
}
.sd{
    margin: 1.3rem 0;
}
.A56{
    width: 100%;
}
.sf{
    margin-bottom: 1rem;
}
.sf1{
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: .5rem;
    margin-top: 0.58rem;
}
.sf1 li:first-child{
    width: 50%;
}
.sf1-1{
    padding: .72rem 0 .75rem .51rem;
    background: #E5F4FB;
}
.sf1-1 h4{
    font-size: 0.2rem;
font-weight: bold;
color: #000000;
text-align: left;
margin-bottom: .2rem;
line-height: 0.48rem;
}
.sf1-1 h5{
    width: 0.18rem;
height: 0.06rem;
background: #0094DC;
}
.sf1-2 {
    margin-top: .5rem;
    cursor: pointer;
}
.sf1-2 a{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.sf1-2 a img{
    display: inline-block;
    width: 5%;
}
.sf1-2 a .sf1-3{
    font-size: 0.2rem;
font-weight: 400;
color: #000000;
line-height: 0.3rem;
/* opacity: 0.8; */
/* vertical-align: top; */
margin: 0 .17rem 0 .26rem;
}
.sf1-2 a .sf1-4 {
font-size: 0.16rem;
font-weight: 400;
color: #000000;
line-height: 0.3rem;
/* vertical-align: top; */
/* opacity: 0.8; */
}
.sf1 .sf1-5{
       position: absolute;
        left: 25%;
    top: 15%;
}
.sf1 .sf1-5 img{
    /* position: absolute; */
    /* width: 90%; */
    height: 80%;
    /* left: 25%;
    top: 10%; */
}
.se{
    margin-top: .83rem;
    margin-bottom: 1.5rem;
}
.se1{
    margin-top: 1rem;
    position: relative;
}
.se1-1{
width: 8.82rem;
height: 8.82rem;
border: 80px solid #679AE0;
border-radius: 50%;
margin: 0 auto;
position: relative;
z-index: -1;
}
.se1-1 p{
font-size: 0.48rem;
font-weight: bold;
color: #2760BB;
line-height: .5rem;
width: 60%;
text-align: center;
margin: 0 auto;
margin-top: 2.79rem;
}
.se1-2{
    width: 1.52rem;
height: 1.52rem;
background: #FFFCF7;
border: 10px solid #FCEFDF;
border-radius: 50%;
}
.se1-2 p{
font-size: 0.18rem;
font-weight: bold;
color: #FFBA00;
line-height: 0.27rem;
width: 90%;
text-align: center;
margin: 0 auto;
margin-top: .37rem;
}
.se1-3{
width: 1.52rem;
height: 1.52rem;
    /*background: #F7FAFF;*/
    /*border: 10px solid #DFEBFC;*/
background: #F7FAFF;
border: 10px solid #DFEBFC;
border-radius: 50%;
}
.se1-3:hover{
    background: #FFFCF7;
        border: 10px solid #FCEFDF;
}
.se1-3:hover p{
    color: #FFBA00;
}
.se1-3 p{
font-size: 0.18rem;
font-weight: bold;
color: #336CC0;
line-height: 0.27rem;
width: 90%;
text-align: center;
margin: 0 auto;
margin-top: .37rem;
}
.se1-a{
    position: absolute;
    top: -18px;
    left: 45%;
}
.se1-b{
    position: absolute;
    top: 7%;
    left: 59%;
}
.se1-c{
    position: absolute;
    top: 33%;
    left: 66.5%;
}
.se1-d{
    position: absolute;
    top: 60%;
    left: 65%;
}
.se1-e{
    position: absolute;
    top: 80%;
    left: 56%;
}
.se1-f{
    position: absolute;
    top: 80%;
    left: 36%;
}
.se1-g{
    position: absolute;
    top: 60%;
    left: 26.5%;
}
.se1-h{
    position: absolute;
    top: 33%;
    left: 25.5%;
}
.se1-i{
    position: absolute;
    top:7%;
    left: 32%;
}
.se1-4{
    width: 17%;
}
.se1-4 h4{
  font-size: 0.18rem;
font-weight: bold;
color: #336CC0;
line-height: 0.3rem;
}
.se1-5 span{
    font-size: 0.12rem;
font-weight: 400;
color: #336CC0;
line-height: 0.3rem;
opacity: 0.8;
margin-right: 5%;
}
.se1-j{
    position: absolute;
    top: -3%;
    right: 4%;
}
.se1-k{
    position: absolute;
    top: 12%;
    right: 4%;
}
.se1-l{
    position: absolute;
    top: 37%;
    right: 4%;
}
.se1-m{
    position: absolute;
    top: 65%;
    right: 4%;
}
.se1-n{
    position: absolute;
    top: 85%;
    right: 4%;
}
.se1-o{
    position: absolute;
    top: 11%;
   left: 4%;
}
.se1-p{
    position: absolute;
    top: 36%;
    left: 4%;
}
.se1-q{
    position: absolute;
    top: 65%;
    left: 4%;
}
.se1-r{
    position: absolute;
    top: 86%;
    left: 4%;
}
.se1-6 h5{
    width: 5.08rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-a{
    position: absolute;
    top: -1%;
    right: 22%;
}
.se1-7 h5{
    width: 2rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-b{
    position: absolute;
    top: 14%;
    right: 22%;
}
.se1-8 h5{
    width: .8rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-c{
    position: absolute;
    top: 40%;
    right: 22%;
}
.se1-9 h5{
    width: 1rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-d{
    position: absolute;
    top: 67%;
    right: 22%;
}
.se1-10 h5{
    width: 2.5rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-e{
    position: absolute;
    top: 87%;
    right: 22%;
}
.se1-11 h5{
    width: 4rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-f{
    position: absolute;
    top: 13%;
    left: 11%;
}
.se1-12 h5{
    width: 2.8rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-g{
    position: absolute;
    top: 38%;
    left: 11%;
}
.se1-13 h5{
    width: 3rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-h{
    position: absolute;
    top: 67%;
    left: 11%;
}
.se1-14 h5{
    width: 4.5rem;
    height: 0.02rem;
   background: #DFEBFC;
}
.se2-i{
    position: absolute;
    top: 88%;
    left: 11%;
}
.sg1{
    position: relative;
}
.sg1-a{
    display: inline-block;
    width: 100%;
}
.sg1-a a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.sg1-1{
    position: absolute;
    top: 5%;
    left: 36%;
    width: 30%;
    height: 3rem;
     cursor: pointer;
    /*background: pink;*/
}
.sg1-2{
    position: absolute;
    top: 62%;
    left: 6%;
    width: 35%;
    height: 3rem;
      cursor: pointer;
    /*background: pink;*/
}
.sg1-3{
    position: absolute;
    top: 62%;
    left: 60%;
    width: 35%;
    height: 3rem;
      cursor: pointer;
    /*background: pink;*/
}
.sg3{
    padding-bottom: 1rem;
}



/*.se1-j, .se2-a {*/
/*  display: none;*/
/*}*/
.se3:hover .se1-j, .se3:hover .se2-a {
  display: block;
}
.se3:hover .se1-4 h4,
.se3:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-k, .se2-b {*/
/*  display: none;*/
/*}*/
.se4:hover .se1-k, .se4:hover .se2-b {
  display: block;
}
.se4:hover .se1-4 h4,
.se4:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-l, .se2-c {*/
/*  display: none;*/
/*}*/
.se5:hover .se1-l, .se5:hover .se2-c {
  display: block;
}
.se5:hover .se1-4 h4,
.se5:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-m, .se2-d {*/
/*  display: none;*/
/*}*/
.se6:hover .se1-m, .se6:hover .se2-d {
  display: block;
}
.se6:hover .se1-4 h4,
.se6:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-n, .se2-e {*/
/*  display: none;*/
/*}*/
.se7:hover .se1-n, .se7:hover .se2-e {
  display: block;
}
.se7:hover .se1-4 h4,
.se7:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-r, .se2-i {*/
/*  display: none;*/
/*}*/
.se8:hover .se1-r, .se8:hover .se2-i {
  display: block;
}
.se8:hover .se1-4 h4,
.se8:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-q, .se2-h {*/
/*  display: none;*/
/*}*/
.se9:hover .se1-q, .se9:hover .se2-h {
  display: block;
}
.se9:hover .se1-4 h4,
.se9:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-p, .se2-g {*/
/*  display: none;*/
/*}*/
.se10:hover .se1-p, .se10:hover .se2-g {
  display: block;
}
.se10:hover .se1-4 h4,
.se10:hover .se1-5 span{
  color: #FFBA00;
}

/*.se1-o, .se2-f {*/
/*  display: none;*/
/*}*/
.se11:hover .se1-o, .se11:hover .se2-f {
  display: block;
}
.se11:hover .se1-4 h4,
.se11:hover .se1-5 span{
  color: #FFBA00;
}

.A80{
    display: none;
}
.sr1{
    position: relative;
}
.sr1-1{
    display: none;
    position: absolute;
    top: 100%;
    left: -70%;
    width: 3rem;
    /*background: #fff;*/
    background-color: rgb(66,144,243,.5)
}
.sr1-2{
    width: 65%;
    padding: .08rem 0 .08rem .1rem ;
    /*border: 1px solid  #000;*/
    /*color: #000;*/
    border: 0;
    font-size: .18rem ;
    line-height: .27rem;
    outline: none;
    background: #fff;
}
.sr1-3{
    width: 30%;
    padding: .1rem;
    border: 0;
    background: none;
     color: #fff;
    font-size: .18rem ;
    line-height: .27rem;
}
.sr2{
    width: 63%;
    margin: 0 auto;
    margin-top: 1.5rem;
  margin-bottom: 1.38rem;
  background: #FFFFFF;
box-shadow: 0rem 0rem 0.1rem 0.05rem rgba(0,0,0,0.1);
border-radius: 0.05rem;
padding: .35rem .61rem;
}
.sr2-1{
    font-size: 0.3rem;
font-weight: bold;
text-align: center;
color: #000000;
line-height: 0.48rem;
}
.sr2-2{
    margin-top: .3rem;
}
.sr2-3{
    width: 100%;
    font-size: 0.18rem;
font-weight: 400;
color: #989898;
line-height: 0.27rem;
background: #F5F5F5;
padding: .2rem 0 .2rem  .36rem;
border: none;
outline: none;
margin-bottom: .2rem;
}
.sr2-4{
width: 100%;
height: 2.31rem;
font-size: 0.18rem;
font-weight: 400;
color: #989898;
line-height: 0.27rem;
background: #F5F5F5;
padding-left: .36rem;
padding-top: .2rem;
margin-bottom: .3rem;
border: none;
outline: none;
resize: none;
}
.sr2-5{
width: 100%;
height: 0.6rem;
background: #0094DC;
border-radius: 0.08rem;
font-size: 0.24rem;
font-weight: 400;
color: #FFFFFF;
line-height: 0.6rem;
margin-bottom: .3rem;
text-align: center;
border: none;
outline: none;
}
.sr2-6{
    text-align: center;
    font-size: 0.16rem;
font-weight: 400;
color: #000000;
line-height: 0.24rem;
opacity: 0.6;
}












@media screen and (max-width:770px){
    .w{
        width: 95%;
    }
    .sb1 img{
        width: 200%;
        margin-left: -50%;
    }
    .headerpc{
        display: none;
    }
    .header2{
        display: block;   
        font-size: 1rem;
    }
    .header2 header{
        display: inline-block;
        /*height: 100%;*/
    }
    .header-area .main-header{
       background: #fff;
    }
    .sa2-a h5{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sa2-a p{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .mom{
        font-weight: 800;
    }
    .sa2-1{
        margin-top: 1.61rem;
        flex-wrap: wrap;
    }
    .sa2-2{
        width: 48%;
        margin-bottom: 1rem;
    }
    .sa2-3 h6{
        font-size: 2.86rem;
        /* line-height: 3rem; */
    }
    .sa2-3{
        top: 29%;
    }
    .sa2-3 p{
        font-size: 1rem;
        line-height: 1.5rem;
        margin-left: -2.5rem;
    }
    .sa2-4{
        margin-top: 1.81rem;
        flex-wrap: wrap;
    }
    .sa2-5{
        width: 30%;
        margin-bottom: 1rem;
    }
    .A9 {
        width: 1.6rem;
    }
    .A10{
        width: 50%;
        margin-left: 25%;
        margin-top: -1.22rem;
    }
    .sa2-5 p{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .A12{
        width: 50%;
        margin-left: 25%;
    }
    .sa3-1{
        flex-wrap: wrap;
    }
    .sa3-2{
        width: 100%;
        margin: 1.57rem 0;
    }
    .sa3-3{
        width: 100%;
        margin-bottom: 1.57rem;
    }
    .sa3-2 p{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa3-2 a{
        width: 4.68rem;
        height: 1.55rem;
        font-size: .8rem;
        line-height: 1.55rem;
    }
    .A18{
        right: -3px;
    }
    .sa3-4{
        background-size: 200%;
        margin-bottom: 0;
        margin-top: 1rem;
    }
    .sa3-5{
        width: 100%;
    }
    .sa3-5 li{
        width: 30%;
        text-align: center;
    }
    .sa3-6{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sa3-7{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa4-1{
        flex-wrap: wrap;
    }
    .sa4-2{
        width: 100%;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }
    .A20{
         margin-top: .8rem;
    }
    .sa4-2 h5{
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: .8rem;
    }
    .sa4-2 p{
        font-size: .8rem;
        line-height: 1.2rem;
        width: 95%;
        -webkit-line-clamp: 3;
    }
    .sa2{
        padding: 1.92rem 0 2rem 0;
    }
    .sa3{
        background-size: 1000%;
        padding: 2.05rem 0 0 0;
    }
    .sa4{
        padding-bottom: 1rem;
    }
    .sa5-1{
        padding-bottom: 2rem;
    }
    .sa5-2{
        flex-wrap: wrap;
    }
    .sa5-a {
        width: 100%;
    }
    .sa5-3 {
        width: 100%;
    }
    .sa5-3 .sa5-4 .A25{
        width: 30%;
        text-align: center;
    }
    .sa5-5{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa5-6{
        font-size: .8rem;
        line-height: 1.2rem;
        -webkit-line-clamp: 3;
        margin: 1rem 0;
    }
    .sa5-4 .sa5-7 .sa5-8 img {
        width: 35%;
    }
    .sa5-8{
        width: 30%;
    }
    .sa5-8 h5{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sa5-8 p{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa5-9{
        width: 6.4rem;
        height: 1.4rem;
        font-size: .8rem;
        line-height: 1.4rem;
        margin-top: 1.41rem;
        margin-bottom: .5rem;
    }
    .sa5-1 .swiper-button-next, .sa5-1 .swiper-button-prev{
        width: 1.62rem !important;
        height: 1.62rem !important;
        right: 0%;
        top: 44%;
    }
    .sa5-1 .swiper-button-next:after, .sa5-1 .swiper-button-prev:after{
        font-size: .8rem !important;
    }
    .sa5-1 .swiper-button-prev, .sa5-1  .swiper-container-rtl .swiper-button-next{
        left: 0;
    }
    .sa6-1{
        flex-wrap: wrap;
    }
    .sa6-a{
        width: 100%;
        margin-bottom: 1rem;
        padding: 0.5rem;
    }
    .sa6-b{
        width: 100%;
    }
    .sa6-a h5{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sa6-a p{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa6-a h6{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa6-2{
        top: 2.58rem;
        left: 2.89rem;
    }
    .sa6-a .sa6-2 h1{
        font-size: 1.2rem;
        line-height: 1.7rem;
    }
    .sa6-a .sa6-2 h2{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa6-4{
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0.5rem 0;
    }
    .sa6-5{
        font-size: .8rem;
        line-height: 1.2rem;
        margin-bottom: 0.5rem;
    }
    .sa6-6{
        margin-top: 1.63rem;
    }
    .sa6-6 a{
        width: 7.55rem;
        height: 1.43rem;
        font-size: .8rem;
        line-height: 1.43rem;
    }
    .sa6{
        padding-bottom: 1.67rem;
    }
    .sa7-1{
        margin: 1.56rem 0;
    }
    .sa8-1 img{
        width: 50%;
    }
    .sa8-1 a{
        width: 6.13rem;
        height: 1.58rem;
        font-size: .8rem;
        line-height: 1.58rem;
    }
    .sa8-2{
        flex-wrap: wrap;
        align-items: center;
    }
    .sa8-a{
        display: none;
        width: 90%;
        margin-bottom: 1rem;
    }
    .sa8-b{
        width: 100%;
        margin-left: 0;
        margin-bottom: .5rem;
    }
    .sa8-c{
        width: 80%;
            justify-content: space-between;
    }
    .sa8-c img{
        margin-left: 0;
        margin-right: 0;
    }
    .sa8-4{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sa8-3{
        width: 100%;
    }
    .sa8-3 a{
        font-size: .6rem;
        line-height: 1rem;
    }
    .sa8-5{
        font-size: .6rem;
        line-height: 1rem;
    }
    .sa8-c img{
      width: 31%;
    height: 65%;
    }
    .sa8-6{
        padding: .5rem;
        text-align: left;
        font-size: .6rem;
        line-height: 1rem;
    }
    .sa8-6 a{
        font-size: .6rem;
        line-height: 1rem;
    }
    .sa8-1{
        padding: 1rem 0;
    }
    .coper{
        height: 100%;
        padding: 2rem 0;
    }
    .casenav li{
        height: 2rem;
        font-size: .8rem;
        line-height: 1rem;
        margin-left: 1rem;
    }
    .coper0 h5{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .coper0 p{
        font-size: .8rem;
        margin-top: .1rem;
        line-height: 1.2rem;
    }
    .coplogo1{
        width: 95%;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .coplogo1 img{
        width: 30%;
        margin-right: 0;
        margin-bottom: .5rem;
    }
    .coplogo2{
        width: 95%;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .coplogo2 img{
        width: 30%;
        margin-left: 0;
        margin-bottom: .5rem;
    }
    .coplogo3{
        width: 95%;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .coplogo3 img{
        width: 30%;
        margin-left: 0;
        margin-bottom: .5rem;
    }
    .copbtn a{
        width: 4.68rem;
        height: 1.55rem;
        font-size: .8rem;
        line-height: 1.55rem;
    }
    .sb3-1 img{
        width: 100%;
    }
    .sb4{
        padding: 1.72rem 0 1.78rem 0;
    }
    .sb4-1 img{
        width: 100%;
    }
    .sb5-1{
        flex-wrap: wrap;
    }
    .sb5-a{
        width: 100%;
    }
    .sb5-b{
        width: 100%;
    }
    .sb5-2 h5{
         font-size: 1rem;
        line-height: 1.5rem;
    }
    .sb5-2 p{
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .sb5-2 {
        margin-bottom: 1.54rem;
    }
    .sb5{
        margin-top: 2.1rem;
        margin-bottom: 1.63rem;
    }
    .sb5-b img{
        width: 100%;
    }
    .sb5-3{
        font-size: 1rem;
        line-height: 1.5rem;
        left: 31%;
    }
    .sb6{
        padding: 1.7rem 0 1rem 0;
    }
    .sb6-1{
        flex-wrap: wrap;
    }
    .sb6-2{
        width: 48%;
        margin-bottom: 2rem;
    }
    .sb6-3{
        font-size: .8rem;
        line-height: 1.2rem;
        margin-top: .5rem;
    }
    .sb6-2 p{
        font-size: .8rem;
        line-height: 1.2rem;
        margin-top: .5rem;
    }
    .sb6-5{
        top: 1%;
        left: 44%;
        font-size: 1.4rem;
    }
    .sb6-6{
        top: 52%;
        left: 44%;
    }
    .sb6-7{
        display: none;
    }
    .sb7{
        
    }
    .sb7-1 h4{
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .sb7-1 h5{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sb7-1 h6{
         font-size: .8rem;
        line-height: 1.2rem;
    }
    .sb7 img{
        width: 200%;
    }
    .liucheng{
        flex-wrap: wrap;
        margin: 0.71rem 1.5rem 2rem 1.5rem;
    }
    .liucheng div{
        width: 100%;
        margin-bottom: 1rem;
    }
    .liucheng img{
        width: 100%;
    }
    .liucheng h3{
         font-size: 1rem;
        line-height: 1.5rem;
    }
    .liucheng p{
         font-size: .8rem;
        line-height: 1.2rem;
    }
  /*@keyframes moveImages {*/
  /*  0% { transform: translateY(0%); }*/
  /*  100% { transform: translateY(-100%); }*/
  /*}*/
  .newslist0{
      flex-wrap: wrap;
  }
  .newslist{
      width: 100%;
  }
  .newlist1{
      width: 100%;
  }
  .newsitem{
       flex-wrap: wrap;
       margin-bottom: 2rem;
       padding: .5rem .5rem 1rem .5rem;
  }
  .newdes{
      margin: 0;
      width: 100%;
  }
  .newdes h3{
       font-size: 1rem;
        line-height: 1.5rem;
        margin: .5rem 0;
  }
  .newsdate img{
      width: 5%;
       margin-right: .3rem;
  }
  .newsdate span{
        font-size: .8rem;
        line-height: 1.2rem;
        vertical-align: top;
        margin-right: .5rem;
  }
  .newdes p{
       font-size: .8rem;
        line-height: 1.2rem;
  }
  .newsitem a{
      display: inline-block;
      width: 100%;
  }
  .newsitem a img{
      width: 100%;
  }
  .rightlist{
      margin: 0;
      width: 100%;
      height: 100%;
      padding: 1rem 0;
  }
  .rebang{
      width: 30%;
        font-size: .8rem;
        line-height: 1.2rem;
  }
  .rebang img{
      width: 15%;
  }
   .hyh img{
      width: 20%;
  }
  .hyh{
      width: 20%;
      font-size: .8rem;
        line-height: 1.3rem;
  }
  .xuhao{
          width: 1.25rem;
    height: 0.8rem;
    font-size: .6rem;
        line-height: .8rem;
  }
  .right02 li a{
     
       font-size: .8rem;
        line-height: 1.2rem;
  }
  .hot{
      width: 0.8rem;
    height: 0.8rem;
      font-size: .6rem;
        line-height: .8rem;
  }
  .xuhao01{
        font-size: .6rem;
        line-height: .8rem;
         margin-right: 0.4rem;
  }
    .pagenation{
        margin:  1.4rem 0;
    }
  .pagenation a{
      padding: .5rem ;
       font-size: .6rem;
       
  }
  .fangfa{
      flex-wrap: wrap;
      margin: 0 auto;
      margin-top: 1rem;
  }
  .fangfa li{
      width: 100%;
      height: 100%;
  }
  .newsdetail0 {
    margin-top: 1.4rem;
   }
  .newstitle{
        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 1.5rem;
  }
  .content1{
       font-size: .8rem;
        line-height: 1.2rem;
  }
  .fangfa1{
      margin-top: 1rem;
  }
  .right02 li p{
      font-size: .6rem;
  }
  .fangfa1 h3{
        font-size: 1rem;
        line-height: 1.5rem;
  }
  .fangfa2{
        font-size: .8rem;
        line-height: 1.5rem;
        padding-bottom: .8rem;
  }
  .fangfa00{
       padding-top: 1.21rem;
  }
  .shishi ul{
      flex-wrap: wrap;
  }
  .shishi{
      height: 100%;
  }
  .shishi1{
      width: 48%;
      height: 100%;
      padding: 2rem 0;
  }
  .shishi h3{
         font-size: 1.2rem;
         line-height: 1.7rem;
  }
  .shishi h4{
        font-size: 1rem;
         line-height: 1.5rem;
  }
  .shishi p{
      font-size: .8rem;
         line-height: 1.2rem;
         margin-top: .7rem;
  }

.shishi2{
    width: 48%;
    height: 100%;
     padding: 2.5rem 0;
}
.shishi3{
     width: 48%;
    height: 100%;
     padding: 2rem 0;
}
.youshi{
    height: 100%;
    padding: 1rem 0;
}
.sc2-1{
    flex-wrap: wrap;
}
.sc2-2{
    width: 48%;
     font-size: .8rem;
         line-height: 1.2rem;
         height: 100%;
         text-align: left;
         padding: 1.5rem  .5rem;
         margin-bottom: 1rem;
}

.sa2-a p span{
         font-size: 1rem;
         line-height: 1.5rem;
}
.youshi0 {
    margin-top: 1rem;
}
.youshi0 p{
    margin: 0;
}
.ssitem{
    height: 100%;
}
.ssitem li{
    width: 49%;
    margin-bottom: 1rem;
}
.ssitem0{
    width: 49%;
}
.ssitem0 h4{
     font-size: 1rem;
         line-height: 1.5rem;
}
.ssitem0 p{
     font-size: .8rem;
         line-height: 1.2rem;
}
.ssitem li img {
    width: 100%;
}
.youshi1{
        height: 20.73rem;
    background-size: 100%;
}
.item{
    font-size: .8rem;
         line-height: 1.2rem;
         height: 100%;
         /*color: #000;*/
         /*    opacity: 0.6;*/
}
.item1{
    margin: 0;
    display: inline-block;
    width: 50%;
    text-align: left;
    position: absolute;
    /*top: 28%;*/
    /*left: 15%;*/
      top: 38%;
    left: -2%;
}
.item2{
      margin: 0;
    display: inline-block;
    width: 50%;
    text-align: left;
    position: absolute;
    /*top: 55%;*/
    /*left: 16%;*/
      top: 62%;
    left: -1%;
}
.item3{
        margin: 0;
    display: inline-block;
    width: 50%;
    text-align: left;
    position: absolute;
    top: 86%;
    left: 11%;
}
.item4{
         margin: 0;
    display: inline-block;
    width: 50%;
    text-align:center;
    position: absolute;
    top: 86%;
    right: 5%;
}
.item4 p{
     font-size: .6rem;
         line-height: 1rem;
         height: 100%;
         width: 100%;
}
.item5{
    margin: 0;
    display: inline-block;
    width: 50%;
    text-align:right;
    position: absolute;
    /*top: 55%;*/
    /*right: 18%;*/
      top: 62%;
    right: 0%;
}
.item5 p{
         font-size: .6rem;
         line-height: 1rem;
         height: 100%;
         width: 100%;
}
.item6{  
    margin: 0;
    display: inline-block;
    width: 50%;
    text-align:right;
    position: absolute;
    /*top: 28%;*/
    /*right: 15%;*/
      top: 37%;
    right: -1%;
}
.youshi1 h3{
    display: none;
}
.youshi1 h4{
    display: none;
}
.map{
    height: 100%;
}
.contact h5{
      font-size: .6rem;
         line-height: 1rem;
}
.contact h1{
       font-size: 1rem;
         line-height: 1.5rem;
}
.contact p{
        width: 2rem;
    height: 0.06rem
}
.contact01{
    flex-wrap: wrap;
}
.contact02{
    width: 100%;
    flex-wrap: wrap;
}
.contact02 li{
    width: 48%;
    text-align: center;
    margin-bottom: 1rem;
}
.contact02 h4{
     font-size: .8rem;
         line-height: 1.2rem;
         margin-top: .5rem;
}
.contact02 p{
     font-size: .6rem;
         line-height: 1rem;
          margin-top: .5rem;
}
.contact03{
    width: 100%;

}
.contact03 li{
    width: 48%;
       margin: 0;
}
.contact01 div{
    width: 100%;
}
.contact03 p{
     font-size: .8rem;
         line-height: 1.2rem;
         margin-top: .5rem;
}
.contact05{
    flex-wrap: wrap;
}
.contact04{
    width: 100%;
    margin: 0;
}
.contact04 h5{
        font-size: .6rem;
    line-height: 1rem;
}
.contact04 h1{
    font-size: 1rem;
    line-height: 1.5rem;
}
.contact04 p{
           width: 2rem;
    height: 0.06rem;
}
.contact04 h4{
    width: 100%;
    height: 100%;
        font-size: .8rem;
    line-height: 1.2rem;
}
.name{
    width: 100%;
        height: 1.8rem;
              font-size: .8rem;
    line-height: 1.2rem;
    margin: .8rem 0;
}
.tel{
      width: 100%;
        height: 1.8rem;
              font-size: .8rem;
    line-height: 1.2rem;
     margin-bottom: .8rem;
}
.liuyan{
        width: 100%;
        height: 6rem;
                    font-size: .8rem;
    line-height: 1.2rem;
}
.liuyanbtn{
        width: 6rem;
    height: 2rem;
             font-size: .8rem;
    line-height: 2rem;
    margin: 1rem 33%;
}
.contact {
    margin-top: 1.8rem;
    padding-bottom: 1rem;
}
.sf1{
    flex-wrap: wrap
}
.sf1 li:first-child{
    width: 100%;
}
.sf1 .sf1-5{
    margin-top: 1rem;
    position: static;
}
.sf1-1 h4{
    font-size: 1rem;
    line-height: 1.5rem;
}
.sf1-1 h5{
    width: 2.18rem;
}
.sf1-2 a img{
    width: 7%;
}
.sf1-2 a .sf1-3{
      font-size: 1rem;
    line-height: 1.5rem;
}
.sf1-2 a .sf1-4{
        font-size: .8rem;
    line-height: 1.2rem;
}
.sf1-1{
    padding: 1rem 0 1rem .51rem;
}
.sf1 .sf1-5 img{
    width: 100%;
    height: 100%;
}
.search01 {
    margin-top: 2.1rem;
}
.search01 input{
    width:100% ;
    height: 1.5rem;
       font-size: .6rem;
    line-height: 1.2rem;
    padding-left: .5rem;
}
.shaixuan{
    height: 100%;
         font-size: .6rem;
    line-height: 1.2rem;
}
.fenlei{
    flex-wrap: wrap;
}
.fenlei li{
          font-size: .6rem;
    line-height: 1.2rem;
    margin-right: 1rem;
}
.fenlei a{
    display: inline-block;
    margin-bottom: .5rem;
}
.on{
    width: 3.16rem;
    height: 100%;
}
.biaoti li{
    width: 10%;
    height: 100%;
             font-size: .6rem;
    line-height: 1.2rem;
}
.biaoti{
    width: 33.4rem;
    height: 1.5rem;
       /*overflow-x: scroll;*/
}
.biaoti1{
     overflow-x: scroll;
}
.fenge{
    width: 100%;
    margin-bottom: .5rem;
}
.downlist{
        /*overflow-x: scroll;*/
}
.ziliao{
       width: 33.4rem;
    height: 2.64rem;
}
.ziliao li{
    height: 100%;
    font-size: .6rem;
    line-height: 2.64rem;
}
.biaoti li:first-child{
    width: 9.3rem;
}
.se1-1{
    width: 16.82rem;
    height: 16.82rem;
    border: 40px solid #679AE0;
}
.se1-3{
    width: 3.52rem;
    height: 3.52rem;
}
.se1-3 p{
     font-size: .6rem;
    line-height: .8rem;
}
.se1-a{
        top: -9px;
}
.se1-b{
    top: 11%;
    left: 70%;
}
.se1-c{
    left: 80.5%;
}
.se1-d{
    left: 78%;
}
.se1-e{
        top: 83%;
}
.se1-f{
        top: 84%;
    left: 28%;
}
.se1-g{
    left: 7.5%;
}
.se1-h{
        left: 4.5%;
}
.se1-i{
        left: 14%;
}
.se1-1 p{
    display: none;
    /*  font-size: 1rem;*/
    /*line-height: 1.5rem;*/
    /*    margin-top: 4.79rem;*/
}

.se1-j, .se2-a {
  display: none;
}
.se1-k, .se2-b {
  display: none;
}
.se1-l, .se2-c {
  display: none;
}
.se1-m, .se2-d {
  display: none;
}
.se1-n, .se2-e {
  display: none;
}
.se1-r, .se2-i {
  display: none;
}
.se1-q, .se2-h {
  display: none;
}
.se1-p, .se2-g {
  display: none;
}
.se1-o, .se2-f {
  display: none;
}



.se1-4 h4{
      font-size: .8rem;
    line-height: 1.2rem;
}
.se1-5 span{
      font-size: .6rem;
    line-height: 1rem;
}
.se1-4{
    width: 35%;
}
.se1-j{
        top: 30%;
    right: 30%;
}
.se1-6 h5{
        width: 0.02rem;
    height: 2.08rem;
}
.se2-a{
        top: 19%;
    right: 46%;
}
.se1-k{
        top: 25%;
    right: 30%;
}
.se2-b{
    top: 27%;
    right: 22%;
}
.se1-l{
        right: 28%;
}
.se1-8 h5{
        width: 2.8rem;
}
.se2-c{
        right: 20%;
}
.se1-m{
        top: 44%;
    right: 28%;
}
.se1-9 h5{
        width: 4rem;
}
.se1-n{
        top: 45%;
    right: 26%;
}
.se2-e{
        top: 69%;
    right: 36%;
}
.se1-10 h5{
        width: 0.02rem;
    height: 2.5rem;
}
.se1-r{
        top: 44%;
    left: 31%;
}
.se1-14 h5{
        width: 0.02rem;
    height: 1.5rem;
}
.se2-i{
    top: 77%;
    left: 38%;
}
.se1-q{
    top: 39%;
    left: 33%;
}
.se2-h{
    left: 20%;
}
.se1-p{
        left: 35%;
}
.se2-g{
        left: 23%;
}
.se1-o{
        top: 29%;
    left: 30%;
}
.se1-11 h5{
    width: 3rem;
}
.se2-f{
        top: 27%;
    left: 23%;
}
.sr2{
    width: 95%;
    margin-top: 2.5rem;
    padding-top: .8rem;
}
.sr2-1{
    font-size: 1rem;
    line-height: 1.5rem;
}
.sr2-3{
    font-size: .8rem;
    line-height: 1.2rem;
    padding: .8rem 0 .8rem .5rem;
    margin-bottom: 0.5rem;
}
.sr2-4{
    height: 6.31rem;
    font-size: .8rem;
    line-height: 1.3rem;
    padding-left: .5rem;
    padding-top: .5rem;
    margin-bottom: 1rem;
}
.sr2-5{
    height: 2rem;
    font-size: .8rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.sr2-6{
    font-size: .6rem;
    line-height: 1.2rem;
}
.sr2-2{
    margin-top: 1.3rem;
}

.liucheng img{
    max-width: 15rem;
}

































}