@charset "UTF-8";

@font-face{font-family:'anton';src:url("../font/Anton.ttf") format("truetype")}
html{margin:0;padding:0}
body{margin:0;padding:0;font-size:var(--fz16);overflow-x:hidden;font-family: Arial,sans-serif;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color: #16191f;}
textarea,input{font-family: Poppins, sans-serif}
img{display:block}
input,textarea{outline:none}
button{padding:0;background-color:unset;font-family: Poppins, sans-serif;border:none}
.pimg{position:relative;display:block}
.pimg img{position:absolute;width:100%;height:100%;object-fit:cover}
.nowrap{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line_num{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
:root{
    --fz12:12px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz24:24px;
    --fz28:28px;
    --fz32:32px;
    --fz50:50px;
    --glow-size:#FE0467
}
.mainWidth{width: 1140px;margin: 0 auto;}
.w1400{margin: 0 auto;max-width: 1200px}
.flex{display: flex;}
.justify-center{justify-content: center}
.align-center{align-items: center}
.tr5{transition: all .3s}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb15{margin-bottom: 15px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.tcenter{text-align: center}
.tleft{text-align: left}
.w-100{width: 100%;}
.position-relative{position: relative}
.fw-500{font-weight: 500;}
.font-16{font-size: 1rem;}
.d-block{display: block}
img.aligncenter{display: block;margin: 0 auto}

body.overflow{overflow: hidden;height: 100%}
header{position: relative;z-index: 800;padding-bottom: 80px;}
header .pcHead{box-shadow: 0 0 0 transparent;transition: all .5s}
header .pcHead.active{box-shadow: 0 0 5px rgba(0, 0, 0, 0.32)}
header .mHead{display: none}
header .content{position: fixed;width: 100%;left: 0;top: 0;}
header .content{background-image: url('../img/headBg.webp');background-repeat: no-repeat;background-position: center center;background-size: cover}
header .content .mainWidth{width: 1350px;margin: 0 auto;align-items: center}
header .content .left img{max-width: 145px;max-height: 47px;}
header .content .right{width: 310px;}
header .content .right .cart svg{width: 31px;height: 31px;fill: white}
header .content .right .search{margin-left: 51px;border-bottom: 2px solid #ffffff;padding: 5px 0;position: relative}
header .content .right .search form{display: flex}
header .content .right .search:hover{border-color: rgba(255, 255, 255, 0.52)}
header .content .right .search label svg{width: 18px;height: 18px;fill: white;color: white}
header .content .right .search input{background: transparent;border: none;font-size: 20px;font-weight: bold;color: white;padding:0 15px;box-sizing: border-box}
header .content .right .search input::placeholder{color:white}
header .content .right .search input::-moz-placeholder{color:white}
header .content .right .search input:-ms-input-placeholder{color:white}
header .content .right .search input::placeholder{color:white}
header .content .right .search ::-webkit-input-placeholder{color:white}
header .content .right .search .clear{position: absolute;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer;display: none}
header .content .right .search .clear.active{display: block}
header .content .right .search .clear svg{fill: white;color: white;background-color: rgba(255, 255, 255, 0.08);padding: 5px;border-radius: 50%}
header .content .right .search .clear:hover svg{background-color: rgba(255, 255, 255, 0.22);}
header .content .middle{width: 860px;margin-left: 33px;}
header .content .middle li.one{padding: 0 20px}
header .content .middle li.one a{line-height: 80px;font-size: 20px;color: white;font-weight: bold;}
header .content .middle li.one{position: relative;}
header .content .middle li.one.active>a{color: #FFC93C}
header .content .middle li.one .two{position: absolute;top: 100%;left: 0;display: none}
header .content .middle li.one .two{width: 752px;background-color: #fff;border-radius: 15px;padding: 20px 0;box-shadow: 2.83px 2.83px 2px rgba(0, 162, 233, 0.67)}
header .content .middle li.one .two .list{flex-wrap: wrap;align-items: flex-end;}
header .content .middle li.one .two .item{width: 20%;}
header .content .middle li.one .two .item .item_body{width: 70%;margin: 10px auto}
header .content .middle li.one .two img{max-width: 100% }
header .content .middle li.one .two .item .item_body .name{font-size: 14px;}
header .content .middle li.one .two .item .item_body .name{line-height: 20px;color: #1A1A1A;text-align: center}

header .content .middle li.one:hover .two{display: block}
header .content .middle li.one .two .item .item_body:hover .name{color: #00a4eb}


/*float*/
.AlbumFloatBox{position: relative;z-index: 800;display: none;}
.AlbumFloatBox.active{display: block}
.AlbumFloatBox .content{position: fixed;width: 100%;height: 100%;background-color: #fff;top: 0;left: 0;}

.AlbumFloatBox .content .top{width: 95%;margin: 30px auto}
.AlbumFloatBox .content .top .left i{font-size: 40px;color: rgba(13, 10, 10, 0.8);cursor: pointer;}
.AlbumFloatBox .content .top .left .share{margin-left: 50px;}
.AlbumFloatBox .content .top .left .full{display: none}
.AlbumFloatBox .content .top .left .full.active{display: block}
.AlbumFloatBox .content .top .left .fullSmall{display: none}
.AlbumFloatBox .content .top .left .fullSmall.active{display: block}
.AlbumFloatBox .content .top .right{margin-left: auto;}
.AlbumFloatBox .content .top .right i{font-size: 40px;cursor: pointer}
.AlbumFloatBox .content .bottom{margin-top: 30px;}
.AlbumFloatBox .content .bottom .left{width: 0;flex: 1;position: relative}
.AlbumFloatBox .content .bottom .right{width: 452px;margin-right: 120px;}
.AlbumFloatBox .content .bottom .left .img{box-sizing: border-box;height: 780px;display: flex;justify-content: center;align-items: center;padding: 0 80px}
.AlbumFloatBox .content .bottom .left .img img{max-width: 100%;display: block;margin: 0 auto;max-height: 800px;overflow: hidden;}
.AlbumFloatBox .content .bottom .left .arrow{position: absolute;top: 50%;transform: translateY(calc(-50% - 30px));width: 100%;}
.AlbumFloatBox .content .bottom .left .arrow .next{right: 30px;position: absolute}
.AlbumFloatBox .content .bottom .left .arrow .prev{left: 30px;position: absolute}
.AlbumFloatBox .content .bottom .left .arrow i{font-size: 40px;color: rgba(26,26,26,.8)}
.AlbumFloatBox .content .bottom .left .arrow .prev,
.AlbumFloatBox .content .bottom .left .arrow .next{cursor: pointer;}
.AlbumFloatBox .content .bottom .left .arrow .prev:hover i,
.AlbumFloatBox .content .bottom .left .arrow .next:hover i{color: rgba(26,26,26,1)}
.AlbumFloatBox .content .bottom .right .tit{font-size: 40px;color: #1A1A1A}
.AlbumFloatBox .content .bottom .right .text{margin-top: 30px;line-height: 23px;color: #1A1A1A;max-height:600px;overflow:auto}
.shareFloatBox{position: relative;z-index: 900;display: none}
.shareFloatBox.active{display: block}
.shareFloatBox .content{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);top: 0;left: 0;}
.shareFloatBox .content .box{width: 580px;height: 250px;background-color: #fff;padding: 80px 135px;box-sizing: border-box;position: relative}
.shareFloatBox .content .box .btnList{justify-content: space-between}
.shareFloatBox .content .box .btnList svg{width: 24px;height: 24px;}
.shareFloatBox .content .box .form{margin-top: 20px;}
.shareFloatBox .content .box .form input{padding: 10px;flex: 1;border: 1px solid #000;border-right: none}
.shareFloatBox .content .box .form button{width: 50px;height: 40px;background-color: #000;cursor: pointer}
.shareFloatBox .content .box .form button svg{fill: white;color: white}
.shareFloatBox .content .box .form button .default{display: block}
.shareFloatBox .content .box .form button .ok{display: none}
.shareFloatBox .content .box .form button.active .ok{display: block}
.shareFloatBox .content .box .form button.active .default{display: none}
.shareFloatBox .content .box .close{position: absolute;top:25px;right: 25px;cursor: pointer}
footer .mainFoot{background-image: url('../img/foot_bg.webp');background-size:cover}
footer .mainFoot .footBody{width: 1000px;margin: 0 auto}
footer .mainFoot .footBody .top{padding: 30px 0 50px 0}
footer .mainFoot .footBody .top .tit1{font-size: 24px;color: white;font-weight: bold;position: relative}
footer .mainFoot .footBody .top .tit1.animate-foot-tit1{animation: animate-foot-tit1 1.5s forwards;}
footer .mainFoot .footBody .top .tit2{font-size: 14px;color: white}
footer .mainFoot .footBody .top form{margin-top: 45px;align-items: flex-end}
footer .mainFoot .footBody .top form label{color: white}
footer .mainFoot .footBody .top form input{width: 100%;padding: 10px 0;box-sizing: border-box;border:unset;background: transparent;border-bottom: 2px solid #ffffff;color: white}
footer .mainFoot .footBody .top form input:hover{border-color: #1A1A1A}
footer .mainFoot .footBody .top form input:focus{border-bottom: 1px solid #1A1A1A}
footer .mainFoot .footBody .top form .m1{width: 132px;}
footer .mainFoot .footBody .top form .m2{width: 221px;margin: 0 20px}
footer .mainFoot .footBody .top form .m3{flex: 1}
footer .mainFoot .footBody .top form .m4{width: 100px;height: 30px;position: relative;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.53);cursor: pointer}
footer .mainFoot .footBody .top form .m4{background-color: #ffc93c;}
footer .mainFoot .footBody .top form .m4:hover{background-color: rgb(31 31 31);}
footer .mainFoot .footBody .top form .m4:hover p{color:#ffc93c }
footer .mainFoot .footBody .top form .m4 .btn{}
footer .mainFoot .footBody .top form .m4 p{font-weight: bold;}
footer .mainFoot .footBody .top form .m4 span{background-image: url('../img/jia.png');position: absolute;width: 15px;height: 15px;}
footer .mainFoot .footBody .top form .m4 span:nth-of-type(1){top: 2px;left: 5px;}
footer .mainFoot .footBody .top form .m4 span:nth-of-type(2){bottom: 2px;left: 5px;}
footer .mainFoot .footBody .top form .m4 span:nth-of-type(3){bottom: 2px;right: 5px;}
footer .mainFoot .footBody .top form .m4 span:nth-of-type(4){top: 2px;right: 5px;}
footer .mainFoot .footBody .bottom{margin-top: 80px;}
footer .mainFoot .footBody .bottom .left{width: 300px;}
footer .mainFoot .footBody .bottom .left *{color: white}
footer .mainFoot .footBody .bottom .left .links{margin-top: 10px;}
footer .mainFoot .footBody .bottom .left .item{padding: 0 20px}
footer .mainFoot .footBody .bottom .left .links a{display: block;line-height: 28px;font-size: .8rem;}
footer .mainFoot .footBody .bottom .left .bigText{margin-top: 30px;}
footer .mainFoot .footBody .bottom .left .bigText p{text-transform: uppercase;font-size: 70px;font-family: impact, Arial, sans-serif;  background: linear-gradient(45deg, #a0cbe7, #ffffff,#a0cbe7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
footer .mainFoot .footBody .bottom .left .footText{margin-top: 20px;}
footer .mainFoot .footBody .bottom .left .footText p{font-size: 23px;color: #ffc93c;}
footer .mainFoot .footBody .bottom .left .footText span{font-size: 14px;background-color: #FFC93C;padding: 5px 15px;display: inline-block;color: #1A1A1A;margin-top: 6px;}
footer .mainFoot .footBody .bottom .left .copyright{display: none}
footer .mFloatBottom{display: none}
footer .mainFoot .footBody .bottom .middle{flex: 1;position: relative;z-index: 3}
footer .mainFoot .footBody .bottom .middle .img1{position: relative;top: 80px;z-index: 3}
footer .mainFoot .footBody .bottom .middle .img1 img{margin: 0 auto}
footer .mainFoot .footBody .bottom .middle .img2{transform: rotate(-145deg);position: relative;top: -160px;left: -80px;;z-index: 2}
footer .mainFoot .footBody .bottom .middle .img3{position: relative;top: -9px;z-index: 2;right: -235px;}
footer .mainFoot .footBody .bottom .middle .footer-1-animation{animation: footer-1 2.5s forwards;}
footer .mainFoot .footBody .bottom .right{width: 320px;position: relative;z-index: 8}
footer .mainFoot .footBody .bottom .right .shareTop a{display: block}
footer .mainFoot .footBody .bottom .right .shareTop a:not(:first-of-type){margin: 0 5px}
footer .mainFoot .footBody .bottom .right .shareTop a i{font-size: 32px;color: white}
footer .mainFoot .footBody .bottom .right .contact{margin-top: 20px;}
footer .mainFoot .footBody .bottom .right .contact *{color: white}
footer .mainFoot .footBody .bottom .right .contact .tel{}
footer .mainFoot .footBody .bottom .right .contact .tel .tit1{font-size: 14px;}
footer .mainFoot .footBody .bottom .right .contact .tel .tit2{font-size: 14px;}
footer .mainFoot .footBody .bottom .right .contact .tel .num{font-size: 20px;font-weight: bold;margin-top: 10px;}
footer .mainFoot .footBody .bottom .right .contact .mail{font-size: 14px;margin-top: 30px;}
footer .mainFoot .footBody .bottom .right .contact .mail a{color:#FFC93C;font-size: 20px;font-weight: bold;}
footer .mainFoot .footBody .bottom .right .form{margin-top: 50px;}
footer .mainFoot .footBody .bottom .right .form .tit1{font-size: 24px;color: white;font-weight: bold;}
footer .mainFoot .footBody .bottom .right .form form{margin-top: 30px;align-items: flex-end}
footer .mainFoot .footBody .bottom .right .form form .input{position: relative}
footer .mainFoot .footBody .bottom .right .form form .input svg{width: 33px;fill: white;color: white;height: 33px;position: absolute;top: 0px;left: 0;}
footer .mainFoot .footBody .bottom .right .form form .input input{background: transparent;border: none;border-bottom: 2px solid #ffffff;margin-left: 20px;padding-left: 30px;color: white;font-size: 20px;padding-bottom: 10px;}
footer .mainFoot .footBody .bottom .right .form form .input input::placeholder {color: #fff;font-size: 14px;}
footer .mainFoot .footBody .bottom .right .form form .input input::-moz-placeholder {color: #fff;font-size: 14px;}
footer .mainFoot .footBody .bottom .right .form form .input input:-ms-input-placeholder {color: #fff;font-size: 14px;}
footer .mainFoot .footBody .bottom .right .form form .input input::placeholder {color: #fff;font-size: 14px;}
footer .mainFoot .footBody .bottom .right .form form .input ::-webkit-input-placeholder {color: #fff;font-size: 14px;}
footer .mainFoot .footBody .bottom .right .form form button{background-color: #FFC93C;padding: 10px 10px;font-weight: bold;cursor: pointer}
footer .mainFoot .footBody .bottom .right .form form button:hover{background-color: #1A1A1A;color:#FFC93C }
footer .mainFoot .footBody .bottom .right .form .desc{font-size: 14px;color: white;margin-top: 10px;line-height: 22px;}
footer .mainFoot .footBody .bottom .right .copyright{color: white;margin-top: 50px;font-size: 14px;line-height: 22px;}

.index1{position: relative}
.index1 .imgBg img{width: 100%;}
.index1 .inside{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.index1 .inside .img1{position: relative;z-index: 2}
.index1 .inside .img2{position: absolute;right: calc(100% - 65px);top: 105px}
@keyframes index1-animation {
    0% { opacity: 0; transform: translateX(-200px); }
    100% { opacity: 1; transform: translateX(0); }
}
.index1 .index1-animation{animation: index1-animation 1.5s forwards;}
.index1 .bottom{position: absolute;bottom: 85px;width: 100%;}
.index1 .bottom p{text-align: center;color: #FFC93C;font-size: 18px;font-weight: bold;}
.index2 .top{position: relative;padding: 0 150px}
.index2 .top .imgBg{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;overflow: hidden}
.index2 .top .imgBg img{min-width: 100%;object-fit: cover;height: 100%;}
.index2 .top .layer{position: relative;z-index: 2;padding: 100px 0}
.index2 .top .layer .left{width: 744px;height: 563px;}
.index2 .top .layer .red{position: absolute;left: 374px;bottom: 350px;}
.index2 .top .layer .black{position: absolute;left: 374px;bottom: 375px;}
.index2 .top .layer .right{width: 0;flex: 1}
.index2 .top .layer .right .catTextBox{justify-content: center}
.index2 .top .layer .right .catText{dominant-baseline: text-before-edge;width: 373px;position: relative}
.index2 .top .layer .right .catText .videoBox{position: absolute;top: 0;left: 0;clip-path: url(#clip-comp-ltf8yqqk);}
.index2 .top .layer .right .catText .videoBox video{width: 462px;position: relative;left: -60px;opacity: .5}
.index2 .top .layer .right .yellowTextBox{font-size: 74px;font-family: impact,Arial,sans-serif;color: white;letter-spacing: .1rem;display: flex;justify-content: center;position: relative;overflow: hidden}
.index2 .top .layer .right .yellowTextBox .animate{position: absolute;bottom: 0;opacity: 1;color: #FFC93C;clip-path: inset(100% 0 0 0);}
.index2 .index2-animation1{animation: index2-animation1 1.5s forwards;}
.index2 .index2-animation2{animation: index2-animation2 1.5s forwards;}
.index2 .index2-animation3{animation: index2-animation3 1.5s forwards;}
@keyframes index2-animation1 {
    0% {
        bottom: 575px;
    }
    100% {
        bottom: 375px;
    }
}
@keyframes index2-animation2 {
    0% {
        bottom: 575px;
    }
    100% {
        bottom: 350px;
    }
}
@keyframes index2-animation3 {
    0% {
        clip-path: inset(100% 0 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

.index2 .top .layer .right .bottomText{flex-direction: column;align-items: flex-end;max-width: 400px;margin-top: 50px;}
.index2 .top .layer .right .bottomText .one{font-size: 20px;font-weight: bold;color: white}
.index2 .top .layer .right .bottomText .two{font-size: 30px;font-weight: bold;color: #ffc93c;}
.index2 .top .layer .right .bottomText .three{font-size: 14px;color: white}
.index2 .bottom{position: relative;z-index: 4}
.index2 .bottom .imgBg img{width: 100%;}
.index2 .bottom .imgCar{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)}
.index2 .bottom .mProductModule{display: none}
.index2 .bottom .layerBox{position: absolute;top: 200px;width: 100%;display: flex;justify-content: center}
.index2 .bottom .layer{display: flex;width: 990px;justify-content: space-between}
.index2 .bottom .layer .left{width: 442px;}
.index2 .bottom .layer .right{width: 0;flex: 1}
.index2 .bottom .layer .left .textBox{font-size: 70px;font-family: impact,Arial,sans-serif;color: white;letter-spacing: .1rem;display: flex;justify-content: center;position: relative;overflow: hidden}
.index2 .bottom .layer .left .textBox .animate{position: absolute;bottom: 0;opacity: 1;color: rgb(0,162,233);clip-path: inset(100% 0 0 0);}
.index2 .index2-animation4{animation: index2-animation4 1.5s forwards;}
.index2 .index2-animation5{animation: index2-animation5 1.5s forwards;}
@keyframes index2-animation4 {
    0% {
        clip-path: inset(100% 0 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}
@keyframes index2-animation5 {
    0% {
        left:calc(50% + 100px)
    }
    100% {
        left:50%
    }
}
.index2 .bottom .layer .left .tit{font-size: .8rem;margin-left: 25px;margin-top: 30px;}
.index2 .bottom .layer .left .list{margin-top: 15px;}
.index2 .bottom .layer .left .list a{width: 120px;height: 120px;background-color: #6bc0e6;color: #1A1A1A;font-size: 30px;font-weight: bold; clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); }
.index2 .bottom .layer .left .list a:nth-of-type(2){background-color: #ebd48f;}
.index2 .bottom .layer .left .list a:nth-of-type(3){background-color: #7d8183;}
.index2 .bottom .layer .left  .listBox{align-items: flex-end}
.index2 .bottom .layer .left  .listBox a.more{display: inline-block;background-color: #ffc93c;font-weight: bold;}

.index2 .bottom .layer .right{margin-left: 100px;}
.index2 .bottom .layer .right .tit{font-size: .8rem;}
.index2 .bottom .layer .right .list{display: flex;flex-wrap: wrap;}
.index2 .bottom .layer .right .list a{display: block;width: 33.333%;margin-top: 30px;}
.index2 .bottom .layer .right .list p{font-size: .85rem;font-weight: bold;margin-top: 10px;text-align: center;}
.index2 .bottom .layer .right .list span{font-size: .8rem;}
.index2 .bottom .layer .right .list a .img{width: 120px;height: 64px;display: flex;align-items: flex-end;justify-content: center}
.index2 .bottom .layer .right .list a .img img{max-width: 120px;max-height: 64px;}


.index3{background-color: #d7dfe2;position: relative;z-index: 3;padding-top: 180px;padding-bottom: 180px;}






.index3 .content .left{width: 462px;}
.index3 .content .left .video{width: 462px;position: relative;margin-top: 10px;}
.index3 .content .left .video .shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);display: flex;justify-content: center;align-items: center;cursor: pointer}
.index3 .content .left .video .shadow i{font-size: 80px;color: white}

.index3 .content .left .video video{width: 462px;display: block}
.index3 .content .left .picList{overflow: hidden;margin-top: 15px;position: relative}
.index3 .content .left .picList .swiper-slide{width: 105px;height: 60px;}
.index3 .content .left .picList .picListContent .img{width: 105px;height: 60px;position: relative;z-index: 1}
.index3 .content .left .picList .picListContent .img img{width:inherit;height:inherit;}
.index3 .content .left .picList .picListContent{position: relative}
.index3 .content .left .picList .picListContent .shadow{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.3);z-index: 2;left: 0;top: 0;cursor: pointer;display: none}
.index3 .content .left .picList .picListContent .share{position: absolute;top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);cursor: pointer;display: none}
.index3 .content .left .picList .picListContent:hover .share{display: block;}
.index3 .content .left .picList .picListContent:hover .shadow{display: block}
.index3 .content .left .picList .picListContent .share i{font-size: 20px;color: white}
.index3 .content .left .picList .picListContent .share:hover i{color: rgba(255, 255, 255, 0.8)}
.index3 .content .left .picList .picListContent .args{display: none}
.index3 .content .left .picList .prevNext{}
.index3 .content .left .picList .prevNext .prev,
.index3 .content .left .picList .prevNext .next{color: white;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 90}
.index3 .content .left .picList .prevNext .prev i,
.index3 .content .left .picList .prevNext .next i{font-size: 50px;}
.index3 .content .left .picList .prevNext .prev{left: 0;}
.index3 .content .left .picList .prevNext .next{right: 0;}
.index3 .content .right{width:0;flex: 1;margin-left:70px ;}

.index3 .content .left .text1{width: 163px;height: 18px;}
.index3 .content .left .text2{font-size: .7rem;font-weight: bold;}

.index3 .content .right{}
.index3 .content .right .tit1{color: rgb(0,162,233)}
.index3 .content .right .tit2{position: relative;color: #fff;font-size: 70px;font-weight: bold;font-family: impact, Arial, sans-serif;}
.index3 .content .right .text{line-height: 22px;}
.index3 .content .right .tit2 .animate{position: absolute;bottom: 0;opacity: 1;color: rgb(0,162,233);clip-path: inset(100% 0 0 0);}

.index3 .index3-animation1{animation: index3-animation1 1.5s forwards;}
@keyframes index3-animation1 {
    0% {
        clip-path: inset(0 0 0 100%);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}
.index3 .content .right .more a{display: inline-block;background-color: #ffc93c;font-weight: bold;}

.index3 .mainWidth{position: relative;z-index: 100}
.index3 .lineBox{position: absolute;top: 0;left: 50%;z-index: 91;transform: translateX(-50%)}




.index3 .index3-animation2{animation: index3-animation2 1.5s forwards;}
@keyframes index3-animation2 {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}
.index3 .right .more{margin-top: 20px;}
.index3 .right .more a{display: inline-block;background-color: #ffc93c;font-weight: bold;}

.index3 .bottomBox{margin-top: 150px;}
.index3 .bottomBox .left{width: 0;flex: 1}
.index3 .bottomBox .right{width: 462px;}
.index3 .bottomBox .left .tit1{font-weight: bold;color:rgb(0,162,233) }
.index3 .bottomBox .left .tit2{font-size: 70px;font-family: impact, Arial, sans-serif;color: white}
.index3 .bottomBox .left .tit3{color: rgb(0,162,233);font-size: 70px;font-family: impact, Arial, sans-serif;margin-top: -55px;padding-left: 55px;}
.index3 .bottomBox .left .more{margin-top: 20px;}
.index3 .bottomBox .left .more a{display: inline-block;background-color: #ffc93c;font-weight: bold;}




.index3 .bottomBox .right .video{width: 462px;position: relative;margin-top: 10px;}
.index3 .bottomBox .right  .video .shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);display: flex;justify-content: center;align-items: center;cursor: pointer}
.index3 .bottomBox .right  .video .shadow i{font-size: 80px;color: white}

.index3 .bottomBox .right  .video video{width: 462px;display: block}





.index3 .bottomBox .right .picList{overflow: hidden;margin-top: 15px;position: relative}
.index3 .bottomBox .right .swiper-slide{width: 105px;height: 60px;}
.index3 .bottomBox .right .picListContent .img{width: 105px;height: 60px;position: relative;z-index: 1}
.index3 .bottomBox .right .picListContent .img img{width:inherit;height:inherit;}
.index3 .bottomBox .right .picListContent{position: relative}
.index3 .bottomBox .right .picListContent .shadow{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.3);z-index: 2;left: 0;top: 0;cursor: pointer;display: none}
.index3 .bottomBox .right .picListContent .share{position: absolute;top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);cursor: pointer;display: none}
.index3 .bottomBox .right .picListContent:hover .share{display: block;}
.index3 .bottomBox .right .picListContent:hover .shadow{display: block}
.index3 .bottomBox .right .picListContent .share i{font-size: 20px;color: white}
.index3 .bottomBox .right .picListContent .share:hover i{color: rgba(255, 255, 255, 0.8)}
.index3 .bottomBox .right .picListContent .args{display: none}
.index3 .bottomBox .right .prevNext{}
.index3 .bottomBox .right .prevNext .prev,
.index3 .bottomBox .right .prevNext .next{color: white;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 90}
.index3 .bottomBox .right .prevNext .prev i,
.index3 .bottomBox .right .prevNext .next i{font-size: 50px;}
.index3 .bottomBox .right .prevNext .prev{left: 0;}
.index3 .bottomBox .right .prevNext .next{right: 0;}



.index4{background-color: #d7dfe2;padding-top: 180px;position: relative;z-index: 2}
.index4 .tit1{color: rgb(0,162,233);font-size: 70px;font-family: impact, Arial, sans-serif;margin-top: -55px;}
.index4 .tit2{margin-top: 10px;}
.index4 .tit3{margin-top: 5px;padding: 10px 300px;}
.index4 .index4-animation{animation: index4-animation 2.5s forwards;}
@keyframes index4-animation {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

.index4 .indx4_sw_box{position: relative;width: 1050px;margin: 0 auto;padding-top: 35px;overflow: hidden}
.index4 .indx4_sw_box .swiper-slide{width: 100%;height: auto;position: relative}
.index4 .indx4_sw_box .swiper-slide img{width: 100%;height: 100%;position: relative;z-index: 1}
.index4 .indx4_sw_box .swiper-slide .shadow{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 2;left: 0;top: 0;display: none}
.index4 .indx4_sw_box .swiper-slide:hover .shadow{display: block;cursor: pointer}

.index4 .indx4_sw_box .prevNext .prev,
.index4 .indx4_sw_box .prevNext .next{color: white;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 90}
.index4 .indx4_sw_box .prevNext .prev i,
.index4 .indx4_sw_box .prevNext .next i{font-size: 50px;color: rgba(0, 0, 0, 0.2);}
.index4 .indx4_sw_box .prevNext .prev{left: 0;}
.index4 .indx4_sw_box .prevNext .next{right: 0;}
.index4 .indx4_sw_box .prevNext .prev.swiper-button-disabled,
.index4 .indx4_sw_box .prevNext .next.swiper-button-disabled{display: none}


.index4 .bottomText{font-size: 145px;font-family: impact, Arial, sans-serif;font-weight: bold;color: white;position: relative}
.index4 .bottomText .index4-animation2{animation: index4-animation2 1.5s forwards;}
.index4 .bottomText .animate{color:rgb(198,198,198) }
.index4 .bottomText .animate{position: absolute;bottom: 0;opacity: 1;color: rgb(198,198,198);clip-path: inset(100% 0 0 0);width: 100%;}
@keyframes index4-animation2 {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}


.index5{position: relative;margin-top: -55px;z-index: 3;background-color: #fff;}
.index5 .top{width: 986px;margin: 0 auto;padding-top: 150px;}
.index5 .top .tit1{color: rgb(0,162,233);font-size: 28px;font-weight: bold;}
.index5 .top .tit2{font-size: 70px;font-family:anton,sans-serif;font-weight:bold;text-transform: uppercase;
    background: linear-gradient(45deg, #0a6fb2, #adc0e8); /* 渐变颜色 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index5 .top .desc{font-size: .85rem;line-height: 1.2rem;}

.index5 .bottomBox{padding: 50px 0}
.index5 .noneList{display: none}


.index6{padding-bottom: 60px;}
.index6 .top{width: 1065px;margin: 0 auto}
.index6 .top .tit{font-size: 28px;font-weight: bold;}
.index6 .top .desc{font-size: .85rem;line-height: 22px;}




.index6 .index6_sw_box{overflow: hidden;margin:0 auto;position: relative;width: 1065px;padding-top: 25px;}
.index6 .index6_sw_box .swiper-slide{width: 264px;cursor: pointer}
.index6 .index6_sw_box .picListContent{position: relative;width: inherit;height: inherit;}
.index6 .index6_sw_box .picListContent .img{width: inherit;height: inherit;position: relative;z-index: 1}
.index6 .index6_sw_box .picListContent .img img{width:inherit;height:inherit;object-fit: cover;object-position: center}
.index6 .index6_sw_box .picListContent .shadow{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.3);z-index: 2;left: 0;top: 0;cursor: pointer;display: none;}
.index6 .index6_sw_box .swiper-slide .title{z-index: 3;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none}
.index6 .index6_sw_box .swiper-slide:hover .title{display: flex}
.index6 .index6_sw_box .swiper-slide .title p{color: white;width: 80%;font-size: .8rem;}
.index6 .index6_sw_box .picListContent .share{position: absolute;z-index: 3;transform: translate(-50%,-50%);cursor: pointer;display: none;bottom: 20px;right: 20px;}
.index6 .index6_sw_box .picListContent:hover .share{display: block;}
.index6 .index6_sw_box .picListContent:hover .shadow{display: block}
.index6 .index6_sw_box .picListContent .share i{font-size: 20px;color: white}
.index6 .index6_sw_box .picListContent .share:hover i{color: rgba(255, 255, 255, 0.8)}
.index6 .index6_sw_box .picListContent .args{display: none}
.index6 .index6_sw_box .prevNext{}
.index6 .index6_sw_box .prevNext .prev,
.index6 .index6_sw_box .prevNext .next{color: white;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 90}
.index6 .index6_sw_box .prevNext .prev i,
.index6 .index6_sw_box .prevNext .next i{font-size: 50px;}
.index6 .index6_sw_box .prevNext .prev{left: 0;}
.index6 .index6_sw_box .prevNext .next{right: 0;}
.index6 .index6_sw_box .prevNext .prev.swiper-button-disabled,
.index6 .index6_sw_box .prevNext .next.swiper-button-disabled{display: none}






.index7{padding-bottom: 200px;}
.index7 .top{width: 1065px;margin: 0 auto}
.index7 .top .tit{font-size: 28px;font-weight: bold;}
.index7 .top .desc{font-size: .85rem;line-height: 22px;}

.index7 .listBox{width: 1065px;margin: 0 auto;}
.index7 .list{position: relative;margin-left: -20px;margin-right: -20px;margin-top: 30px;}
.index7 .list .item{width: 16.666%;display: flex;justify-content: center;align-items: center}
.index7 .list .item .content{padding: 0 20px;width: 100%;box-sizing: border-box}
.index7 .list .item .content img{max-width: 100%;max-height: 66px}

.index8{width: 1065px;margin: 0 auto;padding-bottom: 50px;}
.index8 .tit{font-size: .85rem;}
.index8 .content{margin-top: 30px;}
.index8 .left{width: 50%;padding-right: 15px;}
.index8 .left .box{border: 1px solid rgba(198, 198, 198, 0.75)}
.index8 .left .img img{width: 100%;height: 229px;object-fit: cover}
.index8 .left .text{padding: 20px 30px;box-sizing: border-box}
.index8 .left .text .time{color: rgb(198, 198, 198);font-size: .8rem;}
.index8 .left .text .title{color: #1A1A1A;padding-top: 30px;font-weight: bold;line-height: 25px;}
.index8 .left .text .desc{font-size: .85rem;color: rgb(198, 198, 198);padding-top: 15px;line-height: 22px;}
.index8 .left .text .title:hover,
.index8 .left .text .desc:hover{color: #00aced}

.index8 .left .bottom{border-top: 1px solid rgba(198, 198, 198, 0.75);margin: 10px 30px 0;padding: 20px 0}
.index8 .left .bottom *{color:rgb(198, 198, 198);font-size: .85rem;}

.index8 .right{width: 50%;padding-left: 15px;}
.index8 .right .top{margin-top: -50px;}
.index8 .right .top h2{font-size: 60px;font-family:anton,sans-serif;text-transform: uppercase;font-weight: normal;
    background: linear-gradient(45deg, #0a6fb2, #adc0e8); /* 渐变颜色 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        padding-top: 60px;
}
.index8 .right .top .desc{width: 61%;margin: -20px auto 0;font-size: .8rem;line-height: 22px;}
.index8 .right .top .more{width: 96%;margin: 30px auto 0;}
.index8 .right .top .more a{display: inline-block;background-color: #ffc93c;}


.index8 .right .bottom{margin-top: 50px;}
.index8 .right .bottom .tit{}
.index8 .right .bottom .cats{margin-top: 30px;}
.index8 .right .bottom .cats a{color: #999999;font-weight: bold;}

.index8 .right .swBox{margin-top: 10px;overflow: hidden}
.index8 .right .swBox .swiper-slide{position: relative;height: 176px;}
.index8 .right .swBox .swiper-slide .img{width: inherit;height: inherit;}
.index8 .right .swBox .swiper-slide img{width: inherit;height: inherit;object-fit: cover}
.index8 .right .swBox .swiper-slide::after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);left: 0;top: 0;z-index: 2}
.index8 .right .swBox .swiper-slide .time{position: absolute;top: 30px;left: 10px;color: white;z-index: 3}
.index8 .right .swBox .swiper-slide a{position: absolute;left: 10px;bottom: 30px;color: white;z-index: 3;font-size: .8rem;line-height: 18px;}
.index8 .right .swBox .swiper-slide a.line_num{-webkit-line-clamp: 2}
.index8 .right .swBox .swiper-slide a:hover{color: #00aced}

.index8 .right .swBox .pageBox{padding: 20px 0}
.index8 .right .swBox .pageBox{display: flex;justify-content: center}
.index8 .right .swBox .swiper-pagination-bullet{width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;color: #00aced}
.index8 .right .swBox .swiper-pagination-bullet.swiper-pagination-bullet-active{color: white}

.index8 .right .swBox .pageAndPrev{position: relative}
.index8 .right .swBox .prevNext i{font-size: 35px;}
.index8 .right .swBox .prevNext .prve,
.index8 .right .swBox .prevNext .next{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer}
.index8 .right .swBox .prevNext .prve{left: 0;}
.index8 .right .swBox .prevNext .next{right: 0;}
.index8 .right .swBox .prevNext .prve.swiper-button-disabled,
.index8 .right .swBox .prevNext .next.swiper-button-disabled{opacity: .3}

.proList1 .content{width: 1000px;margin: 0 auto;padding-top: 55px;}
.proList1 .content .tit1{font-size: 100px;color: #ffc93c;font-weight: bold;}
.proList1 .content .tit2{}
.proList1 .content .tit2 p{font-size: 62px;color: white;font-weight: bold;}
.proList1 .content .tit2 span{font-size: 62px;color: #ffc93c;font-weight: bold;}
.proList1 .content .tit3{font-size: 22px;color: white;font-weight: bold;}
.proList2{padding: 100px 0;width: 1000px;margin: 0 auto;}
.proList2 .tit1{color: #00a4eb;font-size: 45px;font-weight: bold;}
.proList2 .tit2{color: #00a4eb;font-size: 26px;font-weight: bold;margin: 10px 0}
.proList2 .tit3{font-size: 14px;color: #1A1A1A;font-weight: bold;}
.proList2 .list{flex-wrap: wrap;margin-top: 50px;}
.proList2 .list a{width: 20%;}
.proList2 .list a .content{padding: 25px;box-sizing: border-box;flex-direction: column;justify-content: center;align-items: center;width: 100%;}

.proList2 .list a .content .img{display: flex;justify-content: center;align-items: flex-end;width: 100px;height: 64px;}
.proList2 .list a .content .img img{max-width: 100px;max-height: 64px;}
.proList2 .list a .tit{font-size: 18px;font-weight: bold;margin-top: 15px;width: 100%;text-align: center}
.proList2 .list a .desc{font-size: .9rem;text-align: center;margin: 8px 0}
.proList2 .list a .more{font-size: .65rem;color: #00a4eb}
.proList3{position: relative;}
.proList3 .imgBg{position: absolute;z-index: 1;width: 100%;height: 100%;}
.proList3 .imgBg img{width: 100%;object-fit: cover;height: 100%;}
.proList3 .content{position: relative;width: 100%;height: 100%;z-index: 2;padding-top: 60px;}
.proList3 .content .body{width: 1000px;margin: 0 auto;position: relative}
.proList3 .content .text .tit1,
.proList3 .content .text .tit2{font-size: 80px;color: white;font-weight: bold;}
.proList3 .content .text .tit3{margin-top: 20px;}
.proList3 .content .text .tit3,
.proList3 .content .text .tit4{font-size: 20px;color: white;font-weight: bold;}
.proList3 .content .rImg{position: absolute;top: 0;right: 0;z-index: 2}
.proList3 .content .textList{margin-left: -20px;padding-top: 200px;z-index: 3;position: relative;padding-bottom: 50px;}
.proList3 .content .textList .item{color: #ffc93c;padding: 0 20px;font-weight: bold;font-size: 40px;}
.proList3 .content .textList .item:not(:first-of-type){border-left: 2px solid #ffffff;}
.proList4{position: relative;}
.proList4 .imgBg{position: absolute;z-index: 1;width: 100%;height: 100%;}
.proList4 .imgBg img{width: 100%;object-fit: cover;height: 100%;}
.proList4 .content{position: relative;width: 100%;height: 380px;z-index: 2;padding-top: 50px;padding-bottom: 50px;}
.proList4 .content .body{width: 1000px;margin: 0 auto;position: relative}
.proList4 .content .body .lImg img{filter: grayscale(100%);}
.proList4 .content .body .text{position: absolute;top: 0;right: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end}
.proList4 .content .body .text .tit1{font-size: 60px;font-weight: bold;color: white;padding-top: 100px;}
.proList4 .content .body .text .tit2{font-size: 80px;font-weight: bold;color: white}
.proList4 .content .body .text .tit3{font-size: 28px;font-weight: bold;color: white;padding-top: 20px;}
.proList4 .content .body .list{justify-content: flex-end}
.proList4 .content .body .list .item .itemBody{padding: 0 20px}
.proList4 .content .body .list .item .top{align-items: flex-end}
.proList4 .content .body .list .item .one{font-size: 50px;font-weight: bold;color: #ffc93c;line-height: 50px}
.proList4 .content .body .list .item .two{font-size: 34px;font-weight: bold;color: #ffc93c;}
.proList4 .content .body .list .item p{font-size: .9rem;font-weight: bold;color: white;margin-top: 10px;}
.proList5{position: relative;}
.proList5 .imgBg{position: absolute;z-index: 1;width: 100%;height: 100%;}
.proList5 .imgBg img{width: 100%;object-fit: cover;height: 100%;}
.proList5 .content{position: relative;width: 100%;height: 100%;z-index: 2;padding-top: 50px;padding-bottom: 50px;}
.proList5 .content .body{width: 1200px;margin: 0 auto;position: relative}
.proList5 .content .body .tit1{font-size: 80px;font-weight: bold;color: white}
.proList5 .content .body .tit2{font-size: 80px;font-weight: bold;color: white}
.proList5 .content .body .tit3{font-size: 34px;font-weight: bold;color: white}
.proList5 .content .body .lImg{margin-top: 10px;}
.proList5 .content .body .desc{font-size: .7rem;color: white;width: 500px;margin-top: 20px;line-height: 18px;}
.proList5 .content .body .z-index{position: relative;z-index: 2}
.proList5 .content .body .rImg{position: absolute;top: 0;right:-230px;z-index: 1}
.proList5 .content .body .rImg .img1{}
.proList5 .content .body .rImg .img2{position: absolute;top: 105px;left: 105px;}
.animate-prolist1{animation:animate-prolist1 1.5s forwards;}
.animate-prolist2{animation:animate-prolist2 2.5s forwards;}
.animate-prolist3{animation:animate-prolist3 2.5s forwards;}
.proList6{background-image: linear-gradient(90deg, #8D8D8D 0%, #B4C3EA 100%);}
.proList6 .proList6_1{width: 1395px;margin: 0 auto;padding-top: 50px;padding-bottom: 200px;}
.proList6 .proList6_1 .tit1{font-size: 70px;color: #fff;font-weight: bold;}
.proList6 .proList6_1 .tit2{font-size: 16px;color: #1A1A1A;font-weight: bold;}
.proList6 .proList6_1 .img{margin-top: -220px;position: relative;z-index: 10}
.proList6 .proList6_1 .img img{margin: 0 auto}
.proList6 .proList6_1 .imgGallery{position: relative}
.proList6 .proList6_1 .img1,
.proList6 .proList6_1 .img2,
.proList6 .proList6_1 .img3,
.proList6 .proList6_1 .img5,
.proList6 .proList6_1 .img6,
.proList6 .proList6_1 .img7,
.proList6 .proList6_1 .img8,
.proList6 .proList6_1 .img9,
.proList6 .proList6_1 .imgT1,
.proList6 .proList6_1 .imgT2,
.proList6 .proList6_1 .img4{position: absolute}
.proList6 .proList6_1 .img1{top: 259px;left: 271px;z-index: 11;opacity: 0}
.proList6 .proList6_1 .img2{top: 356px;left: 809px;z-index: 11;opacity: 0}
.proList6 .proList6_1 .img3{top: 458px;left: 600px;z-index: 11;opacity: 0}
.proList6 .proList6_1 .img4{top: 435px;left: 750px;z-index: 11}
.proList6 .proList6_1 .img5{top: 439px;left: 757px;z-index: 11;opacity: 0}
.proList6 .proList6_1 .img6{top: 497px;left: 1063px;z-index: 11;width: 34px;overflow: hidden;mask-image: linear-gradient(transparent, transparent);mask-size: 100% 100%;mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;}

.proList6 .proList6_1 .img7{top: 515px;left: 803px;z-index: 11;opacity: 0}
.proList6 .proList6_1 .img8{top: 251px;left: 902px;transform: rotate(90deg)}
.proList6 .proList6_1 .img9{top: 773px;left: 828px;z-index: 3}
.proList6 .proList6_1 .imgT1,
.proList6 .proList6_1 .imgT2{width: 5px;height: 5px;background-color: #bada55;border-radius: 50%;opacity: 0}
.proList6 .proList6_1 .imgT1{top: 622px;left: 398px;z-index: 11}
.proList6 .proList6_1 .imgT2{top: 696px;left: 644px;z-index: 11}
.animate-proList6_8{animation: animate-proList6_8 1.5s forwards;}
.animate-proList6_9{animation: animate-proList6_9 1.5s forwards;}
.animate-proList6_show{animation: animate-proList6_show 1.5s forwards;}
.animate-proList6_6{animation: animate-proList6_6 1.5s forwards;}
.proList6 .proList6_2{width: 1395px;margin: 0 auto;padding-top: 50px;padding-bottom: 500px;}
.proList6 .proList6_2 .tit1{font-size: 70px;color: #fff;font-weight: bold;}
.proList6 .proList6_2 .tit2{font-size: 16px;color: #1A1A1A;font-weight: bold;}
.proList6 .proList6_2 .topImg{margin-top: 30px;}
.proList6 .proList6_2 .imgGallery{position: relative}
.proList6 .proList6_2 .img1,
.proList6 .proList6_2 .img2,
.proList6 .proList6_2 .arrow1,
.proList6 .proList6_2 .arrow2,
.proList6 .proList6_2 .img3{position: absolute}
.proList6 .proList6_2 .img2{top: 269px;left: 466px;}
.proList6 .proList6_2 .img3{top: 230px;left: 983px;}
.proList6 .proList6_2 .arrow1 svg,
.proList6 .proList6_2 .arrow2 svg{fill:#00A2E9;width: 30px;height: 20px;transform: rotate(-90deg)}
.proList6 .proList6_2 .arrow1{top: 302px;left: 645px;}
.proList6 .proList6_2 .arrow2{top: 302px;left: 320px;}
.proListpl .content{margin: 0 auto;width: 100%;}
.proListpl .content img{margin: 0 auto;max-width: 100%;padding: 100px 0}
.animate-proList622{animation: animate-proList622 1.5s forwards;}
.animate-proList623{animation: animate-proList623 1.5s forwards;}
.animate-proList624{animation: animate-proList624 2.5s forwards;}
.pageFactory1.index3 .content .right{order: 1}
.pageFactory1.index3 .content .left{order: 2}
.pageFactory2 .video{position: relative}
.pageFactory2 .video video{width: 100%;height: 313px;object-fit: cover;position: relative;z-index: 1}
.pageFactory2 .video .shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../img/page-factory-video-bg.webp');z-index: 50}
.pageFactory3 .content{margin: 0 auto;width: 95%;}
.pageFactory3 .content img{margin: 0 auto;max-width: 100%;padding: 100px 0}
.pageFactory4 .content{margin: 0 auto;width: 60%;}
.pageFactory4 .content img{margin: 0 auto;max-width: 100%;padding: 30px 0}
.pageFactory4 .content .item{margin-top: 25px;}
.pageFactory4 .content .item .tit{font-size: 30px;color: #00aced;font-weight: bold;text-align: center}
.pageFactory5{padding-top: 150px;}
.pageFactory5.index7{padding-bottom: 0;}
.pageFactory6.index4{padding-bottom: 100px;background-color: unset}
.pageFactory6.index4 .tit1{color: #00aced;position: relative;padding-left: unset;}
.pageFactory6.index4 .tit,
.pageFactory6.index4 .tit1,
.pageFactory6.index4 .tit2,
.pageFactory6.index4 .tit3{text-align: left;width: 1050px;margin: 0 auto}
.page_work_m1{background-image: url('../img/page_work_m1_bg.webp');padding: 80px 0 0;background-size: cover}
.page_work_m1 .content .img1 img{margin: 0 auto}
.page_work_m1 .content .text1{font-size: 12px;font-family: Helvetica sans-serif;font-weight: bold;width: 1020px;margin:0 auto;padding: 20px 0;color: white;text-align: center}
.page_work_m1 .content .text2{font-size: 10px;width: 798px;margin:0 auto;color: white;text-align: center}
.page_work_m1 .content .video{width: 920px;position: relative;margin: 50px auto}
.page_work_m1 .content .video video{max-width: 100%;object-fit: cover;display: block}
.page_work_m1 .content .video .playerShadow{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.12);left: 0;top: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .5s}
.page_work_m1 .content .video .playerShadow i{font-size: 80px;color: white;}
.page_work_m1 .content .video .playerShadow:hover{background-color: rgba(0, 0, 0, 0.32);}
.page_work_m1 .content .titBox{width: 1030px;margin: 0 auto;padding-bottom: 20px;}
.page_work_m1 .content .titBox .line1{width: 284px;height: 2px;background-color: #fff;}
.page_work_m1 .content .titBox .line2{width: 284px;height: 2px;background-color: #fff;}
.page_work_m1 .content .titBox .tit{font-size: 28px;color: white;margin: 0 20px;font-weight: bold;}
.page_work_m1 .content .img2{width: 1030px;margin: 0 auto;animation:page_work_m1_img 1.5s forwards}
.page_work_m2{background-color: #86e6ff;}
.page_work_m2 .content{width: 1030px;margin: 0 auto}
.page_work_m2 .content .list{padding: 20px 0}
.page_work_m2 .content .item{width:16.666%;text-align: center;color: #00a2e9;font-weight: bold;font-size: 18px;}
.page_work_m3{background-image: url('../img/page_work_m3_bg.webp');background-size: cover;padding: 140px 0}
.page_work_m3 .content{width: 1030px;margin: 0 auto}
.page_work_m3 .content .module1{}
.page_work_m3 .content .module1 .left{width: 470px;}
.page_work_m3 .content .module1 .left img{width: 470px;}
.page_work_m3 .content .module1 .right{width: 0;flex: 1;margin-left: 30px;}
.page_work_m3 .content .module1 .right .tit1{font-size: 60px;color: #00a4eb;font-weight: bold;font-family: Helvetica,sans-serif;}
.page_work_m3 .content .module1 .right .text{margin-top: 20px;}
.page_work_m3 .content .module1 .right .text h3{font-size: 12px;}
.page_work_m3 .content .module1 .right .text p{font-size: 14px;font-family: HelveticaNeueW01-45Ligh,sans-serif}
.page_work_m3 .content .module2{margin-top: 150px;}
.page_work_m3 .content .module2 .list{display: grid;grid-template-columns: repeat(4,25%)}
.page_work_m3 .content .module2 .item{width: 209px;}
.page_work_m3 .content .module2 .item .imgBox{width: 209px;position: relative;height: 173px;overflow: hidden}
.page_work_m3 .content .module2 .item .img1,
.page_work_m3 .content .module2 .item .img3,
.page_work_m3 .content .module2 .item .img2{position: absolute;z-index: 1}
.page_work_m3 .content .module2 .item1 .img2{top: 0;left: 70px;z-index: 1}
.page_work_m3 .content .module2 .item1 .img3{top: 80px;left: 72px;z-index: 2;opacity: 0}
.page_work_m3 .content .module2 .item .text{font-size: 13px;color: #1A1A1A;font-family: HelveticaNeueW01-45Ligh sans-serif;padding-top: 15px;}
.page_work_m3 .content .module2 .item2 .img2{top: 35px;left: 70px;z-index: 2}
.page_work_m3 .content .module2 .item2 .img3{top: -2px;left: 126px;z-index: 1}
.page_work_m3 .content .module2 .item4 .img2{top: 57px;left: 70px;z-index: 2}
.page_work_m3 .content .module2 .item4 .img3{top: 10px;left: 126px;z-index: 1}
.animate-page-work-item1{animation: animate-page-work-item1 1.5s forwards}
.animate-page-work-item2{animation: animate-page-work-item2 1.5s forwards}
.animate-page-work-item3{animation: animate-page-work-item3 1.5s forwards}
.animate-page-work-item4{animation: animate-page-work-item4 1.5s forwards}
.animate-page-work-item5{animation: animate-page-work-item5 1.5s forwards}
.animate-page-work-item6{animation: animate-page-work-item6 1.5s forwards}
.page_work_m4 .content{width: 1030px;margin: 0 auto;}
.page_work_m4 .content .left{width: 560px;}
.page_work_m4 .content .right{width: 0;flex: 1}
.page_work_m4 .content .left .imgBox{position: relative}
.page_work_m4 .content .left .imgBox .img1,
.page_work_m4 .content .left .imgBox .img2,
.page_work_m4 .content .left .imgBox .img3,
.page_work_m4 .content .left .imgBox .img4{position: absolute}
.page_work_m4 .content .left .imgBox .img2{top: 275px;left: 264px;}
.page_work_m4 .content .left .imgBox .img2 svg{height: 0;left: 0;overflow: hidden;top: 0;width: 0;}
.page_work_m4 .content .left .imgBox .img3{top: 266px;left: 152px;}
.page_work_m4 .content .left .imgBox .img4{top: 375px;left: 409px;opacity: 0}
.page_work_m4 .content .right .top{width: calc(100% + 250px);transform: translateX(0px);margin-top: 20px;}
.page_work_m4 .content .right .tit1,
.page_work_m4 .content .right .tit2{font-size: 60px;font-family: Helvetica, sans-serif;font-weight: bold;color: #00a4eb}
.page_work_m4 .content .right .tit3{font-size: 28px;color: #1A1A1A;font-weight: bold;margin: 10px 0 }
.page_work_m4 .content .right .text{font-size: 14px;color: #1A1A1A;font-family: HelveticaNeueW01-45Ligh, sans-serif;line-height: 20px;}
.page_work_m4 .content .right .list{display: flex;margin-top: 50px;}
.page_work_m4 .content .right .list .item{width: 33.333%;}
.page_work_m4 .content .right .list .item img{margin-left: auto;}
.page_work_m4 .content .right .list2{margin-top: 50px;}
.animate-page_work_m4{animation:animate-page_work_m4 1.5s forwards}
.page_work_m5 .content{width: 1090px;margin: 150px auto;}
.page_work_m5 .content .list{justify-content: space-between}
.page_work_m5 .content .img img{width: 342px;height: 231px;object-fit: cover}
.page_work_m5 .content .text{font-size: 14px;font-weight: bold;text-align: center;margin-top: 15px;}
.page_work_m6 .content{width: 1090px;margin: 150px auto;}
.page_work_m6 .content .left{width: 0;flex: 1;position: relative;z-index: 2}
.page_work_m6 .content .left .tit1{font-size: 60px;font-weight: bold;color: #00a4eb;transform: translateX(50px)}
.page_work_m6 .content .left .tit2{font-size: 66px;font-weight: bold;color: #00a4eb;transform: translateX(50px)}
.page_work_m6 .content .left .desc{font-size: .75rem;transform: translateX(50px);width: calc(100% - 150px);margin-top: 20px;}
.page_work_m6 .content .right{width: 580px;position: relative;z-index: 1}
.page_work_m6 .content .right .video{position: relative}
.page_work_m6 .content .right .video video{max-width: 100%;object-fit: cover;display: block}
.page_work_m6 .content .right .video .playerShadow{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.12);left: 0;top: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .5s}
.page_work_m6 .content .right .video .playerShadow i{font-size: 80px;color: #00a4eb;transition: all .5s}
.page_work_m6 .content .right .video .playerShadow:hover{background-color: rgba(0, 0, 0, 0.32);}
.page_work_m6 .content .right .video .playerShadow:hover i{transform: scale(1.2)}
.page_work_m7{padding-bottom: 80px;}
.page_work_m7 .top{width: 1090px;margin: 150px auto 0;}
.page_work_m7 .top .tit{font-size: 66px;color: #00a4eb;font-weight: bold;}
.page_work_m7 .top .desc{font-size: .75rem;font-weight: bold;}
.page_work_m7 .list{position: relative;margin-top: 50px;}
.page_work_m7 .page_work_m7_box{margin: 0 50px;overflow: hidden}
.page_work_m7 .prevNext .prev,
.page_work_m7 .prevNext .next{position: absolute;top: 66px;opacity: .5;transition: all .5s;cursor: pointer}
.page_work_m7 .prevNext .prev{left: 0;}
.page_work_m7 .prevNext .next{right: 0;}
.page_work_m7 .prevNext .swiper-button-disabled,
.page_work_m7 .prevNext .swiper-button-disabled{display: none}
.page_work_m7 .prevNext .prev:hover,
.page_work_m7 .prevNext .next:hover{opacity: 1}
.page_work_m7 .prevNext .prev i,
.page_work_m7 .prevNext .next i{font-size: 50px;}
.page_work_m7 .swiper-slide{cursor: pointer}
.page_work_m7 .swiper-slide .img{height: 180px;position: relative;width: 100%;}
.page_work_m7 .swiper-slide .img img{height: 180px;object-fit: cover}
.page_work_m7 .swiper-slide .text{padding: 20px;box-sizing: border-box}
.page_work_m7 .swiper-slide .tit{font-size: 14px;font-weight: bold;text-align: center;margin-top: 8px;}
.page_work_m7 .swiper-slide .desc{-webkit-line-clamp: 2;font-family: HelveticaNeueW01-45Ligh, sans-serif;font-size: .75rem;margin-top: 15px;}
.page_work_m7 .swiper-slide:hover .tit{opacity: .85}
.page_work_m7 .swiper-slide:hover .desc{opacity: .85}
.page_work_m7 .swiper-slide .img .playBtn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.page_work_m7 .swiper-slide .img .playBtn i{font-size: 50px;color: white}
.page_work_m7 .swiper-slide .img .playBtn:hover i{opacity: .8}
.page_work_m7 .paginationBox{display: none}

.listBlog1{background-image: url(../img/page_work_m1_bg.webp);padding: 80px 0;background-size: cover;}
.listBlog1 .content{width: 1090px;margin: 0 auto;}
.listBlog1 .content .left{width: 39.32%;}
.listBlog1 .content .right{width: 0;flex: 1;margin-left: 20px;position: relative}
.listBlog1 .content .left .tit{font-size: 100px;color: #FFC93C;font-weight: bold;}
.listBlog1 .content .left .desc{font-size: 16px;color: white;font-family: "Quicksand", sans-serif}
.listBlog1 .content .right .videoBox{position: relative;cursor: pointer;overflow: hidden}
.listBlog1 .content .right .borderBox:before{content: '';width: 100%;height: 10px;background-color: #00a2e9;position: absolute;left: 0;top: -10px;}
.listBlog1 .content .right .borderBox:after{content: '';width: 100%;height: 10px;background-color: #00a2e9;position: absolute;left: 0;bottom:-10px;}
.listBlog1 .content .right .videoBox .swiper-slide{position: relative;}
.listBlog1 .content .right .videoBox .swiper-slide .img{position: relative;z-index: 2;}
.listBlog1 .content .right .videoBox .swiper-slide .img::after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);top: 0;left: 0;}
.listBlog1 .content .right .videoBox .swiper-slide img{width: 100%;}
.listBlog1 .content .right .videoBox .swiper-slide .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;flex-direction: column;align-items: center;justify-content: center;z-index: 2}
.listBlog1 .content .right .videoBox .swiper-slide .text *{color: white;font-family: "Quicksand", sans-serif}
.listBlog1 .content .right .videoBox .swiper-slide .text .tit{font-size: 28px;width: 80%;margin: 0 auto}
.listBlog1 .content .right .videoBox .playBtn{margin-top: 20px;}
.listBlog1 .content .right .videoBox .playBtn i{font-size: 40px;}
.listBlog1 .content .right .videoBox .playText{border-bottom: 1px solid #fff;margin-left: 10px;}
.listBlog1 .content .right .borderTop{position: absolute;width: 100%;top: 0;left: 0;}
.listBlog1 .content .right .borderTop::before,
.listBlog1 .content .right .borderTop::after{content:'';position:absolute;width:0;border-top:100px solid #00a2e9;border-bottom:50px solid transparent;border-left:50px solid transparent;border-right:50px solid transparent;z-index:1}
.listBlog1 .content .right .borderBottom::before,
.listBlog1 .content .right .borderBottom::after{content:'';position:absolute;width:0;border-bottom:100px solid #00a2e9;border-top:50px solid transparent;border-left:50px solid transparent;border-right:50px solid transparent;z-index:1}
.listBlog1 .content .right .borderBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.listBlog1 .content .right .borderTop::before{top:-10px;left:-20px;}
.listBlog1 .content .right .borderTop::after{top:-10px;right:-20px;}
.listBlog1 .content .right .borderBottom::before{bottom:-10px;left:-20px;}
.listBlog1 .content .right .borderBottom::after{bottom:-10px;right:-20px;}
.listBlog1 .content .right .prevNext{opacity: 0;}
.listBlog1 .content .right .prevNext .prev,
.listBlog1 .content .right .prevNext .next{color: white;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 90;}
.listBlog1 .content .right .prevNext .prev i,
.listBlog1 .content .right .prevNext .next i{font-size: 50px;}
.listBlog1 .content .right .prevNext .prev{left: 0;}
.listBlog1 .content .right .prevNext .next{right: 0;}
.listBlog1 .content .right .prevNext .swiper-button-disabled,
.listBlog1 .content .right .prevNext .swiper-button-disabled{display: none}
.listBlog1 .content .right .videoBox:hover .prevNext{opacity: 1}

.listBlog2{width: 98%;margin: 0 auto;padding: 50px 0}
.listBlog2 .list{flex-wrap: wrap}
.listBlog2 .list .item{width: 20%;}
.listBlog2 .list .item .item_content{border: 1px solid #c6c6c6bf;box-sizing: border-box;margin: 10px}
.listBlog2 .list .item .img{width: 100%;}
.listBlog2 .list .item .img img{width: 100%;}
.listBlog2 .list .item .body{padding: 20px;box-sizing: border-box}
.listBlog2 .list .item .top .time{font-size: .7rem;color: #8D8D8D;font-family: "Quicksand", sans-serif;}
.listBlog2 .list .item .tit{font-size: 16px;font-family: "Quicksand", sans-serif;font-weight: bold;margin-top: 10px;}
.listBlog2 .list .item .desc{font-size: .8rem;font-family: "Quicksand", sans-serif;color: #8D8D8D;margin-top: 15px;-webkit-line-clamp:2}
.listBlog2 .list .item .bottom{padding: 10px 0;border-top: 1px solid #c6c6c6bf;margin-top: 10px;}
.listBlog2 .list .item .bottom .view{color: #8d8d8d;font-size: .8rem;font-family: "Quicksand", sans-serif;}
.listBlog2 .list .item:hover .tit,
.listBlog2 .list .item:hover .desc{color: #00a4eb}
.single_default_m2 .content{width: 1045px;margin: 0 auto;padding: 100px 0}
.single_default_m2 .content .left{width: 756px;border: 1px solid #c6c6c6bf;padding: 60px 50px;box-sizing: border-box}
.single_default_m2 .content .right{width: 0;flex: 1;margin-left: 40px;}
.single_default_m2 .content .left .top .time{font-size: 14px;color: #8D8D8D;font-family: "Quicksand", sans-serif;}
.single_default_m2 .content .left .tit{font-size: 28px;font-family: "Quicksand", sans-serif;margin-top: 50px;}
.single_default_m2 .content .left .body{font-family: "Quicksand", sans-serif;margin-top: 30px;}
.single_default_m2 .content .right .list .item{border: 1px solid #c6c6c6bf;padding: 10px;box-sizing: border-box;}
.single_default_m2 .content .right .list .item .top{align-items: center}
.single_default_m2 .content .right .list .item_left{width: 0;flex: 1;-webkit-line-clamp: 3;font-size: 14px;font-family: "Quicksand", sans-serif;margin-right: 10px;}
.single_default_m2 .content .right .item_right{width: 54px;height: 54px;}
.single_default_m2 .content .right .item_right img{width: 54px;height: 54px;}

.single_default_m2 .content .right .list .item .time{font-size: 14px;color: #8D8D8D;font-family: "Quicksand", sans-serif;margin-top: 10px;}
.single_default_m2 .content .right .list .item:not(:first-of-type){margin-top: 20px;}

.page_contact_1{width: 100%;height: 340px;}
.page_contact_1 iframe{width: 100%;border: none;height: 100%;}
.page_contact_2{background-size: cover;padding: 50px 0 80px}
.page_contact_2 .content{width: 1040px;margin: 0 auto}
.page_contact_2 .content .body{width: 555px;background-color: rgba(0, 0, 0, 0.4);padding: 20px 50px;box-sizing: border-box}
.page_contact_2 .content .body .top *{color: white;font-weight: bold;}
.page_contact_2 .content .body .top .tit1{font-size: 96px;color: #FFC93C;font-family: impact, Arial, sans-serif}
.page_contact_2 .content .body .top .tit2{font-size: 22px;font-family: "Quicksand", sans-serif;font-weight: bold;}

.page_contact_2 .content .body .top .item{margin-top: 10px;}
.page_contact_2 .content .body .top .item i{font-size: 22px;font-weight: normal;}
.page_contact_2 .content .body .top .item p,.page_contact_2 .content .body .top .item a{font-size: 14px;font-family: "Quicksand", sans-serif;margin-left: 10px;}

.page_contact_2 .content .body .bottom{margin-top: 50px;margin-left: 35px;}
.page_contact_2 .content .body .bottom *{color: white;font-weight: bold;}
.page_contact_2 .content .body .bottom .tit1{font-size: 22px;font-family: "Quicksand", sans-serif;font-weight: bold;}
.page_contact_2 .content .body .bottom .item{align-items: center;margin-top: 10px;}
.page_contact_2 .content .body .bottom .item i{font-size: 20px;font-weight: normal;}
.page_contact_2 .content .body .bottom .item p,
.page_contact_2 .content .body .bottom .item a{font-size: 14px;font-family: "Quicksand", sans-serif;margin-left: 10px;}

@keyframes animate-foot-tit1 {
    0% {
        right: -100px;
    }
    100% {
        right: 0;
    }
}
@keyframes footer-1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



@keyframes animate-prolist1 {
    0%{color: white}
    100%{color:#ffc93c}
}
@keyframes animate-prolist2 {
    0%{opacity: .8}
    100%{opacity:1}
}

@keyframes animate-prolist3 {
    0%{filter: grayscale(100%);}
    100%{ filter: grayscale(0%);}
}
@keyframes animate-proList6_8 {
    0%{top: 151px}
    100%{ top: 251px;}
}
@keyframes animate-proList6_9 {
    0%{top: 823px}
    100%{ top: 773px;}
}
@keyframes animate-proList6_show {
    0%{opacity: 0}
    100%{ opacity: 1;}
}
@keyframes animate-proList6_6 {
    0%{mask-image: linear-gradient(transparent, transparent);}
    25%{ mask-image: linear-gradient(to right, black 25%, transparent 25%);}
    50%{ mask-image: linear-gradient(to right, black 50%, transparent 50%);}
    75%{ mask-image: linear-gradient(to right, black 75%, transparent 75%);}
    100%{ mask-image: linear-gradient(to right, black 100%, transparent 100%);}
}
@keyframes animate-proList622 {
    0% { transform: translateX(166px); }
    100% { transform: translateX(0px); }

}
@keyframes animate-proList623 {
    0%{left: 950px}
    50%{left: 900px}
    100%{ left: 645px;}

}
@keyframes animate-proList624 {
    0%{left: 320px}
    100%{ left: 25px;}
}
@keyframes page_work_m1_img {
    0%{transform: translateX(-100%)}
    100%{transform: translateX(0)}
}
@keyframes animate-page-work-item1 {
    0%{top: -10px;}
    100%{top: 0;}
}

@keyframes animate-page-work-item2 {
    0%{opacity: 0}
    100%{opacity: 1}
}

@keyframes animate-page-work-item3 {
    0%{top: 15px;}
    100%{top: 35px;}
}

@keyframes animate-page-work-item4 {
    0%{top: -20px;}
    100%{top: -2px;}
}

@keyframes animate-page-work-item5 {
    0%{top: 37px;}
    100%{top: 57px;}
}

@keyframes animate-page-work-item6 {
    0%{top: 0px;}
    100%{top: 10px;}
}

@keyframes animate-page_work_m4 {
    0%{opacity: 0}
    100%{opacity: 1}
}

/*弹层*/

.zbox-popup{position:fixed;z-index:10000;top:50%;left:50%;display:none;overflow:hidden;width:270px;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);text-align:center;opacity:0;color:#000;border-radius:3px;z-index:10000;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-font-smoothing:antialiased}
.zbox-popup.zbox-popup-in{display:block;transition-property:all;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);opacity:1}
.zbox-popup-inner{position:relative;padding:15px;border-radius:3px 3px 0 0;background:rgba(255,255,255,.95)}
.zbox-popup-inner:after{position:absolute;z-index:15;top:auto;right:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background-color:rgba(0,0,0,.2)}
.zbox-popup-title{font-size:16px;font-weight:500;text-align:center;color:#4a4a4a}
.zbox-popup-title+.zbox-popup-text{font-family:inherit;font-size:16px;margin:5px 0 0;color:#4a4a4a;line-height:1.75}
.zbox-popup-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:44px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.zbox-popup-button{font-size:14px;line-height:44px;position:relative;display:block;overflow:hidden;box-sizing:border-box;width:100%;height:44px;padding:0 5px;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fd9e09;background:rgba(255,255,255,.95);-webkit-box-flex:1}
.zbox-popup-button:first-child:last-child{border-radius:0 0 3px 3px}
.zbox-popup-button.zbox-popup-button-bold{font-weight:600}
.zbox-popup-button:after{position:absolute;z-index:15;top:0;right:0;bottom:auto;left:auto;display:block;width:1px;height:100%;content:'';-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;background-color:rgba(0,0,0,.2)}
.zbox-popup-backdrop.zbox-active{opacity:1}
.zbox-popup-backdrop{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:400ms;transition-duration:400ms;opacity:0;background:rgba(0,0,0,.4)}
.zbox-toast-container{position:fixed;z-index:9999;bottom:60px;width:100%;-webkit-transition:opacity .8s;transition:opacity .8s;opacity:0;left:0}
.zbox-toast-container.zbox-active{opacity:1}
.zbox-toast-message{font-size:14px;width:270px;margin:5px auto;padding:5px;text-align:center;color:#000;border-radius:5px;background-color:#d8d8d8}
.zbox-btn-outlined.zbox-btn-blue,.zbox-btn-outlined.zbox-btn-primary{color:#007aff}
.zbox-btn-outlined{background-color:transparent}
.zbox-btn-blue,.zbox-btn-primary{color:#fff;border:1px solid #007aff;background-color:#007aff}
.zbox-btn{font-size:14px;font-weight:400;line-height:1.42;position:relative;display:inline-block;margin-bottom:0;padding:6px 12px;cursor:pointer;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;text-align:center;vertical-align:top;white-space:nowrap;color:#333;border:1px solid #ccc;border-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;background-clip:padding-box}
.zbox-btn{display:block;width:120px;margin:10px auto}
#zchange{width:44px;height:44px;display:block;margin:0 auto;animation:circle1 1.2s infinite linear;-webkit-animation:circle1 1.2s infinite linear;transition:all linear}
@-webkit-keyframes circle1{0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}@keyframes circle1{0%{transform:rotate(0deg)}
     100%{transform:rotate(360deg)}
 }
/*弹层 end*/



.pageList li a{width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;border: 1px solid #0a6aa1;transition: all .5s}
.pageList li:not(:first-of-type){margin-left: 10px;}
.pageList li a:hover,
.pageList li a.page_active{background-color: #0a6aa1;color: white}

.sinlge_product_1{background-size: cover}
.sinlge_product_1 .content{width: 1090px;margin: 0 auto;}
.sinlge_product_1 .content img{max-width: 100%;margin: 0 auto}


.sinlge_product_2{background-color:#0281ca;padding: 80px 0}
.sinlge_product_2 .content{width: 1090px;margin: 0 auto;}
.sinlge_product_2 .content img{max-width: 100%}
.sinlge_product_2 .left{}
.sinlge_product_2 .left .tit{font-size: 20px;color: #FFC93C;font-family: impact, Arial, sans-serif;}
.sinlge_product_2 .right{width: 460px;margin-left: auto;}
.sinlge_product_2 .right .single_sw_box{width: 100%;overflow: hidden}
.sinlge_product_2 .right .swiper-slide{height: 50px;width: 50px;}
.sinlge_product_2 .right .swiper-slide img{height: 100%;width: 50px;}
.sinlge_product_2 .right .swiper-slide.video{width: 80px;}
.sinlge_product_2 .right .swiper-slide video{height: 100%;width: 100%;object-fit: cover}
.sinlge_product_2 .right .swiper-slide.video img{width: 80px;}
.sinlge_product_2 .right{position: relative}
.sinlge_product_2 .right .single_sw_box_prev,
.sinlge_product_2 .right .single_sw_box_next{cursor: pointer}
.sinlge_product_2 .right .single_sw_box_prev{position: absolute;top: 50%;left: -20px;transform: translateY(-50%)}
.sinlge_product_2 .right .single_sw_box_next{position: absolute;top: 50%;right: -20px;transform: translateY(-50%)}
.sinlge_product_2 .right .single_sw_box_prev i,
.sinlge_product_2 .right .single_sw_box_next i{font-size: 20px;color: white}

.sinlge_product_2 .right .prevNext .prev.swiper-button-disabled,
.sinlge_product_2 .right .prevNext .next.swiper-button-disabled{display: none}

.sinlge_product_3{background-color:#0281ca;padding: 80px 0}
.sinlge_product_3 .content{width: 1090px;margin: 0 auto;color: white;font-family: "Quicksand", sans-serif;font-size: .9rem;}


.roadmap__events .event__content img{max-height: 47px;padding: 10px 0}


.page_search1{width: 1090px;margin: 0 auto;padding: 50px 0}
.page_search1 h2.tit{font-size: 35px;font-family: impact, Arial, sans-serif;font-weight:normal}
.page_search1 form .input{width: 100%;margin: 50px auto 0;position: relative}
.page_search1 form .input input{width: 100%;padding: 15px 35px;box-sizing: border-box}
.page_search1 form .input i{position: absolute;top: 50%;left: 8px;transform: translateY(-50%);font-size: 25px;}

.page_search2{width: 1090px;margin: 0 auto;}
.page_search2 .img{width: 176px;height: 124px;display: flex;justify-content: center;align-items: center;}
.page_search2 .img img{max-width: 176px;max-height: 124px;}
.page_search2 .left{width: 176px;height: 124px;}
.page_search2 .right{width: 0;flex: 1;margin-left: 30px;}
.page_search2 .right .tit{font-size: 18px;font-family: "Quicksand", sans-serif;}
.page_search2 .right .desc{font-size: .85rem;font-family: "Quicksand", sans-serif;padding-top: 15px;-webkit-line-clamp: 2}
.page_search2 .item{margin-top: 20px;}
.page_search2 .pageList{margin: 50px 0}






.floatPcRightBox .online { position: fixed;right: 0px;top: 40%;margin-top: -163px;width: 40px;z-index: 999;}
.floatPcRightBox .online ul.icons {position: absolute;list-style: none;right: 0px;width: 40px;}
.floatPcRightBox .online ul.icons li {text-align: center;margin-bottom: 1px;}
.floatPcRightBox .online ul.icons li i {display: block;position: relative; width: 40px;height: 40px;cursor: pointer;z-index: 210;background: url(../img/onlinebg1.png) no-repeat;}
.floatPcRightBox .online ul.icons li.wechat i {background-position: 0 -82px;}
.floatPcRightBox .online ul.icons li p { display: block;position: absolute;top: 0px; right: -290px;color: #FFFFFF;line-height: 40px;background: rgba(0, 0, 0, 0.7);overflow: hidden;z-index: 201;transition: all 0.3s;width: 155px;height: 177px;padding: 10px;box-sizing: border-box}
.floatPcRightBox .online ul.icons li p img{margin: 0 auto;max-width: 130px;}
.floatPcRightBox .online ul.icons li p span {display: block;color: #ffffff;font-size: 14px;line-height: 35px;}
.floatPcRightBox .online ul.icons li:hover p { right: 40px;}
.floatPcRightBox .online ul.icons li p a {color: #fff;}
.floatPcRightBox .online ul.icons li.tel i {background-position: 0 -205px;}
.floatPcRightBox .online ul.icons li.tel p {width: 150px;margin-top: 2px;height: auto;padding: 10px;}

.floatPcRightBox .online ul.icons li.xinxi i {background-position: 0 -246px;}
.floatPcRightBox .online ul.icons li.xinxi p {width: 250px;margin-top: 82px;height: auto; padding: 0px;}


.floatPcRightBox .online ul.icons li.up i { background-position: 0 -287px;}