/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

/* h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;} */

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}
.dth_wh {
  width: 96%;
  max-width: 1580px;
  display: block;
  margin: 0 auto;
}
/*主体样式*/

@font-face {
    font-family: "zz";
    /*随意命名*/
    src: url("GILROY-BOLD1.ttf") format("truetype");
}

.overflow {
    overflow: hidden
}

html {
    font-size: 5.2083vw
}

@media screen and (max-width: 1280px) {
    html {
        font-size:80px
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size:68px
    }
}

@media screen and (max-width: 600px) {
    html {
        font-size:80px
    }
}

@media screen and (min-width: 1921px) {
    html {
        font-size:95px
    }
}

:root {
    --demo-color: #00a1e9
}


.x-menu {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.x-menu > li {
    margin: 0;
    text-align: center;
    float: none;
    position: relative;
}

.x-menu > li > a {
    font-size: 18px;
    color: #fff;
    line-height: 80px;
    display: block;
}

.x-menu > li:hover > a {
   font-weight: 600;
}

.x-menu > li.active > a {
    
}

.x-menu .lastli {
    width: 6% !important;
}

.x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.x-sub-menu {
    position: absolute;
    z-index: 999;
    width: 200%;
    left: -50%;
    top: 80px;
    background: #fff;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu > li > a {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    padding: .5em;
}

.x-sub-menu > li > a:hover {
    background: #1585e9;
    color:#fff;
}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
    display: none;
}

.x-menu > li .x-sub-menux {
    position: absolute;
    left: 100%;
    width: 100%;
    background: #fff;
    top: 80px;
    border-radius: 5px;
    padding: 10px 0;
    display: none;
}

.x-menu > li .x-sub-menux li {
    position: relative;
}

.x-menu > li .x-sub-menux li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: 0.5em
}

.x-menu > li .x-sub-menu li:hover .x-sub-menux {
    display: block;
}

.x-menu > li .x-sub-menux li a:hover {
    background: #e9eaeb;
}

.head-bg.scroll .x-menu>li>a {
    color: #333333;
}

.head-bg:hover .x-menu>li>a {
    color: #333333;
}

.so {
    cursor: pointer;
}

.so img {
    max-width: 100%;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(255, 179, 0, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}


/**/
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.align-center {
    align-items: center;
}

.wrap{
  flex-wrap: wrap;
}
.w1580{
   width: 94%;
    max-width: 1580px;
    margin: 0 auto;
}

@media (max-width: 1580px){
    .max1580{
        padding-left: 0px;
        padding-right: 0px;
        width: 92%;
    }
}

@media (min-width: 1921px){
    .max1580{
        max-width: 100%;
        padding-left: 0rem;
        padding-right: 0rem;
        width: 82.2916%;
    }
}


/* head */
.head-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}

.head-bg.scroll{
    position: fixed;
    background-color: rgba(255, 255, 255, 1);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background-image: none;
}

.head-bg:hover {
    background-color: rgba(255, 255, 255, 1);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    background-image: none;
}

.head-index .logo{
  width: 11.4%;
  line-height: 90px;
}

.head-index .logo img{
  max-width: 100%;
}

.head-index .headr{
  width: 67%;
}

.head-index .logo .logo2 {
    display: none;
}

.head-bg.scroll .logo .logo1, .head-bg:hover .logo .logo1 {
    display: none;
}

.head-bg.scroll .logo .logo2, .head-bg:hover .logo .logo2 {
    display: block;
}

.tnav{
  width: 85%;
  margin-right: 3%;
}

.ttyuan p{
  margin: 0;
}

.ttyuan p img{
  max-width: 100%;
}

.header-ss {
    position: relative;
    
}

.header-ss .ss_btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer
}

.header-ss .ss_btn .ss2 {
    display: none;
}

.head-bg.scroll .ss_btn .ss1, .head-bg:hover .ss_btn .ss1 {
    display: none;
}

.head-bg.scroll .ss_btn .ss2, .head-bg:hover .ss_btn .ss2 {
    display: block;
}

.head-bg .ttyuan .lang2 {
    display: none;
}

.head-bg.scroll .ttyuan .lang1, .head-bg:hover .ttyuan .lang1 {
    display: none;
}

.head-bg.scroll .ttyuan .lang2, .head-bg:hover .ttyuan .lang2 {
    display: block;
}

