.banner {
    overflow: hidden;
}

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

.banner .text-content {
    width: 100%;
    height: 85%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.banner .txt {
    font-size: 0.2rem;
    line-height: 1.5;
    margin-top: .1rem;
    color: rgba(255, 255, 255, .6);
}
.banner .video{height: 100%;}
.banner .title {
    font-size: 0.42rem;
    line-height: 1.8;
    margin-top: 0.2rem;
}

.banner .title span {
    font-size: .2rem;
    margin: 0 .1rem;
}

.banner .en {
    font-size: 0.14rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, .3);
    margin-top: 0.2rem;
}

.banner .btn {
    color: #fff;
  background-image: linear-gradient(45deg, #f78600, #f78600);
    margin-top: .6rem;
}

.banner .last .btn {
    margin-bottom: 1.6rem;
}

.banner .last .text {
    line-height: .5rem;
    width: 3.3rem;
    background-image: linear-gradient(90deg, rgba(0, 129, 204, 0), rgba(0, 129, 204, .5), rgba(0, 129, 204, 0));
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    width: 0.52rem;
    height: 0.4rem;
    background: url(../images/home-next.png)no-repeat center;
    background-size: 100%;
}

.banner .swiper-button-next {
    right: 1.2rem;
}

.banner .swiper-button-prev {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    left: 1.2rem;
}

.banner .swiper-pagination {
    left: 50%;
    bottom: -2.1rem;
    color: #FFF;
    width: 3rem;
    border: 1px rgba(255, 255, 255, .5) solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 3rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    overflow: s;
}

/* .banner .swiper-pagination::after {
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.43rem;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
}

.banner .swiper-pagination::before {
    content: '';
    position: absolute;
    right: 0.3rem;
    top: 0.43rem;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
}

.banner .swiper-pagination span {
    position: absolute;
    left: 50%;
    top: -0.07rem;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px #FFF solid;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
} */

.banner .swiper-slide {
    height: 100%;
}
.banner .swiper-slide video{    object-fit: cover; height:100%!important}
.banner .video img {
    opacity: 0;
}

.swiper-num {
    position: absolute;
    width: auto;
    left: 50%;
    bottom: 0.2rem;
    z-index: 2;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    font-size: 0.18rem;
}

.home-jishu {
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    -o-column-count: 3;
    -o-column-gap: 30px;
    overflow: hidden;
    margin-top: 1rem;
    height: 11.5rem;
}

.home-jishu .public-title {
    margin-top: 0.5rem;
}

.home-jishu .public-title .title {
    font-weight: normal;
}

.home-jishu .public-title .title::after {
    left: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.home-jishu .item {
    width: 4.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #5b626c;
    margin-bottom: 0.3rem;
    padding: 0.4rem 0.5rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.home-jishu .item .text {
    margin-top: 0.5rem;
}

.home-jishu .item .icon {
    width: 0.6rem;
    height: 0.6rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.home-jishu .item .tit {
    font-size: 0.3rem;
    line-height: 1.5;
    margin-top: 0.2rem;
}

.home-jishu .item .txt {
    margin-top: 0.1rem;
}

.home-jishu .item .more {
    width: 0.52rem;
    height: 0.4rem;
    background: url(../images/h-arrow.png)no-repeat left center;
    position: absolute;
    left: 0.5rem;
    bottom: 0.3rem;
    background-size: 0.37rem;
}

.home-jishu .item:nth-child(1) {
    height: 3rem;
    padding: 0;
}

.home-jishu .item:nth-child(1) .text {
    color: #5b626c;
}

.home-jishu .item:nth-child(2) {
    height: 7rem;
    background-image: url(../images/h-bg1.jpg);
    margin-bottom: 0;
}

.home-jishu .item:nth-child(2) .icon {
    background-image: url(../images/h-icon1.png);
}

.home-jishu .item:nth-child(3) {
    height: 5.6rem;
    background-image: url(../images/h-bg2.jpg);
}

.home-jishu .item:nth-child(3) .icon {
    background-image: url(../images/h-icon2.png);
}

.home-jishu .item:nth-child(4) {
    height: 4.4rem;
    background-image: url(../images/h-bg3.jpg);
    margin-bottom: 0;
}

.home-jishu .item:nth-child(4) .icon {
    background-image: url(../images/h-icon3.png);
}

.home-jishu .item:nth-child(5) {
    height: 3.6rem;
    background-image: url(../images/h-bg4.jpg);
}

.home-jishu .item:nth-child(5) .icon {
    background-image: url(../images/h-icon4.png);
}

.home-jishu .item:nth-child(6) {
    height: 3.6rem;
    background-image: url(../images/h-bg5.jpg);
}

.home-jishu .item:nth-child(6) .icon {
    background-image: url(../images/h-icon5.png);
}

.home-jishu .item:nth-child(7) {
    height: 2.5rem;
    background-image: url(../images/h-bg6.jpg);
    margin-bottom: 0;
    padding-top: 0.3rem;
}

.home-jishu .item:nth-child(7) .icon {
    background-image: url(../images/h-icon6.png);
}

.home-jishu .item:nth-child(7) .tit,
.home-jishu .item:nth-child(7) .txt {
    margin-top: 0.1rem;
}

.home-jishu .item:nth-child(7) .more {
    bottom: 0.2rem;
}

.jishu {
    width: 100%;
    background: url(../images/h-bg.jpg)no-repeat center top;
    overflow: hidden;
    color: #FFF;
    padding-top: 1rem;
    padding-bottom: 1.2rem;
    height: 9.6rem;
}

.jishu .public-title {
    width: 4.4rem;
    margin-top: 0;
}

.jishu .public-title .title {
    text-align: right;
    color: #FFF;
    width: 100%;
}

.jishu .public-title .title::after {
    right: 0;
    left: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    background-color: #FFF;
}

.jishu .public-title .text {
    margin-top: 0.4rem;
    text-align: right;
}

.jishu .t-con {
    align-items: flex-start;
}

.jishu .tabs {
    width: 4.2rem;
}

.jishu .tabs a {
    color: #FFF;
    font-size: 0.2rem;
    font-weight: 550;
}

.jishu .tabs .icon {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.jishu .tabs a::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    width: 0.8rem;
    right: -.7rem;
    top: 0.45rem;
}

.jishu .tabs a:last-child::after {
    display: none;
}

.jishu .tabs .txt {
    margin-top: 0.2rem;
}
/*
.jishu .tabs a:nth-child(1) .icon {
    background-image: url(../images/h-icon7.png);
}

.jishu .tabs a:nth-child(2) .icon {
    background-image: url(../images/h-icon8.png);
}

.jishu .tabs a:nth-child(3) .icon {
    background-image: url(../images/h-icon9.png);
}

.jishu .tabs a:nth-child(4) .icon {
    background-image: url(../images/h-icon10.png);
}
*/
.jishu .tabs .on .icon {
    background-color: #FFF;
}
/*
.jishu .tabs .on:nth-child(1) .icon {
    background-image: url(../images/h-icon7-on.png);
}

.jishu .tabs .on:nth-child(2) .icon {
    background-image: url(../images/h-icon8-on.png);
}

.jishu .tabs .on:nth-child(3) .icon {
    background-image: url(../images/h-icon9-on.png);
}

.jishu .tabs .on:nth-child(4) .icon {
    background-image: url(../images/h-icon10-on.png);
}
*/
.jishu .swiper-container {
    margin-top: 0.2rem;
}

.jishu .con {
    align-items: flex-start;
}

.jishu .pic {
    border-radius: 0.15rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
    overflow: hidden;
    width: 6.6rem;
    margin-right: 0.8rem;
}

.jishu .pic img {
    width: 100%;
}

.jishu h2 {
    font-size: 0.3rem;
    line-height: 1.5;
    font-weight: normal;
    margin-top: 0.9rem;
}

.jishu h2::after {
    content: '';
    position: absolute;
    left: 0;
    top: -0.55rem;
    /*background: url(../images/dd.png)no-repeat left top;*/
    height: 0.28rem;
    background-size: auto 100%;
    width: 100%;
}

.jishu .text-content {
    padding-right: 1.5rem;
}

.jishu .text-content .more {
    text-decoration: underline;
    color: #FFF;
    margin-top: 0.3rem;
}

.jishu .swiper-button-next,
.jishu .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #FFF url(../images/h-arrow1.png)no-repeat center;
    left: auto;
    right: 0;
    z-index: 9;
}

.jishu .swiper-button-prev {
    margin-top: 0.2rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.jishu .swiper-button-next {
    margin-top: 1.2rem;
}

.jishu .btn {
    margin-top: 0.6rem;
}

.pingtai {
    width: 100%;
    overflow: hidden;
    background: url(../images/bg5.jpg)no-repeat;
    padding-bottom: 2.5rem;
    padding-top: 1.6rem;
}

.pingtai .txt-con {
    position: absolute;
    left: 0;
    top: -0.6rem;
}

.pingtai .txt-con .public-title {
    margin-top: 0;
}

.pingtai .txt-con .public-title .title {
    font-weight: normal;
}

.pingtai .txt-con .public-title .title::after {
    left: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.pingtai .txt-con .text {
    width: 4.5rem;
    margin-top: 0.4rem;
}

.pingtai .con {
    width: 6.9rem;
}

.pingtai .card {
    width: 100%;
    height: 4rem;
    overflow: hidden;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    background-position: center;
    background-repeat: no-repeat;
    color: #FFF;
    margin-bottom: 0.8rem;
    padding: 0.3rem 0.4rem;
    background-size: cover;
}

.pingtai .card:last-child {
    margin-bottom: 0;
}

.pingtai .card .txt {
    width: 3.2rem;
    text-align: justify;
    margin-top: 0.1rem;
}

.pingtai .p1 {
    background-image: url(../images/h-img1.jpg);
}

.pingtai .p1 {
    justify-content: flex-end;
}

.pingtai .p2 {
    background-image: url(../images/h-img2.png);
}

.pingtai .p3 {
    background-image: url(../images/h-img3.jpg);
}

.pingtai .tit {
    font-size: 0.3rem;
    line-height: 1.5;
}

.pingtai .submit {
    margin-top: 0.2rem;
}

.pingtai .submit a {
    width: 1rem;
    line-height: 0.4rem;
    border: 1px #FFF solid;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    -ms-border-radius: 0.05rem;
    -o-border-radius: 0.05rem;
    margin-right: 0.2rem;
}

.jieban {
    width: 100%;
    overflow: hidden;
    background: url(../images/bg6.jpg)no-repeat center top;
    height: 10.8rem;
    background-size: 100%;
}

.canvas-xing {
    width: 6.73rem;
    height: 6.73rem;
    border-radius: 50%;
    margin: auto;
    overflow: hidden;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
}
.canvas-xing canvas {
    position: inherit !important;
    /* width: 6.73rem !important; */
    /* height: 6.73rem !important; */
    z-index: 2 !important;
}

@media (max-width: 1199px) {
    .canvas-xing {
        width: 8.73rem;
        height: 8.73rem;
    }    

}

.jieban .public-title .title {
    color: #FFF;
}

.jieban .public-title .title::after {
    background-color: #FFF;
}

.jieban .text,
.weilai .text {
    margin-top: 0.5rem;
    line-height: 1.5;
}

.jieban .content {
    height: 6.8rem;
    margin-top: 0.9rem;
    position: relative;
    z-index: 10;
}

.jieban .quan {
    /* width: 2.4rem;
    height: 2.4rem; */
    width:1.6rem;
    height:1.6rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    z-index: 10001;
    box-sizing: border-box;
}

.jieban .quan::after {
    content: '';
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: rgba(144, 191, 231, .6);
    width: 1.6rem;
    height: 1.6rem;
    z-index: 1;
}

.jieban .quan a {
    width: 1.6rem;
    height: 1.6rem;
    /* background: url(../images/quan.png)no-repeat center; */
    background-size: 100%;
    z-index: 9;
    font-size: 0.2rem;
}

.jieban .quan-title {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.jieban .quan img {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    animation: quan 3s infinite;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    
}

.jieban .waiquan {
    width:1.6rem;
    height:1.6rem;
    position: absolute;
    animation: quan1 3s infinite;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
}

@keyframes quan
{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg)}
}

@keyframes quan1
{
    from {width: 1.6rem; height: 1.6rem;}
    to {width: 2.4rem; height: 2.4rem;}
}

.jieban .item {
    position: absolute;
    z-index: 10001;
}

.jieban .item .tit {
    font-size: 0.3rem;
    color: #FFF;
}

.jieban .item:nth-child(2) {
    top: 1rem;
    width: 5.4rem;
    left: -1rem;
}

.jieban .item:nth-child(3) {
    top: 0.9rem;
    right: 0.1rem;
    width: 5rem;
}

.jieban .item:nth-child(3) .icon,
.jieban .item:nth-child(4) .icon {
    margin-right: 0.4rem;
}

.jieban .item:nth-child(4) {
    bottom: -0.3rem;
    right: -.8rem;
    width: 5rem;
}

.jieban .item .text-content {
    align-items: flex-end;
    text-align: right;
    margin-right: 0.6rem;
}

.jieban .item .item-box-content {
    opacity: 0;
    transition: opacity 1s ease;
}

.jieban .initClass .item-box-content {
    opacity: 1;
}


.jieban .tit {
    padding-bottom: 0.2rem;
}

.jieban .item .tit::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0.35rem;
    background-color: #FFF;
}

.jieban .item:nth-child(3) .tit::after,
.jieban .item:nth-child(4) .tit::after {
    right: auto;
    left: 0;
}

.jieban .item .txt {
    margin-top: 0.2rem;
}

.jieban .item .pic {
    border-radius: 0.15rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
    width: 3.6rem;
    overflow: hidden;
    margin-top: 0.2rem;
}

.jieban .item .pic img {
    width: 100%;
}

.jieban .item .grey {
    width: .4rem;
    height: .4rem;
    /* width: .8rem;
    height: .8rem; */
    background-color: rgba(255,255,255, .3);
    border-radius: 50%;
    transition: all .5s ease;
}




.jieban .item .item-box:hover .grey,.jieban .initClass .item-box .grey{
    width: .8rem;
    height: .8rem;
}

.jieban .item .item-box:hover .white,.jieban .initClass .item-box .white {
    width: .8rem;
    height: .8rem;
    top: -0.3rem;
    left: 0.3rem;
    border-color: transparent;
    background-color: rgba(255,255,255, .6);
}




.jieban .item .white {
    width: .3rem;
    height: .3rem;
    /* width: .8rem;
    height: .8rem; */
    position: absolute;
    border-radius: 50%;
    top: -0.1rem;
    left: 0;
    /* top: -0.3rem;
    left: 0.3rem; */
    border: 1px solid #fff;
    transition: all .5s ease;
}

.jieban .item .small-cricle1, .jieban .item .small-cricle2 {
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: .1rem;
    transition: all .5s ease;
}
.jieban .item .small-cricle1 {
    z-index: 1;
}

.jieban .item .item-box:hover .small-cricle1, .jieban .initClass .item-box .small-cricle1{
    width: .2rem;
    height: .2rem;
    left: .5rem;
    top: .05rem;
}

.jieban .item .item-box:hover .small-cricle2,.jieban .initClass .item-box .small-cricle2 {
    width: .3rem;
    height: .3rem;
    left: .35rem;
    top: .09rem;
    background-color: rgba(255,255,255, .6);
}



.jieban .item .grey1 {
    width: .4rem;
    height: .4rem;
    /* background-color: rgba(54,120,178, .5); */
    background-color: rgba(255,255,255, .3);
    border-radius: 50%;
    transition: all .5s ease;
}

.jieban .item .white1 {
    width: .3rem;
    height: .3rem;
    position: absolute;
    border-radius: 50%;
    top: -0.1rem;
    left: 0;
    border: 1px solid #fff;
    transition: all .5s ease;
}

.jieban .item .small-cricle3, .jieban .item .small-cricle4 {
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: .1rem;
    transition: all .5s ease;
}

.jieban .item .item-box:hover .grey1,.jieban .initClass .item-box .grey1{
    width: .8rem;
    height: .8rem;
}

.jieban .item .item-box:hover .white1, .jieban .initClass .item-box .white1 {
    width: .8rem;
    height: .8rem;
    top: -0.3rem;
    left: 0.3rem;
    border-color: transparent;
    background-color: rgba(255,255,255, .6);
}

.jieban .item .item-box:hover .small-cricle3,.jieban .initClass .item-box .small-cricle3 {
    width: .2rem;
    height: .2rem;
    left: .5rem;
    top: .05rem;
}

.jieban .item .item-box:hover .small-cricle4,.jieban .initClass .item-box .small-cricle4 {
    width: .3rem;
    height: .3rem;
    left: .35rem;
    top: .09rem;
    background-color: rgba(255,255,255, .6);
}

.jieban .item .grey2 {
    width: .4rem;
    height: .4rem;
    background-color: rgba(255,255,255, .3);
    border-radius: 50%;
    transition: all .5s ease;
}
.jieban .item .white2 {
    width: .3rem;
    height: .3rem;
    /* width: .8rem;
    height: .8rem; */
    position: absolute;
    border-radius: 50%;
    top: -0.1rem;
    left: 0;
    /* top: -0.3rem;
    left: 0.3rem; */
    border: 1px solid #fff;
    transition: all .5s ease;
}

.jieban .item .small-cricle, .jieban .item .small-cricle0 {
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: .1rem;
    transition: all .5s ease;
}


.jieban .item .item-box:hover .grey2{
    width: .8rem;
    height: .8rem;
}

.jieban .item .item-box:hover .white2 {
    width: .8rem;
    height: .8rem;
    top: -0.3rem;
    left: -0.35rem;
    border-color: transparent;
    background-color: rgba(255,255,255, .6);
}

.jieban .item .item-box:hover .small-cricle {
    width: .2rem;
    height: .2rem;
    left: .08rem;
    top: .06rem;
}

.jieban .item .item-box:hover .small-cricle0 {
    width: .3rem;
    height: .3rem;
    /* left: -.35rem; */
    top: .1rem;
    background-color: rgba(255,255,255, .6);
}

.jieban .item .small-cricle1 {
    z-index: 1;
}


.jieban  .initClass .grey2{
    width: .8rem;
    height: .8rem;
}

.jieban  .initClass .white2 {
    width: .8rem;
    height: .8rem;
    top: -0.3rem;
    left: -0.35rem;
    border-color: transparent;
    background-color: rgba(255,255,255, .6);
}

.jieban  .initClass .small-cricle {
    width: .2rem;
    height: .2rem;
    left: .08rem;
    top: .06rem;
}

.jieban  .initClass .small-cricle0 {
    width: .3rem;
    height: .3rem;
    /* left: -.35rem; */
    top: .1rem;
    background-color: rgba(255,255,255, .6);
}


.weilai {
    overflow: hidden;
    padding-bottom: 1.2rem;
}

.weilai .tab {
    margin-top: 0.6rem;
}

.weilai .tab a {
    background-color: #eeeeee;
    width: 1.6rem;
    line-height: 0.5rem;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    margin-right: 0.3rem;
}

.weilai .tab .on {
    background-image: linear-gradient(45deg, #f78600,#f78600);
    color: #FFF;
}

.weilai .dp-none {
  width:100%;
       position: absolute;
    opacity: 0;
  top:0;left:0;
  display:block;
  z-index:1
}

.weilai .cur {
    position: relative;
    opacity: 1;
   z-index:2
}

.weilai .content {
    margin-top: 0.6rem;
}
.weilai .content > div > a >img{
object-fit: cover;
}

.weilai .fft {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 0.6rem;
    -webkit-column-gap: 0.6rem;
    column-gap: 0.6rem;
}

.weilai .fft li {
    width: 4.4rem;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    border-top: 1px #eeeeee solid;
    overflow: hidden;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.weilai h4 {
    font-size: 0.2rem;
    color: #414b5b;
    font-weight: normal;
    margin-top: 0;
      margin-bottom: 0.1rem;
}

.weilai h4 a {
    color: #414b5b;
}

.weilai .txt {
    margin-bottom: 0.15rem;
    line-height: 1.5;
}

.weilai .fft li:nth-child(1) h4,
.weilai .fft li:nth-child(5) h4 {
    height: auto;
}

.weilai .fft li:nth-child(1) txt,
.weilai .fft li:nth-child(5) txt {
    margin-bottom: 0.3rem;
}

.weilai .pic {
    overflow: hidden;
    height: 2.1rem;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    margin-bottom: 0.2rem;
}

.weilai .pic img {
    width: 100%;
    height: 100%;
}

.weilai .fft li .more {
    color: #5b626c;
}

.my-youshi {
    overflow: hidden;
    background: url(../images/bg7.png)no-repeat center bottom;
    height: 10.8rem;
    background-size: 100%;
}

.my-youshi .text,
.form .text {
    margin-top: 0.5rem;
    line-height: 1.5;
    letter-spacing: 2px;
}

.my-youshi .content {
    padding: 0 0.8rem;
    margin-top: 0.5rem;
}

.my-youshi .content .card {
    width: 1.82rem;
    height: 2.06rem;
    background: url(../images/n-bg.png)no-repeat center top;
    background-size: 100%;
    font-size: 0.2rem;
}

.my-youshi .content .num {
    height: 0.5rem;
    padding-left: 0.2rem;
}

.my-youshi .content .tit {
    line-height: 1.5;
    margin-top: 0.15rem;
}

.my-youshi .num-content {
    width: 100%;
    height: 3.8rem;
}

.my-youshi .item {
    position: absolute;
    color: #464646;
    line-height: 1.5;
}

.my-youshi .item .counter {
    font-size: 0.42rem;
    margin-right: 0.1rem;
}

.my-youshi .item .d {
    background-color: rgb(247 134 0 / 13%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.15rem;
}

.my-youshi .item .d::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #f78600;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.my-youshi .item:nth-child(1) {
    left: 1.05rem;
    top: 0.8rem;
}

.my-youshi .item:nth-child(2) {
    left: 1.95rem;
    top: 2.25rem;
}

.my-youshi .item:nth-child(3) {
    left: 4.57rem;
    top: 0.9rem;
}

.my-youshi .item:nth-child(4) {
    left: 6.7rem;
    top: 1.75rem;
}

.my-youshi .item:nth-child(5) {
    left: 8.86rem;
    top: 0.05rem;
}

.my-youshi .item:nth-child(6) {
    right: 0.6rem;
    top: 2.05rem;
}

.my-youshi .item:nth-child(2) .counter::after,
.my-youshi .item:nth-child(3) .counter::after,
.my-youshi .item:nth-child(5) .counter::after,
.my-youshi .item:nth-child(6) .counter::after {
    content: '+';
}

.form {
    width: 100%;
    overflow: hidden;
    background: url(../images/bg8.jpg)no-repeat;
    background-size: cover;
    padding-bottom: 1.2rem;
}

.form .public-title .title {
    color: #FFF;
}

.form .public-title .title::after {
    background-color: #FFF;
}

.form .group {
    width: 32%;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border: 1px rgba(255, 255, 255, .5) solid;
    margin-top: 0.4rem;
    padding-left: 0.6rem;
    background-position: 0.2rem 0.2rem;
    background-repeat: no-repeat;
}

.form .group input {
    width: 100%;
    height: 0.6rem;
    background: none;
    color: #FFF;
}

.form .active {
    background-color: #FFF;
    color: #464646;
}

.form .group input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #FFF;
}

.form .group :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #FFF;
}

.form .group ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FFF;
}

.form .group input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFF!important;opacity:1 !important;
}

.form .group input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #FFF!important;opacity:1 !important;
}
input::placeholder {
        color: #FFF!important;
        opacity:1 !important; 
    }
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #FFF!important;  
  opacity:1 !important;
} 
input::-moz-placeholder,  
textarea::-moz-placeholder {  
    color: #FFF!important;  opacity:1 !important;
} 
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #FFF!important;  opacity:1 !important;
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #FFF!important;  opacity:1 !important;
}
.form .group.name {
    background-image: url(../images/name.png);
}

