/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* **********************************   基础样式  ************************************ */

@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    vertical-align: top;
    line-height: 1;
    list-style: none;
    border: 0;
    background: none;
    box-sizing: border-box;

}

/*声明 WebFont*/
@font-face {
    font-family: "Light";
    src: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com:443/2024%2F09%2F04%2Ff99c96a13e384aebbf9b709ef4280d3d.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Medium";
    src: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com:443/2024%2F09%2F04%2F3be6b3a06dde4eb8ad21085a40093fb5.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Regular";
    src: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com:443/2024%2F09%2F04%2F0b5f9f41855a45dc91223b61d6a060b3.otf);
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    font-size: 0.2rem;
}

html {
    font-size: calc(100 / 1920 * 100vw);
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
}

body {
    color: #333;
    font-family: "Regular", "arial", "sans-serif";
    overflow-x: hidden;
    font-size: 0.16rem;
    margin: 0 auto;
}

body.y-hidden {
    overflow-y: hidden;
}

i,
em {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    max-width: 100%;
}

textarea {
    resize: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select,
input,
button,
textarea {
    color: #333;
    font-family: "Regular", "arial", "sans-serif";
    outline: none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #333;
}

/* 通过延长增加自动填充背景色的方式, 使用户感受不到样式的变化 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #818181;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #818181;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #818181;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #818181;
}


/* ***********************************************
                    公共样式类
*********************************************** */

.pr {
    position: relative;
}

.ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.scale img {
    transition: all .5s;
}

.scale {
    overflow: hidden;
}

.sizing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hidden,.hide {
    display: none;
}

.j-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.j-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.j-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.f-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.f-colu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.f-reverse {
    flex-direction: row-reverse;
}

.a-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.a-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.a-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.a-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.nowrap1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nowrap2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nowrap3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}

.pointer:hover {
    cursor: pointer;
}

.t-center {
    text-align: center;
}

.t-right {
    text-align: right;
}

/* 行高 */
.line-mn,
.line-mn * {
    line-height: 1.3;
}

.line-sm,
.line-sm * {
    line-height: 1.4;
}

.line-md,
.line-md * {
    line-height: 1.5;
}

.line-lg,
.line-lg * {
    line-height: 1.6;
}

/* 字体 */
.font-heavy {
    font-weight: 900;
}

.font-medium {
    font-family: "Medium";
}

.font-regular {
    font-family: "Regular";
}

.font-light {
    font-family: "Light";
}

.font-heave {
    font-family: "Bold";
}


.font12 {
    font-size: 0.12rem;
}

.font14 {
    font-size: 0.13rem;
}

.font16 {
    font-size: .14rem;
}

.font18 {
    font-size: .16rem;
}

.font20 {
    font-size: .18rem;
}

.font22 {
    font-size: .20rem;
}

.font24 {
    font-size: .22rem;
}

.font25 {
    font-size: .23rem;
}

.font26 {
    font-size: .24rem;
}

.font28 {
    font-size: .26rem;
}

.font30 {
    font-size: .28rem;
}
.font32 {
    font-size: .30rem;
}

.font34 {
    font-size: .32rem;
}

.font35 {
    font-size: .33rem;
}

.font36 {
    font-size: .34rem;
}

.font38 {
    font-size: .36rem;
}

.font40 {
    font-size: .38rem;
}

.font42 {
    font-size: .40rem;
}

.font45 {
    font-size: .43rem;
}

.font50 {
    font-size: .48rem;
}

.font55 {
    font-size: 0.53rem;
}

.font56 {
    font-size: 0.54rem;
}

.font60 {
    font-size: 0.58rem;
}

.font65 {
    font-size: 0.63rem;
}

.font100 {
    font-size: 1rem;
}

.font-bold {
    font-weight: 700;
}

/* 网站常用类 */

/* 颜色 */
.corfff {
    color: #fff;
}

.cor276 {
    color: #2768EA;
}

.cor666 {
    color: #666;
}

.cor333 {
    color: #333;
}

.cor999 {
    color: #999;
}

.corF5F6F4 {
    color: #F5F6F4;
}

.corB4B4B4 {
    color: #B4B4B4;
}

.cor818181 {
    color: #7a7e87;
}

.cor3C3C3C {
    color: #3C3C3C;
}

.cor5a5a5a {
    color: #5a5a5a;
}

.opacity0 {
    opacity: 0;
}

.shadow {
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
}

.clearfix:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.mask {
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.t-sion {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.underline:hover {
    text-decoration: underline;
}

.font-light {
    font-weight: 400 !important;
}

.d-block {
    display: block;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.publicBox {
    padding: 0 1rem;
}

.w100 {
    width: 100%;
}

@media (min-width: 1921px) {
    html {
        font-size: 100px;
    }
}

@media (max-width: 1220px) {
    html {
        font-size: 100px;
    }
}

/* .w1200 {
    max-width: 12.2rem;
    padding: 0 .1rem;
    margin: 0 auto;
    width: 100%;
} */

.myBtn {
    transition: all .5s;
}

.myBtn:hover {
    /* transform: scale(1.03); */
    
}

@keyframes mymove {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.05);
    }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
    {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.link a {
    display: block;
    width: 2rem;
    height: 0.56rem;
    border-radius: .56rem;
    border: 1px solid #fff;
    line-height: .54rem;
    text-align: center;
}
.link.row a{
    border: 0;
    width: auto;
    color: #1C509C;
    display: flex;
}
.link a img{
    width: .17rem;
    margin-left: .1rem;
}

.commomTitle h2,
.commomTitle h3{
    font-size: .32rem;
    margin-bottom: .1rem;
}

.commomTitle h2 .right,
.commomTitle h3 .right{
    display: inline-block;
    width: 1.14rem;
    height: 1px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    margin-left: .25rem;
}

.commomTitle h2 .right:after,
.commomTitle h3 .right:after{
    left: -3px;
}

.commomTitle h2 .left,
.commomTitle h3 .left{
    display: inline-block;
    width: 1.14rem;
    height: 1px;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    margin-right: .25rem;
}

.commomTitle h2 .left:after,
.commomTitle h3 .left:after{
    right: -3px;
}

.commomTitle h2 span,
.commomTitle h3 span{
    position: relative;
}

.commomTitle h2 span:after,
.commomTitle h3 span:after{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: -1px;
}

.commomTitle p {
    line-height: 1.3;
    font-size: .28rem;
}

.commomTitle.black h2 .right,
.commomTitle.black h3 .right{
    background: linear-gradient(90deg, #999999 0%, rgba(153, 153, 153, 0) 100%);
}

.commomTitle.black h2 .left,
.commomTitle.black h3 .left{
    background: linear-gradient(270deg, #999999 0%, rgba(153, 153, 153, 0) 100%);
}

.commomTitle.black h2 span:after,
.commomTitle.black h3 span:after{
    background: #777;
}
.p3{
    padding-left: .3rem;
    padding-right: .3rem;
}
.p4{
    padding-left: .4rem;
    padding-right: .4rem;
}
.t-just{
    text-align: justify;
}

/* **********************************  End   ************************************ */

/* **********************************  Header头部   ************************************ */
.header {
    height: 1rem;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 30;
}

.header .top {
    width: 100%;
}
.header .top  h1{font-size: 0.2rem;text-align: justify;text-align-last: justify;max-width: 85% }
.header.active{
    background: #2768EA;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
}
.header.active .menuOpen{
    background-image: url(../images/closeBtn.png);
}

.header .top h1 img {
    height: .52rem;
    margin-right: .2rem;
}
.header .menuOpen{
    width: .36rem;
    height: .36rem;
    background: url(../images/openBtn.png) no-repeat center/100%;
}
.header .top nav{
    position: fixed;
    left: 0;
    top: 1rem;
    width: 100%;
    height: calc(100% - 1rem);
    z-index: 28;
    background: #fff;
    display: none;
}
.header .top nav ul{
    position: relative;
    padding: 0 .25rem;
    height: 100%;
}
.header .top nav.active ul{
    transform: translateX(-100%);
}

.header .top nav .pullContent{
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 .25rem;
    display: none;
}

.header .top nav .pullContent dl dd{
    font-weight: 400;
}
.header .top nav .pullContent dl dd:last-child .threeNav a:last-child{
    border-bottom: 0;
}
.header .top nav .pullContent .threeNav{
    padding-left: .35rem;
    display: none;
}
.header .top nav .pullContent .back{
    padding-top: .54rem;
    font-weight: 400;
    padding-left: .4rem;
    background: url(../images/navLeftArrow.png) no-repeat 0 70%/.12rem;
    padding-bottom: .2rem;
}
.header .top nav #nav03 .pullContent h4 a:before{
    background: url(../images/navDownArrow.png) no-repeat right center/.18rem;
}
.header .top nav #nav03 .pullContent h4.active a:before{
    transform: rotateZ(180deg);
}

.header .top nav ul li .commomSecondMenu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: .08rem;
    width: 1rem;
}

.header .top nav ul li .commomSecondMenu .linkBox {
    padding: .15rem 0;
    background: #ffffff;
    border-radius: 4px;
}

.header .top nav ul li .commomSecondMenu .linkBox a {
    line-height: .4rem;
}

.header .top nav ul li .commomSecondMenu .linkBox a.active {
    color: #2768EA;
    font-weight: 700;
    background: #F1F6FF;
}

.header .top nav ul li a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: .3rem;
    height: 100%;
    background: url(../images/navArrow.png) no-repeat right center/.12rem;
    transition: all .5s;
}

.header .top nav ul li a {
    position: relative;
    line-height: 1rem;
    border-bottom: solid 1px #DCDCDC;
    display: block;
}

/* **********************************  End   ************************************ */

/* **********************************  Home  ************************************ */
#fullPage .section .txt {
    height: 100vh;
}

#fullPage .section1 .txt {
    padding-top: 2.1rem;
}

#fullPage .section1 .swiper-slide.center .txt{
    padding-top: 55%;
}

#fullPage .section1 .txt .w1200 {
    z-index: 5;
}



#fullPage .section1 .txt dl {
    margin: .55rem 0;
}
#fullPage .section1 .txt .link{
    position: absolute;
    bottom: 27%;
    left: 0;
    width: 100%;
    z-index: 5;
}
#fullPage .section1 .txt .link a{
    width: 100%;
    border: 0;
    display: flex;
}
#fullPage .section1 .txt .link a img{
    margin-left: .2rem;
}

#fullPage .section1 .txt dl dd:not(:last-child) {
    margin-bottom: .3rem;
}

#fullPage .section1 .txt dl dd img {
    width: .3rem;
    margin-right: .1rem;
}

#fullPage .section1 .txt h2 {
    font-size: .44rem;
    line-height: 1.5;
    transform: translateY(.3rem);
    opacity: 0;
    transition: all 1s;
}
#fullPage .section1 .txt h2.active{
    transform: translateY(0);
    opacity: 1;
}

#fullPage .section1 .swiper-slide.center {
    text-align: center;
}

#fullPage .section1 .swiper-button-next,
#fullPage .section1 .swiper-button-prev {
    display: none;
}