.index-search .content{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.45);z-index:999;display:none}
.index-search .content .container{position:relative;height:100%}
.index-search .content .s-content{background:#fff;text-align:center;padding:6vh 0;position:absolute;top:30%;width:100%;left:0;transform:translateY(20px);opacity:0;transition:.5s}
.index-search .content a.close2{position:absolute;font-size:32px;top:10px;right:20px}
.index-search .content .title{font-size:24px;color:#242424;margin-bottom:20px;line-height:1.5}
.index-search .content .input{font-size:0;line-height:1}
.index-search .content input{height:60px;outline:0;vertical-align:middle}
.index-search .content .inpt3{padding-left:20px;border:1px solid #d2d2d2;font-size:16px;width:45%;color:#292929}
.index-search .content .inpt3::-webkit-input-placeholder{color:#b6b6b6}
.index-search .content .inpt3:-moz-placeholder{color:#b6b6b6}
.index-search .content .inpt3::-moz-placeholder{color:#b6b6b6}
.index-search .content .inpt3:-ms-input-placeholder{color:#b6b6b6}
.index-search .content .inpt4{width:60px;background:#00a1e9 url(//cdn.myxypt.com/198807c7/26/01/3d7a35000083ca9785efe1ff4691f83f293fc0e3.png) no-repeat center;border:none;font-size:24px;color:#fff;}
.index-search .content.active .s-content{transform:none;opacity:1;transition-delay:0.36s}


/* banner */

.home-banner {
    width: 100%;
    position: relative;
}

.home-banner .swiper-slide {
    position: relative;
    overflow: hidden;
}

.home-banner .swiper-slide > a {
    display: block;
}

.home-banner .swiper-slide > a > img {
    display: block;
    width: 100%;
}

.banner_img {
    overflow: hidden;
    position: relative;
}

.banner_img img {
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 2s cubic-bezier(.34, .34, .27, .91);
    transition: all 2s cubic-bezier(.34, .34, .27, .91);
}

.home-banner .swiper-slide-active .banner_img video {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.home-banner .swiper-slide-active .banner_img img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.banner_read {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 99999;
    transform: translateY(-50%);
    text-align: left;
}
.banner_title {
    font-size:.7rem;
    line-height: 1.2;
  color: #ffffff;
    font-weight:bold;
    position: relative;
    text-align: center;
}

.banner_title1 {
    font-size:.24rem;
  color: #ffffff;
    margin-top: 0.34rem;
    text-align: center;
}


@keyframes mymove {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}


.home-banner .swiper-pagination1 {
    bottom: 3.125vw;
}

.home-banner .swiper-pagination1 .swiper-pagination-bullet {
    width: 3.65vw;
    height: 4px;
    background: rgba(255, 255, 255, .4);
    border-radius: 2px;
    margin: 0 .6vw !important;
    opacity: 1;
    position: relative;
    overflow: hidden;
}

.banner_read .wz{
    width: 54%;
}

.home-banner .swiper-slide5 .banner_read .wz{
    width: 66%;
}

.banner_read .wz .wza{
    color: #fff;
    font-size: 3.64583333333333vw;
    font-weight: 600;
    margin-bottom: 1vw;
}

.banner_read .wz .wzb{
    color: #fff;
    font-size: 1.25vw;
}

.banner_read .wz .wzc{
    font-size: 0;
    margin-top: 5.5vw;
}

.banner_read .wz .wzc a{
    display: inline-block;
    border: 1px solid #fff;
    width: 184px;
    height: 54px;
    line-height: 52px;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: 0.5s;
}

.banner_read .wz .wzc a.a1{
    background: #00a1e9;
    border-color: #00a1e9;
    margin-right: 1vw;
}
.banner_read .wz .wzc a:hover.a1{
    background: #fff;
    border-color: #fff;
    color: #00a1e9;
}
.banner_read .wz .wzc a:hover.a2{
    background: #00a1e9;
    border-color: #00a1e9;
    color: #fff;
}

.swiper-button-next1{
    position: absolute;
    background: url(../images/banner_next.png) no-repeat center;
    background-size: 100% 100%;
    width: 21px;
    height: 40px;
    right: 2vw;
    top: 50%;
    margin-top: -20px;
    z-index: 99;
    outline: none;
}

.swiper-button-next1:hover{
    opacity: 0.5;
}

.swiper-button-prev1{
    position: absolute;
    background: url(../images/banner_prev.png) no-repeat center;
    background-size: 100% 100%;
    width: 21px;
    height: 40px;
    left: 2vw;
    top: 50%;
    margin-top: -20px;
    z-index: 99;
    outline: none;
}

.swiper-button-prev1:hover{
    opacity: 0.5;
}

@media(max-width: 1200px){
    .banner_read .wz .wzc{
        margin-top: 20px;
    }
    .banner_read .wz .wzc a{
        width: 150px;
        height: 46px;
        line-height: 44px;
        font-size: 14px;
    }
}

@media(max-width: 780px){
    .banner_read .wz .wza{
        font-size: 16px;
    }
    .banner_read .wz .wzb{
        font-size: 12px;
    }
    .banner_read .wz .wzc a{
        width: 120px;
        height: 40px;
        line-height: 38px;
        font-size: 12px;
    }
}

@media(max-width: 640px){
    .banner_read .wz{
        width: 100%;
    }
    .banner_read .wz .wzc{
        margin-top: 10px;
    }
    .banner_read .wz .wzc a{
        width: 100px;
        height: 30px;
        line-height: 28px;
    }
    .swiper-button-prev1{
        width: 11px;
        height: 20px;
        margin-top: -10px;
    }
    .swiper-button-next1{
        width: 11px;
        height: 20px;
        margin-top: -10px;
    }
}

/* 进度条 */

.home-banner .swiper-pagination1 .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--progress, 0);
    background: rgba(255, 255, 255, 1);
    transition: width var(--progress-duration, 0ms) linear;
}


/* 激活态 */

.home-banner .swiper-pagination1 .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, .4);
}



.banner_animate {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

.banner_show {
    -webkit-animation: 1s animateShow forwards !important;
    animation: 1s animateShow forwards !important;
}

@-webkit-keyframes animateShow {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes animateShow {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}


.home-banner .banner_animate:nth-child(1) {
    -webkit-animation-delay: 200ms !important;
    animation-delay: 200ms !important;
}

.home-banner .banner_animate:nth-child(2) {
    -webkit-animation-delay: 400ms !important;
    animation-delay: 400ms !important;
}

.home-banner .banner_animate:nth-child(3) {
    -webkit-animation-delay: 600ms !important;
    animation-delay: 600ms !important;
}



/* product */
.probg{
    background-color: #f9f9f9;
    padding-top: 4.6875vw;
    padding-bottom: 6vw;
    position: relative;
}

.probg::before{
    content: '';
    position: absolute;
    background: url(//cdn.myxypt.com/198807c7/26/01/8f22d44fe9eb1e8cbe5b4f0b6735bca2cce82a0d.png) no-repeat top center;
    background-size: 100% 100%;
    width: 23.48958333333333vw;
    height: 25.9375vw;
    left: 0;
    bottom: 0;
}

.pubtitle{
    text-align: center;
}

.pubtitle .pubtitlea{
    color: #333333;
    font-weight: 600;
    font-size: .48rem;
}

.pubtitle .pubtitleb{
    color: #666666;
    font-size: 18px;
    margin-top: 5px;
}

.prowrap{
    margin-top: 3.125vw;
}

.proleft{
    width: 19%;
}

.pubtitle2{
    background: #00a1e9;
    height: 110px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pubtitle2 .pubtitle2a{
    font-size: .34rem;
    color: #fff;
    font-weight: 600;
}

.pubtitle2 .pubtitle2b{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-family: "Arial";
}

.procon{
    background: #fff;
    padding: .52rem .4rem;
    padding-top: 0.2rem;
    border: 1px solid #eeeeee;
}

.psort > li .psort-title{
    border-bottom: 1px solid #f0f0f0;
    padding: .2rem 0;
}

.psort > li .psort-title a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #555555;
    font-size: 18px;
}

.psort-child{
    padding: .25rem 0;
}

.psort-child li a{
    display: block;
    color: #666666;
    font-size: 16px;
    line-height: 2.25;
}

.psort-child li a:hover{
    color: #00a1e9;
}

.psort > li:hover > .psort-title a {
  color: #00a1e9;
  font-weight: 600;
}

.psort > li.active > .psort-title a {
  color: #00a1e9;
  font-weight: 600;
}

.psort > li.active {
}

.psort-title .ljt {
  display: inline-block;
  transition: transform .3s;
}

.proright{
    width: 77.22%;
    /* display: flex;
    justify-content: space-between;
    flex-direction: column; */
}

.proSwiper{
    overflow: hidden;
    box-shadow: 0 0 30px 7px rgba(0, 0, 0, 0.02), 0 0 50px 10px rgba(0,0,0,0.01);
    border: 1px solid rgba(238,238,238,1);
}

.proSwiper .swiper-slide .pw{
    padding: 0 .7rem;
    background: #fff;
    align-items: center;
}

.proSwiper .swiper-slide .img1{
    width: 43.15%;
    text-align: center;
}

.proSwiper .swiper-slide .img1 img{
    max-width: 100%;
    margin: 0 auto;
}

.proSwiper .swiper-slide .wz{
    width: 48.61%;
}

.proSwiper .swiper-slide .wz .wza{
    color: #333333;
    font-size: .3rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.proSwiper .swiper-slide .wz .wza span{
    width: 56px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #00a1e9;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    margin-left: 14px;
}

.proSwiper .swiper-slide .wz .wzb{
   color: #333333;
    font-size: .3rem;
    font-weight: 600;
}

.proSwiper .swiper-slide .wz .wzc{
    color: #666666;
    font-size: 16px;
    line-height: 1.875;
    height: 90px;
    overflow: hidden;
    margin: 1vw 0;
}

.proSwiper .swiper-slide .wz .wzd a{
    display: inline-block;
    border: 1px solid #00a1e9;
    width: 150px;
    height: 52px;
    line-height: 50px;
    color: #00a1e9;
    font-size: 16px;
    text-align: center;
    margin-right: 9px;
}
.proSwiper .swiper-slide .wz .wzd a.bluea{
    background-color: #00a1e9;
    color:#fff;
}
.proSwiper .swiper-slide .wz .wzd a.bluea:hover{
    border: 1px solid #00a1e9;
    color: #00a1e9;
    background-color: #fff;
    transition: all .3s;
}
.proSwiper .swiper-slide .wz .wzd a:hover{
    background: #00a1e9;
    color: #fff;
    transition: all .3s;
}

.proSwiper .swiper-pagination2{
    position: relative;
    bottom: 0;
    margin-top: 2vw;
}

.proSwiper .swiper-pagination2 .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #b8daf8;
    opacity: 1;
    margin-right: .2rem;
}

.proSwiper .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #00a1e9;
}

.pro2Swiper{
    overflow: hidden;
    margin: 0 -10px;
    margin-top: 2.3vw;
}

.pro2Swiper .swiper-slide{
    padding: 1px;
}

.pro2Swiper .swiper-slide a{
    display: block;
    transition: 0.5s;
    margin: 0 10px;
    border: 1px solid rgba(238,238,238,1);
    background: #fff;
}

.pro2Swiper .swiper-slide .img1{
    
}

.pro2Swiper .swiper-slide .img1 img{
    width: 100%;
}

.pro2Swiper .swiper-slide .wz{
    color: #555555;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 1vw 5px;
}

.pro2Swiper .swiper-slide:hover a{
    box-shadow: 0 0 30px 7px rgba(21, 133, 233, 0.04);
    border: 1px solid rgba(21,133,233,1);
}

.pro2Swiper .swiper-slide:hover a .wz{
    color: #00a1e9;
}


/* about */
.about-bg{
    position: relative;
}

.about-bg::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(4,14,28，.3);
}

.about-bg::before{
    content: '';
    position: absolute;
    background: url(//cdn.myxypt.com/198807c7/26/01/68700a81b4aa225c99f883f958ac2985eb6befc5.png) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    bottom: -141px;
    width: 114px;
    height: 493px;
    z-index: 9;
}

.about-bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.about-left{
    width: 48.1%;
}

.about-left .at1{
     color: #00a1e9;
    font-size: .24rem;
}

.about-left .at2{
    color: #fff;
    font-size: .48rem;
    font-weight: 600;
    line-height: 1.333;
    margin-top: 1.2vw;
}

.about-left .abw{
    margin: 2vw 0;
}

.about-left .abw p{
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 2;
}
.abmore{
  width: 182px;
  height: 62px;
  line-height: 62px;
  background-color: #00a1e9;
  border-radius: 40px;
  margin-top: 4.7vw;
  overflow: hidden;
}

 .abmore a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 15px;
    z-index: 88;
}


.abmore:hover{
    transition: all .3s;
    background: none;
    border: 1px solid #fff;
}
/* .abmore a::before{
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    transition: all 0.4s ease-in-out;
    background-color: #f37e31;
    overflow: hidden;
} */

.abmore span{
    width: calc(100% - 30px);
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 99;
}
.Tela:hover {
    background-color: #002b53;
    
}
.abmore b{
    width: 30px;
    height: 30px;
    background: #fff url(../images/ab_more.png) no-repeat center; 
    border-radius: 50%;
     position: relative;
    z-index: 99;
}

.abmore a:hover::before {
    width: 100%;
    left: 0px;
}

.about-right{
    width: 40%;
}

.numlist li{
    width: 42.4%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 1.2vw;
    margin-bottom: 4vw;
}

.numlist li:nth-child(n+3){
    margin-bottom: 0;
}

.numlist li .numa{
    color: #fff;
}

.numlist li .numa b{
    color: #fff;
    font-size: .72rem;
    font-family: "zz";
}

.numlist li .numa span{
    font-size: 16px;
    margin-left: 5px;
}

.numlist li .numb{
    font-size: 16px;
    color: #fff;
}


/* 为什么选择 */
.section4{
    padding-top: 7.7vw;
    position: relative;
    padding-bottom: 8.33vw;
}

.section4 .yuanm {
    position: absolute;
    left: 0;
    bottom: -10.57291666666667vw;
    z-index: -1;
    width: 18.90625vw;
    height: 29.84375vw;
    /* 关键：旋转动画 */
    /* animation: yuanRotate 20s linear infinite; */
    transform-origin: center center;
}

.section4 .yuanm img {
    width: 100%;
    height: 100%;
}

/* 旋转关键帧 */

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

.raycee {
    width: 63.38%;
    position: absolute;
    bottom: -60px;
    right: 0;
}

.raycee img{
    max-width: 100%;
}

.choose-index{

}

.choose-left{
    width: 37.34%;
}

.ct1{
    color: #333333;
    font-weight: 600;
    font-size: .48rem;
}

.ct1 b{
    color: #00a1e9;
}

.cw {
    margin: 2.2vw 0;
}

.cw p{
    margin: 0;
    color: #333333;
    font-size: 18px;
    line-height: 1.77;
}
.cmore{
    margin-top:8.333vw;
}
.cmore b{
    background: url(../images/cmore.png) no-repeat center;
}

.choose-right{
    width: 48.73%;
}

.chooselist{
    
}

.chooselist li{
    width: 44.44%;
    margin-bottom: 4.6875vw;
}

.chooselist li:nth-child(n+3){
    margin-bottom: 0;
}

.chooselist li .img1{
    width: 72px;
    height: 72px;
    border-radius: 14px;
    background-color: rgb(0, 161, 233);
    box-shadow: 0px 18px 20px 0px rgba(0, 161, 233, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.chooselist li .img1 img{
    max-width: 100%;
}

.chooselist li .wza{
    color: #333333;
    font-weight: 600;
    font-size: .24rem;
    margin-top: 2.34375vw;
    margin-bottom: 1vw;
}

.chooselist li .wzb{
    color: #666666;
    font-size: 16px;
    line-height: 1.625;
}

/*  */
.runpic-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.hytitle{
    position: absolute;
    top: 5.2vw;
    left: 0;
    right: 0;
    font-size: .48rem;
    color: #fff;
    font-weight: 600;
    z-index: 99;
    text-align: center;
}

.runpic-words {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 3;
  transform: translateY(-50%);
  height: 100%;
}

.runpic-words ul{
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.runpic-words ul li {
  width: 25%;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-bottom: 4.5vw;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.runpic-words ul li:last-child{
    border-right: none;
}

.runpic-words ul li img {
  display: block;
  margin: 0 auto;
  transition: all 1s;
}

.runpic-words ul li img img{
    max-width: 100%;
}

.runpic-words ul li .wza{
    color: #fff;
    font-size: .28rem;
    font-weight: 600;
    margin-top: 1vw;
    margin-bottom: 3.125vw;
}

.runpic-words ul li .wzb{
    background: url(../images/runpic.png) no-repeat center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 auto;
    opacity: 0;
}

.runpic-words ul li:hover{
    padding-bottom: 1.6rem;
    transition: all .6s;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.runpic-words ul li:hover .wzb{
    opacity: 1;
}
.runpic-words ul li .wzb:hover {
    transition: all .3s;
    background-color: #00a1e9;
}

.runpic-line-null {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  left: 0;
  top: 62%;
  z-index: 4;
}

.runpic-line {
  position: absolute;
  width: 10%;
  height: 1px;
  background-color: #ffffff;
  left: 0;
  top: 62%;
  z-index: 4;
  transition: all 1s;
}

.runpic-pic {
  position: relative;
}

/* 所有图片层叠 */
.runpic-pic ul li {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .5s ease; /* 控制顺滑程度 */
  z-index: 1;
}

/* 当前显示 */
.runpic-pic ul li.active {
  opacity: 1;
  z-index: 2;
  position: relative;
}

/* 遮罩如果需要一起淡入 */
.runpic-pic-shade{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.2);
  opacity: 0;
  transition: opacity .5s ease;
}

.runpic-pic ul li.active .runpic-pic-shade{
  opacity: 1;
}

.runpic-pic ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 等同 background-size: cover */
  display: block;
}

.runpic-pic-shade{
  /* position: absolute;
  inset: 0;
  background: rgba(0,0,0,.3);  */
}

@keyframes toPicBig {
  0% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

.runpic-pic-shade {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.4); */
  transition: all 2s;
}

.runpic-words-pic {
 
}


/* news */
.news-bg{
    background-size: 100% 100%;
    padding-top: 6.25vw;
    padding-bottom: 7.7vw;
    overflow: hidden;
}

.news-index{

}

.newstitle{
    text-align: left;
}

.nprev{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #cfd3d7;
    border-radius: 50%;
    background: url(../images/nprev.png) no-repeat center;
    outline: none;
}

.nprev:hover{
    border-color: #00a1e9;
    background: #00a1e9 url(../images/nprev_h.png) no-repeat center;
}

.nnext{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #cfd3d7;
    border-radius: 50%;
    background: url(../images/nnext.png) no-repeat center;
    margin-left: 15px;
    outline: none;
}

.nnext:hover{
    border-color: #00a1e9;
    background: #00a1e9 url(../images/nnext_h.png) no-repeat center;
}

.swiper-button-disabled {
  opacity: 0.2;
}

.newsroll{
  margin-top: 3.125vw;
}

.newsSwiper{
  
}

.newsSwiper .swiper-slide{
  
}

.newsSwiper .swiper-slide .img1 img{
  width: 100%;
}

.newsSwiper .swiper-slide .wz{
  padding-top:1.56vw;
  padding-bottom: 1.56vw;
  position: relative;
}

.newsSwiper .swiper-slide .wz::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #00a1e9;
    width: 0;
    transition: 0.5s;
}

.newsSwiper .swiper-slide .wz .wza{
 
}

.newsSwiper .swiper-slide .wz .wza a{
    display: block;
    color: #333333;
    font-weight: 600;
    font-size: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsSwiper .swiper-slide .wz .wzb{
    color: #666666;
    font-size: 16px;
    line-height: 1.75;
    margin: 1vw 0;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}

.newsSwiper .swiper-slide .wz .wzc{
    display: flex;
    align-items: center;
    color: #a3a3a3;
    font-size: 16px;
    font-family: "zz";
    font-weight: normal;
}

.newsSwiper .swiper-slide .wz .wzc img{
    margin-right: 6px;
}

.newsSwiper .swiper-slide:hover .wz::before{
   width: 100%;
}

.newsSwiper .swiper-slide:hover .wz .wza a{
    color: #00a1e9;
}

/* foot */
.foot-bg{
    background: #091d2f;
    overflow: hidden;
}

.foot-index1{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2.2vw 0;
    align-items: center;
}

.flogo{
    width: 12.65%;
}

.flogo img{
    max-width: 100%;
}

.ftel{

}

.ftel .ftela p{
    margin: 0;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 600;
    font-size: .36rem;
    font-family: "zz";
}

.ftel .ftela p img{
    margin-right: 18px;
}

.ftelb{
    margin-left: 3.125vw;
}

.ftelb p{
    margin: 0;
}

.ftelb o img{
    max-width: 100%;
}

.foot-index2{
    padding: 2.86vw 0;
}

.flx{
    width: 28%;
}

.ft{
    color: #00a1e9;
    font-size: 20px;
    font-weight:600;
    margin-bottom: 1.2vw;
}

.fct p{
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 2;
}

.fct p strong{
    font-weight: normal;
    color: #b8bbbe;
}

.ferq{
    margin-top: 2.6vw;
}

.ferq img{
    max-width: 100%;
    margin-right: 10px;
}


.fnav{
    width: 52.7%;
}

/*  */
.foot_nav {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.foot_nav li {
    
}

.foot_nav li a {
    font-size: 18px;
    color: #ffffff;
    display: block;
    width: 100%;
    font-weight: 700;
}

.foot_nav li .x-nav-menu {
    width: 100%;
    margin-top: 1.2vw;
}

.foot_nav li .x-nav-menu a {
    display: block;
    font-size: 15px;
    line-height: 2.133;
    color: rgba(255, 255, 255, .6);
    font-weight: normal
}

.foot_nav li .x-nav-menu a:hover{
    color: #00a1e9;
}

.cop-bg{
    position: relative;
    background: #091d2f;
}

.cop-bg::before{
    content: '';
    position: absolute;
    bottom: 0vw;
    left: 0;
    background: url(//cdn.myxypt.com/198807c7/26/01/f62618f02cd4265e09d1ec395c611c32140a9d18.png) no-repeat top center;
    background-size: 100% 100%;
    width: 63.59375vw;
    height: 6.92708333333333vw;
}

.cop-index{
    color: rgba(255,255,255,.4);
    font-size: 15px;
    padding: 2.6vw 0;
}
.cop-index a{
    color: rgba(255,255,255,.4);
}

.cop-index a:hover{
    color: #00a1e9;
}
.copl{
    width: 46%;
    float: left;
}

.copr{
    width: 46%;
    text-align: right;
    float: right;
}

@media(max-width: 1440px){
    .x-menu > li > a{
        font-size: 16px;
    }
    .psort > li .psort-title a{
        font-size: 16px;
    }
    .psort-child li a{
        font-size: 14px;
    }
    .proSwiper .swiper-slide .wz .wzc{
        font-size: 15px;
    }
    .proSwiper .swiper-slide .wz .wzd a{
        width: 130px;
        font-size: 14px;
        height: 45px;
        line-height: 43px;
    }
    .pro2Swiper .swiper-slide .wz{
        font-size: 14px;
    }
    .about-left .abw p{
        font-size: 16px;
    }
    .cw p{
        font-size: 16px;
    }
    .section4 .yuanm{
        bottom: -2.572917vw;
    }
    .newsSwiper .swiper-slide .wz .wza a{
        font-size: 16px;
    }
    .newsSwiper .swiper-slide .wz .wzb{
        font-size: 14px;
    }
    .fct p{
        font-size: 14px;
    }
    .foot_nav li .x-nav-menu a{
        font-size: 14px;
    }
    .cop-index{
        font-size: 14px;
    }
}

@media(max-width: 1366px){
    .chooselist li .wzb{
        font-size: 14px;
    }
    .newsSwiper{
        
    }
}

@media(max-width: 1200px){
    .about-left .abw p{
        font-size: 15px;
    }
    .abmore{
        margin-top: 2.5vw;
    }
    .flx{
        width: 30%;
    }
}

@media(max-width: 1100px){
    .x-menu > li > a{
        font-size: 15px;
    }
}

@media(max-width: 990px){
    .banner_title{
        font-size: 24px;
    }
    .banner_title1{
        font-size: 14px;
        margin-top: 10px;
    }
    .probg::before{
        display: none;
    }
    .pubtitle .pubtitlea{
        font-size: 24px;
    }
    .pubtitle .pubtitleb{
        font-size: 14px;
    }
    .proleft{
        width: 100%;
    }
    .proright{
        width: 100%;
        margin-top: 20px;
    }
    .proSwiper .swiper-slide .pw{
        padding: 0px 10px;
    }
    .proSwiper .swiper-slide .img1{
        width: 100%;
    }
    .proSwiper .swiper-slide .wz{
        width: 100%;
        margin-top: 20px;
    }
    .proSwiper .swiper-slide .wz .wza span{
        font-size: 14px;
    }
    .proSwiper .swiper-slide .wz .wzb{
        font-size: 24px;
    }
    .about-bg::before{
        display: none;
    }
    .about-bg video{
        height: 450px;
    }
    .about-left{
        width: 100%;
    }
    .about-left .at1{
        font-size: 14px;
    }
    .about-left .at2{
        font-size: 18px;
    }
    .about-left .abw p{
        font-size: 14px;
    }
    .abmore{
        width: 150px;
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }
    .about-right{
        width: 100%;
        margin-top: 20px;
    }
    .numlist li .numa b{
        font-size: 18px;
    }
    .numlist li .numa span{
        font-size: 14px;
    }
    .numlist li .numb{
        font-size: 13px;
    }
    .choose-left{
        width: 100%;
    }
    .ct1{
        font-size: 24px;
    }
    .cw p{
        font-size: 14px;
    }
    .choose-right{
        width: 100%;
        margin-top: 20px;
    }
    .chooselist li .img1{
        width: 50px;
        height: 50px;
    }
    .chooselist li .img1 img{
        max-width: 30px;
        width: 100%;
    }
    .chooselist li .wza{
        font-size: 16px;
    }
    .chooselist li .wzb{
        font-size: 13px;
    }
    .section4 .yuanm{
        display: none;
    }
    .raycee{
        display: none;
    }
    .runpic-words{
        position: relative;
        top: 0;
        transform: initial;
        height: auto;
        background: rgba(0, 0, 0, 1);
        padding: 20px 0;
    }
    .runpic-words ul{
        height: auto;
        flex-wrap: wrap;
    }
    .runpic-words ul li{
        width: 50%;
        margin-bottom: 20px;
    }
    .runpic-words ul li img{
        max-width: 40px;
        width: 100%;
    }
    .runpic-words ul li .wza{
        font-size: 16px;
    }
    .runpic-words ul li .wzb{
        width: 30px;
        height: 30px;
    }
    .runpic-words ul li .wzb{
        opacity: 1;
    }
    .runpic-words ul li:hover{
        padding: 0;
    }
    .runpic-words ul li:hover .wza{
        color: #00a1e9;
    }
    .nprev{
        width: 40px;
        height: 40px;
    }
    .nnext{
        width: 40px;
        height: 40px;
    }
    .newsroll{
        margin-top: 20px;
    }
    .newsSwiper{
        
    }
    .newsSwiper .swiper-slide .wz .wzb{
        font-size: 13px;
    }
    .newsSwiper .swiper-slide .wz .wzc{
        font-size: 12px;
    }
    .foot-index1{
        padding: 20px 0;
    }
    .flogo{
        width: 40%;
    }
    .ftel .ftela p{
        font-size: 16px;
    }
    .flx{
        width: 100%;
    }
    .fnav{
        width: 100%;
        display: none;
    }
    .cop-bg::before{
        display: none;
    }
    .cop-index{
        font-size: 12px;
    }
    .copl{
        float: none;
        width: 100%;
        text-align: center;
    }
    .copr{
        float: none;
        width: 100%;
        text-align: center;
    }
     .hytitle{
        position: relative;
        color: #000;
        font-size: 24px;
        top: 0;
        margin-bottom: 20px;
    }
}

@media(max-width: 780px){
    .banner_title{
        font-size: 18px;
    }
    .banner_title1{
        font-size: 13px;
    }
    .probg{
        padding: 40px 0;
    }
    .pubtitle .pubtitleb{
        font-size: 13px;
    }
    .pubtitle2{
        height: 75px;
    }
    .pubtitle2 .pubtitle2a{
        font-size: 18px;
    }
    .procon{
        padding: 20px 10px;
    }
    .psort > li .psort-title{
        padding: 10px 0;
    }
    .psort > li .psort-title a{
        font-size: 14px;
    }
    .psort-child{
        padding: 10px 0;
    }
    .psort-child li a{
        font-size: 13px;
    }
    .proSwiper .swiper-slide .wz .wza{
        font-size: 18px;
    }
    .proSwiper .swiper-slide .wz .wzb{
        font-size: 18px;
    }
    .proSwiper .swiper-slide .wz .wzc{
        font-size: 13px;
        height: auto;
        margin: 10px 0;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
    }
    .proSwiper .swiper-slide .wz .wzd a{
        width: 100px;
        height: 35px;
        line-height: 33px;
    }
    .pro2Swiper .swiper-slide .wz{
        font-size: 13px;
        padding: 10px 5px;
    }
    .about-left .abw p{
        font-size: 13px;
        line-height: 1.5;
    }
    .chooselist li{
        width: 100%;
        margin-bottom: 10px;
    }
    .runpic-words ul li .wza{
        font-size: 14px;
    }
    .news-bg{
        padding: 40px 0;
    }
    .foot-bg{
        padding-top: 20px;
        padding-bottom: 10%;
    }
    .flogo{width: 100%;text-align: center;}
    .ftel{width: 100%;margin-top: 10px;justify-content: center;}
    .foot-index2{
        padding: 20px 0;
    }
    .ferq{
        margin-top: 10px;
    }
   
}


/* 过渡页 */
.p-wrap{
    padding: 2.6vw 0;
}

.p-wrap:nth-child(2n-1){
    background: url(//cdn.myxypt.com/198807c7/26/01/27f3265c5c2c4059e8e3dfe002090c3ff676e2b3.jpg) no-repeat top center;
    background-size: 100% 100%;
    
}

.p-cover{
    align-items: center;
}

.pblock{
    width: 52.53%;
}

.pblock a.btit{
    font-size: 2.08333333333333vw;
    display: inline-block;
    font-weight: bold;
    color: #333;
}

.pblock .info{
    color: #777777;
    font-size: 16px;
    line-height: 2.25;
    margin: 0.5vw 0 1vw;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.pblock a.amore {
    display: inline-block;
    width: 150px;
    text-align: center;
    line-height: 37px;
    color: #fff;
    border: 1px solid #00a1e9;
    background-color: #00a1e9;
    font-size: 14px;
    border-radius: 20px;
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.pblock a.amore i{
    font-style: normal;
}

.pblock a.amore:hover{ color: #00a1e9; background-color: #fff;}

.pblock .item-list{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    align-items: stretch;
    margin-top: 2vw;
}

.pblock .item-list li{
    border: 1px solid #dedede;
    color: #424242;
    line-height: 38px;
    font-size: 14px;
    border-radius: 20px;
    text-align: center;
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.pblock .item-list li a{
    display: block;
    color: #424242;
}

.pblock .item-list li:hover{
    border-color: #00a1e9;
    background-color: #00a1e9;
}

.pblock .item-list li:hover a{
    color: #fff; 
}

.pimg{
    width: 44.3%;
}

.pimg img{
    width: 100%;
}

.p-wrap:nth-child(2n-1) .pblock a.btit{
    color: #fff;
}

.p-wrap:nth-child(2n-1) .pblock .info{
    color: #fff;
}

.p-wrap:nth-child(2n-1) .pblock a.amore{
    background: #fff;
    color: #1c85e6;
}

.p-wrap:nth-child(2n-1) .pblock a.amore:hover{ color: #fff; background-color: #1c85e6;}

.p-wrap:nth-child(2n-1) .pblock .item-list li a{
    color: #fff;
}

.p-wrap:nth-child(2n-1) .pblock .item-list li:hover{
    border-color: #fff;
    background-color: #fff;
}

.p-wrap:nth-child(2n-1) .pblock .item-list li:hover a{
    color: #00a1e9; 
}

@media(max-width: 1366px){
    .pblock .info{
        font-size: 15px;
    }
}

@media(max-width: 990px){
    .pblock .info{
        font-size: 14px;
        line-height: 1.8;
    }
    .pblock .item-list{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media(max-width: 780px){
    .p-wrap{
        padding: 40px 0;
    }
    .p-cover{
        flex-wrap: wrap;
    }
    .pblock{
        width: 100%;
    }
    .pblock a.btit{
        font-size: 24px;
    }
    .pblock .info{
        margin: 15px 0;
    }
    .pblock .item-list{
        margin-top: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pimg{
        width: 100%;
        margin-top: 20px;
    }
}