.form .group.com {
    background-image: url(../images/com.png);
}

.form .group.tel {
    background-image: url(../images/tel.png);
}

.form .group.code {
    background-image: url(../images/tel.png);
}

.form .group.email {
    background-image: url(../images/email.png);
}

.form .group.ser {
    background-image: url(../images/ser.png);
}

.form .group.textarea {
    background-image: url(../images/mess.png);
}

.form .active.name {
    background-image: url(../images/name-on.png);
}

.form .active.com {
    background-image: url(../images/com-on.png);
}

.form .active.tel {
    background-image: url(../images/tel-on.png);
}

.form .active.code {
    background-image: url(../images/tel-on.png);
}

.form .active.email {
    background-image: url(../images/email-on.png);
}

.form .active.ser {
    background-image: url(../images/ser-on.png);
}

.form .active.textarea {
    background-image: url(../images/mess-on.png);
}

.form .active input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #333;
}

.form .active :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}

.form .active ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

.form .active input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
}

.form .active input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333;
}

.form .active input {
    color: #333;
}

.form .textarea {
    width: 100%;
}

.form .textarea textarea {
    width: 100%;
    height: 2rem;
    background: none;
    color: #FFF;
    padding-top: 0.2rem;
    padding-right: 0.4rem;
    padding-bottom: 0.2rem;
}