#fullPage .section1 .swiper-pagination-bullet {
    width: .3rem;
    height: .05rem;
    background: #fff;
    margin: 0 .1rem;
    opacity: .6;
    border-radius: .05rem;
}

#fullPage .section1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

#fullPage .section1 .swiper-pagination {
    bottom: 23%;
}

#fullPage .section1 .swiper-button-next,
#fullPage .section1 .swiper-rtl .swiper-button-prev {
    right: .5rem;
    color: #ffffff;
}

#fullPage .section1 .swiper-button-next:after,
#fullPage .section1 .swiper-rtl .swiper-button-prev:after {
    font-size: .5rem;
}

#fullPage .section1 .swiper-button-prev,
#fullPage .section1 .swiper-rtl .swiper-button-next {
    left: .5rem;
    color: #ffffff;
}

#fullPage .section1 .swiper-button-prev:after,
#fullPage .section1 .swiper-rtl .swiper-button-next:after {
    font-size: .5rem;
}
#fullPage .section2 .txt .cloud{
    position: absolute;
    left: 50%;
    z-index: 5;
    transform: translateX(-60%);
    top: .2rem;
    width: .9rem;
}

@keyframes mymove3 {
    0% {
        transform: rotateY(0);
    }

    50% {
        transform: rotateY(-1080deg);
    }

    100% {
        transform: rotateY(0);
    }
}

@-webkit-keyframes mymove3 {

    /*Safari and Chrome*/
    0% {
        transform: rotateY(0);
    }
    
    50% {
        transform: rotateY(-1080deg);
    }
    
    100% {
        transform: rotateY(0);
    }
}

#fullPage .section2 .technique {
    position: absolute;
    bottom: .73rem;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}

#fullPage .section2 .technique ul li {
    position: absolute;
}

#fullPage .section2 .technique ul li:hover img {
    display: none;
}

#fullPage .section2 .technique ul li:hover img.hide {
    display: block;
}

#fullPage .section2 .technique ul li.style1 {
    width: 1.38rem;
    left: 3rem;
    bottom: -0.2rem;
}

#fullPage .section2 .technique ul li.style2 {
    width: 1.23rem;
    left: 1.2rem;
    bottom: 0.2rem;
}
 .swiper-free-mode > .swiper-wrapper{
     transition-timing-function:linear;
 }

#fullPage .section2 .technique ul li.style3 {
    width: 0.98rem;
    left: 0.3rem;
    bottom: 1.42rem;
}

#fullPage .section2 .technique ul li.style3 p {
    bottom: -.2rem;
}

#fullPage .section2 .technique ul li.style4 {
    width: 0.78rem;
    left: 1.5rem;
    bottom: 2.2rem;
}
#fullPage .section2 .technique ul li.style4 p,
#fullPage .section2 .technique ul li.style7 p{
    bottom: -.1rem;
}

#fullPage .section2 .technique ul li.style5 {
    width: 0.78rem;
    left: 2.73rem;
    bottom: 2.5rem;
}

#fullPage .section2 .technique ul li.style6 {
    width: 0.78rem;
    left: 4.2rem;
    bottom: 2.5rem;
}

#fullPage .section2 .technique ul li.style7 {
    width: 0.78rem;
    left: 5.55rem;
    bottom: 2.2rem;
}

#fullPage .section2 .technique ul li.style8 {
    width: 0.98rem;
    left: 6.15rem;
    bottom: 1.42rem;
}

#fullPage .section2 .technique ul li.style9 {
    width: 1.23rem;
    left: 5rem;
    bottom: 0.2rem;
}
#fullPage .section2 .technique ul li.style1 p{
    font-size: .32rem;
}
#fullPage .section2 .technique ul li.style2 p,
#fullPage .section2 .technique ul li.style9 p{
    font-size: .3rem;
}
#fullPage .section2 .technique ul li.style3 p,
#fullPage .section2 .technique ul li.style8 p{
    font-size: .26rem;
}
.adTxt{
    margin-top: .5rem;
}
#fullPage .section2 .technique ul li img {
    width: 100%;
}
#fullPage .section2 .technique ul li.style1 img {
    display: none;
}
#fullPage .section2 .technique ul li.style1 img.hide {
    display: block;
}

#fullPage .section2 .technique ul li p {
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    z-index: 2;
    text-align: center;
    font-size: .24rem;
}
#fullPage .section2 .advantage {
    max-width: 1064px;
    margin: 0 auto;
    width: 100%;
}
#fullPage .section2 .advantage ul{
    height: 2.35rem;
    margin: 0 .4rem;
}
#fullPage .section2 .advantage ul li {
    position: absolute;
    width: 1.53rem;
    z-index: 1;
    /*Safari and Chrome*/
}
#fullPage .section2 .advantage ul li:nth-of-type(2) {
    left: 1.28rem;
    top: .81rem;
    z-index: 2;
}
#fullPage .section2 .advantage ul li:nth-of-type(3) {
    left: 50%;
    transform: translateX(-50%);
}
#fullPage .section2 .advantage ul li:nth-of-type(5){
    right: 0;
}
#fullPage .section2 .advantage ul li:nth-of-type(4) {
    right: 1.28rem;
    top: .81rem;
    z-index: 2;
}

#fullPage .section3 .productMenu {
    margin-top: .65rem;
}
.border.swiper .swiper-pagination{
    position: static;
    margin-top: .6rem;
}
.border.swiper .swiper-pagination .swiper-pagination-bullet{
    width: .3rem;
    height: .05rem;
    background: #fff;
    border-radius: .03rem;
    opacity: .2;
}
.border.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}
#fullPage .section3 .productMenu ul li {
    padding: .25rem 1rem;
    background: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com/2024%2F08%2F26%2Fcd62b1f7a3b04105a5e3d4a93319bb65.png) no-repeat center bottom/100% 100%;
    border-radius: 4px;
    height: 4.8rem;
}

#fullPage .section3 .productMenu ul li figure img {
    max-width: 1.2rem;
}

#fullPage .section3 .productMenu ul li .description {
    margin: .35rem 0 .2rem;
}

#fullPage .section3 .productMenu ul li h3 a {
    color: #1C509C;
}

#fullPage .section3 .productMenu ul li .link {
    position: absolute;
    bottom: .4rem;
    left: 0;
    z-index: 5;
    width: 100%;
}

#fullPage .section3 .productMenu ul li:hover .link a {
    margin-top: 0;
    opacity: 1;
}

#fullPage .section4 .solutionMenu {
    margin-top: .65rem;
}

#fullPage .section4 .solutionMenu ul li {
    padding: .3rem .25rem .4rem;
    border: solid 1px #00D2FF;
    background: rgba(28, 80, 156, 0.5);
    height: 4.8rem;
}

#fullPage .section4 .solutionMenu ul li .link a{
    color: #24D5FE;
}

#fullPage .section4 .solutionMenu ul li:nth-of-type(2),
#fullPage .section4 .solutionMenu ul li:nth-of-type(3) {
    border-left-color: transparent;
}

#fullPage .section4 .solutionMenu ul li h3 a {
    display: block;
    /* width: 1.8rem; */
    height: .64rem;
    line-height: .62rem;
    border-radius: 4px;
    /* border: 1px solid #00F2FE;
    background: rgba(14, 120, 203, 0.3); */
}

#fullPage .section4 .solutionMenu ul li .description {
    text-indent: .4rem;
}

#fullPage .section4 .solutionMenu ul li .more {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: .25rem;
    display: none;
}

#fullPage .section5 .caseBox {
    max-width: 1778px;
    margin: 0 auto;
    width: 96%;
}

#fullPage .section5 .caseBox .caseTopList {
    margin-top: .6rem;
    overflow: hidden;
}

#fullPage .section5 .caseBox .caseTopList:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: .8rem;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    z-index: 3;
}

#fullPage .section5 .caseBox .caseTopList .swiper {
    overflow: visible;
}

#fullPage .section5 .caseBox .caseBottomList {
    margin: .4rem 0;
    overflow: hidden;
}

#fullPage .section5 .caseBox .caseBottomList:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: .8rem;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    z-index: 3;
}

#fullPage .section5 .caseBox .caseBottomList .swiper {
    overflow: visible;
}
/* #fullPage .section5 .caseBox .item{
    
}
#fullPage .section5 .caseBox .item h3 a {
    padding: .1rem;
    background: rgba(0, 0, 0, 0.3);
}
#fullPage .section5 .caseBox .item:hover h3 a{
    background: none;
} */
#fullPage .section5 .caseBox .item{
    display: inline-block;
    margin-right: .2rem;
    white-space: normal;
    width: 3rem;
}

#fullPage .section5 .caseBox .item img{
    height: 1.7rem;
}

#fullPage .section5 .caseBox .item h3 a {
    padding: .1rem;
    background: rgba(0, 0, 0, 0.3);
}
#fullPage .section5 .caseBox .item h3 a br{
    display: none;
}
#fullPage .section5 .caseBox .item:hover h3 a{
    background: none;
}

#fullPage .section6 .homeNews {
    margin-top: .6rem;
}

#fullPage .section6 .homeNews .newsComom {
    display: none;
}

#fullPage .section6 .newsTab a{
    display: block;
    width: 2.65rem;
    height: .52rem;
    line-height: .5rem;
    text-align: center;
    border-radius: .26rem;
}
#fullPage .section6 .newsTab a.active{
    background: #FFFFFF;
    box-shadow: 0px 0px 27px 0px rgba(39,104,234,0.16);
    color: #2768EA;
}
#fullPage .section6 .newsTab{
    margin: .35rem 0;
}
#fullPage .section6 .newsTab a.active{
    margin: 0 .1rem;
}


#fullPage .section6 .homeNews .newsComom h3 {
    padding-left: .15rem;
    color: #2768EA;
    margin-bottom: .24rem;
}

#fullPage .section6 .homeNews .newsComom h3 a {
    color: #333;
}

#fullPage .section6 .homeNews .newsComom h3 a img {
    width: .17rem;
    margin-left: 5px;
}

#fullPage .section6 .homeNews .newsComom h3 a:hover {
    color: #2768EA;
}

#fullPage .section6 .homeNews .newsComom h3 a:hover img {
    display: none;
}

#fullPage .section6 .homeNews .newsComom h3 a:hover img.hide {
    display: block;
}

#fullPage .section6 .homeNews .newsComom h3:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 80%;
    background: #2768EA;
    border-radius: 5px;
}

#fullPage .section6 .homeNews .newsComom .list {
    background: url(../images/newsListBg.png) no-repeat center/cover;
    padding: .2rem;
    padding-bottom: .3rem;
    border-radius: .1rem;
}

#fullPage .section6 .homeNews .newsComom .list ul {
    margin-top: .15rem;
}

#fullPage .section6 .homeNews .newsComom .list ul li span {
    margin-left: auto;
}

#fullPage .section6 .homeNews .newsComom .list ul li a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc;
    margin-right: .1rem;
}

#fullPage .section6 .homeNews .newsComom .list ul li a:hover,
#fullPage .section6 .homeNews .newsComom .list ul li a:hover span {
    color: #296CF6;
}

