.inx-banner{}
.inx-banner .txt{font-size:3.5em; color:#fff; top:170px; left:0; right:0;}
.inx-banner .windshield{width:40.46875%; bottom:145px; left:50%; margin:0 0 0 -20.234375%;}
.inx-banner .windshield::before{padding:66.92406% 0 0; content:''; display:block; background:url(/images/5.png) no-repeat center/cover;}
.inx-banner .ico-mouse{width:30px; height:68px; background:url(/images/6.png) no-repeat center/cover; margin:26px auto 0; bottom:50px; left:50%; transform:translate(-50%, 0);}
.inx-banner .l-speed{left:10%; bottom:106px; width:19.21875%;}
.inx-banner .l-speed::before{padding:56.09756% 0 0; content:''; display:block; background:url(/images/3.png) no-repeat center/cover;}
.inx-banner .r-speed{right:10%; bottom:106px; width:19.270833%;}
.inx-banner .r-speed::before{padding:55.94594% 0 0; content:''; display:block; background:url(/images/4.png) no-repeat center/cover;}
.inx-banner .l-line{left:6.25%; bottom:0; width:31.5625%;}
.inx-banner .l-line::before{padding:37.788778% 0 0; content:''; display:block; background:url(/images/1.png) no-repeat center/cover;}
.inx-banner .r-line{right:6.25%; bottom:0; width:29.89583%;}
.inx-banner .r-line::before{padding:39.89547% 0 0; content:''; display:block; background:url(/images/2.png) no-repeat center/cover;}

/*第一屏*/
.inx-banner .txt,
.inx-banner .l-speed,
.inx-banner .r-speed,
.inx-banner .l-line,
.inx-banner .r-line,
/*.inx-banner .windshield,*/
.inx-banner .ico-mouse{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

#fullpage>.active .inx-banner .l-line,
#fullpage>.active .inx-banner .r-line{-webkit-animation-name:upIn; animation-name:upIn;}

#fullpage>.active .inx-banner .l-speed,
#fullpage>.active .inx-banner .r-speed{animation-delay:1s;}
#fullpage>.active .inx-banner .l-speed{-webkit-animation-name: leftIn; animation-name: leftIn;}
#fullpage>.active .inx-banner .r-speed{-webkit-animation-name: rightIn; animation-name: rightIn;}

/*#fullpage>.active .inx-banner .windshield{animation-delay:2s; -webkit-animation-name: upIn; animation-name: upIn;}*/
#fullpage>.active .inx-banner .txt{animation-delay:2s; -webkit-animation-name: bottomIn; animation-name: bottomIn;}

#fullpage>.active .inx-banner .ico-mouse{-webkit-animation-name: In; animation-name: In; animation-delay:4s;}

@-webkit-keyframes bottomIn{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bottomIn{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes upIn{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes upIn{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes leftIn{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes leftIn{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes rightIn{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes rightIn{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes In{0%{opacity:0;}100%{opacity:1;}}
@keyframes In{0%{opacity:0;}100%{opacity:1;}}

#myMenu{}
#myMenu{position:fixed; right:3.125%; top:50%; transform:translate(0, -50%);}
#myMenu li{width:20px; height:20px; margin:0 0 12px; background:none; border-radius:50%;}
#myMenu li a::before{width:3px; height:3px; background:#979A9C; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); content:''; z-index:1; border-radius:50%;}
#myMenu li.active a::before{width:calc(100% - 6px); height:calc(100% - 6px); /* background:#171b2c; */ background:none;}
#myMenu li.active a::after{border:3px solid #fff; content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%;}
#myMenu li.active .circle-progress{width: 20px; height: 22px;}
#myMenu li.active .circle-progress .content {position: absolute; top: 0; width: 10px; height: 20px; margin: 0; padding: 0; overflow: hidden;}
#myMenu li.active .circle-progress .content.left {left: 0;}
#myMenu li.active .circle-progress .content.right {right: 0;}
#myMenu li.active .circle-progress .content .circle {position: absolute; margin: 0; width: 14px; height: 14px; border-radius: 50%; border: 3px solid transparent; transform: rotate(135deg); box-sizing: unset;}
#myMenu li.active .circle-progress .content .left-circle {left: 0; border-top-color: #14A1B6; border-left-color: #14A1B6; animation: circle-left 5s linear 1;}
#myMenu li.active .circle-progress .content .right-circle {right: 0; border-bottom-color: #14A1B6; border-right-color: #14A1B6; animation: circle-right 5s linear 1;}
@keyframes circle-right {
	0% {
		transform: rotate(135deg);
	}
	50%,
	100% {
		transform: rotate(315deg);
	}
}

@keyframes circle-left {
	0%,
	50% {
		transform: rotate(135deg);
	}
	100% {
		transform: rotate(315deg);
	}
}

.r-float{right:3%; bottom:10%;z-index: 10000;}
.r-float .msg,
.r-float div{width:60px; height:60px; border-radius:50%; margin-top: 20px;}
.r-float .msg{margin-top: 20px;background-repeat: no-repeat;background-position: center center;border-radius: 100%;}
/*.r-float:hover .msg{opacity: 1;}*/
.r-float .up{background:url(/images/44.png) no-repeat;}
.r-float .up:hover{background:url(/images/top.png) no-repeat;}
.r-float .img{width: 160px;height: 0px;overflow: hidden;bottom: 80px;right: -42px;margin: auto;background: #fff;border-radius: 8px;}
.r-float .img .m-pic{width: 140px;height: 140px;margin: 10px 0 0 10px;}
.r-float .msg:hover .img{height: 160px;}