.form .textarea textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}

.form .textarea textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
}

.form .textarea textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
}

.form .textarea textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

.form .textarea textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

.form .active.textarea textarea {
    color: #333;
}

.form .active textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #333;
}

.form .active textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}

.form .active textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

.form .active textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
}

.form .active textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333;
}

.form .tel span {
    padding-right: 0.2rem;
    margin-right: 0.15rem;
}

.form .tel span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 0.06rem transparent solid;
    border-right: 0.06rem transparent solid;
    border-top: 0.06rem #FFF solid;
}

.form .tel.active span {
    color: #333;
}

.form .tel.active span::after {
    border-top: 0.06rem #333 solid;
}

.form .tel button {
    height: 0.4rem;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    -ms-border-radius: 0.05rem;
    -o-border-radius: 0.05rem;
    border: 0;
    margin-right: 0.1rem;
}

.form .xuan {
    margin-top: 0.3rem;
}

.form .xuan input[type='checkbox'] {
    width: 0;
}

.form .xuan label {
    width: 100%;
    cursor: pointer;
    line-height: 2;
}

.form .xuan label span {
    letter-spacing: 2px;
}

.form .xuan .check_container {
    width: 0.2rem;
    height: 0.2rem;
    border: 1px solid snow;
    position: relative;
    margin-right: 0.1rem;
}

