*{margin: 0; padding: 0;}
li{list-style:none;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{margin: 0;}
a:hover{text-decoration: none; color: #fff;}
p{margin: 0;}
body{font-family:"microsoft yahei";}


.banner{width:100%;display: flex;flex-direction: row; align-items: center; justify-content: space-between;
background:url(../img/banner-bg.png) no-repeat; background-size:100% 100%; padding:2rem 0 1rem 4rem;}
.banner .leftbox{width:33%;}
.banner .leftbox h1{font-size:0.50rem;margin-bottom: 0.50rem; color:#333;}
.banner p{font-size: 0.16rem; line-height:0.40rem;}
.banner .leftbox p{}
.banner .leftbox b{font-weight:600;color:#F26F00;}
.banner .rightbox{width:67%;position: relative;}
.banner .rightbox .imgg{width:80%; margin:0 auto;}
.banner .rightbox .imgg img{display: none;width:100%;}
.banner .rightbox .btnbox{position: absolute;top:50%; bottom:50%;}
.banner .rightbox .left{left:0.5rem;cursor:pointer;}
.banner .rightbox .left img{position: absolute;opacity:1;}
.banner .rightbox .right{right:1.3rem;cursor:pointer;}
.banner .rightbox .right img{position: absolute;opacity:1;}

.banner .rightbox p{text-align: center; font-size: 0.20rem; margin: 0; color: #111;}


.robot1box{position: relative; padding:1.18rem 0.60rem 0.94rem 1.61rem; background: url(../img/con_bg1.png); display: flex;flex-direction: row; justify-content: space-between;}
.robot1box .leftbox{padding-top:1.57rem;}
.title{margin-bottom: 0.41rem;font-size: 0.50rem !important; font-weight:bold;}
.title span{background:#F26F00;color: #fff; margin-right:0.20rem; width: 2.83rem;height: 0.94rem; display: inline-block; text-align: center; line-height: 0.94rem;}
.robot1box .leftbox .pbox{display: flex;align-items: center;flex-direction: row;}
.b_box{font-size:0.30rem; font-weight: 300;color: #F26F00;}
.robot1box .leftbox p{font-size:0.16rem;color:#333;line-height:0.36rem;}
.robot1box .rightbox{width:58%;}
.robot1box .rightbox img{width: 100%;}
.robot1box .posbox{position: absolute;left: 0;top:0; width: 100%; height: 100%;}
.robot1box .posbox .box1{width:3.84rem;position:absolute;top: 4.37rem;right:6.33rem;opacity: 0;}
.robot1box .posbox .box2{width:9.53rem;position:absolute;bottom:0.34rem;right:6.33rem;opacity: 0;}
.robot1box .posbox .box3{width:9.31rem;position:absolute;bottom:2.67rem;right:6.33rem;opacity: 0;}
.robot1box .posbox .box4{width:5.56rem;position:absolute;bottom:1.05rem;right:6.33rem;opacity: 0;}
.robot1box .posbox .box5{width:3.38rem;position:absolute;bottom:0.62rem;right:5.66rem;opacity: 0;}
.robot1box .posbox .box6{width:1.53rem;position:absolute;bottom:1.85rem;left:2.17rem;opacity: 0;}
.robot1box .posbox img{width: 100%;}
/*从右边划出动画*/
.addright{animation:riani 1s linear forwards;}
@keyframes riani{
	from{transform: translateX(10rem);}
	to{transform: translateX(0rem);}
}
.addleft{animation:leani 1s linear forwards;}
@keyframes leani{
	from{transform: translateX(-10rem);}
	to{transform: translateX(0rem);}
}
.addbot{animation:botani 1s 0.5s linear forwards;}
@keyframes botani{
	from{transform: translateY(10rem);opacity: 0;}
	to{transform: translateY(0rem);opacity: 1;}
}
/*定位中的动画*/
/*.addopa{animation:opa 0.5s linear forwards;}*/
.addopa1{animation:opa 0.5s 1.3s linear forwards;}
.addopa2{animation:opa 0.5s 1.3s linear forwards;}
.addopa3{animation:opa 0.5s 1.8s linear forwards;}
.addopa4{animation:opa 0.5s 2.3s linear forwards;}
.addopa5{animation:opa 0.5s 2.8s linear forwards;}
.addopa6{animation:opa 0.5s 3.1s linear forwards;}
/*闪烁*/
.addopa0{animation:opa 0.5s linear forwards;}

.conbox{position: relative;overflow: hidden; padding:1.59rem 1.63rem 0 2.41rem;
background: url(../img/con_bg2.png) no-repeat;background-size:100% 100%;justify-content: space-between; display:flex;flex-direction: row; }
.conbox .leftbox{width:30%;padding-bottom:0.44rem;}
.conbox p{font-size:0.16rem;color:#333;margin-top: 0.18rem; line-height:0.36rem;}
.conbox .leftbox img{width: 100%;}
.conbox .rightbox{width: 63%;display: flex; flex-direction: column;}
.conbox .rightbox .text{margin-bottom: 1.3rem;display: flex; flex-direction:column; align-items: flex-end;}
.conbox .rightbox .text .title{display: flex;align-items: center;margin-right: 0.70rem;}
.conbox .rightbox .text .title span{width: 1.43rem; margin:0 0.20rem;}
.conbox .rightbox .text p{}
.conbox .rightbox img{width:9.42rem;opacity: 0;}
.conbox .posibox{position:absolute; left:0; top:0;width: 100%; height: 100%;}
.conbox .posibox .box2_1{z-index:200;width:9.75rem; position:absolute;top: 2.28rem;left:3.19rem;opacity:0;}
.conbox .posibox .box2_2{width:1.67rem;position:absolute;bottom: 3.5rem;right:5.6rem;opacity:0;}
.conbox .posibox .box2_3{position: absolute; width: 1.6rem; bottom:1.7rem;right:4.2rem;opacity:0;}
.conbox .posibox img{width: 100%;}
.conbox .posibox .box2_4{position:absolute;width:3.2rem;bottom:-0.4rem;right:3.25rem;opacity:0;}
.conbox .posibox .box2_5{width: 2.03rem; position:absolute;top:1.85rem;left:4.31rem;opacity:0;}
.atr{animation:tr 0.5s linear forwards;}

@keyframes tr{
	from{opacity: 1;}
	to{opacity:0;}
}

@keyframes opa{
	from{opacity: 0;}
	to{opacity: 1;}
}
.trainbox{position: relative; background: url(../img/train_bg.png);overflow: hidden;}
.trainbox .text{padding:1.68rem 1.61rem 0;}
.trainbox .imgg{}
.trainbox p{font-size:0.16rem;color:#333;margin-top: 0.18rem; line-height:0.36rem;}
.trainbox .imgg img{width: 100%;margin-bottom: -0.50rem;}
.trainbox .imgg img:nth-of-type(1){margin-bottom: -1rem;}
.trainbox .wuzi{width:4.47rem; position:absolute; right: 5.32rem; bottom: 2.56rem;opacity:1;}
.trainbox .wuzi img{width: 100%;}
.trainbox .trbox{width:10.53rem;position:absolute;left:-80%; bottom:-0.30rem;}
.trainbox .trbox img{width: 100%;}
.addtr{animation:train 5s linear forwards;}
@keyframes train{
	from{left:-80%;}
	to{left:70%;}
}

.solbox{width: 100%;overflow: hidden; position:relative; display:flex;padding:3.13rem 1.61rem 0.19rem 0;
 background: url(../img/solbox_bg.png) no-repeat;background-size:100% 100%;}
.solbox .left{width:40%; z-index: 100;padding-bottom: 1.10rem;}
.solbox .left img{width: 100%;}
.solbox p{font-size:0.16rem;color:#333;margin-top: 0.18rem;line-height:0.36rem;}
.solbox b{font-weight:600;}
.solbox .right{width:60%; z-index: 100;}
.solbox .right .topBox{display: flex; flex-direction: row;}
.solbox .right .topBox .top1{width: 40%;margin-top: 1.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.solbox .right .topBox .top1 .bg{font-size: 0.38rem; margin: 0;opacity: 0.7;
font-weight: bold;background: linear-gradient(194deg, #0DCCFF 0%, #4760FF 100%);
-webkit-background-clip: text; line-height: 0.50rem;
-webkit-text-fill-color: transparent;}
.solbox .right .topBox .top1 img{flex-shrink: 0; width: 0.67rem; margin-top: 0.26rem;}
.solbox .right .topBox .top2{width: 60%;}
.solbox .right .topBox .top2 b{font-weight:600;}
.solbox .right .topBox .topph{ display: flex; flex-direction: column; align-items: center; justify-content: center;position: absolute;bottom:1rem;display: none;}
.solbox .right .topBox .topph .bg{font-size: 0.38rem; margin: 0;opacity: 0.7;
font-weight: bold;background: linear-gradient(194deg, #0DCCFF 0%, #4760FF 100%);
-webkit-background-clip: text; line-height: 0.50rem;
-webkit-text-fill-color: transparent;}
.solbox .right .topBox .topph img{flex-shrink: 0; width: 0.67rem; margin-top: 0.26rem;}

.solbox .right .bott{width:10.46rem;opacity: 0;}
.solbox .right .bott img{width:99%; margin-left:0.5rem;}
.solbox .solpo{position: absolute;width: 100%; left: 0; top:0; height: 100%;}
/**/

.solbox .solpo img{width: 100%;}
.solbox .solpo .sob1{width: 4.13rem; position:absolute;bottom:0.5rem;left:2.53rem;opacity:0;}
.solbox .solpo .sob2{width: 1.60rem;z-index:200; position:absolute;top: 3.38rem;left: 3.85rem;opacity:0;}
.solbox .solpo .sob3{width: 1.05rem;z-index:200; position: absolute;top:5.20rem;left:4.95rem;opacity:0;}
/*线*/
.solbox .solpo .sob4{width:1.01rem;z-index:200; position: absolute;bottom:3.4rem;left:5.7rem;opacity:0;}
.solbox .solpo .sob5{width:1.51rem;position: absolute;bottom:2.65rem;left:6rem;opacity:0;}
.solbox .solpo .sob6{width:1.89rem;position: absolute;bottom: 2.6rem;left:6.3rem;opacity:0;}
.solbox .solpo .sob7{width:2.32rem;position: absolute;bottom: 2.4rem;left: 6.65rem;opacity:0;}
.solbox .solpo .sob8{width:2.98rem;position: absolute;bottom: 2.2rem;left: 6.8rem;opacity:0;}
.solbox .solpo .sob9{width:3.81rem;position: absolute;bottom: 2rem;left:6.8rem;opacity:0;}

.solbox .solpo .sob10{width:5.8rem;position: absolute;bottom: 1.6rem;left:6.5rem;opacity:0;}
.solbox .solpo .sob11{width:7.11rem;position: absolute;bottom: 1.4rem;left: 6.3rem;opacity:0;}
.solbox .solpo .sob12{width:7.65rem;position: absolute;bottom: 1.3rem;left: 6.4rem;opacity:0;}
.solbox .solpo .sob13{width:9.37rem;position: absolute;bottom: 1.15rem;left:6.2rem;opacity:0;}
.solbox .solpo .sob14{width:11.33rem;position: absolute;bottom: 0.95rem;left: 5.9rem;opacity:0;}

/*刷子*/
.solpo1{animation:opa 0.5s 1s linear forwards;}
/*小人*/
.solpo2{animation:opa 0.5s 1s linear forwards;}
.solpo3{animation:opa 0.5s 1.3s linear forwards;}
.solpo4{animation:opa 0.5s 1.6s linear forwards;}
.solpo5{animation:opa 0.5s 1.9s linear forwards;}
.solpo6{animation:opa 0.5s 2.1s linear forwards;}
.solpo7{animation:opa 0.5s 2.4s linear forwards;}
.solpo8{animation:opa 0.5s 2.7s linear forwards;}
.solpo9{animation:opa 0.5s 3s linear forwards;}
.solpo10{animation:opa 0.5s 3.3s linear forwards;}
.solpo11{animation:opa 0.5s 3.6s linear forwards;}

.addtop{animation:topani 0.8s linear forwards;}
@keyframes topani{
	from{transform: translateY(10rem);opacity: 0;}
	to{transform: translateY(0rem);opacity: 1;}
}
.top_6 {
    background-color: #EFF3F6;
    position: relative;
    overflow: hidden;
}

.top_6>.center {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 20% 40%;
    position: relative;
    background-color: #fff;
}

.top_6>.center>.center_lf {
    width: 60%;
    position: absolute;
    top: 11%;
    left: 7%;
    transition: 2.5s;
    /* opacity: 0; */
}

.active>.center>.center_lf {
    opacity: 1;
}
/*125%*/
@media only screen and (max-width: 1834px) {
		.robot1box .posbox .box1{top: 4.4rem;right:6.3rem;}
.robot1box .posbox .box2{bottom:0.34rem;right:6.3rem;}
.robot1box .posbox .box3{bottom:2.67rem;right:6.3rem;}
.robot1box .posbox .box4{bottom:1.05rem;right:6.3rem;}
.robot1box .posbox .box5{bottom:0.62rem;right:5.7rem;}
.robot1box .posbox .box6{bottom:1.85rem;left:2.17rem;}
.conbox .posibox .box2_2{bottom:3.8rem;right:5.6rem;}
.conbox .posibox .box2_3{bottom:1.9rem;right:4.3rem;}
.conbox .posibox .box2_4{right:3rem}

}
/*150*/
@media only screen and (max-width: 1489px) {
	.robot1box .posbox .box1{top: 4.25rem;right:6rem;}
.robot1box .posbox .box2{bottom:0.34rem;right:6rem;}
.robot1box .posbox .box3{bottom:2.67rem;right:6rem;}
.robot1box .posbox .box4{bottom:1.05rem;right:6rem;}
.robot1box .posbox .box5{bottom:0.62rem;right:5.5rem;}
.robot1box .posbox .box6{bottom:1.85rem;left:2.17rem;}
.conbox .posibox .box2_2{bottom:3.8rem;right:5.6rem;}
.conbox .posibox .box2_3{bottom:1.9rem;right:4.3rem;}
.conbox .posibox .box2_4{right:3rem}
.robot1box .leftbox .pbox .b_box{width:1.6rem;}
.robot1box .leftbox .pbox:nth-of-type(3) .b_box{width:1.75rem;}


}
/*175*/
@media only screen and (max-width:1228px) {
.robot1box .posbox .box1{top: 4.25rem;right:6rem;}
.robot1box .posbox .box2{bottom:0.34rem;right:6rem;}
.robot1box .posbox .box3{bottom:2.67rem;right:6rem;}
.robot1box .posbox .box4{bottom:1.05rem;right:6rem;}
.robot1box .posbox .box5{bottom:0.62rem;right:5.5rem;}
.robot1box .posbox .box6{bottom:1.85rem;left:2.17rem;}
.conbox .posibox .box2_2{bottom:3.8rem;right:5.6rem;}
.conbox .posibox .box2_3{bottom:1.9rem;right:4.3rem;}
.conbox .posibox .box2_4{right:3rem}
.robot1box .leftbox .pbox .b_box{width:1.6rem;}
.robot1box .leftbox .pbox:nth-of-type(3) .b_box{width:1.75rem;}

}
@media only screen and (max-width:768px) {
	.robot1box .leftbox .pbox .b_box{width:6.6rem;}
	.robot1box .leftbox .pbox:nth-of-type(3) .b_box{width:6.75rem;}
	html{font-size: 21.4px !important;} 
	.banner{flex-direction: column;padding: 3.23rem 1rem;}
   .banner .leftbox{width: 80%;}
   .banner .rightbox p{font-size:0.7rem;}
   .banner .leftbox h1{font-size: 1.2rem;margin-bottom: 1rem;}
   .banner .leftbox p{font-size: 0.7rem;line-height: 1rem;}
   .banner .rightbox{width: 100%;padding: 1rem;}
   .banner .rightbox .imgg{width: 100%;}
   .banner .rightbox .right{right:4rem;}
   .banner .leftbox p{font-size: 0.7rem; line-height: 1rem;}
   .robot1box{flex-direction: column;}
   .title{font-size: 1rem !important;}
   .title span{width: 5.83rem;height: 1.4rem; line-height: 1.4rem;}
   .robot1box .leftbox .pbox{border-bottom:0.5rem;}
   .robot1box .leftbox .pbox .b_box{width:5.6rem;}
   .robot1box .leftbox .pbox:nth-of-type(2) .b_box{width:3.8rem;}
   .robot1box .leftbox .pbox:nth-of-type(3) .b_box{width:6.6rem;}
   .b_box{font-size: 0.75rem;width: 38%;}
   .robot1box .leftbox p{font-size: 0.7rem;line-height: 1rem;}
   .robot1box .rightbox{width: 100%;}
   .robot1box .posbox{display: block;}
   .robot1box .posbox img{width: 100%;}
   .robot1box .posbox .box1{width: 5rem; top:20.1rem;right:10.2rem;}
   .robot1box .posbox .box2{width: 6rem; bottom:2.9rem;right:10.2rem;}
   .robot1box .posbox .box3{width: 7rem; bottom:4.3rem;right:10.2rem;}
   .robot1box .posbox .box4{width: 6rem; bottom:2.2rem;right:10.2rem;}
   .robot1box .posbox .box5{width: 4rem; bottom:1rem;right:9.1rem;}
   .robot1box .posbox .box6{width: 1.5rem; bottom:3.4rem;left:0.5rem;}
   .conbox{padding: 1.59rem 1.63rem 0 1.41rem;}
   
   .conbox .leftbox{width: 40%;}
   .conbox .rightbox .text{margin-bottom:1.6rem;}
   .conbox .rightbox .text .title{margin:0;}
   .conbox .rightbox .text .title span{width:2.43rem;}
   .conbox .rightbox .text p{font-size: 0.7rem;line-height: 1rem;}
   .conbox .rightbox img{width: 100%;}
   .conbox .posibox{}
   
   .trainbox p{font-size: 0.7rem ;line-height: 1rem;}
   .conbox .posibox img{width:100%}
   .top_9>.center>div>ul {
        height: 20%;
        margin-bottom: 2%;
        display: block;
    }

    .top_9>.center>div>ul>li {
        width: 100%;
        height: 40%;
        line-height: 2.5vw;
    }

    .top_9>.center>div>ul>li>p {
        font-size: 0.6rem;
        color: #333;
        line-height: 11vw;
    }

    .top_9>.center>div>ul>li>input {
        width: 70%;
        font-size: 0.35rem;
    }

    .top_9>.center>div>.liuyan {
        width: 100%;
    }

    .top_9>.center>div>.liuyan>p {
        font-size: 0.6rem;
    }

    .top_9>.center>div>.liuyan>input {
        width: 70%;
        font-size: 0.35rem;
        padding-left: 4%;
    }
    .top_9>.center>div>.anniu>button {
        height: 30px;
    }
    .top_9>.center>div>.anniu>button{font-size:0.6rem;}
    .top_9>.center>div>p{font-size:0.6rem;}
    .top_9>.center>div>.anniu {
        width: 70%;
        margin-top: 20%;
    }
   .conbox .posibox .box2_1{top:6rem;}
   .conbox .posibox .box2_2{bottom: 4.2rem; right:5.2rem;display: none;}
   .conbox .posibox .box2_3{bottom: 2rem; right:3.8rem;display:none;}
   .conbox .posibox .box2_4{right:2.8rem;display:none;}
   .conbox .posibox .box2_5{top:2.7rem;}
   .solbox .left img{margin-top:6rem;}
   .solbox p{font-size: 0.7rem; line-height:0.95rem;}
   .solbox .right .topBox .topph .bg{font-size: 1rem; line-height:1.2rem;}
   .solbox .right .topBox{flex-direction: column;}
   .solbox .right .topBox .topph{display: block;}
   .solbox .right .topBox .topph img{margin:0 5rem;}
   .solbox .right .topBox .top1{display:none;}
   .solbox .right .topBox .top2{width: 101%;margin-bottom: 2.3rem;}
   .solbox .right .topBox .top2 p{line-height: 1.15rem;}
   .solbox .solpo .sob2{top:9.38rem;}
   .solbox .solpo .sob3{top:11.2rem;}
   .solbox .solpo .sob4{bottom:5.4rem;}
   .solbox{padding: 3.13rem 1.61rem 2.19rem 0;}
   .solbox .solpo .sob1{bottom:2.5rem;}
   .solbox .solpo .sob10{bottom:4.6rem;}
   .solbox .solpo .sob11{bottom:4.4rem;}
   
}