.section{position: relative;overflow: hidden;max-width: 1920px;margin: auto;}
.section .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: matrix(1.1, 0, 0, 1.1, 0, 0);transition:transform 5s ease 0s, opacity 2s ease 0s;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.section.active .bg{transform: none;}
[class^="section in_"] .fp-tableCell{padding-top: 70px;}
@media only screen and (max-width: 1024px){
.section{height: auto !important;display: block !important;}
[class^="section in_"]{padding-top: 3rem;}
.fp-tableCell{display: block !important;height: auto !important;padding: 0!important;}}

[class^="section in_"] .swiper-pagination{position: relative;top: auto;bottom: 0;width: 100%;margin-top: 10px;transition: all .5s;}
[class^="section in_"] .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50px;margin: 0 3px;transition: all .5s;}
[class^="section in_"] .swiper-pagination-bullet-active{width: 30px;opacity:1;background: #bf0818;}
[class^="section in_"] .swiper-pagination-progressbar{height: 5px;background: #e2e2e2;}
[class^="section in_"] .swiper-pagination-progressbar-fill{border-radius: 5px;background: #bf0818;}
@media screen and (max-width: 768px){
[class^="section in_"] .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}}

.banner{position: relative;}
.banner .swiper-slide{position: relative;pointer-events: auto;overflow: hidden;}
.banner .swiper-slide .slide-inner{position: relative;width: 100%;height: auto;}
.banner .swiper-slide .slide-inner:after{content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, transparent 100%);background: rgba(0,0,0,.2);}
.banner .swiper-slide .bannerPic{display: block;width: 100%;height: 100vh;object-fit: cover;/* transition: all 1s ease 2.5s; */}
.banner .swiper-slide .video img{display: none;}
.banner .swiper-pagination{bottom: 3%;}
.banner .swiper-pagination-bullet{position: relative;width: 22px;height: 22px;margin: 0 5px !important;border: 1px solid transparent;background: none;outline: none;opacity: 0.5;transition: all .5s;}
.banner .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;width:10px;height:10px;border-radius: 50%;background: #fff;transform: translate(-50%,-50%);transition: all .5s;}
.banner .swiper-pagination-bullet-active{opacity: 1;border-color: #fff;}
.banner .mask{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index:2;}
.banner .mask_in{position: absolute;left: 0;top: 20%;/* top: 50%; */width:100%;padding: 0 3%;color: #4d4d4d;color: #fff;text-align: center;/* transform: translateY(-50%); */text-shadow: 0 0 5px rgba(0, 0, 0, .5);transition: all .5s;}
.banner .mask_in h3{font-size: 46px;font-weight: bold;}
.banner .mask_in h3 br{display: none;}
.banner .mask_in p{font-size: 24px;margin: 30px 0;}
.banner .mask_in .more a{position: relative;display: inline-block;color: #fff;font-size: 14px;line-height: 2.3;padding: 0 20px;border-radius: 50px;background: rgba(0,0,0,.65);text-shadow: none;}
.banner .mask_in .more a em{position: relative;}
.banner .mask_in .more a i{margin-left: 10px;}
.banner .mask_in .more a:hover{background: #000;animation: pulse 1s infinite;}
@media only screen and (max-width: 1024px){
.banner .swiper-slide .bannerPic{height: auto;transform: none;}
.banner .swiper-slide video.bannerPic{display: none;}
.banner .swiper-slide .video img{display: block;}
.banner .mask_in h3{font-size: 34px;}
.banner .mask_in p{font-size: 18px;margin: 20px 0;}
.banner .mask_in .more a{font-size: 13px;}}
@media only screen and (max-width: 768px){
.banner .mask_in{padding: 0 2%;text-align: center;}
.banner .mask_in h3{font-size: 18px;}
.banner .mask_in h3 br{display: block;}
.banner .mask_in p{font-size: 14px;margin: 10px 0;}
.banner .mask_in .more a{font-size: 12px;line-height: 2;padding: 0 15px;}
.banner .mask_in .more a i{margin-left: 5px;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px!important;border: 0;background-color: #fff;}
.banner .swiper-pagination-bullet:after{opacity: 0;}}

.in_pro ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 50.5%;}
.in_pro ul li{position: relative;width: 49%;}
.in_pro ul li:first-child{position: absolute;left: 0;width: 49.5%;}
.in_pro ul li:nth-last-child(-n+2){margin-top: 2%;}
.in_pro ul li .img{position: relative;width: 100%;padding-bottom: 96%;overflow: hidden;}
.in_pro ul li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_pro ul li .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;text-align: center;padding: 10% 5%;background: rgba(0, 0, 0, .2);text-shadow: 0 0 5px rgba(0, 0, 0, .5);transition: all .5s;}
.in_pro ul li .txt h3{font-size: 28px;}
.in_pro ul li .txt p{font-size: 16px;margin-top: 10px;}
.in_pro ul li .txt span{display: inline-block;color: #fff;font-size: 14px;line-height: 2.3;padding: 0 20px;border-radius: 50px;margin-top: 30px;background: rgba(0, 0, 0, .65);transition: all .5s;}
.in_pro ul li .txt span i{margin-left: 10px;}
.in_pro ul li:hover .txt{background: transparent;}
.in_pro ul li:hover .img img{transform: scale(1.1);}
.in_pro ul li .txt span:hover{background: #000;}
@media screen and (max-width: 1440px){
.in_pro ul li .txt h3{font-size: 26px;}
.in_pro ul li .txt p{font-size: 15px;}}
@media screen and (max-width: 1024px){
/*.in_pro{padding-bottom: 0;}*/
.in_pro ul li .txt h3{font-size: 22px;}
.in_pro ul li .txt p{font-size: 13px;}
.in_pro ul li .txt span{font-size: 13px;margin-top: 20px;}}
@media screen and (max-width: 768px){
.in_pro ul{padding: 0;flex-direction: row;flex-wrap: nowrap;padding-bottom: 5px;overflow-y: hidden;}
.in_pro ul li{position: relative!important;flex: none;width: 32%!important;margin: 0!important;margin-right: 2%!important;}
.in_pro ul li:last-child{margin: 0!important;}
.in_pro ul li .txt h3{font-size: 18px;}
.in_pro ul li .txt p{font-size: 12px;}
.in_pro ul li .txt span{font-size: 12px;line-height: 2;padding: 0 15px;margin-top: 15px;}
.in_pro ul li .txt i{margin-left: 5px;}}
@media screen and (max-width: 480px){
.in_pro ul li{width: 49%!important;}}

.in_scene1 .box{position: relative;background: url(../images/scene1_bg.jpg) center no-repeat;background-size: cover;}
.in_scene1 .box:before,.in_scene1 .box:after{content:"";position: absolute;top: 0;left: 0;width: calc(100% / 2 - 800px);height: 100%;background: rgba(0,0,0,.65);}
.in_scene1 .box:after{left: auto;right: 0;}
.in_scene1 .box>main{position: relative;}
.in_scene1 .box>main:before{display: none;}
.in_scene1 .box>main:after{position: relative;width: 100%;padding-bottom: 47.5%;}
.in_scene1 .flex{position: absolute;display: flex;justify-content: space-between;width: 100%;height: 100%;z-index: 1;}
.in_scene1 .left{width: 25%;display: flex;flex-direction: column;justify-content: center;color: #fff;padding-right: 1%;background: rgba(0, 0, 0, .65);}
.in_scene1 .left .tit h3{position: relative;display: inline-block;font-size: 32px;line-height: 1.8;font-weight: bold;}
.in_scene1 .left .tit h3:after{content:"";display: block;width: 50%;height: 8px;background: #bf0818;}
.in_scene1 .left .txt{line-height: 2;margin-top: 35%;}
.in_scene1 .left .txt h3{font-size: 28px;}
.in_scene1 .left .txt p{font-size: 16px;margin-bottom: 8%;}
.in_scene1 .left .txt p:last-child{margin: 0;}
.in_scene1 .right{display: flex;width: calc(75% - 6px);margin-right: 3px;justify-content: space-between;}
.in_scene1 .right li{width: calc(33.4% - 3px);}
.in_scene1 .right li a{display: flex;flex-direction: column;align-items: center;height: 100%;padding: 15%;justify-content: center;background: rgba(0, 0, 0, .65);}
.in_scene1 .right li .icon{width: 68px;height: 68px;}
.in_scene1 .right li .icon img{width: 100%;height: 100%;}
.in_scene1 .right li .txt{color: #fff;text-align: center;margin-top: 15px;}
.in_scene1 .right li .txt h3{font-size: 28px;}
.in_scene1 .right li .txt span{display: block;font-size: 16px;margin: 15px 0;}
.in_scene1 .right li .txt p{position: relative;font-size: 16px;line-height: 1.5;text-align: left;width: 100%;display: none;}
.in_scene1 .right li:hover a{background: #bf0818;}
.in_scene1.scene2 .box{background-image: url(../images/scene2_bg.jpg);}
.in_scene1.scene2 .left{width: calc(50% - 3px);padding-right: 25.7%;}
.in_scene1.scene2 .right{flex-direction: column;width: calc(50% - 3px);padding: 0;overflow: hidden;}
.in_scene1.scene2 .right li{width: 100%;height: calc(50% - 1.5px);}
@media only screen and (max-width: 1700px){.in_scene1 .box:before,.in_scene1 .box:after{width: calc(100% / 2 - 47%);}}
@media only screen and (max-width: 1440px){
.in_scene1 .left .tit h3{font-size: 30px;}
.in_scene1 .left .txt{margin-top: 30%;}
.in_scene1 .left .txt h3{font-size: 24px;}
.in_scene1 .left .txt p{font-size: 14px;}
.in_scene1 .right li .icon{width: 60px;height: 60px;}
.in_scene1 .right li .txt h3{font-size: 26px;}
.in_scene1 .right li .txt span{font-size: 15px;}
.in_scene1 .right li .txt p{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_scene1 .left .tit h3{font-size: 24px;}
.in_scene1 .left .tit h3:after{height: 5px;}
.in_scene1 .left .txt{line-height: 1.6;margin-top: 25%;}
.in_scene1 .left .txt h3{font-size: 21px;}
.in_scene1 .left .txt p{font-size: 12px;margin-bottom: 5%;}
.in_scene1 .right li a{padding: 10%;}
.in_scene1 .right li .icon{width: 50px;height: 50px;}
.in_scene1 .right li .txt{margin-top: 10px;}
.in_scene1 .right li .txt h3{font-size: 22px;}
.in_scene1 .right li .txt span{font-size: 14px;margin: 10px 0;}
.in_scene1 .right li .txt p{font-size: 13px;display: none!important;}
/*.in_scene1.scene2{padding-top: 0;}*/}
@media only screen and (max-width: 768px){
.in_scene1 .left .tit h3{font-size: 18px;}
.in_scene1 .left .tit h3:after{height: 2px;}
.in_scene1 .left .txt{line-height: 1.5;margin-top: 20%;}
.in_scene1 .left .txt h3{font-size: 16px;}
.in_scene1 .right li a{padding: 10%;}
.in_scene1 .right li .icon{width: 40px;height: 40px;}
.in_scene1 .right li .txt h3{font-size: 18px;}
.in_scene1 .right li .txt span{font-size: 12px;}
.in_scene1 .right li .txt p{font-size: 13px;display: none!important;}}
@media only screen and (max-width: 480px){
.in_scene1 .box>main{width: 100%;}
.in_scene1 .box:before,.in_scene1 .box:after,
.in_scene1 .box>main:after{display: none;}
.in_scene1 .flex{position: relative;display: block;padding: 3%;}
.in_scene1 .left{width: 100%!important;padding: 5% 3%!important;}
.in_scene1 .left .txt{margin-top: 5%;}
.in_scene1 .right{flex-direction: unset!important;width: 100%!important;margin: 0;margin-top: 3px;padding-bottom: 5px;overflow-y: hidden;}
.in_scene1 .right li{flex: none;width: calc(50% + 2px)!important;height: auto!important;padding-right: 3px;}
.in_scene1 .right li:last-child{padding: 0;}
.in_scene1.scene2 .right li{width: 50%!important;}}

.in_industry ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin: -5px;}
.in_industry ul li{position: relative;width: 33.33%;padding: 5px;}
.in_industry ul li:nth-child(-n+2){width: 50%;}
.in_industry ul li a{position: relative;display: block;}
.in_industry ul li .img{position: relative;width: 100%;padding-bottom: 67%;overflow: hidden;}
.in_industry ul li:nth-child(-n+2) .img{padding-bottom: 50%;}
.in_industry ul li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_industry ul li .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;text-align: center;padding: 10% 5%;background: rgba(0, 0, 0, .2);text-shadow: 0 0 5px rgba(0, 0, 0, .5);transition: all .5s;}
.in_industry ul li .txt h3{font-size: 28px;}
.in_industry ul li .txt p{font-size: 16px;margin-top: 10px;}
.in_industry ul li .txt span{display: flex;width: 30px;height: 30px;color: #fff;font-size: 14px;border-radius: 50%;justify-content: center;align-items: center;margin: 0 auto;margin-top: 5px;border: 1px solid #fff;transition: all .5s;}
.in_industry ul li:hover .txt{background: transparent;}
.in_industry ul li:hover .img img{transform: scale(1.1);}
.in_industry ul li:hover .txt span{border-color: #bf0818;background: #bf0818;}
@media screen and (max-width: 1440px){
.in_industry ul li .txt h3{font-size: 26px;}
.in_industry ul li .txt p{font-size: 15px;}}
@media screen and (max-width: 1024px){
/*.in_industry{padding-bottom: 0;}*/
.in_industry ul li .img{padding-bottom: 67%!important;}
.in_industry ul li .txt h3{font-size: 22px;}
.in_industry ul li .txt p{font-size: 13px;}
.in_industry ul li .txt span{font-size: 13px;margin-top: 20px;}}
@media screen and (max-width: 768px){
.in_industry ul{margin: 0;padding: 0;flex-direction: row;flex-wrap: nowrap;padding-bottom: 5px;overflow-y: hidden;}
.in_industry ul li{position: relative!important;flex: none;width: calc(33.33% - 3px)!important;padding: 0;margin-right: 5px;}
.in_industry ul li:last-child{margin: 0!important;}
.in_industry ul li .txt h3{font-size: 18px;}
.in_industry ul li .txt p{font-size: 12px;}
.in_industry ul li .txt span{font-size: 12px;line-height: 2;padding: 0 15px;margin-top: 15px;}}
@media screen and (max-width: 480px){
.in_industry ul li{width: calc(50% - 3px)!important;}}

.in_news .box{display: flex;margin: 0 3%;height: calc(100vh - 70px);align-items: center;}
.in_news .in_title{flex: none;width: 23%;text-align: left;margin: 0;margin-right: 1%;}
.in_news .in_title .more{max-width: 50%;margin-top: 5.5rem;margin-top: 22%;transition: all .5s;}
.in_news .in_title .more a{display: block;color: #fff;font-size: 16px;line-height: 2.5;text-align: center;border-radius: 5px;background: #bf0818;}
.in_news .in_title .more i{margin-left: 10px;}
.in_news .in_title .more:hover a{background: #f00;}
.in_news .class{display: flex;flex-direction: column;align-items: flex-start;margin-top: 4rem;margin-top: 15%;}
.in_news .class a{color: #000;font-size: 16px;font-weight: bold;margin-bottom: 1.5rem;margin-bottom: 6%;}
.in_news .class a:last-child{margin: 0;}
.in_news .class a:hover{color: #bf0818;background: #fff;}
.in_news .news_list{flex: 1;min-width: 0;height: 100%;margin: 0 -2px;}
.in_news .news_list:after{content:"";position: absolute;top: 0;right: 0;width: 30%;height: 100%;background: linear-gradient(90deg, transparent 0%, #fff 90%);z-index: 1;pointer-events: none;}
.in_news .news_list li{position: relative;width: calc( 100% / 3);padding: 0 .4%;border-right: 2px solid #d4d4d4;}
.in_news .news_list li a{display: flex;flex-direction: column;justify-content: center;padding: 0 4.59%;height: 100%;}
.in_news .news_list li .img{position: relative;}
.in_news .news_list li .img figure{position: relative;width: 100%;padding-top: 110%;overflow: hidden;}
.in_news .news_list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_news .news_list li .time{position: absolute;top: -3.45%;left: 0;display: flex;width: 80px;height: 80px;color: #fff;font-size: 16px;text-align: center;background: #bf0818;z-index: 1;flex-direction: column;justify-content: center;}
.in_news .news_list li .time span{font-size: 34px;}
.in_news .news_list li .info{position: relative;margin-bottom: 8.84%;overflow: hidden;}
.in_news .news_list li .info h3{position: relative;color: #000;font-size: 20px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info h3:after{content:"";display: block;width: 30px;height: 4px;margin: 5.1% 0;background: #bf0818;}
.in_news .news_list li .info p{color: #4d4d4d;font-size: 16px;line-height: 1.6;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_news .news_list li .more{position: relative;display: flex;color: #4d4d4d;font-size: 16px;align-items: center;margin-top: 5.1%;}
.in_news .news_list li .more i{color: #bf0818;font-size: inherit;margin-left: 5px;transform: scale(1.875);transform-origin: left;}
.in_news .news_list li:hover a{background: #efefef;}
.in_news .news_list li:hover .img img{transform: scale(1.1);}
.in_news .swiper-button-prev{left: auto;right: 0;width: 50px;height: 50px;color: #4d4d4d;font-size: 22px;border: 2px solid #4d4d4d;border-radius: 50%;margin: 0;opacity: 01;pointer-events: initial;cursor: pointer;transform: translateY(-50%);transition: all .5s;}
.in_news .swiper-button-prev:after{display: none;}
.in_news .swiper-button-prev i{font-size: inherit;}
.in_news .swiper-button-prev:hover{background: rgba(77,77,77,.3);}
.in_news .swiper-pagination{position: absolute;bottom: -5px;height: 5px;opacity: 0;}
.in_news.active.fp-completely .swiper-pagination{bottom: 0;opacity: 1;}
@media only screen and (max-width: 1440px){
.in_news .in_title .more a{font-size: 15px;}
.in_news .class a{font-size: 15px;}
.in_news .news_list li .time{transform: scale(.8);transform-origin: left top;}
.in_news .news_list li .info h3{font-size: 18px;}
.in_news .news_list li .info p{font-size: 15px;}
.in_news .news_list li .more{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_news .box{height: auto;align-items: stretch;}
.in_news .in_title{display: flex;flex-direction: column;padding: 2% 0;}
.in_news .in_title .more{max-width: 80%;margin-top: auto;}
.in_news .in_title h3:after{background: #ffc000;}
.in_news .news_list li{padding: 0 1%;}
.in_news .news_list li a{padding: 5%;}
.in_news .news_list li .info h3{font-size: 16px;}
.in_news .news_list li .info p{font-size: 14px;}
.in_news .news_list li .more{font-size: 14px;display: none;}
.in_news .swiper-button-prev{transform: translateY(-50%) scale(.9);transform-origin: right;}
.in_news .swiper-pagination{position: relative;left: 3%;bottom: 0!important;width: 94%;opacity: 1;}}
@media only screen and (max-width: 768px){
.in_news .box{display: block;}
.in_news .in_title{display: block;width: 100%;text-align: center;margin: 0;padding: 0;margin-bottom: 1rem;}
.in_news .in_title .more{display: none;}
.in_news .in_title .more a{font-size: 12px;padding: 0 1.5rem;}
.in_news .class{display: block;margin-top: 1rem;}
.in_news .class a{font-size: 14px;margin: 0 1rem!important;}
.in_news .news_list{box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.in_news .news_list:after{width: 3px;background: #fff;}
.in_news .news_list li{padding: 0;border-right-width: 1px;}
.in_news .news_list li .img figure{padding-top: 75%;}
.in_news .news_list li .time{transform: scale(.7);}
.in_news .news_list li .info h3{font-size: 15px;}
.in_news .news_list li .info p{font-size: 13px;}
.in_news .news_list li .more{font-size: 12px;display: none;}
.in_news .swiper-button-prev{display: none;}}

.in_partner{background: #f7f8fc;}
.in_partner .box{display: flex;margin: 0 3%;justify-content: space-between;align-items: center;}
.in_partner .in_title{flex: none;width: 25%;text-align: left;margin: 0;}
.in_partner .list{position: relative;width: 54.854%;margin: 0;margin-left: auto;}
.in_partner .list ul{display: flex;flex-wrap: wrap;opacity: 0!important;}
.in_partner .list ul.swiper-slide-active{opacity: 1!important;}
.in_partner .list li{width: 33.333%;}
.in_partner .list li .img{position: relative;width: 100%;padding-bottom: 31.82%;background: #fff;overflow: hidden;}
.in_partner .list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: skewX(29.5deg);backface-visibility: hidden;}
.in_partner .swiper{transform: skewX(-29.5deg);overflow: visible;}
.in_partner .swiper-pagination{display: none;}
.in_partner [class^="swiper-button-"]{display: flex;top: 33.2%;left: -16.6%;width: 16.6%;height: 16.6%;color: #fff;font-size: 1.6vw;margin: 0;opacity: 1;background: #bf0818;transition: all .5s ease;}
.in_partner .swiper-button-next{top: auto;left: auto;right: 16.6%;bottom: 0;}
.in_partner [class^="swiper-button-"]:after{display: none;}
.in_partner [class^="swiper-button-"] i{font-size: inherit;transform: skewX(29.5deg);backface-visibility: hidden;}
.in_partner .swiper-button-next i{transform: rotate(180deg) skewX(29.5deg);}
.in_partner [class^="swiper-button-"]:hover{background: #f00;}
@media only screen and (max-width: 1024px){
.in_partner{padding: 3rem 0;}}
@media only screen and (max-width: 768px){
.in_partner{padding: 2rem 0 1rem;}
.in_partner .box{display: block;}
.in_partner .in_title{width: 100%;}
.in_partner .list{width: 100%;}
.in_partner .list ul{margin: -5px;margin-top: 1rem;}
.in_partner .list li{width: 25%;padding: 5px;}
.in_partner .list li:empty{display: none;}
.in_partner .list li .img img,
.in_partner .swiper{transform: none;}
.in_partner [class^="swiper-button-"]{display: none;}
.in_partner .swiper-pagination{display: block;}}
@media only screen and (max-width: 480px){
.in_partner .list li{width: 50%;}}

#fp-nav.left{left: 0;}
#fp-nav ul li{width: 25px;height: 1px;margin: 30px 0;}
#fp-nav ul li a{opacity: .5;}
#fp-nav ul li a:hover,
#fp-nav ul li a.active{opacity: 1;}
#fp-nav ul li a span{top: 0;left: 0;width: 100%!important;height: 100%!important;margin: 0 !important;border-radius: 0!important;background: #000;transition: all .5s;}
#fp-nav ul li a span:before{content:"";position: absolute;top: 50%;left: -100%;border-width: 4.5px;border-left-width: 8px;border-style: dashed;border-left-style: solid;border-color: transparent;border-left-color: #000;border-right: none;opacity: 0;transform: translateY(-50%);transition: all .5s;}
#fp-nav ul li a.active span{left: 0;width: calc(100% + 10px) !important;}
#fp-nav ul li a.active span:before{left: 100%;opacity: 1;}
#fp-nav.white{filter: invert(100%);}
@media only screen and (max-width: 768px){#fp-nav{display: none;}}
@media only screen and (min-width: 1025px){
.active .lr_a1{transition: none;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode: both;animation-name: fadeInLeftBig;}
.active .rr_a1{transition: none;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode: both;animation-name: fadeInRightBig;}
.active .up_a1{transition: none;animation-duration: 1.5s;animation-fill-mode: both;animation-delay: 0.5s;animation-name: fadeInUp;}
.active .down_a1{transition: none;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode: both;animation-name: fadeInDown;}}