.form .xuan input[type='checkbox']:checked+.check_container:before {
    content: '';
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: #FFF;
}

.form .xuan a {
    text-decoration: underline;
    color: #FFF;
}

.select-div {
    width: 100%;
    height: 100%;
    letter-spacing: 2px;
}

.select-div::after {
    content: '';
    position: absolute;
    right: 0.2rem;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 0.06rem transparent solid;
    border-right: 0.06rem transparent solid;
    border-top: 0.06rem #FFF solid;
}

.select-ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background: #FFF;
    color: #333;
    border-radius: 0 0 0.1rem 0.1rem;
    -webkit-border-radius: 0 0 0.1rem 0.1rem;
    -moz-border-radius: 0 0 0.1rem 0.1rem;
    -ms-border-radius: 0 0 0.1rem 0.1rem;
    -o-border-radius: 0 0 0.1rem 0.1rem;
    line-height: 2;
    padding: 0.2rem 0.3rem;
    top: 0.5rem;
}

.form .ser.active .select-div {
    color: #333;
}

.form .ser.active .select-div::after {
    border-top: 0.06rem #333 solid;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.banner .swiper-pagination .dot2 {
    position: absolute;
    left: 50%;
    top: -0.07rem;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background-color: rgba(255, 255, 255, .5);
}