#fullPage .section6 .homeNews .newsComom .list ul li a:hover:before {
    background: #296CF6;
}

#fullPage .section6 .homeNews .newsComom .list ul li em {
    width: 65%;
}

#fullPage .section7 .contactHome .link {
    position: absolute;
    bottom: 0.4rem;
    right: 0.4rem;
    z-index: 2;
}

#fullPage .section7 .contactHome a {
    border-color: #2768EA;
    background: #2768EA;
    color: #fff;
}

.pullDownBtn {
    position: absolute;
    z-index: 10;
    bottom: .3rem;
    left: 0;
    width: 100%;
    animation: mymove2 2s infinite ease-out;
    -webkit-animation: mymove2 2s infinite ease-out;
    /*Safari and Chrome*/
}

.pullDownBtn img {
    position: relative;
    width: 1rem;
}

@keyframes mymove2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(0.1rem);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes mymove2 {

    /*Safari and Chrome*/
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(0.1rem);
    }

    100% {
        transform: translateY(0);
    }
}

/* **********************************  End   ************************************ */

/* **********************************  产品服务   ************************************ */
#commomBanner h2{
    font-size: .5rem;
    padding: 0 .3rem;
    padding-top: .4rem;
}
#Product .proBanner {
    padding-bottom: .7rem;
}

/* #Product .proBanner .secondMenu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 6;
} */

#Product .proBanner .secondMenu ul {
    /* height: 1.2rem; */
    background: linear-gradient(0deg, #E7F5FF 0%, #FFFDFD 100%);
    box-shadow: 0px 3px 21px 3px rgba(209, 209, 208, 0.35);
    border-radius: 4px;
    padding: 0 .3rem;
    flex-wrap: wrap;
}

#Product .proBanner .secondMenu ul li h3{
    height: 1rem;
    /* max-width: 1.8rem; */
    line-height: 1.1;
}

#Product .proBanner .secondMenu ul li:last-child h3{
    /* max-width: .9rem; */
}

#Product .proBanner .secondMenu ul li:hover h3,
#Product .proBanner .secondMenu ul li.active h3 {
    color: #2768EA;
}

#Product .proBanner .secondMenu ul li:hover .desc,
#Product .proBanner .secondMenu ul li.active .desc {
    color: #fff;
}

#Product .proBanner .secondMenu ul li a {
    z-index: 5;
}

#Product .proBanner .secondMenu ul li img {
    position: absolute;
    right: 0;
    bottom: .32rem;
    width: 1.5rem;
    z-index: 2;
}

#Product .proBanner .secondMenu ul li.active h3:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    display: block;
    width: .6rem;
    height: .05rem;
    background: #2768EA;
    border-radius: .03rem;
}
#Product .proBanner .secondMenu ul li:nth-of-type(2) {
    margin: 0 .6rem;
}
#Product #ProductAi .aiMavin {
    padding: .7rem 0 .4rem;
    background: url(../images/aiModleBg.jpg) no-repeat center bottom / cover;
}

#Product #ProductAi .aiMavin .w1200 {
    z-index: 5;
}

#Product #ProductAi .aiMavin .commomTitle {
    margin-bottom: .6rem;
}

#Product #ProductAi .aiMavin .commomTitle h2 {
    color: #2768EA;
}

#Product #ProductAi .aiMavin .commomTitle p {
    opacity: 1;
}

#Product #ProductAi .aiMavin .chatBox .chat {
    height: 6.35rem;
    padding-bottom: 1.4rem;
}
#Product #ProductAi .aiMavin .chatBox .chat .chatContent{
    height: 100%;
    position: relative;
    z-index: 3;
    padding: .25rem;
    padding-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: right;
}
#Product #ProductAi .aiMavin .chatBox .chat .chatContent::-webkit-scrollbar-track {
    background-color: transparent;
}

#Product #ProductAi .aiMavin .chatBox .chat .chatContent::-webkit-scrollbar-thumb {
    background-color: #B7CDED;
}

#Product #ProductAi .aiMavin .chatBox .chat .chatContent::-webkit-scrollbar {
    width: 6px;
}
#ProductAi .aiMavin .chatBox .chat .chatContent .q{
    margin-bottom: .2rem;
}
#ProductAi .aiMavin .chatBox .chat .chatContent .que {
    background: #2768EA;
    color: #fff;
    padding: .06rem .1rem;
    display: inline-block;
    text-align: left;
    max-width: 70%;
    border-radius: 5px;
}
#ProductAi .aiMavin .chatBox .chat .chatContent .ans {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 23px 1px rgba(41,108,246,0.08);
    border-radius: 5px;
    text-align: left;
    padding: .15rem;
}

#ProductAi .aiMavin .chatBox .chat .chatHandle{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    padding-right: .25rem;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .reAnswer{
    width: 1.8rem;
    height: .46rem;
    background: #FFFFFF url(../images/answer.png) no-repeat .2rem center/.22rem;
    box-shadow: 0px 2px 23px 1px rgba(41,108,246,0.08);
    border-radius: .23rem;
    text-indent: .5rem;
    margin-left: .25rem;
}

#ProductAi .aiMavin .chatBox .chat .chatHandle .reAnswer:hover{
    background-color: #2768EA;
    background-image: url(../images/answerWhite.png);
    color: #fff;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .enter{
    height: 1.05rem;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .enter .audio{
    width: 1.05rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .enter .writer{
    z-index: 3;
    width: 84%;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .enter .writer input{
    display: block;
    width: 100%;
    height: .55rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 23px 1px rgba(41,108,246,0.08);
    border-radius: .3rem;
    padding: 0 .5rem 0 .3rem;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .enter .send{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 3;
    width: .8rem;
    background: url(../images/send.png) no-repeat center/.3rem;
}
#ProductAi .aiMavin .chatBox .chat .chatHandle .enter .send:hover{
    background-image: url(../images/sendBlue.png);
}
#Product #ProductAi .aiMavin .chatBox .chat:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #C4E0FF;
    border-radius: 4px;
    border: 2px solid #89C3FF;
    opacity: 0.2;
}

#Product #ProductAi .aiMavin .chatBox .introduce {
    margin-top: .3rem;
}

#Product #ProductAi .aiMavin .chatBox .introduce .desc {
    margin: .2rem 0 .3rem;
    text-align: justify;
}
.questionBox{
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 100%;
    padding-top: .1rem;
    display: none;
}
.questionBox .assemble{
    padding: .3rem .2rem;
    border-radius: .1rem;
    background: #fff;
    height: 3rem;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
}
.questionBox .assemble a,
.questionBox .assemble a *{
    line-height: .4rem;
}
.questionBox .assemble a:hover{
    transform: translateX(.1rem);
}
.questionBox .assemble a strong{
    color: #2768EA;
}
#Product #ProductAi .aiMavin .chatBox .introduce .link a {
    background: #2768EA;
    color: #fff;
}

#Product #ProductAi .aiValue {
    padding: .6rem 0;
    background: url(../images/aiValueBg.jpg) no-repeat center / cover;
}

#Product #ProductAi .aiValue .commomTitle {
    margin-bottom: .15rem;
}

#Product #ProductAi .aiValue .valueBox figure {
    width: 47.25%;
}

#Product #ProductAi .aiValue .valueBox dl {
    width: 56%;
    padding: .24rem 0 .36rem;
    padding-left: .33rem;
    background: url(../images/aiLine.png) no-repeat 0 0/.11rem;
}

#Product #ProductAi .aiValue .valueBox dl dd {
    padding: .2rem;
    padding-bottom: .25rem;
        padding-top: 0.1rem;
    background: linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.5) 100%);
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    transition: all .5s;
}

#Product #ProductAi .aiValue .valueBox dl dd:not(:last-child) {
    margin-bottom: .3rem;
}

#Product #ProductAi .aiValue .valueBox dl dd h3,
#Product #ProductAi .aiValue .valueBox dl dd .desc {
    position: relative;
    z-index: 5;
}

#Product #ProductAi .aiValue .valueBox dl dd h3 {
    margin-bottom: .1rem;
    font-size: .3rem;
}

#Product #ProductAi .aiContact .link a {
    position: absolute;
    color: #2768EA;
    background: #fff;
    right: .4rem;
    bottom: .4rem;
}

#Product #ProductBrain .brainCore {
    padding-top: .7rem;
}

#Product #ProductBrain .brainCore .coreBox .desc {
    text-indent: .64rem;
    margin: .3rem 0 0 0;
}

#Product #ProductBrain .brainShow {
    background: url(../images/brainBg.png) no-repeat center/cover;
}

#Product #ProductBrain .brainShow .tabContent dl dd{
    display: none;
}

#Product #ProductBrain .brainShow .showContent {
    padding: .4rem 0;
}

#Product #ProductBrain .brainShow .showContent .showTab dl dd .p4{
    margin-bottom: .5rem;
    text-indent: .64rem;
}

#Product #ProductBrain .brainShow .showContent .showTab ul {
    border-bottom: solid 1px #D5E2E8;
    white-space: nowrap;
    border-bottom: solid 1px #D5D5D5;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 1.5rem;
}

#Product #ProductBrain .brainShow .showContent .showTab ul li {
    padding-bottom: .4rem;
    padding-right: .3rem;
    display: inline-block;
}

#Product #ProductBrain .brainShow .showContent .showTab .showTabMenu{
    position: relative;
    overflow: hidden;
    margin: .4rem 0;
}

#Product #ProductBrain .brainShow .showContent .showTab ul li.active {
    font-weight: 700;
    color: #2768EA;
    font-size: .38rem;
}

#Product #ProductBrain .brainShow .showContent .showTab ul li.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
    background: #2768EA;
}

#Product #ProductBrain .brainApply {
    background: #fff;
    padding: .5rem 0;
}

#Product #ProductBrain .brainApply .commomTitle{
    margin-bottom: .5rem;
}

#Product #ProductBrain .brainApply .applySwiper{
    position: absolute;
    left: .6rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 90%;
    padding-top: .4rem;
    padding-bottom: .4rem;
}
.applySwiper .next,
.applySwiper .prev{
    position: absolute;
    left: 0;
    width: .14rem;
    height: .37rem;
}
.applySwiper .prev{
    top: 0;
    background: url(../images/numUp.png) no-repeat center/100%;
}
.applySwiper .next{
    bottom: 0;
    background: url(../images/numDown.png) no-repeat center/100%;
}

#Product #ProductBrain .brainApply .applySwiper .mySwiper{
    height: 3.2rem;
}

#Product #ProductBrain .brainApply .applySwiper .swiper-slide-active h4{
    background: rgba(255,255,255,0.8);
    border-radius: 5px;
    color: #333;
    font-size: .2rem !important;
}

#Product #ProductBrain .brainApply .applySwiper .swiper-slide-active + .swiper-slide h4,
#Product #ProductBrain .brainApply .applySwiper .swiper-slide-prev.swiper-slide h4{
    font-size: .18rem;
}
#Product #ProductBrain .brainApply .applySwiper .swiper-slide-active + .swiper-slide + .swiper-slide h4,
#Product #ProductBrain .brainApply .applySwiper .swiper-slide.two h4{
    opacity: .65;
}
#Product #ProductBrain .brainApply .applySwiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide h4,
#Product #ProductBrain .brainApply .applySwiper .swiper-slide.one h4{
    opacity: .35;
}

