@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%;}
.row{width: 1400px; margin: auto; position: relative;}
.row:after { content:""; clear:both; display:block; overflow:hidden;}


@keyframes bannbg {100%{transform: scale(1);} 50%{transform:scale(1.2);} 0%{ transform:scale(1);} }

#header {display: none;}
#headerGB{position:relative;width:100%;height: 780px; overflow:hidden;}
#headerGB .bg {position:absolute;height:780px;width:100%;background:url(../img/headerbg.jpg) no-repeat center top;transition:all 1s;transition-delay:2s;animation: bannbg 20s linear infinite;}
#headerGB .row { height:780px; }
#headerGB .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerGB .logo img { height:100%; width:auto;}
#headerGB .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerGB .links a { height:36px;background-color: rgb(0 0 0 / 34%);border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 5px 5px rgb(0 0 0 / 10%); margin-left:10px;}
#headerGB .links a:hover {background: #ccc; color: #22468c}

#headerGB .gbfont {position:absolute;top:250px;width: 60%;line-height:94px;font-size:18px;color:#fff;font-weight:400;text-align: center;text-shadow:0 4px 4px rgb(0 0 0 / 25%)}
#headerGB .gbfont h1 { font-size:90px; font-weight:bold;transition:all 1.5s;transform:scale(0.5); opacity:0; letter-spacing:20px }
#headerGB .gbfont h1.animated { transform:scale(1); opacity:1; letter-spacing:0; font-size:90px}
#headerGB .gbfont em { display:block; transition:all 3s; letter-spacing:10px; opacity:0; transition-delay:0.5s}
#headerGB .gbfont em.animated { letter-spacing:0; opacity:1;}
#headerGB .gbpc { position:absolute; top:365px; left:696px; width:732px; height:336px; background:url(../img/pcimg.png) no-repeat;transition:all 1.2s;  transform:scale(0.8); opacity:0; transition-delay:.3s; }
#headerGB .gbpc.animated { transform:scale(1); top:255px; left:696px; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }

.productAbout {position:absolute;bottom:0;background:#F2F6FF;background: linear-gradient( to bottom , #fff, #F2F6FF);line-height:40px;font-size:22px;padding:30px 60px 12px;text-indent:2em;border-radius:30px 30px 0 0;box-shadow: 0 0 20px rgb(13 34 119 / 13%);}
.productAbout p { margin-bottom:18px;}

.funBox {position:relative;padding: 65px 0;}
.funBox .pic {float:right;margin-left:130px;background:#F2FAFF;width:500px;height:350px;border-radius:30px;overflow: hidden;}
.funBox .pic i { display:block; height:100%; background:url(../img/funpic1.png) no-repeat center;}
.funBox dl {overflow:hidden;height:350px;display:flex;flex-direction: column;justify-content: center;}
.funBox dt {height:100px;line-height:100px;font-size:40px;font-weight:bold;padding-left:95px;background:url(../img/funico1.png) no-repeat 0;margin-bottom:10px;}
.funBox dd li { position:relative; line-height:32px; font-size:16px; padding:9px 0 9px 35px }
.funBox dd li:before { position:absolute; left:6px; top:19px; content:""; width:8px; height:8px; background:#ACDFFF; background:linear-gradient( to bottom, #ACDFFF, #66BBFE ); border-radius:50%; border:3px solid rgb(223 244 255 / 80%); box-shadow: 0 1px 4px rgb(146 146 146 / 25%)}

.funBox2 { background:url(../img/funBox2bg.jpg) no-repeat center;}
.funBox2 dt { background-image:url(../img/funico2.png);}
.funBox2 .pic { float:left; margin-left:0; margin-right:130px; background-color:#E9EEFF }
.funBox2 .pic i { background-image:url(../img/funpic2.png)}
.funBox2 dd li:before { background:#ACBEFF; background:linear-gradient( to bottom, #ACBEFF, #669AFE ); border:3px solid rgb(223 244 255 / 80%); }

.funBox3 dt { background-image:url(../img/funico3.png);}
.funBox3 .pic { background-color:#FFF2F3 }
.funBox3 .pic i { background-image:url(../img/funpic3.png)}
.funBox3 dd li:before { background:#FFB6AC; background:linear-gradient( to bottom, #FFB6AC, #FE6F66 ); border:3px solid rgb(255 231 223 / 77%); }

.funBox4 { background:url(../img/funBox4bg.jpg) no-repeat center;}
.funBox4 dt { background-image:url(../img/funico4.png);}
.funBox4 .pic { float:left; margin-left:0; margin-right:130px; background-color:#E6F9FA }
.funBox4 .pic i { background-image:url(../img/funpic4.png)}
.funBox4 dd li:before { background:#A4D4D8; background:linear-gradient( to bottom, #A4D4D8, #7BB9C1 ); border:3px solid rgb(223 244 255 / 77%); }


.funBox5 .pic { margin-top:3.5%;}
.funBox5 dl { height:auto; }
.funBox5 dt { background-image:url(../img/funico5.png);}
.funBox5 .pic { background-color:#FDF6ED }
.funBox5 .pic i { background-image:url(../img/funpic5.png)}
.funBox5 dd li:before { background:#FFD4AC; background:linear-gradient( to bottom, #FFD4AC, #FEA666 ); border:3px solid rgb(255 244 223 / 77%); }


.lxss a{background-color: #3A6AC0!important;}

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