/* wxq修 */
.banner .swiper-pagination .dot1 {
    position: absolute;
    display: block;
    left: 0.3rem;
    top: 0.43rem;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
}
.banner .swiper-pagination .dot3 {
    content: '';
    position: absolute;
    right: 0.3rem;
    top: 0.43rem;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
}

.swiper-pagination .on{
    border: 2px #FFF solid;
}

@media (min-width:1025px) {
    .home-jishu .item:hover {
        color: #FFF;
    }
    .home-jishu .item:hover .more {
        background-image: url(../images/home-next.png);
        background-size: 100%;
        margin-left: .2rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }
    .home-jishu .item:nth-child(2):hover {
        background-image: url(../images/h-bg1-on.jpg);
    }
    .home-jishu .item:nth-child(3):hover {
        background-image: url(../images/h-bg2-on.jpg)
    }
    .home-jishu .item:nth-child(4):hover {
        background-image: url(../images/h-bg3-on.jpg)
    }
    .home-jishu .item:nth-child(5):hover {
        background-image: url(../images/h-bg4-on.jpg)
    }
    .home-jishu .item:nth-child(6):hover {
        background-image: url(../images/h-bg5-on.jpg)
    }
    .home-jishu .item:nth-child(7):hover {
        background: #0080cc;
    }
    .home-jishu .item:nth-child(2):hover .icon {
        background-image: url(../images/h-icon1-on.png);
    }
    .home-jishu .item:nth-child(3):hover .icon {
        background-image: url(../images/h-icon2-on.png);
    }
    .home-jishu .item:nth-child(4):hover .icon {
        background-image: url(../images/h-icon3-on.png);
    }
    .home-jishu .item:nth-child(5):hover .icon {
        background-image: url(../images/h-icon4-on.png);
    }
    .home-jishu .item:nth-child(6):hover .icon {
        background-image: url(../images/h-icon5-on.png);
    }
    .home-jishu .item:nth-child(7):hover .icon {
        background-image: url(../images/h-icon6-on.png);
    }
    .weilai h4 a:hover {
        text-decoration: underline;
    }
}

