@charset "utf-8";

/* CSS Document */
*{
    margin:0;
    padding:0;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* 标准语法 */
}

body{
    color:#1F2329;
    font-size:12px;
    line-height:22px;
    font-family:Poppins,"思源黑体 SC",PingFang SC,"Microsoft YaHei";
    min-width: 1200px;
}
ul,li{ list-style:none; margin-bottom: 0;}
img{ border:none; display:inline-block;}
a{ text-decoration:none; color:#333; font-family:Poppins,"思源黑体 SC",PingFang SC,"Microsoft YaHei"}
a:hover{ text-decoration:none; }
i{ font-style:normal;}
dl,dd,p{ margin-bottom: 0;}
input,textarea,select{ outline:none; font-family:Poppins,"思源黑体 SC",PingFang SC,"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal; list-style:none; margin-bottom: 0;}
.clear{ clear:both;}

/*美化滚动条*/

/*滚动条凹槽的颜色，还可以设置边框属性*/
::-webkit-scrollbar-track-piece {
    background-color:#f8f8f8;
}
/*滚动条的宽度*/
::-webkit-scrollbar {
    width:6px;
    height:9px;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
    background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}


.container-fluid:after{ content: ""; display: block; clear: both;}
.container:after{ content: ""; display: block; clear: both;}
.top_butt{
    display: none;
}
.head_nav_hide{
    display: none;
}

.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 1000;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #2BB583;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #277DFF;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    /*top: 0;*/
    width: 100%;
    height: 50%;
    background: #111;
    z-index: 2;
}


.loader-wrapper .loder-section.left-section {
    top: 0;
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    bottom: 0;
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    top: -100%;
}

.loaded .loder-section.right-section {
    bottom: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

header{
    position:fixed;
    top: 0;
    z-index: 99;
    background: rgba(255,255,255,0);
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
header.on{
    background: rgba(255,255,255,1);
}
header.onb{
    background: rgba(255,255,255,1);
}

header.on .top_butt .bar{
    background: #000000;
}

.logo{
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}
.logo img{
    height: 40px;
    display: inline-block;
}
.header_div{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/*导航*/
.head_nav{ float: right; }
.head_nav ul li{
    float: left;
    margin: 0 40px;
    text-align: center;
    position: relative;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.head_nav ul li .navA{ height: 70px; position: relative;}
.head_nav ul li .navA a{ display: block; color: #fff; font-size:16px; line-height: 70px;}
.head_nav ul li .navA:after{
    content: "";
    width:0;
    opacity: 0;
    height: 4px;
    background: #277DFF;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.head_nav ul li .navA span{ font-size: 12px; text-transform: uppercase; display: block;}
.head_nav ul li.on .navA a{color: #277DFF !important;}
.head_nav ul li.on .navA:after{ content: ""; width: 100%; opacity: 1;}
.head_nav ul li:hover .navA a,.head_nav ul li:hover .navA span{ color: #277DFF;}
.head_nav ul li:hover .navA:after{ content: ""; width: 100%; opacity: 1;}

.head_nav ul li .top_down{ display: none;}

.head_nav ul li .navTwo{
    padding: 4px;
    box-shadow: 0px 8px 24px 8px rgba(31, 35, 41, 0.04);
    position: absolute;
    top: 100%;
    width: 240px;
    left: 0;
    background: rgba(31, 35, 41, 0.4);
    z-index: 9;
    border-radius: 10px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -ms-transform:translateY(10px);
    -o-transform:translateY(10px);
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
}
.head_nav ul li .navTwo dd{ margin-bottom: auto; height: 40px; /*border-bottom: solid 1px rgba(178,148,74,0.1);*/ border-radius: 10px;}
.head_nav ul li .navTwo a{ padding: 0 10px; font-size: 14px !important; line-height: 40px !important; color: #ffffff; display: block;
    text-align: left;
}
.head_nav ul li .navTwo dd:hover{ background: rgba(255, 255, 255, 0.1);}
.head_nav ul li .navTwo dd:hover a{
    color: #ffffff;
}

.head_nav ul li:hover .navTwo{
    opacity:1;
    visibility:inherit;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
}

header.on .head_nav ul li .navA a{
    color: #1f2329;
}
header.onb .head_nav ul li .navA a{
    color: #1f2329;
}
.logo_color2{
    display: none;
}
header.on .logo_color1{
    display: none;
}
header.on .logo_color2{
    display: block;
}


header.onb .logo_color1{
    display: none;
}
header.onb .logo_color2{
    display: block;
}


header.on .head_nav ul li .navTwo{
    background: #ffffff;
}
header.on .head_nav ul li .navTwo a{
    color: #1f2329;
    border-radius: 10px;
}

header.on .head_nav ul li .navTwo a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #277DFF;
}

header.onb .head_nav ul li .navTwo{
    background: #ffffff;
}
header.onb .head_nav ul li .navTwo a{
    color: #1f2329;
    border-radius: 10px;
}

header.onb .head_nav ul li .navTwo a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #277DFF;
}



.lang{
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.lang span{
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}
header.on .lang span{
    color: #000000;
}
header.onb .lang span{
    color: #000000;
}
header.onb .top_butt .bar{
    background: #000000;
}
header.on .lang:hover span{
    color: #277DFF;
}
header.onb .lang:hover span{
    color: #277DFF;
}

.head_r{
    display: flex;
}
.head_r .top_butt{
    margin-left: 10px;
}

.lang_xl{
    display: none;
    width: 125px;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0px 8px 24px 8px rgba(31, 35, 41, 0.04);
    background: rgba(31, 35, 41, 0.4);
    border-radius: 10px;
    overflow: hidden;
    padding: 4px;
}
.lang_xl dd{
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
}
.lang_xl dd:hover{
    background: rgba(255, 255, 255, 0.1);
    /*background: rgba(0, 0, 0, 0.1);*/
}
.lang_xl dd a{
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.lang_xl dd a i{
    color: #1f2329;
}
.lang_xl dd:nth-child(1){
    border-bottom: solid 1px transparent;
}
.lang_xl dd:hover a{
    color:#277DFF;
}
.lang:hover .lang_xl{
    display: block;
}

.lang_xl dd.on a,.lang_xl dd.on a i{
    color: #277DFF !important;
}
header.on .lang_xl{
    background: #ffffff;
}

header.on .lang_xl dd:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #277DFF;
}
header.on .lang_xl dd:hover a{
    color: #277DFF;
}
header.on .lang_xl dd a{
    color: #1f2329;
}

header.onb .lang_xl{
    background: #ffffff;
}

header.onb .lang_xl dd:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #277DFF;
}
header.onb .lang_xl dd:hover a{
    color: #277DFF;
}
header.onb .lang_xl dd a{
    color: #1f2329;
}

/*banner*/

.banner{ width: 100%; margin: 0 auto; position: relative; overflow: hidden;}


.swiper_banner {
    float: left;
    width: 100%;
    height:1070px;
    position: relative;
    overflow: hidden;
}

.swiper_banner .swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover !important;
}
.swiper_banner .swiper-slide:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
    background: linear-gradient(126.99deg, #050C16 -28.64%, rgba(5, 12, 22, 0) 96.11%);
}
.swiper_banner .swiper-slide:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
    background: linear-gradient(126.99deg, #050C16 -28.64%, rgba(5, 12, 22, 0) 96.11%);
}
.swiper_banner .swiper-pagination{ bottom: 20px !important;}
.swiper_banner .swiper-pagination span{ width: 16px; height:16px; opacity:1; margin: 0 15px !important; }
.swiper_banner .swiper-pagination .swiper-pagination-bullet-active{  background: #4f9ef8 !important;}

.swiper_banner_but{
    width: 100%;
    position: relative;
    left: 0;
    bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_banner_but .swiper-button-next,.swiper_banner_but .swiper-button-prev{
    /*border: solid 1px rgba(255,255,255,0.3);*/
    border: none;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    margin-top: auto;
    margin: 0 15px;
}
/*.swiper_banner_but .swiper-button-next:hover,.swiper_banner_but .swiper-button-prev:hover{
    border: solid 1px rgba(255,255,255,1);
}*/
.swiper_banner_but .swiper-button-next:after,.swiper_banner_but .swiper-button-prev:after{
    display: none;
}
.swiper_banner_but .swiper-button-next i,.swiper_banner_but .swiper-button-prev i{
    color: #ffffff;
    font-size: 26px;
}



.swiper-button-m{
    width: 58px;
    height: 58px;
    position: relative;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: solid 1px rgba(255,255,255,1);
}


.swiper_banner_text{
    width: 100%;
    text-align: left;
    z-index: 10;
    display: block;
    position: relative;
}
.swiper_banner_text span{
    display: block;
    font-size: 48px;
    line-height: 68px;
    color: #ffffff;
    margin-bottom: 5px;
}
.swiper_banner_text p{
    font-size: 18px;
    color: rgba(255,255,255,0.7);
}
.swiper_banner_link{
    width: 100%;
    text-align: left;
    z-index: 10;
    display: block;
    position: relative;
    margin-top: 30px;
}
.swiper_banner_link a{
    display: inline-block;
    width: 168px;
    height: 57px;
    border-radius: 48px 48px 48px 48px;
    text-align: center;
    line-height: 57px;
    border: solid 1px #ffffff;
    color: #ffffff;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.swiper_banner_link a.on{
    border: solid 1px #277DFF;
    background: #277DFF;
    margin-right: 16px;

}
.swiper_banner_link a:hover{
    background: #277DFF;
    border: solid 1px #277DFF;
}
.swiper_banner_link a.on:hover{
    background: none;
    border: solid 1px #ffffff;
}
/*.swiper_banner_link a:hover{*/
/*    opacity: 0.8;*/
/*}*/

.swiper-slide-div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}

.swiper_banner .swiper-slide.dr_video:before{
    background: none !important;
}
.swiper_banner .swiper-slide.dr_video:after{
    background: none !important;
}


.banner_tel{
    position: fixed;
    right: -134px;
    bottom: 65px;
    width:196px;
    height: 48px;
    border-radius: 75px 0px 0px 75px;
    z-index: 999;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    background: linear-gradient(127.91deg, #27FFFF 2.06%, #2763FF 36.9%);
}
.banner_tel_img{
    width: 62px;
    height: 100%;
    padding: 12px 16px 12px 21.33px;
    background: linear-gradient(127.91deg, #27FFFF 5.06%, #2763FF 83.9%);
}
.banner_tel img{
    display: inline-block;
}
.banner_tel span{
    display: inline-block;
    margin-left: 15px;
    line-height: 48px;
    font-size: 16px;
    color: #ffffff;
}
.banner_tel span a{
    color: #ffffff;
}
.banner_tel span a:hover{
    color: #ffffff;
}
.banner_tel:hover{
    right: 0;
}

.banner_tel.on{
    background: linear-gradient(127.91deg, #27FFFF 5.06%, #2763FF 47.9%);
    /*background: linear-gradient(127.91deg, #27FFFF 5.06%, #2763FF 83.9%);*/
    border:transparent;
}

/*首页产品*/
.index_cp{
    padding: 100px 0;
    height: 845px;
    background: url("../images/cp_bj.jpg") no-repeat center / cover fixed;
}
.index_cp_top{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.index_cp_left span{
    font-size: 32px;
    line-height: 44px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 8px;
}
.index_cp_left p{
    color: #51565D;
    font-size: 16px;
    line-height: 22px;
}

.index_cp_right{
    display: -ms-flexbox;
    display: flex;
}
.index_cp_right dd{
    font-size: 18px;
    line-height: 69px;
    font-weight: 400;
    position: relative;
    margin-left: 40px;
}
.index_cp_right dd.on{
    font-weight: 600;
    color: #277DFF;
}
.index_cp_right dd.on:after {
    content: "";
    width: 100%;
    height: 4px;
    background: #277DFF;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.index_cp_m{
    width: 100%;
    margin-top: 26px;
    position: relative;
    display: inline-block;
}
.index_cp_m ul{
    position: relative;
    padding-left: 0;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.index_cp_m ul li{
    position: relative;
    display: inline-block;
    float: left;
    width: 174px;
    height: 368px;
    border-radius: 16px;
    box-shadow: 0 8px 26px 0 rgba(39, 125, 255, 0.12);
    margin-right: 32px;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /*backdrop-filter: blur(5px);*/
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);*/
}
.index_cp_m ul li:last-child{
    margin-right: 0;
}
.index_cp_div{
    position: absolute;
    overflow: hidden;
    border-radius: 16px;
    /*border-top-left-radius:16px;
    border-bottom-left-radius:16px;*/
    width: 174px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
    box-shadow: 8px 8px 26.67px 0px rgba(39, 125, 255, 0.12);
    z-index: 999;
    backdrop-filter: blur(5px);
}
.index_cp_m ul li.on .index_cp_div{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.index_cp_div span{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.index_cp_m ul li:nth-child(1) span,.index_cp_m ul li:nth-child(4) span{
    color: rgba(140, 135, 251, 1);
}
.index_cp_m ul li:nth-child(2) span,.index_cp_m ul li:nth-child(5) span{
    color: rgba(28, 178, 245, 1);
}
.index_cp_m ul li:nth-child(3) span,.index_cp_m ul li:nth-child(6) span{
    color: rgba(39, 125, 255, 1);
}
.index_cp_img{
    opacity: 1;
    overflow: hidden;
    width: 0;
    height: 300px;
    margin-top: 34px;
    margin-left: 132px;
    margin-right: 24px;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
}
.index_cp_img img{
    width: 410px;
    opacity: 0;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.index_cp_m ul li.on .index_cp_img{
    width: 410px;
    opacity: 1;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.index_cp_m ul li.on .index_cp_img img{
    opacity: 1;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.index_cp_m ul li.on{
    width:566px;
    opacity: 1;
    background: rgba(255,255,255,0.6);
}
.index_cp_m ul li.on .index_cp_div{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
}


.index_cp_m ul li:nth-child(1).on:after,.index_cp_m ul li:nth-child(4).on:after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(140, 135, 251, 0.5) 100%);
    opacity: 0.7;
    z-index: -1;
}
.index_cp_m ul li:nth-child(2).on:after,.index_cp_m ul li:nth-child(5).on:after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(28, 178, 245, 0.5) 100%);
    z-index: -1;
    opacity: 0.7;
}
.index_cp_m ul li:nth-child(3).on:after,.index_cp_m ul li:nth-child(6).on:after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(39, 125, 255, 0.5) 100%);
    z-index: -1;
    opacity: 0.7;
}
.index_cp_m ul li:before{
    display: inline-block;
    content: "";
    position: absolute;
    width: 174px;
    height: 157.33px;
    bottom:0;
    left: 0;
    opacity: 1;
    border-radius: 16px;
    transform: rotate(0);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.6) 100%);
    backdrop-filter: blur(5px);
}
.index_cp_m ul li:nth-child(1n):after{
    display: inline-block;
    content: "";
    position: absolute;
    width: 174px;
    height: 158px;
    bottom: -8px;
    right: -30px;
    border-radius: 16px;
    opacity: 1;
    transform: rotate(270deg);
    z-index: -1;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    backdrop-filter: blur(5px);
}

.index_cp_m ul li:nth-child(1):after,.index_cp_m ul li:nth-child(4):after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(140, 135, 251, 0.5) 100%);
}
.index_cp_m ul li:nth-child(2):after,.index_cp_m ul li:nth-child(5):after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(28, 178, 245, 0.5) 100%);
}

.index_cp_m ul li:nth-child(3):after,.index_cp_m ul li:nth-child(6):after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(39, 125, 255, 0.5) 100%);
}




.index_more{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.index_more .index_more_link{
    position: relative;
    display: inline-block;
    background: #ffffff;
    width: 200px;
    height: 58px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #277DFF;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.index_more .index_more_link a{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #277DFF;
    z-index: 1;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.index_more .index_more_link:after{
    content:"";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.index_more .index_more_link i{
    margin-left: 6px;
}
.index_more .index_more_link:hover:after{
    background: #277DFF;
    width: 100%;
}

.index_more .index_more_link:hover a{
    color: #ffffff;
}


/*首页案例*/
.index_case{
    padding: 100px 0;
    background: rgba(248, 250, 254, 1);
}
.index_title{
    width: 100%;
    text-align: center;
}
.index_title span{
    display: block;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
}

.index_title p{
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px;
    color: #51565D;
}
.index_case_list{
    width: 100%;
}

/*首页工厂智造*/
.index_gczz{
    padding: 100px 0;
}
.gczzSwiper{
    padding: 50px 0;
}
.gczzSwiper_div{
    width: 100%;
    background: #ffffff;
    padding: 20px;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0px 8px 40px 0px rgba(39, 125, 255, 0.1);
}
.gczzSwiper_div img{
    width: 100%;
}
.gczzSwiper_img{
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.gczzSwiper_img img{
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.gczzSwiper_img img:hover{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.gczzSwiper_title{
    text-align: center;
    width: 100%;
    padding-top: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}
.index_case_lb{
    margin-top: 48px;
    padding: 0 50px 20px  50px;
    overflow: hidden;
}

.caseSwiper{
    position: relative;
}
.caseSwiper_div{
    width: 100%;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
}
.caseSwiper_title{
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
}
.caseSwiper_tag{
    width: 100%;
    padding: 5px 0;
}
.caseSwiper_tag span{
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-right: 6px;
    padding: 2px 8px 2px 8px;
    font-weight: 600;
    border-radius: 6px;
    margin-bottom: 10px;
}

.caseSwiper_img{
    width:100%;
    overflow: hidden;
    border-radius: 16px;
}
.caseSwiper_img img{
    width: 100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.caseSwiper_img img:hover{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.caseSwiper_img_list{
    width: 100%;
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}
.caseSwiper_img_list dd{
    width: 32%;
    height: 97px;
    overflow: hidden;
    border-radius: 8px;
    border: 1.19px solid rgba(0, 0, 0, 0.1);
    /*background: linear-gradient(0deg, #FFFFFF, #FFFFFF),*/
    /*linear-gradient(0deg, #F4F4F4, #F4F4F4);*/
    flex: 1; /* 每个子元素可以均等分配容器的空间 */
    margin: 0 6px;
    text-align:center;
    background: #EAEEF5;
}
.caseSwiper_img_list dd:first-child{
    margin-left: 0;
}
.caseSwiper_img_list dd:last-child{
    margin-right: 0;
}
.caseSwiper_img_list dd img{
    max-width: 100%;
    height: 100%;
}

.caseSwiper .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
}
.caseSwiper .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}
.caseSwiper .swiper-button-prev:after,.caseSwiper .swiper-button-next:after{
    display: none;
}

.caseSwiper_jt{
    width: 100%;
    position: relative;
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.caseSwiper_jt .swiper-button-prev,.caseSwiper_jt .swiper-button-next{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 12px;
    box-shadow: 0 6px 30px 0 rgba(39, 125, 255, 0.1);
}
.caseSwiper_jt .swiper-button-prev i,.caseSwiper_jt .swiper-button-next i{
    font-size: 24px;
}

.on1{
    color: rgba(39, 125, 255, 1);
    background: rgba(39, 125, 255, 0.1);
}
.on2{
    color: rgba(41, 213, 151, 1);
    background: rgba(47, 209, 44, 0.1);
}
.on3{
    color: rgba(0, 209, 255, 1);
    background: rgba(0, 209, 255, 0.1);
}
.on4{
    color: rgba(121, 39, 255, 1);
    background: rgba(121, 39, 255, 0.1);
}
.on5{
    color: rgba(0, 209, 255, 1);;
    background: rgba(0, 209, 255, 0.1);;
}
/*智能化系统*/
.index_znhxt{
    padding: 100px 0;
    /*height: 968px;*/
    /*background: url(../images/zng_bj.jpg) no-repeat center / cover fixed;*/
    background: url(../images/zng_bj.jpg) no-repeat center / cover;
}
.index_znhxt_list{
    width: 100%;
    margin-top: 48px;
    position: relative;
    overflow: hidden;
}

.znhxtSwiper{
    padding-bottom: 80px;
}
.znhxtSwiper .swiper-slide{
    height: auto;
}
.znhxtSwiper_div{
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    padding: 20px 28px;
    overflow: hidden;
    border-radius: 24px;
}

.znhxtSwiper_img{
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
}
.znhxtSwiper_img img{
    width: 100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.znhxtSwiper_img img:hover{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.znhxtSwiper_title{
    margin-top: 8px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight:600;
}
.znhxtSwiper_list{
    width: 100%;
    margin-top: 18px;
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}
.znhxtSwiper_list dd{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 20px;
    color: #51565D;
}
.znhxtSwiper_list dd:after{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(39, 125, 255, 1);
}
.znhxtSwiper .swiper-button-next:after,.znhxtSwiper .swiper-button-prev:after{
    display: none;
}
.znhxtSwiper .swiper-pagination span{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 1;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 6px 30px 0 rgba(39, 125, 255, 0.1);
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.znhxtSwiper span.swiper-pagination-bullet-active{
    background: rgba(255, 255, 255,1);
    width: 56px;
    border-radius: 25px;
}

.znhxtSwiper .swiper-button-prev,.znhxtSwiper .swiper-button-next{
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 12px;
    box-shadow: 0 6px 30px 0 rgba(39, 125, 255, 0.1);
    top: 33%;
}
.znhxtSwiper .swiper-button-prev i,.znhxtSwiper .swiper-button-next i{
    font-size: 24px;
}
.znhxtSwiper .swiper-button-prev{
    right: auto;
    left: 0;
}

.znhxtSwiper .swiper-button-next{
    right: 0;
    left: auto;
}
/*index_about*/
.index_about{
    padding: 100px 0;
    height: 705px;
    background: url("../images/about_bj.jpg") top center no-repeat;
    background-size: cover !important;
}
.index_about:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(272.47deg, rgba(255, 255, 255, 0) 2.22%, #FFFFFF 81.47%);

}
.index_about:before{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #F8F9FE 100%);
}
.index_about_div{
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
   /* display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;*/
    display:flex;
    justify-content:space-between;
    flex-flow:row-reverse!important;
}
.index_about_left{
    width: 45%;
}
.index_about_t{
    width: 100%;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
}
.index_about_p{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    margin-top: 30px;
    color: #51565D;
}
.index_about_more{
    width: 100%;
    margin-top: 20px;
    color: rgba(39, 125, 255, 1);
}
.index_about_more a{
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: rgba(39, 125, 255, 1);
}
.index_about_num{
    width: 100%;
    margin-top: 30px;
    display: flex;
}
.index_about_num dd{
    text-align: center;
    margin-right: 70px;
}
.index_about_num dd span{
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    width: 120px;
    text-align: center;
    display: block;
}
.index_about_num dd span i{
    font-size: 56px;
    font-style: italic;
    line-height: 66.83px;
    text-align: right;
    color: rgba(39, 125, 255, 1);
    font-weight: bold;
    margin-right: 5px;
    font-family: Poppins;

}
.index_about_num dd p{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(81, 86, 93, 1);
}

.index_about_right{
    width: 45%;
    overflow: hidden;
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 8.24px 58.86px 11.77px rgba(156, 189, 239, 0.5);
}
.index_about_sp{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.index_about_sp video{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.index_c_video{
    /*display: flex;*/
    width: 100%;
    overflow: hidden;
    /*border-radius: 10px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*height: 100%;*/
}
.index_about_video{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
}
.index_video_layer{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    background: #ffffff;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}
.index_video_layer img{
    width: 58px;
}
.index_video_d{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.index_video_fd{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video_two{
    display: flex;
    height: 100%;
}

/*理由*/
.index_ly{
    padding: 100px 0;
    background: rgba(248, 250, 254, 1);
}
.index_title i{
    font-size: 48px;
    font-style: italic;
    font-weight: 700;
    line-height: 58px;
    text-align: center;
    color: rgba(39, 125, 255, 1);
}
.index_ly_list{
    width: 100%;
    margin-top: 24px;
}
.index_ly_div{
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 45px 55px;
}
.index_ly_div img{
    width: 28%;
}
.index_ly_list ul li:hover .index_ly_div img{
    transform: rotateY(360deg); /* 鼠标悬停时旋转180度 */
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.index_ly_list ul{
    padding-left: 0;
}
.index_ly_list ul li{
    margin-top: 30px;
}
.index_ly_info{
    width: 69%;
    display: flex;
    justify-content:center;
    flex-direction:column;
}
.index_ly_info span{
    font-size: 24px;
    line-height: 34px;
    display: block;
    margin-bottom: 10px;
}
.index_ly_info p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #51565D;
}
/*行业新闻*/
.index_news{
    padding: 100px 0;
    background: #ffffff;
}
.index_news_list{
    width: 100%;
    margin-top: 48px;
    padding: 0 20px;
}
.newsSwiper{
    padding-bottom: 50px;
}
.newsSwiper .swiper-slide{
    height: auto;
    background: #ffffff;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0px 8px 40px 0px rgba(39, 125, 255, 0.1);
}
.newsSwiper_div{
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}
.newsSwiper_info{
    padding: 20px;
    background: #ffffff;
}
.newsSwiper_img{
    width: 100%;
    overflow: hidden;
}
.newsSwiper_img img{
    width: 100%;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.newsSwiper_img img:hover{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.newsSwiper_tag{
    width: 100%;
}
.newsSwiper_tag span{
    display: inline-block;
    margin-right: 6px;
    border-radius: 6px;
    padding: 2px 8px 2px 8px;
   font-weight: 600;
}
.newsSwiper_title{
    height: 50px;
    overflow: hidden;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    margin-top: 10px;
}
.newsSwiper_time{
    margin-top: 5px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: rgba(148, 155, 165, 1);
}


/*footer*/
footer{

}
.footer_top{
    background: rgba(248, 250, 254, 1);
    padding: 80px 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}
.footer_logo{

}
.footer_ewm{
    border-radius: 10px;
    overflow: hidden;
    width: 114px;
    margin-top: 30px;
    border: 1px solid rgba(39, 125, 255, 0.05);
    box-shadow: 0px 4.5px 22.5px 0px rgba(22, 101, 220, 0.12);
   /* box-shadow: 0px 3px 7.5px 0px rgba(22, 101, 220, 0.05);*/

}
.footer_ewm img{
    width: 100%;
}
.footer_top_right{
    width: 88%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.footer_nav span{
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
}
.footer_nav ul{
    width: 120px;
    padding-left: 0;
    margin-top: 30px;
}
.footer_nav ul li{
    margin-bottom: 15px;
}
.footer_nav ul li a{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.footer_p{
    width: 180px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}


.footer_bottom{
    background: rgba(255, 255, 255, 1);
    padding: 15px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;

}
.footer_botto a{
    color: #000000;
}

/*新闻列表*/
.ny_banner{
    height: 664px;
    overflow: hidden;
    background-size: cover !important;
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    position: relative;
}

.newsny{
    position: relative;
    background: rgba(243, 247, 255, 1);
    padding: 100px 0;
}

.newsny_div{
    z-index: 1;
    width: 100%;
    margin-top: -150px;
    padding: 60px 80px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0px 4.29px 21.43px 0px rgba(39, 125, 255, 0.12);
    overflow: hidden;
}
.nr_title{
    width: 100%;
    text-align: center;
}
.nr_title span{
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
}
.nr_title p{
    margin-top: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #51565D;
}
.news_list{
    width: 100%;
    margin-top: 60px;
}
.news_list ul{
    position: relative;
    padding-left: 0;
}
.news_list ul li{
    width: 100%;
    height: 104px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    /*padding: 12px 20px 12px 20px;*/
    padding: 0 20px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.news_list ul li:hover{
    background: rgba(81, 86, 93, 0.05);
}

.news_pc_hx{
    width: 16px;
    height: 100%;
    position: relative;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news_pc_hx:after{
    position: absolute;
    left: 45%;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    border: 1px solid rgba(217, 217, 217, 0.3)

}
.news_pc_hx span{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(217, 217, 217, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}
.news_pc_hx span i{
    display: inline-block;
    width: 8px;
    height: 8px;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(217, 217, 217, 1);
}
.news_pc_time{
    height: 100%;
    font-size: 16px;
    line-height: 24px;
    color: rgba(148, 155, 165, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.news_pc_time em{
    font-style: normal;
}

.news_time{
    font-size: 16px;
    line-height: 24px;

}
.news_time a,.news_time i{
    color: #51565D;
    font-weight:400;
}


.news_img{
    width: 134px;
    overflow: hidden;
    border-radius: 6px;
}
.news_img img{
    width: 100%;
}

.news_text{
    width: 70%;
}
.news_title a{
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: #1f2329;
}
.news_zd{
    padding: 2px 8px 2px 8px;
    gap: 10px;
    margin-right: 10px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: rgba(255, 0, 107, 1);
    background: rgba(255, 0, 184, 0.1);
}

.news_qt{
    width: 100%;
    margin-top: 10px;
}
.news_qt span{
    display: inline-block;
    padding: 2px 8px 2px 8px;
    gap: 10px;
    border-radius: 6px;
    margin-right: 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
}
.news_on1{
    background: rgba(0, 209, 255, 0.1);
    color: rgba(0, 209, 255, 1);
}
.news_on2{
    background: rgba(255, 138, 0, 0.1);
    color: rgba(255, 153, 0, 1);
}
.news_on3{
    background: rgba(121, 39, 255, 0.1);
    color: rgba(121, 39, 255, 1);
}

/*分页*/
.pages{
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
}
.pages_div{
    display: flex;
    float: right;
}
.pages ul{
    padding-left: 0;
    display: inline-block;
    font-size: 0;
}
.pages ul li{
    height: 30px;
    line-height: 28px;
    display: inline-block;
    border: solid 1px rgba(208, 211, 214, 1);
    border-radius: 8px;
    margin: 0 4px;
}
.pages ul li a{
    padding: 0 10px;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
}
.pages ul li i{
    font-weight: bold;
    color: rgba(100, 106, 115, 1);
}
.pages ul li.active a{
    color: rgba(20, 86, 240, 1);
}
.pages ul li.active{
    border: solid 1px rgba(20, 86, 240, 1);
}
.pages ul li:hover{
    border: solid 1px rgba(20, 86, 240, 1);
}
.pages ul li:hover a{
    color: rgba(20, 86, 240, 1) !important;
}
.pages ul li:hover i{
    color: rgba(20, 86, 240, 1) !important;
    font-weight: bold;
}
.pages ul li span{
    padding: 0 10px;
    font-size: 14px;
}


.pages_se{
    margin-left: 10px;
    font-size: 16px;
    color: rgba(31, 35, 41, 1);
}
.pages_se input{
    width: 50px;
    height: 30px;
    border: solid 1px rgba(208, 211, 214, 1);
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    padding: 0 5px;
    margin: 0 5px;
}
.pages_se input.on{
    border: solid 1px #1456f0;
}

.gczz_list{
    width: 100%;
    margin-top: 50px;
}
.gczz_list ul{
    padding-left: 0;
}
.gczz_list ul li{
    margin-bottom: 50px;
}
.gczz_div{
    width: 100%;
}
.gczz_img{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.gczz_img img{
    width: 100%;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.gczz_img_c{
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: -100%;
    left: 0;
    background: rgba(39, 125, 255, 0.75);
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    backdrop-filter: blur(5px);
}
.gczz_img_c span{
    font-size: 18px;
    color: #ffffff;
}

.gczz_title{
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.gczz_title a{
    font-weight: 600;
}
.gczz_list ul li:hover .gczz_title a{
    color: #000000 !important;
}
.gczz_list ul li:hover .gczz_img img{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.gczz_list ul li:hover .gczz_img_c{
    bottom: 0;
}
.gczz_list ul li:hover .gczz_title a{
    color: #277DFF;
}


.ny_sp_bar{
    overflow: hidden;
    background-size: cover;
}
.ny_sp_bar_m{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ny_sp{
    width: 100%;
    display: flex;
}

.ny_sp_but{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ny_sp_but img{
    width: 90px;
    height: 90px;
    cursor: pointer;
}

.casebr_title{
    font-size: 48px;
    font-weight: 600;
    line-height: 68px;
    text-align: left;
    color: #ffffff;
}
.casebr_p{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: rgba(255,255,255,0.7);
    margin-top: 8px;
}
.casebr_span{
    margin-top: 8px;
}
.casebr_span span{
    display: inline-block;
    height: 30px;
    padding: 4px 8px 4px 8px;
    border-radius: 6px;
}
.case_on1{
    color: rgba(39, 125, 255, 1);
    background: rgba(39, 125, 255, 0.1);
}
.case_on2{
    color: rgba(41, 213, 151, 1);
    background: rgba(47, 209, 44, 0.1);
}
.case_on3{
    color: rgba(0, 209, 255, 1);
    background: rgba(0, 209, 255, 0.1);
}
.case_on4{
    color: rgba(121, 39, 255, 1);
    background: rgba(121, 39, 255, 0.1);
}
.casebr_num{
    margin-top: 50px;
}
.casebr_num dd{
    display: inline-block;
    text-align: center;
    margin-right: 60px;
}
.casebr_num dd span{
    color: rgba(39, 125, 255, 1);
    font-size: 56px;
    font-style: italic;
    font-weight: 600;
    line-height: 66px;
}
.casebr_num dd span i{
    font-size: 28px;
}
.casebr_num dd p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.case_list{
    width: 100%;
}
.case_list ul{
    padding-left: 0;
}
.case_list ul li{
    margin-bottom: 50px;
}
.case_div{
    width: 100%;
    height: 100%;
    border: 1px solid rgba(31, 35, 41, 0.15);
    border-radius: 16px;
    overflow: hidden;
}
.case_img{
    width: 100%;
    overflow: hidden;
}
.case_img img{
    width: 100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.case_info{
    width: 100%;
    padding: 20px;
}
.case_title{
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: rgba(31, 35, 41, 1);
}
.case_span{
    width: 100%;
    margin-top: 8px;
}
.case_span span{
    display: inline-block;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 6px;
    font-weight: 600;
}

.case_list ul li:hover .case_img img{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.lxwm_banner{
    height: 899px;
    background-size: cover !important;
}
.lxwm_title{
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    margin-top: 180px;
}

.lxwm_list{
    width: 100%;
    margin-top: 40px;
}

.lxwm_div{
    width: 100%;
    height:360px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    text-align: center;
    padding: 0 30px;
}
.lxwm_div p{
    color: #ffffff;
}
.img_ico{
    width: 100px;
    margin-top: 85px;
}
.lxwm_tel{
    margin-top: 24px;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;

}
.lxwm_text{
    margin-top: 16px;
    font-size: 16px;
}
.img_ewm{
    margin-top: 88px;
}

.lxwm_form{
    padding: 40px;
    background: rgba(6, 16, 29, 1);
}
.lxwm_form_m{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 40px;
}
.lxwm_form_title{
    width: 176px;
}
.lxwm_form_title span{
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    text-align: left;
    color: #ffffff;
}
.lxwm_form_title p{
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 4px;

}

.lxwm_form_list{
    width: 86%;
}
.lxwm_form_list form{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.lxwm_form_wa{
    width: 26%;
}
.lxwm_form_wa label{
    width: 100%;
    font-size: 14px;
    color: #ffffff;
}
.lxwm_form_wa input{
    margin-top: 8px;
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    border: none;
    padding: 0 10px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

.lxwm_form_wb button{
    width: 175px;
    height: 40px;
    border-radius: 25px;
    background: rgba(39, 125, 255, 1);
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
    border: none;
    color: #ffffff;
    font-size: 16px;
    margin-top: 28px;
}

.index_about_list{
    width: 100%;
    margin-top: 48px;
}
.index_about_list dd{
    position: relative;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    padding: 5px 0 5px 15px;
    color: #51565D;
}
.index_about_list dd:after{
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(39, 125, 255, 1);
}

.about_a{
    background: url("../images/ry_bj.jpg") top center no-repeat;
    background-size: cover !important;
    padding: 100px 0;
}

.about_bka{
    padding: 100px 0;
    height: 705px;
    background: url("../images/about_a_1.jpg") top center no-repeat;
    background-size: cover !important;
}

.about_a_imgs{
    width: 100%;
    margin-top: 48px;
}
.about_a_imgs img{
    width: 100%;
}

.about_b{
    background: url("../images/about_b_1.jpg") top center no-repeat;
    background-size: cover !important;
    padding: 100px 0;
}

.about_b_list{
    width: 100%;
    margin-top: 48px;
}
.about_b_list ul{
    padding-left: 0;
}
.about_b_div{
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    padding: 60px 32px 96px 32px;
    border-radius: 16px;
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
}

.about_b_img{
    width: 100%;
}
.about_b_img img{
    width: 200px;
}
.about_b_title{
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: rgba(31, 35, 41, 1);
}
.about_b_list ul li:hover .about_b_img img{
    transform: rotateY(360deg); /* 鼠标悬停时旋转180度 */
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.about_c{
    padding: 100px 0;
    background: #ffffff;
}
.about_c_m{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.about_c_left{
    width: 58%;
    overflow: hidden;
}
.about_c_left img{
    width: 100%;
}
.about_c_right{
    width:38%;
}
.about_c_title{
    width: 100%;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
    color: rgba(31, 35, 41, 1);
}
.about_c_p{
    margin-top: 30px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: rgba(81, 86, 93, 1);


}


.about_d{
    padding: 100px 0;
    background: rgba(243, 247, 255, 1);
}

.about_d_list{
    width: 100%;
    margin-top: 48px;
}
.about_d_list ul{
    width: 100%;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.about_d_list ul li{
    width: 19%;
}
.about_d_div{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
    border-radius: 16px;
    padding: 48px 32px 64px 32px;
}
.about_d_img{
    width: 100%;
    text-align: center;
}

.about_d_title{
    width: 100%;
    text-align: center;
}
.about_d_title span{

    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: rgba(31, 35, 41, 1);
    display: block;
}
.about_d_title p{

    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: rgba(81, 86, 93, 1);
    margin-top: 5px;
}

.about_d_list ul li:hover .about_d_img img{
    transform: rotateY(360deg); /* 鼠标悬停时旋转180度 */
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

/*智能化系统*/
.znhxt_banner{
    height: 964px;
    background-size: cover !important;
}


.znhxt_px{
    padding: 100px 0;
}

.colora{
    background: rgba(207, 226, 255, 0.2);
}



.znhxta_m{
    display:flex;
    justify-content:space-between;
    flex-flow:row-reverse;
    align-items: center;
    -webkit-align-items: center;
}

.znhxt_text span{
 
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    color: rgba(31, 35, 41, 1);
}

.znhxt_text ul{
    padding-left: 0;
    margin-top: 40px;
}
.znhxt_text ul li{
    position: relative;

    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: rgba(81, 86, 93, 1);
    margin-bottom: 5px;
    padding: 5px 0 5px 15px;
}


.znhxt_text ul li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(39, 125, 255, 1);
}

.znhxtb_m{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.znhxta .znhxt_text{
    margin-left: 23%;
}
.znhxta .znhxt_img{
    margin-right: 15%;
    max-width: 37.5%;
}
.znhxta .znhxt_img img{
    width: 100%;
}
.znhxtb .znhxt_text{
    margin-right: 20%;
}
.znhxtb .znhxt_img{
    max-width: 52.8%;
}
.znhxtb .znhxt_img img{
    width: 100%;
}
.znhxtc .znhxt_text{
    margin-left: 14%;
}

.znhxtc .znhxt_img{
    max-width: 68.5%;
}
.znhxtc .znhxt_img img{
    width: 100%;
}

.znhxtd .znhxt_text{
    margin-right: 15%;
}
.znhxtd .znhxt_img{
    max-width: 63%;
}
.znhxtd .znhxt_img img{
    width: 100%;
}

.znhxte .znhxt_text{
    margin-left: 20%;
}
.znhxte .znhxt_img{
    max-width: 54%;
}
.znhxte .znhxt_img img{
    width: 100%;
}
.znhxtf .znhxt_text{
    margin-right: 17%;
}
.znhxtf .znhxt_img{
    max-width: 60.5%;
}
.znhxtf .znhxt_img img{
    width: 100%;
}

.znhxtg .znhxt_text{
    margin-left: 19%;
}
.znhxtg .znhxt_img{
    max-width: 60%;
}
.znhxtg .znhxt_img img{
    width: 100%;
}
.znhxth .znhxt_text{
    margin-right: 26%;
}
.znhxth .znhxt_img{
    max-width: 56.5%;
}
.znhxth .znhxt_img img{
    width: 100%;
}

.znhxti .znhxt_text{
    margin-left: 15%;
}
.znhxti .znhxt_img{
    max-width: 62.5%;
}
.znhxti .znhxt_img img{
    width: 100%;
}
.znhxtj .znhxt_text{
    margin-right: 11%;
}
.znhxtj .znhxt_img{
    max-width: 70%;
}
.znhxtj .znhxt_img img{
    width: 100%;
}
.znhxtk .znhxt_text{
    margin-left: 12%;
}
.znhxtk .znhxt_img{
    max-width: 74%;
}
.znhxtk .znhxt_img img{
    width: 100%;
}

.cp_link{
    width: 100%;
    text-align: left;
    z-index: 10;
    display: block;
    position: relative;
    margin-top: 30px;
}
.cp_link a.on{
    border: solid 1px #277DFF;
    background: #277DFF;
    margin-right: 16px;
    color: #ffffff;
}
.cp_link a{
    font-size: 18px;
    display: inline-block;
    width: 168px;
    height: 57px;
    border-radius: 48px 48px 48px 48px;
    text-align: center;
    line-height: 57px;
    border: solid 1px #ffffff;
    background: #ffffff;
    color: #277DFF;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.cp_link a:hover{
    background: #277DFF;
    border: solid 1px #277DFF;
    color: #FFFFFF;
}
.cp_link a.on:hover{
    background: none;
    border: solid 1px #ffffff;
    background: #ffffff;
    color: #277DFF;
}

.ny_cp_bk{
    width: 100%;
    position: absolute;
    bottom: 150px;
    height: 200px;
}
.ny_cp_bk_hx{
    margin-top: 84px;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1));
}
.ny_cp_bk_hx ul{
    margin-left: 45%;
    padding-left: 0;
    display: flex;
}
.ny_cp_bk_hx ul li{
    position: relative;
    margin-right: 45px;
    border-left: 1px solid #ffffff;
}
.ny_cp_bk_hx ul li:after{
    content: "";
    position: absolute;
    left: -10px;
    bottom: -8px;
    width:19px;
    height:19px;
    padding: 6px 0px 0px 0px;
    border-radius:50%;
    background: rgba(255, 255, 255, 0.25);
}
.ny_cp_bk_hx ul li:before{
    content: "";
    position: absolute;
    left: -5px;
    bottom: -3px;
    width:9px;
    height:9px;
    border-radius:50%;
    background: rgba(255, 255, 255, 1);
}

.ny_cp_bk_hx ul li:nth-child(1){
    height: 122px;
}
.ny_cp_bk_hx ul li:nth-child(1) span{
    display: inline-block;
    margin-top: 105px;
}
.ny_cp_bk_hx ul li:nth-child(2){
    height: 73px;
}
.ny_cp_bk_hx ul li:nth-child(2) span{
    display: inline-block;
    margin-top: 56px;
}
.ny_cp_bk_hx ul li:nth-child(3){
    height: 73px;
    margin-top: -73px;
}
.ny_cp_bk_hx ul li:nth-child(3):after{
    content: "";
    position: absolute;
    left: -10px;
    top: -8px;
    width:19px;
    height:19px;
    padding: 6px 0px 0px 0px;
    border-radius:50%;
    background: rgba(255, 255, 255, 0.25);
}
.ny_cp_bk_hx ul li:nth-child(3):before{
    content: "";
    position: absolute;
    left: -5px;
    top: -3px;
    width:9px;
    height:9px;
    border-radius:50%;
    background: rgba(255, 255, 255, 1);
}
.ny_cp_bk_hx ul li:nth-child(4){
    height: 73px;
}
.ny_cp_bk_hx ul li:nth-child(4) span{
    display: inline-block;
    margin-top: 56px;
}
.ny_cp_bk_hx ul li:nth-child(5){
    height: 122px;
}
.ny_cp_bk_hx ul li:nth-child(5) span{
    display: inline-block;
    margin-top: 104px;
}
.ny_cp_bk_hx ul li:nth-child(6){
    height: 73px;
}
.ny_cp_bk_hx ul li:nth-child(6) span{
    display: inline-block;
    margin-top: 56px;
}


.ny_cp_bk_hx ul li span{
    margin-left: 15px;
    position: relative;
    color: #ffffff;
 
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
.ny_cp_bk_hx ul li:nth-child(3) span{
    top: -14px;
    display: inline-block;
}


.product{
    padding: 100px 0;
    background: url("../images/product_bj.jpg") top center no-repeat;
    background-size: cover !important;
    position: relative;
}
.product_nav{
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 6px 30px 0px rgba(39, 125, 255, 0.1);
    padding: 8px;
    border-radius: 100px;
    margin-top: -140px;
}
.product_nav ul{
    padding-left: 0;
    width: 100%;
    display: flex;
}
.product_nav ul li.p_nav{
    width: 14%;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    margin-right: 12px;
    text-align: center;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product_nav ul li.p_nav.on{
    background: rgba(39, 125, 255, 0.15);
}
.product_nav ul li.p_nav a{
    font-weight: 400;
    color: #1f2329;
    font-size: 20px;
    display: block;
    width: 100%;
    height: 100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product_nav ul li.p_nav.on a{
    color: rgba(39, 125, 255, 1);
    font-weight: 600;
}
.product_nav ul li.p_nav:hover{
    background: rgba(39, 125, 255, 0.15);
}
.product_nav ul li.p_nav:hover a{
    color: rgba(39, 125, 255, 1);
}
.product_nav ul li:last-child{
    margin-right: 0;
}
.p_nav_xr{
    width: 14%;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    margin-right: 12px;
    text-align: center;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: linear-gradient(96.08deg, #27FFFF 1.01%, #2763FF 94.83%);
}
.p_nav_xr a{
    font-family: YouSheBiaoTiHei;
    transform: skewX(-15deg);
    font-size: 22px;
    font-weight: 600;
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.p_nav_xr:hover{
    opacity: 0.8;
}

.product_m{
    width: 100%;
}

.product_bk{
    width: 100%;
    margin-top: 12px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 12.88px 64.41px 0px rgba(39, 125, 255, 0.1);
    padding: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.product_bk_left{
    width:69%;
}
.cpsSwiper2{
    border-radius: 16px;
    overflow: hidden;
}
.cpsSwiper2 .swiper-slide img{
    width: 100%;
}
.cpsSwiper2 .swiper-button-next:after,.cpsSwiper2 .swiper-button-prev:after{
    display: none;
}
.cpsSwiper2 .swiper-button-next,.cpsSwiper2 .swiper-button-prev{
    width: 57px;
    height: 57px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4.75px 39.58px 0px rgba(39, 125, 255, 0.2);
    border-radius: 50%;
}
.cpsSwiper2 .swiper-button-next i,.cpsSwiper2 .swiper-button-prev i{
    font-size: 24px;
}

.cpsSwiper{
    margin-top: 8px;
    position: relative;
}
.cpsSwiper:before{
    content: "";
    position: absolute;
    width: 118px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
}
.cpsSwiper:after{
    content: "";
    position: absolute;
    width: 118px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
}
.cpsSwiper .swiper-slide{
    border-radius: 8px;
    overflow: hidden;
    border: solid 2px transparent;
    cursor: pointer;
}

.cpsSwiper .swiper-slide-thumb-active {
    border: solid 2px rgba(39, 125, 255, 1);
}
/*.cpsSwiper .swiper-slide.swiper-slide-active,.cpsSwiper .swiper-slide.swiper-slide-thumb-active{
    border: solid 2px rgba(39, 125, 255, 1);
}*/
/*.cpsSwiper .swiper-slide.swiper-slide-active{*/
/*    border: solid 2px rgba(39, 125, 255, 1);*/
/*}*/
.cpsSwiper .swiper-slide img{
    width: 100%;
}

.cpsSwiper .swiper-button-next:after,.cpsSwiper .swiper-button-prev:after{
    display: none;
}
.cpsSwiper .swiper-button-next,.cpsSwiper .swiper-button-prev{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3.93px 19.65px 0px rgba(39, 125, 255, 0.1);
}

.product_bk_right{
    height: 782px;
    overflow-y: auto;
    width: 30%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F8F9FE 100%);
    padding: 20px;
}
.product_bk_title{
    width: 100%;

    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: rgba(31, 35, 41, 1);
    margin-top: 24px;
}
.product_bks:nth-child(1) .product_bk_title{
    margin-top: 0;
}



.product_bk_xh{
    width: 100%;
    margin-top: 8px;

    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}
.product_bk_a{
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}
.product_bk_a a{
    width: 100%;
    display: block;
    height: 57px;
    border: solid 1.5px rgba(39, 125, 255, 1);
    border-radius: 100px;
    text-align: center;
    line-height: 57px;

    font-size: 18px;
    font-weight: 600;
    color: rgba(39, 125, 255, 1);
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product_bk_a a:hover{
    background: rgba(39, 125, 255, 1);
    color: #ffffff;
}

.product_bk_a.onbut{
    pointer-events: none;

    
}
.product_bk_a.onbut a{
    background: #efefef;
    border: solid 1px #efefef;
    color: #cccccc;
}

.product_bk_ld{
    width: 100%;
    margin-top: 12px;
}
.product_bk_ld span{
    display: inline-block;
    padding: 2px 8px 2px 8px;
    border-radius: 6px;
    margin-right: 4px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
}

.cp_rq_div{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.cp_rq{
    background: linear-gradient(98.23deg, #FFEFD5 -8.06%, #FFF5CB 90.99%);
    color: rgba(188, 121, 17, 1);
}
.cp_rqb{
    background: linear-gradient(116.83deg, rgba(205, 208, 219, 0.7) -7.67%, rgba(237, 238, 247, 0.7) 66.41%);
    color: rgba(95, 98, 108, 1);
}
.cp_rqc{
    background: linear-gradient(116.83deg, rgba(221, 181, 163, 0.7) -7.67%, rgba(255, 250, 229, 0.7) 66.41%);
    color: rgba(194, 111, 74, 1);
}
.cp_on2{
    background: rgba(47, 209, 44, 0.1);
    color: rgba(41, 213, 151, 1);
}

.product_bk_xq{
    width: 100%;
    margin-top: 12px;
}
.product_bk_xq dd{
    position: relative;
    width: 100%;

    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: rgba(81, 86, 93, 1);
    margin-bottom: 5px;
    padding-left: 15px;
}
.product_bk_xq dd:after{
    content: "";
    border-radius: 100%;
    background: rgba(81, 86, 93, 1);
    width: 6px;
    height: 6px;
    position: absolute;
    top: 8px;
    left: 0;
}

.product_bk_fl ul{
    padding-left: 0;
}
.product_bk_fl ul li{
    margin-top: 12px;
}
.product_bk_flbut{
    width: 100%;
    text-align: center;
}

.product_bk_imgs{
    width: 100%;
}
.product_bk_imgs img{
    border: solid 2px transparent;
    overflow: hidden;
    border-radius: 50%;
    background: #ffffff;
}
.product_bk_imgs.on img{
    border: solid 2px rgba(39, 125, 255, 1);
}

.product_bk_btss{
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.product_bk_btss a{

    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(81, 86, 93, 1);

}

.product_divs{
    width: 100%;
    margin-top: 80px;
}
.cp_titles{
    width: 100%;
    text-align: center;
}
.cp_titles span{

    font-size: 32px;
    font-weight: 600;
    line-height: 44.8px;
    text-align: center;
    color: rgba(31, 35, 41, 1);
}
.cp_titles p{
    margin-top: 10px;
   
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    color: rgba(81, 86, 93, 1);
}
.product_divs .product_bk{
    margin-top: 48px;
}


.pr_left{
    width: 20%;
    background: linear-gradient(180deg, #F8F9FE 0%, #F8F9FE 100%);
    height: auto;
    padding: 10px 0;
    border-radius: 16px;
}
.pr_left dd{
    padding: 12px 0;
    width: 100%;
    height: 50%;
    text-align: center;
}
.pr_left_img{
    width: 100%;
}

.pr_left dd:hover .pr_left_img img{
    transform: rotateY(360deg); /* 鼠标悬停时旋转180度 */
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}


.pr_left_title{
    width: 100%;
}
.pr_left_title span{

    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: rgba(31, 35, 41, 1);
}
.pr_left_title p{
    margin-top: 8px;

    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(81, 86, 93, 1);
}

.pr_m{
    width: 56.8%;
    height: auto;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}
.pr_m_div{
    width: 100%;
    height: 100%;
    position: relative;
    background: #F3F3F3;
}

.pr_m_c{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(0deg, rgba(39, 125, 255, 0.05), rgba(39, 125, 255, 0.05)),
    linear-gradient(0deg, rgba(31, 35, 41, 0.4), rgba(31, 35, 41, 0.4));
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}
.pr_m_but{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 30px;
}

.pr_m_m_ck{
    position: relative;
    z-index: 3;
}
.pr_m_m_ck:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    z-index: -1;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pr_m_m_ck:after{
    content: "";
    position: absolute;
    top: 27px;
    left: 18px;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
    -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pr_m_m_ck img{
    position: relative;
    z-index: 3;
}

@keyframes warn {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    50% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.6;
    }

    75% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes warn1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.6;
    }

    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}


.pr_m_text{
    width: 100%;

    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.pr_right{
    width: 20%;
}

.pr_right ul{
    padding-left: 0;
    width: 100%;
}
.pr_right ul li{
    width: 100%;

    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: rgba(31, 35, 41, 1);
    padding: 12px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 15px;
}
.pr_right ul li:last-child{
    margin-bottom: 0;
}
.pr_right ul li.on{
    background: rgba(39, 125, 255, 0.15);
    color: rgba(39, 125, 255, 1);

}
.pr_right ul li:hover{
    background: rgba(39, 125, 255, 0.15);
    color: rgba(39, 125, 255, 1);

}

.product_rqb{
    width: 100%;
    margin-top: 48px;
}
.product_rqb ul{
    padding-left: 0;
}

.product_rqb_div{
    position: relative;
    width: 100%;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0px 6.24px 31.21px 0px rgba(39, 125, 255, 0.1);
}
.product_rqb_img{
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}
.product_rqb_img img{
    width: 100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product_rqb_title{
    width: 100%;
    margin-top: 16px;
}
.product_rqb_title a{

    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: rgba(31, 35, 41, 1);
}

.product_rqb_tags{
    width: 100%;
    margin-top: 6px;
}
.product_rqb_tags span{
    padding: 2px 10px;
    border-radius: 4px;
    margin-right: 5px;
    font-weight: 600;
    font-size: 14px;
}

.cp_ph{
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 32px;
    font-size: 14px;
    padding: 6px 12px 6px 12px;
    border-radius: 0px 0px 16px 0px;
    font-weight: 600;
}
.cp_ph img{
    margin-right: 5px;
}
.pha{
    background: linear-gradient(116.83deg, rgba(253, 214, 147, 0.7) -7.67%, rgba(255, 250, 229, 0.7) 66.41%);
    color: rgba(188, 121, 17, 1);
}
.phb{
    background: linear-gradient(116.83deg, rgba(205, 208, 219, 0.7) -7.67%, rgba(237, 238, 247, 0.7) 66.41%);
    color: rgba(95, 98, 108, 1);
}

.phc{
    background: linear-gradient(116.83deg, rgba(221, 181, 163, 0.7) -7.67%, rgba(255, 250, 229, 0.7) 66.41%);
    color: rgba(194, 111, 74, 1);
}

.product_rqb ul li:hover .product_rqb_img img{
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

/*产品弹层*/
.cp_layer{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
}
.cp_layer_m{
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.cp_layer_h{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(31, 35, 41, 0.75);
}

.cp_layer_lb{
    width: 848px;
    border-radius: 16px;
    position: relative;
    padding: 24px;
    background: #ffffff;
}

.cp_layer_top{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.cp_layer_title{
    width: 70%;

    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: rgba(31, 35, 41, 1);
}

.cp_layer_but i{
    color: rgba(100, 106, 115, 1);
    font-weight: bold;
    cursor: pointer;
}

.swiper_cplist{
    width: 100%;
    overflow: hidden;
    margin-top: 24px;
}
.swiper_cplist .swiper-slide{
    width: 100%;
    border-radius: 10px;
}
.swiper_cplist .swiper-slide img{
    width: 100%;
}
.swiper_cplist_m .swiper-button-next,.swiper_cplist_m .swiper-button-prev{
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    overflow: hidden;
}
.swiper_cplist_m .swiper-button-next i,.swiper_cplist_m .swiper-button-prev i{
    color: #ffffff;
    font-size: 24px;
}
.swiper_cplist_m .swiper-button-next{
    right: -120px;
}
.swiper_cplist_m .swiper-button-prev{
    left: -120px;
}
.swiper_cplist_m .swiper-button-next:after, .swiper_cplist_m .swiper-button-prev:after{
    display: none;
}

.swiper_cplist_m{
    position: relative;
}


.cp_layer_bot{
    width: 100%;
    margin-top: 24px;
    text-align: right;
}
.cp_layer_bot button{
    display: inline-block;
    background: rgba(51, 112, 255, 1);
    width: 96px;
    height: 40px;
    border-radius: 6px;
    border: none;
    color: #ffffff;
    font-size: 14px;
}
.cp_layer_bot button:hover{
    opacity: 0.8;
}
.lxwm_list ul{
    padding-left: 0;
}

.product_bkuls{
    width: 100%;
    margin-top: 24px;
}
.product_bkuls_li{
    display: none;
}
.product_bkuls .product_bkuls_li:nth-child(1){
    display: block;
}