#Product #ProductBrain .brainApply .applySwiper .swiper-slide{
    height: .4rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#Product #ProductBrain .brainApply .applySwiper .swiper-slide h4{
    display: flex;
    align-items: center;
    line-height: .4rem;
    padding: 0 .1rem;
    font-size: .16rem;
    -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}
#Product #ProductBrain .brainApply .applySwiper .swiper-slide:before{
    content: "";
    display: block;
    width: .1rem;
    height: .1rem;
    border: solid 1px #fff;
    border-radius: 50%;
    margin-right: .12rem;
}
#Product #ProductBrain .brainApply .applySwiper .swiper-slide-active:before{
    background: #fff;
}

#Product #ProductBrain .brainContact .link a{
    position: absolute;
    color: #2768EA;
    background: #fff;
    right: .4rem;
    bottom: .4rem;
}

#Product #ProductVillage .villageNumber {
    padding: .7rem .4rem .4rem;
}

#Product #ProductVillage .villageNumber .commomTitle {
    margin-bottom: .5rem;
}

#Product #ProductVillage .villageNumber .commomTitle h2 {
    color: #2768EA;
}

#Product #ProductVillage .villageNumber .commomTitle p {
    opacity: 1;
}

#Product #ProductVillage .villageList .item {
    padding: .6rem .4rem;
}

#Product #ProductVillage .villageList .item:nth-of-type(odd) {
    background: rgba(214, 227, 241, 0.2);
}

#Product #ProductVillage .villageList .item:nth-of-type(even) .vlTxt {
    flex-direction: row-reverse;
}

#Product #ProductVillage .villageList .item:nth-of-type(even) .vlTxt .introduce {
    padding-left: 0;
    padding-right: .3rem;
}

#Product #ProductVillage .villageList .item .vlTxt {
    margin-top: .4rem;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce {
    padding-top: .35rem;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce h3 {
    padding-bottom: .2rem;
    border-bottom: solid 1px #E3E3E3;
}
#Product #ProductVillage .villageList .item .vlTxt .introduce dl{
    height: 2.4rem;
    overflow: hidden;
    position: relative;
}
#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd{
    position: absolute;
    left: -100vw;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: .2rem;
}
#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd.active{
    left: 0;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd *{
    line-height: .48rem;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce ul {
    margin: 0.2rem 0 .3rem;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 1.5rem;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce ul li {
    display: inline-block;
    white-space: nowrap;
    margin-right: .15rem;
}
.villageScroll:after,
#Product #ProductBrain .showTabMenu:after{
    content: "";
    position: absolute;
    right: -.4rem;
    width: 2rem;
    height: .52rem;
    top: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    z-index: 5;
}
#Product #ProductVillage .villageList .item .vlTxt .introduce ul li.longer {
    
}

#Product #ProductVillage .villageList .item .vlTxt .introduce ul li.active span {
    background: #2768EA;
    border-color: #2768EA;
    color: #fff;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce ul li span {
    height: .52rem;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    padding: 0 .15rem;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd.disc p,
#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd.point-style p{
    width: 50%;
    padding-right: .2rem;
    margin-bottom: .1rem;
    padding-left: .24rem;
    position: relative;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd.point-style .contentscroll2{
    display: flex;
    flex-wrap: wrap;
}

#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd.disc p:after,
#Product #ProductVillage .villageList .item .vlTxt .introduce dl dd.point-style p:after{
    content: "";
    position: absolute;
    left: 0;
    top: .22rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFBA00;
}

#Product #ProductVillage .villageContact .link a,
.robotContact .link a,
.link.blue a,
.infoContact .link a{
    position: absolute;
    color: #fff;
    background: #2768EA;
    right: .4rem;
    bottom: .4rem;
    border-color: #2768EA;
}
.link.blue a{
    position: static;
}
#Product #ProductVillage .villageContact .link a{
    background: #fff;
    border-color: #fff;
    color: #2768EA;
}

/* **********************************  End   ************************************ */

/* **********************************  解决方案   ************************************ */
#Solution .solutionLayout {
    padding-top: .4rem;
    background: rgba(223, 236, 255, 0.4);
}

#Solution .solutionLayout .commomTitle {
    margin-bottom: .4rem;
}
.part-swiper{
    overflow: hidden;
    padding-left: .4rem;
    padding-right: .8rem;
}
.part-swiper .swiper{
    width: 4.2rem;
    overflow: visible;
    margin: 0;
}
.part-swiper .swiper .swiper-slide{
    margin-right: .25rem;
}
#Solution .solutionLayout ul li {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
    padding: 0 .2rem;
}
#Solution .layoutScroll:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
    height: 100%;
    z-index: 3;
    background: linear-gradient(to right, rgba(223, 236, 255, 0), rgba(223, 236, 255, 1) 60%);

}
#Solution .solutionLayout ul li:after,
#Solution .solutionLayout ul li:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

#Solution .solutionLayout ul li:after {
    background: url(../images/layoutDefultBg.png) no-repeat center bottom / cover;
}

#Solution .solutionLayout ul li:before {
    height: 0;
    background: url(../images/layoutActiveBg.png) no-repeat center bottom / cover;
}

#Solution .solutionLayout ul li .txt {
    z-index: 3;
    height: 7rem;
    white-space: normal;
}
#Solution .solutionLayout ul li .txt  .font30{font-size:0.25rem;}
#Solution.businessService .solutionLayout ul li .txt{
    padding-top: .3rem;
}

#Solution .solutionLayout ul li .desc {
    margin: .2rem 0;
}

#Solution .solutionLayout ul li .introduce {
    height: 0;
    overflow: hidden;
}

#Solution .solutionLayout ul li:hover .introduce {
    height: 3rem;
    overflow: auto;padding-right:0.15rem;
}

#Solution .solutionLayout ul li:hover:after {
    height: 0;
}

#Solution .solutionLayout ul li:hover:before {
    height: 100%;
}

#Solution .solutionLayout ul li h3 span {
    position: relative;
    z-index: 3;
    color: #fff;
}

#Solution .solutionLayout ul li h3:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: .07rem;
    width: 95%;
    height: .1rem;
    background: #14BBFF;
    z-index: 1;
}

#Solution .solutionProgramme {
    padding: .4rem 0;
    background: url(../images/programmeBg.jpg) no-repeat center bottom / cover;
}

#Solution .solutionProgramme .programmeBox>h2 {
    width: 17.5%;
}

#Solution .solutionProgramme .programmeBox .pbContent {
    padding: .4rem 0 0 0;
}

#Solution .solutionProgramme .programmeBox .pbContent .pbTab ul {
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    margin-bottom: .5rem;
    padding: 0 .32rem;
}

#Solution .solutionProgramme .programmeBox .pbContent .pbTab ul li {
    padding: .2rem;
    color: #fff;font-size:0.28rem;
}

#Solution .solutionProgramme .programmeBox .pbContent .pbTab ul li:hover,
#Solution .solutionProgramme .programmeBox .pbContent .pbTab ul li.active {
    font-weight: 700;
}

#Solution .solutionProgramme .swiper-button-next:after, 
#Solution .solutionProgramme .swiper-rtl .swiper-button-prev:after,
#Solution .solutionProgramme .swiper-button-prev:after,
 #Solution .solutionProgramme .swiper-rtl .swiper-button-next:after{
    font-size: .3rem;
    font-weight: 700;
    color: #fff;
}

#Solution .solutionProgramme .programmeBox .pbContent .pbTab ul li:hover:after,
#Solution .solutionProgramme .programmeBox .pbContent .pbTab ul li.active:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    bottom: -1px;
}
.programmeBox .swiperBox{
    padding-left: .4rem;
}
.programmeBox .swiper{
    padding: 0 1.77rem 0 0;
}
#Solution .solutionProgramme .programmeBox .pbContent .swiper .txt {
    height: 5.3rem;
    padding: .3rem .15rem 0;
    padding-top: 3.8rem;
}

#Solution .solutionProgramme .programmeBox .pbContent .swiper .txt:hover:after{
    background-image: url(../images/programmeBlue.png);
}

#Solution .solutionProgramme .programmeBox .pbContent .swiper .txt h4 {
    z-index: 3;
    padding-top: .15rem;
    border-top: solid 2px #fff;
    width: 100%;
}

#Solution .solutionProgramme .programmeBox .pbContent .swiper .txt:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/programmeBlack.png) no-repeat center / 100% 100%;
    transition: all .5s;
}

#Solution .solutionProgramme .programmeBox .swiperItem{
    display: none;
}

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

#Solution .solutionBright {
    padding: .4rem;
    background: url(../images/bringBg.jpg) no-repeat center bottom / cover;
}

#Solution .solutionBright .srImgs .img h3{
    text-align: center;
    font-size: .54rem;
}
#Solution .solutionBright .srImgs .img .desc{
    text-indent: .66rem;
    margin: .3rem 0 .2rem;
}

#Solution .solutionBright .commomTitle {
    margin-bottom: .1rem;
}

#Solution .solutionBright .srBox dl {
    padding: 0 .15rem;
}

#Solution .solutionBright .srBox dl dd figure {
    padding: .08rem;
    border-radius: 50%;
    border: dashed 1px transparent;
    width: 1.4rem;
    margin-bottom: .1rem;
    
}

#Solution .solutionBright .srSwiper .swiper-slide-thumb-active dl dd figure{
    background: #fff;
}

#Solution .solutionBright .srBox dl dd figure img {
    width: 1.27rem;
    border-radius: 50%;
}

#Solution .solutionBright .srBox dl dd h4 {
    min-height: .7rem;
}
#Solution .solutionBright .srBox .srImgs{
    margin-bottom: .3rem;
}
.srBox .handleSwiper .h-prev{
    position: absolute;
    left: -0.3rem;
    top: .42rem;
    z-index: 3;
}
.srBox .handleSwiper .h-next{
    position: absolute;
    right: -0.3rem;
    top: .42rem;
    z-index: 3;
}

#Solution .solutionBright .srSwiper .swiper-slide-thumb-active dl dd h4,
#Solution .solutionBright .srSwiper .swiper-slide-thumb-active dl dd h4 {
    color: #2768EA;
}

#Solution .solutionBright .srBox .swiper{
    z-index: 2;
}
#Solution .solutionBright .srBox .srSwiper:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 100%;
    height: 0;
    border-top: dashed 1px #2768EA;
    z-index: 1;
}

#Solution .solutionBright .srSwiper .swiper-slide-thumb-active dl dd figure,
#Solution .solutionBright .srSwiper .swiper-slide-thumb-active dl dd figure {
    border-color: #2768EA;
}