@media (max-width:1440px) {
    .home-jishu .item {
        width: 4.5rem;
    }
}

@media (max-width:1199px) {
    .banner .text-content {
        padding-right: 2rem;
    }
    .banner .txt,
    .my-youshi .content .card {
        font-size: 0.32rem;
    }
    .banner .title {
        font-size: 0.68rem;
    }
    .banner .en,
    .home-jishu .item .text,
    .home-jishu .item .txt,
    .jishu .public-title .text,
    .jishu .tabs .txt,
    .jishu .txt,
    .jishu .text-content .more,
    .jishu .txt1,
    .pingtai .txt-con .text,
    .pingtai .en,
    .pingtai .card .txt,
    .pingtai .submit a,
    .weilai .text,
    .weilai .tab a,
    .weilai .fft li,
    .my-youshi .text,
    .my-youshi .item,
    .form .xuan label,
    .form .text,
    .jieban .text,
    .jieban .item:nth-child(2) .txt {
        font-size: 0.28rem;
    }
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        width: 0.82rem;
        height: 0.7rem;
    }
    .banner .swiper-button-next {
        right: 0.8rem;
    }
    .banner .swiper-button-prev {
        left: 0.8rem;
    }
    .home-jishu {
        height: 12rem;
    }
    .home-jishu .item {
        width: 5.8rem;
        margin-bottom: 0.5rem;
    }
    .home-jishu .public-title {
        margin-top: 0;
    }
    .home-jishu .item .text,
    .home-jishu .item .txt,
    .jishu .public-title .text,
    .jishu .txt,
    .jishu .txt1,
    .pingtai .card .txt,
    .weilai .text,
    .jieban .text,
    .jieban .item:nth-child(2) .txt {
        line-height: 1.5;
    }
    .home-jishu .item .tit {
        font-size: 0.38rem;
        line-height: 1.5;
    }
    .jishu {
        height: auto;
        padding-bottom: 1.2rem;
    }
    .jishu .public-title {
        width: 8rem;
    }
    .jishu .tabs {
        width: 7rem;
    }
    .jishu .tabs .icon {
        width: 1.2rem;
        height: 1.2rem;
    }
    .jishu .tabs a::after {
        top: 0.6rem;
        width: 1.2rem;
        right: -1rem;
    }
    .jishu h2,
    .pingtai .tit {
        font-size: 0.42rem;
    }
    .jishu .pic {
        width: 7.8rem;
    }
    .jishu .swiper-button-next,
    .jishu .swiper-button-prev {
        width: 0.8rem;
        height: 0.8rem;
        right: 0.4rem;
    }
    .jishu .swiper-button-prev {
        margin-top: -0.3rem;
    }
    .pingtai .txt-con {
        left: 0.4rem;
    }
    .pingtai .txt-con .text {
        width: 8rem;
        line-height: 1.5;
    }
    .pingtai .con {
        width: 47%;
    }
    .pingtai .card {
        height: 6rem;
        padding: 0.5rem 0.6rem;
    }
    .pingtai .card .txt {
        width: 70%;
    }
    .pingtai .submit a {
        width: 2rem;
        line-height: 0.7rem;
    }
    .weilai .fft li {
        width: 5.5rem;
    }
    .weilai .tab a {
        width: 2.4rem;
        line-height: 0.8rem;
    }
    .weilai h4 {
        font-size: 0.32rem;
        line-height: 1.5;
    }
    .weilai .pic {
        height: 2.8rem;
    }
    .my-youshi .content {
        padding: 0;
    }
    .my-youshi .content .card {
        width: 3rem;
        height: 3.35rem;
    }
    .my-youshi .content .num {
        height: 0.75rem;
        padding-left: 0.28rem;
    }
    .my-youshi {
        height: auto;
        padding-bottom: 1.2rem;
    }
    .my-youshi .num-content {
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .my-youshi .item {
        position: relative;
        left: auto !important;
        width: 33.333%;
        top: auto !important;
        right: auto !important;
        margin-top: 0.4rem;
    }
    .my-youshi .item .d {
        display: none;
    }
    .my-youshi .item .counter {
        font-size: 0.68rem;
    }
    .form .group input {
        height: 0.8rem;
    }
    .form .textarea textarea {
        height: 4rem;
    }
    .form .xuan .check_container {
        width: 0.4rem;
        height: 0.4rem;
    }
    .form .xuan input[type='checkbox']:checked+.check_container:before {
        width: 0.2rem;
        height: 0.2rem;
    }
    .select-div {
        height: 0.8rem;
    }
    .select-ul {
        top: 0.7rem;
    }
    .jieban {
        height: auto;
        padding-bottom: 1.2rem;
        background-size: auto 100%;
    }
    .jieban .content {
        margin-top: 0.5rem;
        height: 10rem;
    }
    .jieban .item:nth-child(3) {
        width: 6.4rem;
        top: .5rem;
    }
    .jieban .item:nth-child(4) {
        width: 5.8rem;
        right: 0
    }
    .jieban .item .tit {
        font-size: 0.4rem;
    }
    .jieban .item:nth-child(2) {
        left: 0;
        width: 6.8rem;
    }
    .jieban .item:nth-child(2) .icon img {
        width: 1.2rem;
    }
}

