@charset "utf-8";

/* frame */
a { transition:all 0.5s;}
body{min-width: 1400px;font-weight:400;background: transparent;}
.clear{clear: both;}
#content{zoom: 1;width: 100%;overflow: hidden;}
.row{width: 1400px; margin: auto; position: relative;}
.row:after { content:""; clear:both; display:block; overflow:hidden;}
#content .fl { float:left}
#content .fr { float:right}
.wrap {}

.rowTi {position:relative;display: block;height: auto;margin: 0 0 -60px;padding: 0;z-index: 1;}
.rowTi h2 {color: #333;height: 140px;line-height: 150px;letter-spacing: 3px;width: 500px;margin: 0 auto;color: #fff;background: url(../img/rowtibgline.png) no-repeat;transform: translateY(30px);}
.rowTi h2:before {position:absolute;content:"";left:50%;margin-left: -122px;top: 29px;width:40px;height:40px;transform:scale(0)rotate(90deg);background: url(../img/star.png) no-repeat left;display:inline-block;vertical-align: middle;transition:all 0.5s;transition-delay:1.3s;opacity:0}
.rowTi h2:after {position:absolute;content:"";left:50%;margin-left: 40px;bottom: 30px;width:60px;height:8px;border-radius:4px;transform:translateX(-100px);background:#93DDEA;display:inline-block;vertical-align: middle;transition:all 1s;transition-delay:0.6s;opacity:0}
.rowTi h2.animated:before { transform:scale(1)rotate(0deg); opacity:1}
.rowTi h2.animated:after {transform:translateX(0);opacity: 0.5;}


#header { display: none;}
#headerMn{position:relative;width:100%;height: 910px;background: #fff url(../img/bg.jpg) repeat-x center -40px;overflow: hidden;background-size:cover;}
#headerMn .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerMn .logo img { height:100%; width:auto;}
#headerMn .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerMn .links a {height:36px;border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;float:left;padding:0 1.5em;margin-left:10px;border: 1px solid #fff;}
#headerMn .links a:hover {background: linear-gradient(180deg, #FFFFFF 0%, #EEFCFF 100%); color: #22468c}

#headerMn .mnfont {position: absolute;top: 300px;left: 30px;font-size: 20px;color:#fff;line-height: 24px;font-weight:400;transition:all 2s;opacity:0;text-align: left;}
#headerMn .mnfont h1 {font-size: 100px;font-weight:bold;line-height: 1.3;transition:all 4s;margin-bottom: 40px;text-shadow: 0px 0px 18px #2C49CBB5;letter-spacing:10px}
#headerMn .mnfont p {display:block;text-align: left;line-height: 1.8; padding:15px 30px;border:1px solid #fff; box-sizing:border-box;display:inline-block;line-height:26px;border-radius:100px}

#headerMn .mnpc {position:relative;top: 425px;left: 727px;}
#headerMn .mnpc .p-01 {position:absolute;transition:all 1s ease-in-out;background: url(../img/aipic1.png) no-repeat;width: 669px;height: 450px;position:absolute;left: 0;top: 0;transform:scale(0.5)translateY(200px);z-index:7;opacity:0;}
#headerMn .mnpc .p-01.animated { transform:scale(1)translateY(0); opacity:1 }
#headerMn .mnpc .p-02 {position:absolute;transition:all 1s ease-in-out;background:url(../img/aipic2.png) no-repeat;width: 81px;height: 128px;position:absolute;left: 350px;top: 200px;transition-delay:0.6s;z-index:7;opacity:0;}
#headerMn .mnpc .p-02.animated {transform:translateX(0);opacity:1;left: 22px;top: 196px;}
#headerMn .mnpc .p-03 {position:absolute;transition:all 1s ease-in-out;background:url(../img/aipic3.png) no-repeat;width: 107px;height: 121px;position:absolute;left: 350px;top: 200px;z-index:7;opacity:0;visibility: hidden;transition-delay:0.7s;}
#headerMn .mnpc .p-03.animated {transform:translateX(0);opacity:1;left: 562px;top: 105px;}
#headerMn .mnpc .p-04 {position:absolute;transition:all 1s ease-in-out;background:url(../img/aipic4.png) no-repeat;width: 107px;height: 122px;position:absolute;left: 350px;top: 200px;z-index:7;opacity:0;visibility: hidden;transition-delay:0.8s;}
#headerMn .mnpc .p-04.animated {transform:translateX(0);opacity:1;left: 0px;top: 55px;}
#headerMn .mnpc .p-05 {position:absolute;transition:all 1s ease-in-out;background:url(../img/aipic5.png) no-repeat;width: 81px;height: 129px;position:absolute;left: 350px;top: 200px;z-index:7;opacity:0;visibility: hidden;transition-delay:0.9s;}
#headerMn .mnpc .p-05.animated {transform:translateX(0);opacity:1;left: 560px;top: 233px;}
#headerMn .mnpc .p-06 {position:absolute;transition: all 3s cubic-bezier(0, 0, 0.03, 0.94);background: url(../img/aipic1a.png) no-repeat center;width: 0px;height: 450px;position:absolute;left: 335px;top: 0;z-index:7;opacity:1;overflow:hidden;transition-delay:1s;}
#headerMn .mnpc .p-06.animated { opacity:1;width: 669px; left:0; }
#headerMn .mnpc:hover { }

@keyframes pclight { }

.productIntro {padding: 25px 0 10px;}
.productIntro .bd {align-items: center;box-shadow: 0px 0px 30px 0px #D0DBFF80 inset;border: 3px solid #FFFFFF;background: linear-gradient(180deg, #FEFEFF 0%, #F3FBFF 168.14%);border-radius: 50px 50px 10px 10px;padding: 100px 50px 30px;}
.productIntro .bd p {font-size:18px;line-height: 2em;text-indent:2em;margin-bottom: 8px;}

@keyframes phdli {
    100% {
        transform: translateY(0)scale(1);
    }
    70% {
        transform: translateY(-6px)scale(1.05); opacity:1;
    }
    0% {
        transform: translateY(100px)scale(0); opacity:0;
    }
}
@keyframes phdlii {
    100% {
        transform: rotateY(0)scale(1); opacity:1;
    }
    80% {
        transform: scale(1.1); opacity:1;
    }
    50% {
        transform: scale(0.8); opacity:0.5;
    }
    0% {
        transform:scale(0.6); opacity:1; 
    }
}

#advantage {padding: 50px 0 0;}
.advantageBox {display:flex;flex-wrap: wrap;gap: 40px 50px;justify-content: center;flex-direction: row;box-shadow: 0px 0px 30px 0px #D0DBFF80 inset;border: 3px solid #FFFFFF;background: url(../img/rowbbg.jpg) no-repeat center / 100% 100%;border-radius: 50px 50px 10px 10px;padding: 100px 50px 50px;};.productIntro .bd {align-items: center;box-shadow: 0px 0px 30px 0px #D0DBFF80 inset;border: 3px solid #FFFFFF;background: linear-gradient(180deg, #FEFEFF 0%, #F3FBFF 168.14%);border-radius: 50px 50px 10px 10px;padding: 100px 50px 30px;}
.dvantBox {position:relative;flex: 1;background: #fff;border-radius: 20px;padding: 20px 40px;flex-basis: 620px;box-sizing: border-box;display: block!important;text-align: center;transition:all 0.5s;overflow: hidden;}
.dvantBox .hd {margin-bottom: 20px;height: 60px;line-height: 60px;}
.dvantBox .hd h3 {font-size:24px;font-weight:bold;text-align: left;text-indent: 2.5em;color: #2A76E8;}
.dvantBox .ico { position:absolute; left:0;border-radius:0 30px 30px 0;display:block;width:80px;height: 60px;background: linear-gradient(89.74deg, #78D6F4 0.09%, #04A4CF 99.65%);}
.dvantBox .ico:before {  content:""; background:url(../img/vector1.png) no-repeat center; width:100%; height:100%; display:block;}
.dvantBox .bd{position:relative;z-index:1;font-size:16px;line-height:2em;text-align: justify;}
.dvantBox .bd p { text-indent:2em}
.dvantBox .bd img {margin-left:40px;}
.dvantBox:nth-child(2) .ico:before {background-image:url(../img/vector2.png)}
.dvantBox:nth-child(3) .ico:before {background-image:url(../img/vector3.png)}
.dvantBox:nth-child(4) .ico:before {background-image:url(../img/vector4.png)}
.dvantBox:nth-child(5) .ico:before {background-image:url(../img/vector5.png)}
.dvantBox:nth-child(6) .ico:before {background-image:url(../img/vector6.png)}
.dvantBox:nth-child(7) .ico:before {background-image:url(../img/vector7.png)}
.dvantBox:nth-child(8) .ico:before {background-image:url(../img/vector8.png)}
.dvantBox:nth-child(9) .ico:before {background-image:url(../img/vector9.png)}
.dvantBox:nth-child(10) .ico:before {background-image:url(../img/vector10.png)}
.dvantBox:nth-child(11) .ico:before {background-image:url(../img/vector11.png)}
.dvantBox:nth-child(12) .ico:before {background-image:url(../img/vector12.png)}

.dvantBox:hover .ico {}
.dvantBox:hover .ico:before { }


.lxss { background:transparent;}
.lxss a{background-color:#2A76E8;}
.lxss a.sq{background-color:#2A76E8;}

@media only screen and (max-width: 1400px){}