#Solution .solutionSerive {
    height: 5.2rem;
    padding: .4rem;
    background: url(../images/serviceBg.jpg) no-repeat center bottom / cover;
}
#Solution .solutionSerive dl{
    max-width: 9rem;
    margin: .6rem auto 0;align-items:flex-start;
}
#Solution .solutionSerive dl dd{
    color: rgba(255,255,255,.75);max-width:33.33%;
}
#Solution .solutionSerive dl p span{
    font-size: .62rem;
    font-weight: 900;
}
#Solution .solutionSerive dl p em{
    font-size: .5rem;
}
#Solution .solutionSerive dl p{
    background: linear-gradient(135deg, #4396FF 0%, #2F5EF0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: .2rem;
}
.solutionScene {
    padding: .4rem;
    background: url(../images/sceneBg.png) no-repeat right top/cover;
}
.solutionScene .commomTitle{
    margin-bottom: .5rem;
}
.solutionScene  .swiper-slide .txt{
    transform: scale(.8);
}
.solutionScene  .swiper-slide .txt h3{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: .35rem;
    z-index: 3;
}
.solutionScene  .swiper-slide .txt .mask{
    z-index: 1;
    background: url(../images/sceneBlue.png) no-repeat center bottom/100%;
    display: block;
}
.solutionScene  .swiper-slide .txt h3:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1.56rem;
    height: .1rem;
    background: #00C8FF;
    z-index: 2;
    bottom: .06rem;
}
.solutionScene  .swiper-slide .txt h3 span{
    position: relative;
    z-index: 3;
}
.solutionScene .swiper-pagination,
.swiper-pagination.static{
    position: static;
    margin-top: .5rem;
}
.swiper-pagination .swiper-pagination-bullet{
    background: rgba(39,104,234,0.4);
    opacity: 1;
    width: .3rem;
    height: .05rem;
    border-radius: .03rem;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: rgba(39,104,234,1);
}
.solutionScene  .swiper-slide.swiper-slide-active .txt{
    transform: scale(1);
}
.solutionCharacteristic{
    height: 5.33rem;
    background: url(../images/characteristicBg.png) no-repeat center/cover;
    padding-top: .4rem;
    overflow: hidden;
}
.solutionCharacteristic:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .6rem;
    background: url(../images/clockBg.png) no-repeat center bottom/cover;
}
.solutionCharacteristic .commomTitle{
    margin-bottom: 1rem;
}
.characteristicSpin .indicator{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: .61rem;
    height: 3.7rem;
    background: url(../images/indicator.png) no-repeat center/100% 100%;
    top: 1rem;
    z-index: 3;
}
.characteristicSpin .indicator.active{
    animation: mymove4 3s ease-in-out;
    -webkit-animation: mymove4 3s ease-in-out;
    transform-origin: 50% 50%;
}

@keyframes mymove4 {
    0% {
        transform: rotateZ(0deg);
    }
    20%{
        transform: rotateZ(-15deg);
    }
    40%{
        transform: rotateZ(15deg);
    }
    60%{
        transform: rotateZ(-15deg);
    }
    80%{
        transform: rotateZ(15deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

@-webkit-keyframes mymove4 {
    
    0% {
        transform: rotateZ(0deg);
    }
    20%{
        transform: rotateZ(-15deg);
    }
    40%{
        transform: rotateZ(15deg);
    }
    60%{
        transform: rotateZ(-15deg);
    }
    80%{
        transform: rotateZ(15deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
} 

.characteristicSpin img{
    width: 9.34rem;
    margin: 0 auto;
    display: block;
    transition: all 3s;
}
.characteristicSpin img.active{
    transform: rotateZ(45deg);
}
.characteristicSpin .nameBox p{
    white-space: nowrap;
    position: absolute;
    transition: all 1.5s;
    width: 3.2rem;
    min-height: .56rem;
    text-align: center;
}
.characteristicSpin .nameBox p:after{
    position: absolute;
    content: "";
    width: .1rem;
    height: .1rem;
    background: #00d2ff;
    border-radius: 50%;
}
.characteristicSpin .nameBox .style1{
    left: 2.18rem;
    top: -0.75rem;
    text-align: center;
}
.characteristicSpin .nameBox .style1:after{
    bottom: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}
.characteristicSpin .nameBox .style2{
    left: 3.7rem;
    top: -0.3rem;
}
.characteristicSpin .nameBox .style2:after{
    bottom: -0.15rem;
    left: 1.4rem;
}
.characteristicSpin .nameBox .style3{
    left: 4.95rem;
    top: 0.4rem;
    padding-right: .6rem;
}
.characteristicSpin .nameBox .style3:after{
    bottom: -0.15rem;
    left: 1.15rem;
}
.characteristicSpin .nameBox .style4{
    left: 5.1rem;
    top: 1.35rem;
}
.characteristicSpin .nameBox .style4:after{
    bottom: -0.15rem;
    left: 1.65rem;
}
.characteristicSpin .nameBox .styleNot{
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.characteristicSpin .nameBox .last{
    left: 0.6rem;
    top: -0.3rem;
}
.characteristicSpin .nameBox .last:after{
    bottom: -0.15rem;
        left: 1.7rem;
}
.characteristicSpin .nameBox .lastsecond{
    left: -0.5rem;
    top: 0.4rem;
}
.characteristicSpin .nameBox .lastsecond:after{
    bottom: -0.15rem;
        left: 1.85rem;
}
.characteristicSpin .nameBox .lastthree{
    left: -0.8rem;
    top: 1.35rem;
}
.characteristicSpin .nameBox .lastthree:after{
    bottom: -0.15rem;
        left: 1.5rem;
}
.solutionCore{
    padding: .4rem;
    background: url(../images/coreBg.jpg) no-repeat center/cover;
}
.solutionCore dl{
    margin-top: .2rem;
}
.solutionCore dl dd .icon{
    position: absolute;
    right: .3rem;
    bottom: .1rem;
    width: 1.56rem;
    padding-bottom: .6rem;
    background: url(../images/coreIconBg.png) no-repeat center bottom/100%;
    z-index: 2;
}
.solutionCore dl dd .icon img{
    animation: mymove2 3s infinite linear;
    -webkit-animation: mymove2 3s infinite linear;
}
.solutionCore dl dd .txt{
    padding: .45rem .35rem .2rem 1.2rem;
}
.solutionCore dl dd .txt h3{
    margin-bottom: .2rem;
}
.solutionCase{
    padding: .4rem;
    background: url(../images/caseBg.png) no-repeat center/cover;
}
.solutionCase .mySwiper{
    padding: 1.3rem 0;
    margin-top: -.3rem;
}
.handleSwiper span{
    display: block;
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    margin: 0 .12rem;
}
.handleSwiper span.swiper-button-disabled{
    background-color: #ccc;
}
.handleSwiper span.swiper-button-lock{
    display: none;
}
.handleSwiper .h-prev{
    background: #2768EA url(../images/arrowLeftWhite.png) no-repeat center/.13rem;
}
.handleSwiper .h-next{
    background: #2768EA url(../images/arrowRightWhite.png) no-repeat center/.13rem;
}
.solutionCase .commomTitle{
    margin-bottom: .2rem;
}
.solutionCase .swiper-pagination{
    position: static;
    margin-top: .5rem;
}
.solutionCase .swiper-slide .txt {
    transform: scale(.8);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    border-radius: .1rem;
    overflow: hidden;
}
.solutionCase .swiper-slide.swiper-slide-active .txt{
    transform: scale(2);
    border-radius: .05rem;
}
.solutionCase .swiper-slide.swiper-slide-active{
    z-index: 5;
}
.solutionCase .swiper-slide.swiper-slide-active .txt h3{
    font-size: .18rem;
}
.solutionCase .swiper-slide.swiper-slide-active .txt h3:after{
    width: 0.6rem;
    height: 0.04rem;
}
.solutionCase .swiper-slide .txt h3{
    position: absolute;
    bottom: 0.08rem;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 0 .1rem;
}
.solutionCase .swiper-slide .txt h3 span{
    position: relative;
    z-index: 3;
}
.solutionCase .swiper-slide .txt h3 br{
    display: none;
}
.solutionCase .swiper-slide .txt h3:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .05rem;
    width: .44rem;
    height: .03rem;
    background: #00C8FF;
    z-index: 1;
}
/* **********************************  End   ************************************ */


/* **********************************  03 农业机器人   ************************************ */
.robotList{
    padding-bottom: .4rem;
}
.robotList ul li figure{
    overflow: hidden;
}
.robotList ul li{
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
}
.robotList ul li:nth-of-type(even) {
    flex-direction: row-reverse;
}
.robotList ul li:not(:last-child) {
    margin-bottom: .4rem;
}
.robotList ul li .txt{
    padding: .3rem;
    padding-bottom: .4rem;
}
.robotList ul li .txt h4{
    margin: .2rem 0 .25rem;
}

.robotList ul li .txt .desc{text-align:justify;}
.robotList ul li .txt .more{
    margin-top: .3rem;
}
.robotList ul li .txt .more img{
    width: .17rem;
    margin-left: .1rem;
}
.robotList ul li:hover h3,
.robotList ul li:hover figure span,
.robotBottom ul li:hover figure img{
    transform: scale(1.03);
}
.robotList ul li .txt h3:hover{
    color: #2768EA;
}
.robotBottom{
    padding: .4rem;
    background: linear-gradient(144deg, #E6FEFF 0%, #E0EDFE 99%);
}
.robotBottom .commomTitle{
    margin-bottom: .4rem;
}
.robotBottom ul li .item{
    height: 100%;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .07);
}
.robotBottom ul li .txt{
    padding: .3rem .2rem .4rem;
}
.robotBottom ul li .txt h4{
    margin-bottom: .15rem;
}
.robotBottom ul li .txt .desc{
    text-align: justify;
}
.robotBottom ul li figure{
    overflow: hidden;
}


/* **********************************  End   ************************************ */

/* **********************************  04 经典案例   ************************************ */
.classicsMenu{
    padding: .4rem;
    padding-top: 0;
}
.classicsMenu .csMenu{
    position: relative;
    z-index: 6;
    margin-top: -.6rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 19px 2px rgba(209,209,208,0.25);
    border-radius: 4px;
    overflow: hidden;
}
.classicsMenu .csMenu ul{
    height: 1.2rem;
}
.classicsMenu .csMenu ul li figure{
    width: .6rem;
    margin-right: .2rem;
}
.classicsMenu .csMenu ul li h3:after{
    content: "";
    display: block;
    margin-top: .1rem;
    width: .56rem;
    height: 4px;
    background: #00D2FF;
    border-radius: 2px;
}
.classicsMenu .csMenu ul li:hover h3,
.classicsMenu .csMenu ul li.active h3{
    color: #2768EA;
}
.classicsMenu .csMenu ul li:hover h3:after,
.classicsMenu .csMenu ul li.active h3:after{
    background: #2768EA;
}
.classicsMenu .csMenu ul li:not(:last-child) {
    padding-right: .9rem;
    margin-right: .9rem;
}
.classicsMenu .csMenu ul li:not(:last-child):after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #F2F2F2;
}
.classicsMenu .csCategory{
    margin-top: .4rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 19px 2px rgba(209,209,208,0.25);
    border-radius: 4px;
    padding: .2rem;
}
.classicsMenu .csCategory figure{
    padding-top: .4rem;
    margin-top: .2rem;
    border-top: solid 1px #ccc;
}
.classicsMenu .csCategory figure img{
    display: none;
}
.classicsMenu .csCategory .scrollBox{
   /* max-height: 4.5rem;
    overflow: hidden;*/
}
.classicsMenu .csCategory  ul li{
    padding: .15rem .1rem;
    border-radius: 4px;
    margin-bottom: .15rem;
}
.classicsMenu .csCategory  ul li.active,
.classicsMenu .csCategory  ul li:hover{
    background: #2768EA;
    color: #fff;
}
.classicsMenu .csCategory  ul::-webkit-scrollbar-track {
    background-color: transparent;
}

.classicsMenu .csCategory  ul::-webkit-scrollbar-thumb {
    background-color: #C9C9C9;
}

.classicsMenu .csCategory  ul::-webkit-scrollbar {
    width: 2px;
}
.tabCategoryContent{
    background: #F7F9FC;
    padding: .4rem;
}
.categoryBox .item{display:none}
.categoryBox .item h2{
    margin-bottom: .4rem;
    font-size: .44rem;
}
.categoryBox .item p{
    text-indent: .64rem;
    font-size: .32rem;
    color: #666;
    text-align: justify;
}
.categoryBox .item .project h3,
.categoryBox .item .project h4{
    margin-bottom: .3rem;
    font-size: .32rem;
}
.categoryBox .item .project h3:before{
    content: "";
    display: inline-block;
    width: 5px;
    height: .24rem;
    background: #2768EA;
    border-radius: 3px;
    margin-right: .1rem;
}
.categoryBox .item .project .ft span{
    padding: .08rem .13rem;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px dashed #2768EA;
    margin-bottom: .2rem;
    color: #666;
}
.categoryBox .item .project h4:before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #2768EA;
    border-radius: 50%;
    margin-right: .1rem;
}
.categoryBox .item .project .imgs img:nth-of-type(1) {
    width: 100%;
    margin-bottom: .3rem;
}
.categoryBox .item .project .imgs img{
    width: 49%;
    padding: .14rem;
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0px 2px 19px 2px rgba(209,209,208,0.25);
}
.classsicsRecommend{
    padding: .4rem;
}
.classsicsRecommend ul{
    margin: .5rem 0 .6rem;
}
.classsicsRecommend ul li:not(:last-child) {
    margin-bottom: .3rem;
}
.classsicsRecommend ul li h4{
    padding: .3rem;
    z-index: 3;align-self:flex-start;justify-content:flex-start;
}
.classsicsRecommend ul li:after{
    position: absolute;
    bottom: .34rem;
    content: "";
    width: 2rem;
    height: .1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background: #00C8FF;
    
}
.classsicsRecommend ul li:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 1.24rem;
    background: url(../images/titleBg.png) no-repeat center/100% 100%;
}
.classsicsRecommend ul li h4 a:hover{
    color: #2768EA;
}
/* **********************************  End   ************************************ */

/* **********************************  05 新闻资讯   ************************************ */
.newsMenu .nsMenu{
    position: relative;
    margin-top: -.6rem;
    z-index: 6;
    background: #FFFFFF;
    box-shadow: 0px 3px 21px 3px rgba(209,209,208,0.35);
    border-radius: 4px;
}
.newsMenu ul li a{
    display: block;
    line-height: .9rem;
    padding: 0 .3rem;
    position: relative;
}
.newsMenu ul li:not(:last-child) {
    margin-right: 1.8rem;
}
.newsMenu ul li:hover a,
.newsMenu ul li.active a{
    color: #2768EA;
}
.newsMenu ul li:hover a:after,
.newsMenu ul li.active a:after{
    background: #2768EA;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: .06rem;
    background: #2768EA;
}
.newsList{
    padding: .5rem .4rem;
}
.newsList ul li{
    background: #F1F1F1;
    border: solid 1px transparent;
}
.newsList ul li:not(:last-child) {
    margin-bottom: .3rem;
}
.newsList ul li figure{
    overflow: hidden;
}
.newsList ul li .txt{
    padding: .3rem .2rem .6rem;
}
.newsList ul li .txt .desc{
    margin: .15rem 0;
}
.newsList ul li .txt h3{
    margin-bottom: .3rem;
}
.newsList ul li .txt .link a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid .08rem transparent;
     border-bottom: solid .08rem transparent;
     border-left: solid .08rem #fff;
     margin-left: 5px;
}
.newsList ul li:hover figure img{
    transform: scale(1.03);
}
.newsList ul li:hover{
    background: #ecf2f8;
    border-color: #c0e6ff ;
}
.newsList ul li h3 a:hover{
    color: #2768EA;
}
.loadMore{
    padding: .2rem;
    margin-top: .6rem;
}
.loadMore img{
    width: .23rem;
    margin-left: .1rem;
}
.pages a{
    display: inline-block;
    width: .36rem;
    height: .36rem;
    border: solid 1px #E2E2E2;
    color: #6C6C6C;
    background: #F3F3F3;
    text-align: center;
    line-height: .34rem;
    margin: 0 .05rem;
    cursor: pointer;
    border-radius: 2px;
}
.pages a.active,
.pages a:hover{
    background: #2768EA ;
    color: #fff !important;
    border-color: #2768EA;
}
.pages{
    color: #6c6c6c;
    margin-top: .6rem;
}
.pages .nums a{
    font-size: .16rem;
}
.pages a.prev,
.pages a.next{
    color: #2D2D2D;
    width: .86rem;
    font-size: .18rem;
}
.pages a.next{
    margin-right: .3rem;
}
.otherNews{
    padding: .4rem;
    background: url(../images/newsBg.jpg) no-repeat center/cover;
}
#fullPage.otherNews .section6 .newsTab{
    margin-top: 0;
}
.otherNews .homeNews .newsComom .list{
    box-shadow: 0px 0px 21px 0px rgba(144,166,195,0.11);
}
#fullPage.otherNews .section6 .homeNews{
    margin: 0;
}
.industryContent .newsList{
    padding-top: 1rem;
}
.newsDetail{
    padding: .4rem;
}
.newsDetail .lcTop h3 span{
    line-height: .6rem;
    padding: 0 .2rem;
    border-radius: .6rem;
    background: #E6EEFF;
}
.newsDetail .rightContent{
    padding-top: .4rem;
}
.newsDetail .lcTop h2{
    margin: .25rem 0 .3rem;
}
.newsDetail .lcTop .desc{
    text-indent: .66rem;
}
.newsDetail .ndImportant{
    margin: .35rem 0;
    padding: .35rem 0 .3rem;
    border-top: dashed 1px #D7D7D7;
    border-bottom: dashed 1px #D7D7D7;
}
.newsDetail .ndImportant.not{
    padding: 0;
    border-bottom: 0;
}
.newsDetail .ndImportant h4{
    margin-bottom: .1rem;
}
.newsDetail .ndImportant p{
    padding-left: .3rem;
    position: relative;
    margin-bottom: .1rem;
}
.newsDetail .ndImportant p:last-child{
    margin-bottom: 0;
}
.newsDetail .ndImportant p:after{
    content: "";
    left: 0;
    top: .16rem;
    width: .08rem;
    height: .08rem;
    background: #2768EA;
    border-radius: 50%;
    position: absolute;
}
.newsDetail .ndContent .avatar figure{
    width: .7rem;
    margin-right: .15rem;
}
.newsDetail .author{
    margin-bottom: .4rem;
}
.newsDetail .author .glance {
    text-align: center;
}
.newsDetail .ndTxt p{
    text-indent: .4rem;
    font-size: .32rem !important;
}