@media (max-width:950px) {
    .home-jishu {
        -moz-column-count: 2;
        -moz-column-gap: 30px;
        -webkit-column-count: 2;
        -webkit-column-gap: 30px;
        -o-column-count: 2;
        -o-column-gap: 30px;
        height: auto;
    }
    .home-jishu .item {
        margin-bottom: 0.6rem !important;
        width: 8.6rem;
        padding-top: 0.5rem;
    }
    .home-jishu .item:nth-child(7) {
        padding-top: 0.5rem;
    }
    .home-jishu .item:nth-child(7) .more {
        bottom: 0.3rem;
    }
    .home-jishu .item:nth-child(1) {
        height: auto;
    }
    .home-jishu .item .text,
    .home-jishu .item .txt,
    .jishu .public-title .text,
    .jishu .tabs .txt,
    .jishu .txt1,
    .pingtai .txt-con .text,
    .pingtai .card .txt,
    .pingtai .submit a,
    .pingtai .en,
    .weilai .text,
    .weilai .txt,
    .weilai .fft li,
    .weilai .txt,
    .weilai .fft li,
    .my-youshi .text,
    .my-youshi .item,
    .form .text,
    .jieban .text,
    .jieban .item:nth-child(2) .txt,
    .jieban .item:nth-child(2) .txt {
        font-size: 0.34rem;
    }
    .home-jishu .item .tit {
        font-size: 0.6rem;
        margin-top: 0.3rem !important;
    }
    .home-jishu .item .txt {
        margin-top: 0.3rem !important;
    }
    .home-jishu .item .icon {
        width: 0.9rem;
        height: 0.85rem;
    }
    .home-jishu .item .more {
        width: 0.72rem;
        height: 0.6rem;
        background-size: 100%;
    }
    .home-jishu .item {
        height: 5.5rem !important;
    }
    .jishu {
        height: auto;
        background-size: auto 100%;
    }
    .jishu .t-con {
        flex-flow: column;
    }
    .jishu .public-title {
        order: 1;
        width: 100%;
    }
    .jishu .tabs {
        width: 8rem;
        order: 2;
        margin-top: 0.4rem;
    }
    .jishu .public-title .title {
        text-align: left;
    }
    .jishu .public-title .title::after {
        left: 0;
        right: auto;
    }
    .jishu .public-title .text {
        text-align: left;
    }
    .jishu .swiper-container {
        margin-top: 0.6rem;
    }
    .jishu h2,
    .pingtai .tit {
        font-size: 0.58rem;
    }
    .jishu .pic {
        width: 8.8rem;
        margin-right: 0.6rem;
    }
    .jishu h2 br {
        display: none;
    }
    .jishu .text-content .more {
        position: inherit;
        bottom: auto;
        margin-top: 0.4rem;
    }
    .pingtai .en,
    .weilai .txt {
        line-height: 1.5;
    }
    .pingtai .card .txt {
        width: 80%;
    }
    .pingtai .submit a {
        width: 3rem;
        line-height: 0.8rem;
    }
    .weilai .pic {
        height: 3rem;
    }
    .weilai .fft {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 0.6rem;
        -webkit-column-gap: 0.6rem;
        column-gap: 0.6rem;
    }
    .weilai .fft li {
        width: 9rem;
    }
    .weilai .pic {
        height: 4.5rem;
    }
    .weilai h4,
    .weilai .tab a {
        font-size: 0.42rem;
    }
    .weilai .fft li {
        padding: 0.6rem 0;
    }
    .weilai .tab a {
        width: 3.2rem;
        line-height: 1rem;
    }
    .pingtai .submit {
        margin-top: 0.4rem;
    }
    .my-youshi .item .counter {
        font-size: 0.74rem;
    }
    .form .group {
        width: 47%;
        padding-left: 0.8rem;
    }
    .form .textarea {
        width: 100%;
    }
    .form .group input {
        height: 1rem;
    }
    .form .tel button {
        height: 0.6rem;
    }
    .select-div {
        height: 1rem;
    }
    .select-ul {
        top: 0.9rem;
    }
    .jieban {
        background-size: auto 100%;
        padding-bottom: 2rem;
    }
    
    .jieban .content {
        height: auto;
         margin-top:5rem;
    }
  
    .jieban .quan {
        width:3.6rem;
      height:3.6rem;
      top:-2rem;
    }
    .jieban .item {
        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        margin-top: 0.6rem;
    }
    .jieban .item .tit {
        line-height: 2;
        font-size: 0.68rem;
    }
    .jieban .item .pic {
        width: 7rem;
    }
    .jieban .item .text-content {
        align-items: flex-start;
    }
    .jieban .item:nth-child(2) .icon {
        order: 1;
        margin-right: .6rem;
    }
    .jieban .item:nth-child(2) .text-content {
        order: 2;
    }
    .jieban .item:nth-child(3) .icon,
    .jieban .item:nth-child(4) .icon {
        margin-right: 0.6rem;
    }
    .jieban .item .txt {
        text-align: left;
    }
}

@media (max-width:767px) {
    .jishu .pic {
        width: 100%;
        border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -ms-border-radius: 0.3rem;
        -o-border-radius: 0.3rem;
        margin-right: 0;
    }
    .jishu .text-content {
        margin-top: 0.4rem;
        padding-right: 0;
    }
    .jishu h2 {
        font-size: 0.62rem;
        line-height: 1.5;
        margin-top: 1.2rem;
    }
    .jishu h2::after {
        height: 0.5rem;
        top: -0.8rem;
    }
    .jishu .txt1,
    .jishu .text-content .more,
    .jishu .public-title .text,
    .jishu .tabs .txt,
    .form .text,
    .jieban .text,
    .jieban .item .txt {
        font-size: 0.44rem;
    }
    .jishu .text-content .more {
        line-height: 1.5;
    }
    .jishu .swiper-button-next,
    .jishu .swiper-button-prev {
        width: 1.2rem;
        height: 1.2rem;
    }
    .jishu .tabs {
        width: 9rem;
    }
    .jishu .tabs .icon {
        width: 1.4rem;
        height: 1.4rem;
    }
    .my-youshi {
        height: auto;
        padding-bottom: 1.2rem;
        background-size: cover;
    }
    .my-youshi .content .card {
        width: 33.333%;
        height: 6.5rem;
        font-size: 0.72rem;
    }
    .my-youshi .content .num {
        height: 1.7rem;
        padding-left: 0.7rem;
    }
   .banner img {
        width: auto;
        height: 14rem;
    }
}