.newsDetail .ndTxt p:nth-of-type(1) br{
    display: none;
}

.newsDetail .ndTxt p img{
    margin-left: -.4rem;
    max-width: 100%;
    height: auto !important;
}

.newsDetail .ndTxt{
    margin-bottom: .3rem;
    padding-bottom: .3rem;
    border-bottom: dashed 1px #D7D7D7;
}
.newsDetail .ndKeywords{
    margin-top: -.15rem;
}
.newsDetail .ndKeywords h3{
    padding: .05rem .1rem;
    background: #F3F3F3;
    margin-right: .15rem;
    margin-top: .15rem;
}
.newsDetail .ndPage{
    margin: .4rem 0 .3rem;
}
.newsDetail .ndPage a:not(:last-child) {
    margin-bottom: .2rem;
}
.newsDetail .ndPage a:hover{
    color: #2768EA;
}
.newsDetail .ndTip{
    margin: -.4rem;
}
.newsDetail .ndTip .txt{
    padding: .8rem .55rem 0;
}
.newsDetail .ndTip .txt h4{
    margin-bottom: .2rem;
    padding-left: 1.15rem;
}
.newsDetail .ndTip .txt p{
    text-indent: .66rem;
}
.newsDetail .ndOther{
    margin-top: .4rem;
}
.newsDetail .ndOther ul li{
    padding-left: .3rem;
    position: relative;
}
.newsDetail .ndOther ul li:after{
    content: "";
    position: absolute;
    left: 0;
    top: .22rem;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #2768EA;
}
.newsDetail .ndOther ul li a:hover{
    color: #2768EA;
}
.newsDetail .ndOther ul li a i{
    width: 65%;
}
.newsDetail .ndScheme{
    margin-top: .4rem;
}
.newsDetail .ndScheme dl dt{
    margin-bottom: .1rem;
}
.newsDetail .ndScheme dl dt figure{
    overflow: hidden;
}
.newsDetail .ndScheme dl dt:hover figure img{
    transform: scale(1.03);
}
.newsDetail .ndScheme dl dd{
    padding-left: .55rem;
    position: relative;
}
.newsDetail .ndScheme dl dd a:hover{
    color: #2768EA;
}
.newsDetail .ndScheme dl dd:before{
    position: absolute;
    left: 0;
    display: block;
    color: #999;
    font-style: italic;
}
.newsDetail .ndScheme dl dd:nth-of-type(1):before{
    content: "1.";
}
.newsDetail .ndScheme dl dd:nth-of-type(2):before{
    content: "2.";
}
.newsDetail .ndScheme dl dd:nth-of-type(3):before{
    content: "3.";
}
.newsDetail .ndScheme dl dd:nth-of-type(4):before{
    content: "4.";
}
.newsDetail .ndScheme dl dd:nth-of-type(5):before{
    content: "5.";
}
.newsDetail .ndScheme dl dd:nth-of-type(6):before{
    content: "6.";
}
.newsDetail .ndScheme dl dd:nth-of-type(7):before{
    content: "7.";
}
.newsDetail .ndScheme dl dd:nth-of-type(8):before{
    content: "8.";
}
.newsDetail .ndScheme dl dd:nth-of-type(9):before{
    content: "9.";
}
.newsDetail .ndScheme dl dd:nth-of-type(10):before{
    content: "10.";
}
.ndTitle{
    margin-bottom: .2rem;
}
.ndTitle a img{
    width: .22rem;
    margin-left: .1rem;
    margin-top: -4px;
}
.ndTitle a:hover{
    color: #2768EA;
}
.ndTitle a:hover img{
    display: none;
}
.ndTitle a:hover img.hidden{
    display: block;
}
.ndTitle h3{
    position: relative;
    padding-left: .15rem;
}
.ndTitle h3:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 80%;
    border-radius: 3px;
    background: #2768EA;
}
.ndForm textarea{
    padding: .1rem;
    
}
.ndForm .input input,
.ndForm .input textarea{
    height: .64rem;
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D4D4D4;
    padding-left: .6rem;
    position: relative;
    z-index: 6;
}

.ndForm .input input{
    padding-left: 2rem;
}

.ndForm .input textarea{
    height: 2.6rem;
}
.ndForm .input .label{
    z-index: 7;
    color: #d4d4d4;
    padding-left: .6rem;
    padding-top: .15rem;
    width: 1.9rem;
}
.ndForm .input input.red,
.ndForm .input .label.red{
    color: red;
    border-color: red;
}
.ndForm .input .tip{
    color: red;
    padding-top: 0.15rem;
    padding-left: 2rem;
}
.ndForm .input{
    margin-bottom: .2rem;
    position: relative;
}
.ndForm .input:last-child{
    margin-bottom: .3rem;
}
.ndForm .submitBtns input{
    display: block;
    width: 48%;
    height: .64rem;
    background: #2768EA;
    border-radius: 4px;
    color: #fff;
    
}
.ndForm .input.name input{
    background: url(../images/fuser.png) no-repeat .11rem center/.3rem;
}
.ndForm .input.phone input{
    background: url(../images/fphone.png) no-repeat .11rem center/.32rem;
}
.ndForm .input.question textarea{
    background: url(../images/femail.png) no-repeat .11rem .2rem/.32rem;
}
#Product.newsBanner .proBanner .secondMenu ul li:last-child h3{
    max-width: none;
}
#Product.newsBanner .proBanner .secondMenu ul li:nth-of-type(2){
    margin: 0 .9rem;
}
.mobileMore{
    margin-top: .4rem;
}
.mobileMore a:hover{
    color: #1C509C;
}
.mobileMore.gray a{
    color: #333;
}
.mobileMore img{
    width: .15rem;
    margin-left: .15rem;
    transition: all .5s;
    transform: rotateZ(90deg);
}
.mobileMore a:hover img{
    transform: rotateZ(0deg);
}
/* **********************************  End   ************************************ */

/* **********************************  06 关于我们   ************************************ */
.aboutSanshisan{
    padding: .4rem;
    background: url(../images/sanshisanBg.jpg) no-repeat center/cover;
}
.aboutSanshisan .sVideo{
    margin-top: .5rem;
}
.aboutDevelop{
    padding: .4rem;
    background: url(../images/courseBg.jpg) no-repeat center bottom/cover;
}
.aboutDevelop .commomTitle{
    margin-bottom: .65rem;
}
.aboutDevelop .adImgs{
    padding: 0 .54rem;
}
.aboutDevelop .adImgs .h-prev{
    position: absolute;
    left: 0;
    top: -.15rem;
}
.aboutDevelop .adImgs .h-next{
    position: absolute;
    right: 0;
    top: -.15rem;
}
.aboutDevelop .adImgs .yearTxt:after{
    content: "";
    position: absolute;
    left: 0;
    top: .1rem;
    width: 100%;
    height: 1px;
    background: url(../images/licheng.png) no-repeat center/100%;
    z-index: 1;
}
.aboutDevelop .adImgs .yearTxt .swiper{
    z-index: 3;
}
.aboutDevelop .adImgs .yearTxt .swiper-slide span{
    display: block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    border: solid 1px #CFD1D5;
    position: relative;
    margin-bottom: .1rem;
    background: #fff;
}
.aboutDevelop .adImgs .yearTxt .swiper-slide.swiper-slide-thumb-active p{
    color: #2768EA;
}
.aboutDevelop .adImgs .yearTabContent{
    margin-top: .3rem;
}
.aboutDevelop .adImgs .yearTabContent .swiper-slide figure{
    margin-top: .2rem;
}
.aboutDevelop .adImgs .yearTxt .swiper-slide span:after{
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #7E8285;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    
}
.aboutDevelop .book{
    margin: .25rem 0 .4rem;
    width: 10.19rem;
    height: 7.38rem;
    background: url(../images/bookBg.png) no-repeat center/100% 100%;
    margin-top: .3rem !important;
    position: relative;
    z-index: 3;
}
.aboutDevelop .btns button{
    width: 1.28rem;
    height: .37rem;
    background: #2768EA;
    border-radius: 6px;
    position: relative;
    z-index: 3;
}
.aboutDevelop .btns .prev:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid 0.08rem transparent;
    border-bottom: solid 0.08rem transparent;
    border-right: solid 0.08rem #fff;
    margin-right: .2rem;
}
.aboutDevelop .btns .next:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid 0.08rem transparent;
    border-bottom: solid 0.08rem transparent;
    border-left: solid 0.08rem #fff;
    margin-left: .2rem;
}
.aboutHonor{
    padding: .4rem 0;
    background: url(../images/honorBg.jpg) no-repeat center/cover;
}
.aboutHonor .honorBox{
    padding-left: .4rem;
}
.aboutHonor .swiper{
    padding-right: 1.15rem;
}
.aboutHonor .swiper:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
    height: 100%;
    z-index: 3;
    background: linear-gradient(to right, rgba(255,255,255,.0), rgba(255,255,255,1) 70%);
}
.aboutHonor .commomTitle{
    margin-bottom: .4rem;
}
.aboutHonor .swiper-slide .txt{
    background: #FFFFFF;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.05);
    border-radius: 4px;
    padding: .15rem;
    height: 3.8rem;
}
.aboutHonor .swiper-slide .txt figure{
    height: 1.55rem;
}
.aboutHonor .swiper-slide .txt figure img{
    max-height: 1.55rem;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.aboutHonor .swiper-slide .txt h3{
    margin-top: .3rem;
    padding-top: .2rem;
    border-top: solid 1px #DCDFE6;
}
.aboutHonor .swiper-slide .txt:hover figure img{
    transform: scale(1.03);
}
.aboutHonor .swiper-pagination{
    position: static;
    margin-top: .7rem;
}
.aboutTeam{
    padding: .4rem;
}
.aboutTeam dl{
    margin-top: -.1rem;
}
.aboutTeam dl dd{
    margin-top: .1rem;
}
.aboutTeam dl dd:nth-of-type(1) {
    width: 4.35rem;
}
.aboutTeam dl dd:nth-of-type(4),
.aboutTeam dl dd:nth-of-type(5){
    width: 3.3rem;
}
.aboutTeam dl dd:nth-of-type(2),
.aboutTeam dl dd:nth-of-type(3) {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.26rem;
}
.aboutTeam dl dd:nth-of-type(3){
    top: 1.51rem;
}
.aboutTeam .commomTitle,
.studyInfo .commomTitle{
    margin-bottom: .3rem;
}
.teamContact{
    padding: .4rem;
    background: url(../images/teamContactBg.png) no-repeat center/cover;
}
.teamContact .close{
    position: absolute;
    right: 0;
    top: .2rem;
    width: .6rem;
    height: .6rem;
    background: url(../images/closeBlack.png) no-repeat center/.25rem;
    
}
.teamContact .commomTitle{
    margin-bottom: .3rem;
}
.teamContact .teamForm .input{
    width: 48.5%;
    margin-bottom: .15rem;
    background: #FFFFFF;
    box-shadow: 0px 1px 20px 0px rgba(153,153,153,0.12);
    border-radius: 2px;
    height: .55rem;
}
.teamContact .teamForm .input.w100{
    width: 100%;
}
.teamContact .teamForm .input:last-child{
    margin-bottom: .3rem;
}
.teamContact .teamForm .input input,
.teamContact .teamForm .input textarea{
    z-index: 6;
    border: solid 1px transparent;
}
.teamContact .teamForm .input.textarea{
    height: 2.4rem;
}
.teamContact .teamForm .input input,
.teamContact .teamForm .input .label,
.teamContact .teamForm .input .tip{
    line-height: .55rem;
    padding: 0 .1rem;
}
.teamContact .teamForm .input .label{
    color: #9B9B9B;
    z-index: 7;
    width: 1.6rem;
    white-space: nowrap;
}
.teamContact .teamForm .input .label.red,
.teamContact .teamForm .input .tip{
    color: red !important;
}
.teamContact .teamForm .input input.red{
    border-color: red !important;
}
.teamContact .teamForm .input textarea{
    padding: .1rem;
}
.teamContact .teamForm .input input,
.teamContact .teamForm .input .tip,
.teamContact .teamForm .input textarea{
    padding-left: 1.3rem;
}
.teamContact .teamForm .btns input{
    width: 47%;
    height: .55rem;
    border-radius: 4px;
    border: 1px solid #2768EA;
    display: block;
}
.teamContact .teamForm .btns .submit,
.teamContact .teamForm .btns .reset:hover{
    background: #2768EA;
    color: #fff;
}
.studyInfo{
    padding: .4rem;
    padding-top: .2rem;
    background: url(../images/infoBg.png) no-repeat center/cover;
}
.studyInfo .commomTitle h2{
    color: #1C509C;
}
.studyInfo .intoduce figure{
    
}
.studyInfo .intoduce .txt{
    text-indent: .64rem;
    margin-top: .3rem;
}
.studyExpert{
    padding: .4rem;
    background: #F8F8F8;
}
.studyExpert .commomTitle{
    margin-bottom: .5rem;
}
.studyExpert .expertList ul{
    margin: 0 -.05rem;
    margin-top: -.35rem;
}
.studyExpert .expertList ul li{
    padding: .1rem;
    margin-top: .35rem;
}
.studyExpert .expertList ul li figure{
    width: 1.4rem;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.studyExpert .expertList ul li .txt{
    background: #FFFFFF;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.07);
    border-radius: 4px;
    padding: 0 .2rem;
    padding-top: 1rem;
    margin-top: -.7rem;
    padding-bottom: .4rem;
}
.studyExpert .expertList ul li h3{
    margin-bottom: .15rem;
}
.studyExpert .expertList ul li  p{
    margin-bottom: .1rem;
}

.fileDownload a{
    display: block;
    padding: 0.8rem 0.2rem 0;
    background: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com/2024%2F07%2F08%2F93df06c80ef14fd392029a370d7b7ee0.png) no-repeat 0.3rem 0.3rem/0.5rem;
}
/* **********************************  End   ************************************ */


/* **********************************  招商合作   ************************************ */
#commomBanner form{
    width: 7rem;
    margin: .6rem auto 0;
}
#commomBanner .desc{
    padding: .4rem;
    text-indent: .64rem;
    text-align: justify;
}
#commomBanner .desc p{text-align: justify;}
#commomBanner form .text{
    width: 100%;
    display: block;
    height: .62rem;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 0 .8rem 0 .2rem;
    font-size: .24rem;
    color: #002451;
}
#commomBanner .txt .w1200 {
    background: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com/2024%2F09%2F04%2Fa2d15fdf75cf438696904b21688ee537.png) no-repeat center 0/cover;
}
#commomBanner form .text::placeholder {
  color: #002451;
}
#commomBanner form .submit{
    position: absolute;
    right: 0;
    width: .73rem;
    height: 100%;
    top: 0;
    background: url(../images/search.png) no-repeat 0 center/.27rem;
    z-index: 3;
}
#Solution.businessService .solutionLayout .commomTitle{
    margin-bottom: .4rem;
}
#Solution.businessService .solutionLayout{
    padding: .4rem 0;
    background: #E2EFFF;
}
#Solution.businessService .solutionLayout ul li .introduce{
    height: auto;
    overflow: visible;
    margin-top: .1rem;line-height:1.3;
}
#Solution.businessService .solutionLayout ul li:before{
    display: none;
}
#Solution.businessService .solutionLayout ul li:after{
    height: 100%;
}
#Solution.businessService .solutionLayout ul li h3:after{
    width: 1.74rem;
}
.businessCooperate{
    padding: .4rem;
    background: url(../images/cooperateBg.jpg) no-repeat center/cover;
}
.businessCooperate .swiper-pagination .swiper-pagination-bullet{
    background: rgba(255,255,255,.4);
}
.businessCooperate .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
}
.businessCooperate .commomTitle,
.businessAgriculture .commomTitle{
    margin-bottom: .4rem;
}
.businessAgriculture{
    padding: .4rem 0 0 0;
}
#Product.businessAgriculture #ProductVillage .villageList .item .vlTxt .introduce dl dd{
    display: block;
}
#Product.businessAgriculture #ProductVillage .villageList .item .vlTxt .introduce dl{
    margin-top: .2rem;
}
#Product.businessAgriculture #ProductVillage .villageList .item .vlTxt .introduce dl dd p{
    width: 100%;
    margin-bottom: 0;
}
.popup{
    position: fixed;
    z-index: 99;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.popup .teamContact .teamForm .input .label{
    color: #333;
}
.popup.active{
    display: flex;
}
.popup .teamContact{
    background: #fff;
    border-radius: .1rem;
    margin: 0 auto;
    padding: .3rem .2rem;
    width: 6.7rem;
}
.popup .teamContact .commomTitle h2,.popup .teamContact .commomTitle h3{
    font-size: .36rem;
    margin-bottom: 0;
}
.popup .teamContact .teamForm{
    width: 100%;
}
.popup .teamContact .teamForm .btns input{
    width: 1.2rem;
    height: .36rem;
    line-height: .34rem;
}
.popup .teamContact .teamForm .input input,.popup  .teamContact .teamForm .input textarea{
    border-color: #E9E8E8;
}
.popup .w1200{
    max-width: 9rem;
}
.error404{
    min-height: 80vh;
    padding: 0 .4rem;
}
.error404 h3{
    font-size: .9rem;
}
.error404 .txt{
    max-width: 3.9rem;
}
.error404 p{
    padding: .2rem 0 .3rem;
    border-bottom: solid 1px #E9E8E8;
    margin-bottom: .3rem;
}
.popup .formState{
    width: 7.1rem;
    height: 4.95rem;
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 auto;
    display: none;
}
.popup .formState p{
    width: 4rem;
    padding-top: 1rem;
    margin: 0 auto;
    position: relative;
}
.popup .formState p i{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: .7rem;
}
.popup .formState p.err i{
    color: #ED401E;
}
.popup .formState span{
    position: absolute;
    right: .25rem;
    top: .3rem;
}
.popup .formState.error p.err{
    display: block;
}
.popup .formState.error p.succ{
    display: none;
}
.slideBox{
    position: fixed;
    right: -.9rem;
    top: 60%;
    transform: translateY(-50%);
    width: .9rem;
    z-index: 10;
    transition: all .5s;
}
.slideBox.active{
    right: 0;
}
.slideBox .slideColse{
    position: absolute;
    top: 50%;
    left: -.3rem;
    display: block;
    width: .3rem;
    height: .5rem;
    background: #2E5AE3 url(../images/arrowLeftWhite.png) no-repeat center/.15rem;
    transform: translateY(-50%);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 2;
}
.slideBox .slideColse.active{
    background-image: url(../images/arrowRightWhite.png);
}
.slideBox dl dd p{
    height: .8rem;text-align:center;
}
.slideBox dl dd:nth-of-type(1) p{
    border-top-left-radius: 4px;
}
.slideBox dl dd:nth-of-type(4) p{
    border-bottom-left-radius: 4px;
}
.slideBox dl dd:nth-of-type(odd) p{
    background: #2E5AE3;
}
.slideBox dl dd:nth-of-type(even) p{
    background: #2768EA;
}
.slideBox dl dd p img{
    max-width: .35rem;
    margin-bottom: 5px;
}
.slideBox dl dd .word{
    position: absolute;
    right: -400px;
    top: 0;
    width: 3.1rem;
    height: 100%;
    background: rgba(28, 28, 28, .75);
    border-radius: 4px;
    z-index: 2;
    padding-left: .25rem;
    color: #3275F2;
    font-weight: 700;
}
.slideBox dl dd .image{
    position: absolute;
    right: -400px;
    bottom: 0;
    width: 1.3rem;
    padding: 4px;
    background: #2E5AE3;
    border-radius: .1rem;
}
.slideBox dl dd p{
    position: relative;
    z-index: 3;
}
.slideBox dl dd:hover .word{
    right: 0;
}
.slideBox dl dd:hover .image{
    right: 1rem;
}
/* **********************************  End   ************************************ */

/* **********************************  Footer头部   ************************************ */
.footer {
    background: #212121;
    padding-bottom: .3rem;
    margin-top: -2px;
}

.footer .ftTop .ftTopLeft .phone {
    margin-bottom: .25rem;
}

.footer .ftTop .ftTopLeft .phone img {
    width: .53rem;
    margin-right: .15rem;
}

.footer .ftTop .ftTopLeft .phone a {
    color: #00D2FF;
}


.footer .ftTop .ftTopLeft dl dd,
.footer .ftTop .ftTopLeft dl dd a {
    color: #DADADC;
}

.footer .ftTop .ftTopLeft .ftNav {
    padding: .15rem 0;
}

.footer .ftTop .ftTopLeft .ftNav a {
    color: #DADADC;
    height: .65rem;
    border-bottom: solid 1px rgba(255,255,255,.2);
}

.footer .ftTop .ftTopLeft .ftNav a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .2rem;
    height: 100%;
    background: url(../images/arrowRightWhite.png) no-repeat right center/.1rem;
}