@media (max-width:480px) {
   
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        width: 1.42rem;
        height: 1.3rem;
    }
    .form .xuan label {
        font-size: .72rem;
    }
    .banner .txt,
    .home-jishu .item .text,
    .home-jishu .item .txt,
    .jishu .txt1,
    .jishu .text-content .more,
    .jishu .public-title .text,
    .jishu .tabs .txt,
    .pingtai .txt-con .text,
    .pingtai .card .txt,
    .pingtai .en,
    .pingtai .submit a,
    .weilai .text,
    .weilai .txt,
    .weilai .tab a,
    .weilai .fft li,
    .my-youshi .text,
    .my-youshi .item,
    .form .text,
    .jieban .text,
    .jieban .item .txt,
    .jieban .item:nth-child(2) .txt {
        font-size: 0.68rem;
    }
    .banner .title {
        font-size: 1rem;
    }
    .banner .swiper-pagination {
        width: 5rem;
        height: 5rem;
        bottom: -3.5rem;
    }
    .swiper-num {
        font-size: 0.6rem;
    }
  /*
    .banner .en br {
        display: none;
    }
  */
    .home-jishu {
        -moz-column-count: 1;
        -moz-column-gap: 30px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        -o-column-count: 1;
        -o-column-gap: 0px;
    }
    .home-jishu .item {
        width: 100% !important;
        height: auto !important;
        padding: 0.8rem !important;
        padding-bottom: 2.5rem !important;
    }
    .home-jishu .item .tit {
        font-size: 0.86rem;
        margin-top: 0.6rem !important;
    }
    .home-jishu .item .icon {
        width: 1.5rem;
        height: 1.45rem;
    }
    .home-jishu .item .more {
        width: 1.12rem;
        height: 1rem;
        left: 0.8rem;
        bottom: 0.8rem;
    }
    .jishu .public-title .text,
    .jishu .tabs,
    .jishu .swiper-container,
    .jishu .text-content .more {
        margin-top: 0.8rem;
    }
    .jishu .txt1 {
        margin-top: 0.6rem;
    }
    .jishu h2 {
        font-size: 0.92rem;
        margin-bottom: 0;
    }
    .jishu .swiper-button-next,
    .jishu .swiper-button-prev {
        width: 1.8rem;
        height: 1.8rem;
    }
    .jishu .swiper-button-prev {
        margin-top: -4rem;
    }
    .jishu .swiper-button-next {
        margin-top: 0.3rem;
    }
    .jishu .tabs {
        width: 11rem;
    }
    .jishu .tabs .icon {
        width: 2.6rem;
        height: 2.6rem;
    }
    .jishu .tabs a .icon {
        background-position-y: 0.65rem;
    }
    .jishu .tabs a.on .icon {
        background-position-y: -1.25rem;
    }
    .jishu .tabs a::after {
        display: none;
    }
    .pingtai .con,
    .pingtai .txt-con .text {
        width: 100%;
    }
    .pingtai .txt-con {
        position: inherit;
        left: auto;
        top: auto;
        margin-top: 0.9rem;
        margin-bottom: 0.9rem;
    }
    .pingtai .card {
        height: 12rem;
    }
    .pingtai .card,
    .pingtai .card:last-child {
        margin-bottom: 0.8rem;
    }
    .pingtai .txt-con .text,
    .pingtai .submit {
        margin-top: 0.7rem;
    }
    .pingtai .tit {
        font-size: 0.9rem;
    }
    .pingtai .submit a {
        width: 6rem;
        line-height: 2rem;
    }
    .weilai .fft {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
    }
    .weilai .fft li {
        width: 100%;
        padding: 1rem 0;
        line-height: 1.5;
    }
    .weilai .tab a {
        width: 4rem;
        line-height: 1.4rem;
    }
    .weilai h4 {
        font-size: 0.8rem;
        margin-top: 0.6rem;
    }
    .weilai .pic {
        height: 8.5rem;
    }
    .my-youshi .item {
        width: 50%;
        margin-top: 0.8rem;
    }
    .my-youshi .item .counter {
        font-size: 1.2rem;
    }
    .form .group {
        width: 100%;
        padding-left: 2rem;
        background-position: 0.4rem 0.6rem;
    }
    .form .group input {
        height: 2rem;
    }
    .form .tel button {
        height: 1.4rem;
        margin-right: 0.4rem;
    }
    .form .textarea textarea {
        height: 8rem;
        padding: 0.8rem;
        padding-left: 0;
        font-size: .68rem;
    }
    .form .xuan label {
        align-items: flex-start;
    }
    .form .xuan .check_container {
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.6rem;
        margin-top: 0.32rem;
    }
    .form .xuan input[type='checkbox']:checked+.check_container:before {
        width: 0.4rem;
        height: 0.4rem;
    }
    .select-div {
        height: 2rem;
    }
    .select-ul {
        top: 1.9rem;
    }
    .jieban .item {
        margin-top: 1rem;
    }
    .jieban .item .pic {
        width: 9rem;
        margin-top: 0.8rem;
    }
    .jieban .content {
        margin-top: 5rem;
    }
  .jieban .quan a {bottom:auto;}
    .jieban .item:nth-child(3) .icon img,
    .jieban .item:nth-child(4) .icon img {
        width: 0.9rem;
    }
    .canvas-xing {
        display: none;
    }
    .jieban .item .item-box-content {
        opacity: 1;
    }
    .jieban .item .grey,
    .jieban .item .white,
    .jieban .item .white1,
    .jieban .item .grey1 {
        width: .8rem;
        height: .8rem;
    }
    .jieban .item .white,
    .jieban .item .white1 {
        left: -.35rem;
        top: -.3rem;
    }
    .banner .btn {
        width: 5rem;
        line-height: 2.5;
    }
}

@media (max-width:375px) {
    .form .xuan label {
        font-size: .74rem;
    }
    .form .xuan .check_container {
        width: 1rem;
        height: 1rem;
    }
}