.footer .ftTop .ftTopLeft .friendlyLinks span {
    white-space: nowrap;
color: #DADADC;
}

.footer .ftTop .ftTopLeft .friendlyLinks a {
    margin-right: .2rem;
    color: #DADADC;
}

.footer .ftTop .ftTopLeft .friendlyLinks .linkBox {
    width: calc(100% - 1.2rem);
}

.footer .ftTop .ftTopRight dd {
    width: 1rem;
    color: #DADADC;
    margin-right: .15rem;
}

.footer .ftTop .ftTopRight dd img {
    margin-bottom: .1rem;
}

.footer .record {
    text-transform: uppercase;
    color: #DADADC;
}

.footer .record a {
    color: #DADADC;
    /* padding-left: .35rem;
    background: url(../images/begiv.png) no-repeat 0 center / 0.25rem; */
    line-height: 1.3;
    display: block;
    margin-top: .1rem;
}
.ftTopRight{
    margin: .1rem 0;
    padding-top: .1rem;
    border-top: solid 1px rgba(255,255,255,.2);
}
/* **********************************  End   ************************************ */


/* **********************************  翻页插件   ************************************ */

/* .booklet .b-wrap-right,
.booklet .b-wrap{
    padding: 0 !important;
} */
.booklet .b-wrap-left,
.booklet .b-wrap-right{
    background: none !important;
}
/* 走马灯 */
.wh-slider {
    overflow: hidden;
}
.wh-slider.reversal .sw-content{
    flex-direction: row-reverse;
}
.booklet .b-wrap{
    padding: 0 !important;
}
.nicescroll-rails{
    opacity: 1 !important;
    width: 4px !important;
}
.nicescroll-rails .nicescroll-cursors{
    border: 0 !important;
    width: 4px !important;
}
/* 放大图片 */
.zoom .zoomBtn{
    position: absolute;
    right: .4rem;
    top: .3rem;
    width: .6rem;
    height: .6rem;
    background: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com/2024%2F08%2F09%2F55d6edb666b0496a8052b5a2fce36b66.png) no-repeat center/100% 100%;
}
.zoom.outside .zoomBtn{
    top: -.65rem;
}
.zoom.half .zoomBtn{
    right: 0;
    top: -.4rem;
}
.zoom-img{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #333333;
    overflow: auto;
}
.zoom-img .close{
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/closeBtn.png) no-repeat center/.5rem;
    z-index: 5;
}
.zoom-img img{
    background: #ffffff;
}
.zoom.right0 .zoomBtn{
    right: 0;
}

.pswp__preloader,
.pswp__button{
    display: none;
}

.pswp__button--close{
    background: url(../images/closeBtn.png) no-repeat center/.5rem;
    opacity: 1;
    display: block;
}
.pswp img{
    background: #ffffff;
}
/* **********************************  End   ************************************ */

.swiper-wrapper.no_swi{transform:translate3d(0px,0,0) !important;}

.header .top nav ul .box_nav{display:flex;justify-content:center;align-items:center;padding-top:1rem;}
.header .top nav ul .box_nav li{width:140px !important;text-align:center;}
.header .top nav ul .box_nav li>a:before{display:none;}
.header .top nav ul .box_nav li>a{border:none;}
.header .top nav ul .box_nav li .icon{width:48px;height:48px;border-radius:50%;border:1px solid #808080;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.header .top nav ul .box_nav li .icon img{width:28px;}
.header .top nav ul .box_nav li dd h4 *{font-size:0.28rem;}
.header .top nav ul .box_nav li .secondMenu{text-align:left;}

#fullPage .section1 .txt .play{
    background-image: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com:443/2025%2F04%2F01%2F3c2c032c20c8480b9a1667baa162e386.png);
    display:block;
    width: 0.64rem;
    color: #fff;
    transition: all 0.5s;
    height: 0.64rem;margin:0.3rem auto 0;
    background-size: contain;
    background-repeat: no-repeat;transform:translateY(0.3rem);opacity:0;transition:all .5s;
}

#fullPage .section1 .txt .play.active{transform:translateY(0);opacity:1;}

.home_video_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.home_video_box video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;object-fit: contain;background:#000;}
.home_video_box .close{position: absolute;right: 5%;top: 10%;width:0.5rem;height:0.5rem;background: url(https://33iot-guanwang.obs.cn-north-4.myhuaweicloud.com:443/2025%2F04%2F01%2F723547d18e784833b97908bd00a84499.png) no-repeat center center #3FC6FD;background-size: 0.24rem;border-radius: 50%;text-align: center;cursor: pointer;z-index: 200;box-shadow: 0 10px 10px rgba(0,0,0,0.1);z-index:999;}
.ndContent .ndTxt  a{padding-bottom:5px;border-bottom:2px solid #333333;}