.section{position: relative;overflow: hidden;}
.section .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;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: matrix(1.1, 0, 0, 1.1, 0, 0);}
@media only screen and (max-width: 1024px){
.section{height: auto !important;display: block !important;}
[class^="section in_"]{padding: 5rem 0;}
.fp-tableCell {display: block !important;height: auto !important;}}
.in_title{position: relative;color: #212121;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;z-index: 1;}
.in_title h5{position: relative;display: flex;color: #ffb400;font-size: 18px;text-transform: uppercase;align-items: center;}
.in_title h5:after{content:"";width: 50px;height: 2px;margin-left: 15px;background: #ffb400;}
.in_title h3{font-size: 38px;font-weight: 300;line-height: 1;margin-top: 5px;}
.in_title span{color: #6f6f6f;font-size: 18px;margin-left: 30px;}
.in_title>div>div{display: flex;align-items: flex-end;}
.in_title .more a,
.in_about .right .more a{position: relative;display: block;color: #fff;font-size: 16px;line-height: 2.8;padding: 0 42px;border-radius: 5px;background: #ffb400;text-shadow: none;}
.in_title .more a:before,
.in_about .right .more a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #000;border-radius: 5px;opacity: 0;transition:all .5s ease;}
.in_title .more a em,
.in_about .right .more a em{position: relative;vertical-align: middle;}
.in_title .more a:hover:before,
.in_about .right .more a:hover:before{width:100%;opacity: .3;}
.in_title p{width: 100%;color: #666;font-size: 16px;line-height: 2;text-align: justify;margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,.2);}
.in_title.white{color: #fff;}
@media only screen and (max-width: 1024px){
.in_title h5{font-size: 14px;}
.in_title h5:after{width: 40px;margin-left: 10px;}
.in_title h3{font-size: 30px;}
.in_title span{position: absolute;bottom: 0;width: 100%;font-size: 14px;line-height: 2;margin-left: 0;margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(0, 0, 0, .2);}
.in_title span em{display: none;}
.in_title .more a,
.in_about .right .more a{font-size: 14px;padding: 0 30px;}
.in_title p{font-size: 14px;margin-top: 15px;padding-top: 15px;}}
@media only screen and (max-width: 768px){
[class^="section in_"]{padding: 2rem 0;}
.in_title h5{font-size: 12px;}
.in_title h5:after{width: 25px;height: 1px;}
.in_title h5 span{margin: 0 10px;}
.in_title h3{font-size: 26px;}
.in_title>div>div{display: flex;flex-direction: column;align-items: flex-start;}
.in_title .more a,
.in_about .right .more a{font-size: 12px;line-height: 2.5;padding: 0 20px;}}
@media only screen and (max-width: 480px){
.in_title span,
.in_title p{font-size: 12px;margin-top: 10px;padding-top: 10px;}}

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

.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%); */}
.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-bullet{width:12px;height:12px;background-color:#ffffff;margin: 0 14px!important;opacity:0.5;color:transparent;}
.banner .swiper-pagination-bullet-active{opacity:1;width:42px;height:42px;line-height:42px;text-align:center;border:2px solid rgba(255, 255, 255, 0.4);background-color:transparent;color:#ffffff;}
.banner .swiper-pagination-bullet-active .rightcircle{-webkit-animation:circleProgressLoad_right 6.5s linear infinite;animation:circleProgressLoad_right 6.5s linear infinite;}
.banner .swiper-pagination-bullet-active .leftcircle{-webkit-animation:circleProgressLoad_left 6.5s linear infinite;animation:circleProgressLoad_left 6.5s linear infinite;}
.banner .swiper-pagination-bullet-active .wrapper_con{display:block;}
.banner .swiper-pagination{font-size: 14px;}
.banner .swiper-pagination > span{display:inline-block;vertical-align:middle;position:relative;box-sizing: border-box;}
.banner .swiper-container-rtl .swiper-button-next{left:calc(8.335% - 32px);}
.banner .swiper-container-rtl .swiper-button-prev{right:calc(8.335% - 32px);}
.banner .swiper .swiper-pagination{bottom:5%;}
.banner .right{right:-2px;}
.banner .left{left:-2px;}
.banner .circleProgress{width:42px;height:42px;border:2px solid transparent;border-radius:50%;position:absolute;top:0px;-webkit-transform:rotate(-135deg);box-sizing: border-box;}
.banner .rightcircle{border-bottom: 2px solid #0084c8;border-left: 2px solid #0084c8;right:0px;}
.banner .leftcircle{border-top: 2px solid #0084c8;border-right: 2px solid #0084c8;left:0px;}
.banner .wrapper_con{width:21px;height:42px;position:absolute;top:-2px;overflow:hidden;display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{left: 3%;width: 60px;height: 60px;color: #fff;margin-top: -30px;border-radius: 50%;border: 1px solid #fff;background: rgba(255, 255, 255, 0.2);opacity: .7;transition: all .5s;}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{font-size: 20px;}
.banner .swiper-button-next{left: auto;right: 3%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1;}
.banner .mask{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index:2;}
.banner .mask_in{position: absolute;left: 0;top: 50%;width:100%;padding: 0 8%;color: #fff;transform: translateY(-50%);text-shadow: 0 5px 10px rgba(0,0,0,.8);transition: all .5s;}
.banner .mask_in h3{font-size: 33px;font-weight: 100;line-height: 2.1;letter-spacing: 2.5px;}
.banner .mask_in span{display: block;font-size: 55px;font-weight: 700;line-height: 1.9;letter-spacing: 3px;}
.banner .mask_in p{max-width: 590px;font-size: 23px;line-height: 1.75;text-align: justify;margin-top: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.banner .mask_in .more{margin-top: 50px;}
.banner .mask_in .more a{position: relative;display: inline-block;color: #fff;font-size: 20px;line-height: 2.4;padding: 0 42px;border-radius: 5px;background: #ffb400;text-shadow: none;}
.banner .mask_in .more a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #000;border-radius: 5px;opacity: 0;transition:all .5s ease;}
.banner .mask_in .more a em{position: relative;}
.banner .mask_in .more a:hover{animation: pulse 1s infinite;}
.banner .mask_in .more a:hover:before{width:100%;opacity: .3;}
@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: 23px;}
.banner .mask_in span{font-size: 40px;}
.banner .mask_in p{font-size: 20px;margin-top: 10px;}
.banner .mask_in .more{margin-top: 30px;}
.banner .mask_in .more a{ck;font-size: 16px;padding: 0 30px;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 50px;height: 50px;margin-top: -25px;}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{font-size: 16px;}}
@media only screen and (max-width: 768px){
.banner .mask_in{padding: 0 2%;text-align: center;text-shadow: 0 3px 5px rgba(0, 0, 0, .8);}
.banner .mask_in h3{font-size: 15px;}
.banner .mask_in span{font-size: 18px;}
.banner .mask_in p{max-width: 100%;font-size: 12px;margin-top: 0;-webkit-line-clamp: 2;}
.banner .mask_in .more{margin-top: 10px;}
.banner .mask_in .more a{ck;font-size: 14px;line-height: 2;padding: 0 15px;border-radius: 3px;}
.banner .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px!important;}
.banner .rightcircle,
.banner .swiper-pagination-bullet-active .wrapper_con,
.banner .f-14{display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{display: none;}}
@keyframes circleProgressLoad_right{0%{transform: rotate(45deg);}50%, 100%{transform: rotate(225deg);}}
@keyframes circleProgressLoad_left{0%, 50%{transform: rotate(45deg);}100%{transform: rotate(225deg);}}
@keyframes fadeinup{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0)}}
@keyframes fadeindown{0%{opacity: 1;transform: translateY(0);}100%{opacity: 0;transform: translateY(120px)}}

.in_about .bg{background-image: url(../images/about_bg.jpg);}
.in_about .bg:before,
.in_about .bg:after{content:"";position: absolute;top: 0;width: 15%;height: 100%;background: #f0f3f8;}
.in_about .bg:after{width: 50%;transform: skewX(-16deg);}
.in_about .in_title .more{display: none;}
.in_about .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.in_about .left{width: 37.5%;display: flex;flex-direction: column;justify-content: space-between;}
.in_about .left span{color: #0084c8;font-size: 26px;line-height: 1.77;font-weight: lighter;}
.in_about .right{flex: 1;min-width: 0;}
.in_about .right>div{display: flex;justify-content: space-between;}
.in_about .right .txt{width: 76.5%;}
.in_about .right .txt p{color: #4d4d4d;font-size: 16px;line-height: 1.75;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_about .number{display: flex;margin-top: 3rem;}
.in_about .number li{min-width: 18%;color: #464646;font-size: 18px;line-height: 1;margin-right: 5.5%;border-bottom: 3px solid #0084c8;}
.in_about .number li:last-child{margin-right: 0;}
.in_about .number li span{display: block;font-family: Impact;color: #0084c8;font-size: 46px;}
.in_about .number li sub{font-size: 15px;font-weight: normal;bottom: .05rem;margin-left: 5px;}
.in_about .number li h3{margin: 12px 0;}
.in_about .bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 6rem;}
.in_about .culture{width: 50%;display: flex;justify-content: space-between;}
.in_about .culture .item{position: relative;width: 48.572%;}
.in_about .culture .item .img{position: relative;padding-bottom: 102.942%;overflow: hidden;}
.in_about .culture .item .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_about .culture .item .txt{position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #fff;padding: 0 12%;display: flex;flex-direction: column;justify-content: center;line-height: 1.8;overflow: hidden;}
.in_about .culture .item .txt h3{font-size: 22px;}
.in_about .culture .item .txt span{font-size: 16px;opacity: .76;}
.in_about .culture .item .icon{font-size: 40px;text-indent: -2%;line-height: 3;}
.in_about .culture .item .icon i{display: inline-block;font-size: inherit;transition: all 1s;}
.in_about .culture .item .more{position: relative;font-size: 30px;line-height: 3;}
.in_about .culture .item .more i{font-size: inherit;opacity: 1;transition: all .5s;}
.in_about .culture .item .more i:first-child{position: absolute;left: -100%;transition: all 1s;}
.in_about .culture .item:hover .img img{transform: scale(1.1);}
.in_about .culture .item:hover .icon i{transform:rotateY(360deg);}
.in_about .culture .item:hover .more i:first-child{left: 0;}
.in_about .culture .item:hover .more i:last-child{opacity: 0;margin-left: 100%;}
.in_about .video{position: relative;width: 48.5%;}
.in_about .video .plyr{position: absolute;width: 100%;height: 100%;}
.in_about .video .plyr__poster{background-size: cover;}
.in_about .video .img{display: block;width: 100%;height: 100%;overflow: hidden;}
.in_about .video .img img{width: 100%;transition: all 1s;}
.in_about .video .img  .play{position: absolute;top: 50%;left: 50%;margin-top: -2.25rem;margin-left: -2.25rem;color: #fff;font-size: 4.5rem;line-height: 4.5rem;animation: pulse 1s infinite;}
.in_about .video .img  .play i{font-size: inherit;}
.in_about .video .img:hover img{transform: scale(1.1);}
@media screen and (max-width: 1440px){
.in_about .left span{font-size: 24px;}
.in_about .right .txt p{font-size: 15px;}
.in_about .number{margin-top: 2rem;}
.in_about .number li{font-size: 16px;}
.in_about .number li span{font-size: 42px;}
.in_about .bottom{margin-top: 4rem;}
.in_about .culture .item .icon,
.in_about .culture .item .more{line-height: 2.5;}}
@media screen and (max-width: 1024px){
.in_about .left span{font-size: 20px;}
.in_about .right .txt{width: 70.5%;}
.in_about .right .txt p{font-size: 14px;}
.in_about .number{margin-top: 1rem;}
.in_about .number li{font-size: 14px;width: 30%;}
.in_about .number li span{font-size: 38px;}
.in_about .number li sub{font-size: 14px;}
.in_about .bottom{margin-top: 3rem;}
.in_about .culture .item .txt h3{font-size: 20px;}
.in_about .culture .item .txt span{font-size: 15px;} 
.in_about .culture .item .icon,
.in_about .culture .item .more{line-height: 2;}
.in_about .culture .item .icon{font-size: 36px;}
.in_about .culture .item .more{font-size: 24px;}
.in_about .video .img .play{margin-top: -2rem;margin-left: -2rem;font-size: 4rem;line-height: 4rem;}}
@media screen and (max-width: 768px){
.in_about .in_title .more,
.in_about .box{display: block;}
.in_about .left{width: 100%;}
.in_about .left span{font-size: 18px;margin: 1rem 0;}
.in_about .right .txt{width: 100%;}
.in_about .right .txt p{display: block;}
.in_about .right .more{display: none;}
.in_about .number li{font-size: 12px;}
.in_about .number li span{font-size: 30px;font-weight: bold;}
.in_about .number li sub{font-size: 12px;}
.in_about .number li h3{margin: 10px 0;}
.in_about .bottom{margin-top: 1rem;}
.in_about .culture,
.in_about .video{width: 100%;margin-top: 3%;}
.in_about .video .plyr{position: relative;}
.in_about .video .img .play{margin-top: -1.5rem;margin-left: -1.5rem;font-size: 3rem;line-height: 3rem;}}
@media screen and (max-width: 480px){
.in_about .number li span{font-size: 22px;}
.in_about .culture .item .txt h3{font-size: 18px;}
.in_about .culture .item .txt span{font-size: 12px;} 
.in_about .culture .item .icon,
.in_about .culture .item .more{line-height: 1.5;}
.in_about .culture .item .icon{font-size: 30px;}
.in_about .culture .item .more{font-size: 20px;}}

.in_pro .bg{background-image: url(../images/pro_bg.jpg);}
.in_pro .swiper{margin: 4rem 0;overflow: visible;}
.in_pro .swiper li{position: relative;width: calc( 100% / 3);pointer-events: none;opacity: .4;transition: all 1s;}
.in_pro .swiper li .img{width: 100%;border-radius: 5px;overflow: hidden;}
.in_pro .swiper li .img div{position: relative;width: 100%;padding-top: 36.4%;}
.in_pro .swiper li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_pro .swiper li:hover .img img{transform: scale(1.1);}
.in_pro .swiper li.active{pointer-events: auto;opacity: 1;}
.in_pro .swiper-button{position: absolute;left: 7.5%;bottom: 10%;display: flex;margin: 0 -5px;}
.in_pro .swiper-button-prev,.in_pro .swiper-button-next{position: relative;top: 0;left: 0;color: #fff;width: 32px;height: 32px;margin: 0 7px;border-radius: 50%;border: 1px solid #fff;background: rgba(255, 255, 255, 0.2);opacity: .7;transition: all .5s;}
.in_pro .swiper-button-prev:after, .in_pro .swiper-button-next:after{font-size: 14px;}
.in_pro .swiper-button-prev:hover,.in_pro .swiper-button-next:hover{opacity: 1;}
.in_pro .swiper-pagination-progressbar{height: 2px;margin: 0;}
.in_pro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0084c8;}
@media only screen and (max-width: 1024px){
.in_pro .in_title{padding-bottom: 3.7rem;}
.in_pro .swiper{margin: 3rem 0;}}
@media only screen and (max-width: 768px){
.in_pro .in_title{padding-bottom: 3.7rem;}
.in_pro .swiper{margin: 1.5rem 0;}
.in_pro .swiper-button-prev,.in_pro .swiper-button-next{width: 26px;height: 26px;margin: 0 5px;}
.in_pro .swiper-button-prev:after, .in_pro .swiper-button-next:after{font-size: 12px;}}
@media only screen and (max-width: 480px){
.in_pro .in_title{padding-bottom: 4.3rem;}}

.in_device .bg{background-image: url(../images/device_bg.jpg);}
.in_device .swiper{margin-top: 3rem;}
.in_device .swiper li{position: relative;width: calc( 100% / 3);}
.in_device .swiper li .img{width: 100%;border-radius: 5px;overflow: hidden;}
.in_device .swiper li .img div{position: relative;width: 100%;padding-top: 57.5%;}
.in_device .swiper li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_device .swiper li .img h3{position: absolute;left: 0;right: 0;bottom: -14%;color: #fff;font-size: 16px;line-height: 3;text-align: center;padding: 0 10px;background: rgba(0,0,0,.5);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;opacity: 0;transition: all 1s;}
.in_device .swiper li:hover .img img{transform: scale(1.1);}
.in_device .swiper li.active .img h3{bottom: 0;opacity: 1;}
@media only screen and (max-width: 1024px){
.in_device .swiper{margin-top: 2rem;}
.in_device .swiper li .img h3{font-size: 14px;}}
@media only screen and (max-width: 768px){
.in_device .swiper{margin-top: 1rem;}
.in_device .swiper li .img h3{font-size: 13px;}}

.in_team .bg{background-image: url(../images/team_bg.jpg);}
.in_team ul{display: flex;flex-wrap: wrap;margin: -1%;margin-top: 3%;}
.in_team ul li{width: calc( 100% / 2);padding: 1%;}
.in_team ul li .imgbox{position: relative;width: 100%;height: 100%;padding: 7%;padding-bottom: 10%;border-radius: 5px;border: 1px solid transparent;background: rgba(0,109,168,.95);cursor: pointer;transition: all .5s;}
.in_team ul li .ico{position: absolute;right: 2%;bottom: 3%;opacity: .1;}
.in_team ul li .ico i{color: #fff;font-size: 190px;display: inline-block;transition: all 1s;}
.in_team ul li .txt{width: 100%;color: #fff;font-weight: lighter;opacity: .88;}
.in_team ul li .txt h3{font-size: 22px;font-weight: inherit;line-height: 1.6;transition: all .5s;}
.in_team ul li .txt p{font-size: 16px;line-height: 1.88;text-align: justify;letter-spacing: 1px;margin-top: 3%;transition: all .5s;}
.in_team ul li .imgbox:hover{border-color: rgba(255,255,255,.5);}
.in_team ul li .imgbox:hover .ico i{transform:rotateY(360deg);}
.in_team ul li .imgbox:hover *{color: #fff;}
@media only screen and (max-width: 1024px){
.in_team ul li .ico i{font-size: 150px;}
.in_team ul li .txt h3{font-size: 18px;}
.in_team ul li .txt p{font-size: 14px;letter-spacing: 0;}}
@media only screen and (max-width: 768px){
.in_team ul li{width: calc( 100% / 2);}
.in_team ul li .imgbox{padding: 5%;padding-bottom: 8%;}
.in_team ul li .ico{margin-right: 3%;}
.in_team ul li .ico i{font-size: 120px;}
.in_team ul li .txt h3{font-size: 16px;}
.in_team ul li .txt p{font-size: 12px;}}
@media only screen and (max-width: 480px){
.in_team ul li{width: 100%;}}

.in_case .bg{background-image: url(../images/case_bg.jpg);}
.in_case .bg:after{content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, transparent 100%);}
.in_case .case_txt{margin: 5rem 0;}
.in_case .case_txt .swiper-slide>div{width: 50%;padding: 3%;padding-bottom: 6%;color: rgba(255,255,255,.8);font-weight: lighter;background: linear-gradient(90deg, rgba(0, 0, 0, .5) 40%, transparent 100%);}
.in_case .case_txt .swiper-slide h3{font-size: 26px;font-weight: inherit;}
.in_case .case_txt .swiper-slide p{font-size: 18px;line-height: 1.667;text-align: justify;margin-top: 4.5%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.in_case .case_item .swiper-slide{position: relative;color: #fff;line-height: 2;font-weight: lighter;padding: 3%;background: rgba(0,132,200,.86);z-index: 1;cursor: pointer;}
.in_case .case_item .swiper-slide:after{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, #12345b 20%, #62b57e 80%);transition: opacity 0.5s ease-out;opacity: 0;z-index: -1;}
.in_case .case_item .swiper-slide h3{font-size: 20px;font-weight: inherit;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;opacity: .91;}
.in_case .case_item .swiper-slide p{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;opacity: .6;}
.in_case .case_item .swiper-slide a{color: #ffb400;font-size: 14px;opacity: .71;}
.in_case .case_item .swiper-slide.swiper-slide-thumb-active:after{opacity: .73;}
@media screen and (max-width: 1440px){
.in_case .case_txt{margin: 4rem 0;}
.in_case .case_txt .swiper-slide h3{font-size: 24px;}
.in_case .case_txt .swiper-slide p{font-size: 16px;}
.in_case .case_item .swiper-slide h3{font-size: 18px;}
.in_case .case_item .swiper-slide p{font-size: 15px;}
.in_case .case_item .swiper-slide a{font-size: 13px;}}
@media screen and (max-width: 1024px){
.in_case .case_txt{margin: 3rem 0;}
.in_case .case_txt .swiper-slide h3{font-size: 22px;}
.in_case .case_txt .swiper-slide p{font-size: 15px;}
.in_case .case_item .swiper-slide h3{font-size: 16px;}
.in_case .case_item .swiper-slide p{font-size: 14px;}
.in_case .case_item .swiper-slide a{font-size: 12px;}}
@media screen and (max-width: 768px){
.in_case .case_txt{margin: 2rem 0;}
.in_case .case_txt .swiper-slide h3{font-size: 20px;}
.in_case .case_txt .swiper-slide p{font-size: 14px;}}
@media screen and (max-width: 480px){
.in_case .case_txt .swiper-slide>div{width: 100%;padding: 6%;}
.in_case .case_txt .swiper-slide h3{font-size: 18px;}
.in_case .case_txt .swiper-slide p{font-size: 13px;margin-top: 2.5%;}
.in_case .case_item .swiper-slide h3{font-size: 15px;}
.in_case .case_item .swiper-slide p{font-size: 12px;}}

.in_news .bg{background-image: url(../images/news_bg.jpg);}
.in_news .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.in_news .news_img{width: 57.5%;}
.in_news .news_img ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.in_news .news_img li{position: relative;width: 47%;overflow: hidden;}
.in_news .news_img li a{color: #fff;}
.in_news .news_img li .img{position: relative;width: 100%;padding-top: 143%;overflow: hidden;}
.in_news .news_img li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.in_news .news_img li .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;padding: 20px 30px;padding-bottom: 15%;background: linear-gradient(rgba(6,98,180,.3) 20%, rgba(6,98,180,.88) 80%);flex-direction: column;justify-content: flex-end;}
.in_news .news_img li .text h3{width: 100%;font-size: 18px;line-height: 1.78;text-align: justify;margin-bottom: 15%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_img li .text span{display: flex;font-size: 16px;width: 100%;justify-content: space-between;border-bottom: 1px solid #fff;padding-bottom: 15px;margin-bottom: 15px;}
.in_news .news_img li .text p{font-size: 16px;line-height: 1.6;text-align: justify;margin-top: 10px;opacity: .8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: none;}
.in_news .news_img li:hover .img img{transform: scale(1.1);}
.in_news .news_img li:nth-child(2){padding: 40px 20px;background: #fff;border: 1px solid transparent;transition: all .5s;}
.in_news .news_img li:nth-child(2) a{height: 100%;display: flex;flex-direction: column-reverse;justify-content: space-between;}
.in_news .news_img li:nth-child(2) .img{padding-top: 71%;}
.in_news .news_img li:nth-child(2) .text{position: relative;height: auto;padding: 0;background: none;}
.in_news .news_img li:nth-child(2) .text h3{color: #333;-webkit-line-clamp: 1;margin: 0;}
.in_news .news_img li:nth-child(2) .text span{color: #0084c8;border-color: rgba(0,0,0,.13);}
.in_news .news_img li:nth-child(2) .text span i{color: #333;font-size: inherit;}
.in_news .news_img li:nth-child(2) .text p{color: #999;display: -webkit-box;}
.in_news .news_img li:nth-child(2):hover{border-color: #0084c8;}
.in_news .news_img li:nth-child(2):hover .text h3{color: #0084c8;}
.in_news .news_list{width: 39.5%;}
.in_news .news_list ul{display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.in_news .news_list li{position: relative;width: 100%;height: 29%;padding: 0 25px;display: flex;align-items: center;background: #fff;border: 1px solid transparent;transition: all .5s;}
.in_news .news_list li a{display: flex;min-width: 0;}
.in_news .news_list li .time{flex: none;width: 90px;color: #0084c8;font-size: 16px;text-align: center;padding-right: 20px;margin-right: 20px;border-right: 1px solid rgba(0,0,0,.25);display: flex;flex-direction: column;justify-content: center;}
.in_news .news_list li .time span{display: block;font-size: 50px;line-height: 1.1;}
.in_news .news_list li .info{flex: 1;min-width: 0;display: flex;flex-wrap: wrap;align-content: space-between;}
.in_news .news_list li .info h3{width: 100%;color: #333;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info p{width: 100%;color: #999;font-size: 16px;line-height: 1.6;text-align: justify;margin-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in_news .news_list li:hover{border-color: #0084c8;}
.in_news .news_list li:hover .info h3{color: #0084c8;}
@media only screen and (max-width: 1280px){
.in_news .news_img li:nth-child(2){padding: 35px 15px;}
.in_news .news_list li{padding: 0 20px;}
.in_news .news_img li .text{padding: 15px 20px;}
.in_news .news_img li .text h3,
.in_news .news_list li .info h3{font-size: 16px;}
.in_news .news_img li .text span,
.in_news .news_img li .text p,
.in_news .news_list li .info p{font-size: 14px;}
.in_news .news_list li .time{width: 80px;font-size: 14px;padding-right: 15px;margin-right: 15px;}
.in_news .news_list li .time span{font-size: 40px;}}
@media only screen and (max-width: 1024px){
.in_news .box{margin-top: 2rem;}
.in_news .news_list li{padding: 0 15px;}
.in_news .news_img li:nth-child(2){padding: 30px 15px;}
.in_news .news_img li .text{padding: 10px 15px;}
.in_news .news_img li .text h3,
.in_news .news_list li .info h3{font-size: 15px;}
.in_news .news_img li .text span,
.in_news .news_img li .text p,
.in_news .news_list li .info p{font-size: 13px;}
.in_news .news_img li .text p{margin-top: 5px;}
.in_news .news_img li .text span{padding-bottom: 10px;margin-bottom: 10px;}
.in_news .news_list li .time{width: 70px;font-size: 13px;padding-right: 10px;margin-right: 10px;}
.in_news .news_list li .time span{font-size: 35px;}}
@media only screen and (max-width: 768px){
.in_news .box,
.in_news .news_list{margin-top: 1.5rem;}
.in_news .news_img,
.in_news .news_list{width: 100%;}
.in_news .news_img li{width: 48%;}
.in_news .news_list ul{margin: -10px 0;}
.in_news .news_list li{height: auto;padding: 11px;margin: 10px 0;}}
@media only screen and (max-width: 480px){
.in_news .box,
.in_news .news_list{margin-top: 1rem;}
.in_news .news_img li:nth-child(2){padding: 20px 15px;}
.in_news .news_img li .text span{font-size: 12px;padding-bottom: 5px;margin-bottom: 5px;}
.in_news .news_img li .text h3{font-size: 14px;-webkit-line-clamp: 2;}
.in_news .news_img li .text p{-webkit-line-clamp: 2;}}

.in_contact .bg{background-image: url(../images/contact_bg.jpg);}
.in_contact .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.in_contact .left{position: relative;width: 43%;padding-top: 2%;}
.in_contact .left h3{color: #333;font-size: 18px;line-height: 2;}
.in_contact .left .txt{width:100%;margin: 30px 0;}
.in_contact .left .txt p{display: flex;color: rgba(0,0,0,.86);font-size: 16px;line-height: 2.3;align-items: flex-start;}
.in_contact .left .txt i{color: #0084c8;font-size: inherit;text-align: center;margin-right: 15px;}
.in_contact .left .ewm{display: flex;align-items: flex-end;border-top: 1px solid rgba(0,0,0,.3);padding-top: 20px;}
.in_contact .left .ewm>div{width: 100px;height: 100px;box-shadow: 0 5px 6px rgba(0, 0, 0, .1);}
.in_contact .left .ewm #ewm{padding: 5px;background: #fff;}
.in_contact .left .ewm #ewm canvas{display: block;}
.in_contact .left .ewm img{display: block;width: 100%;height: 100%;}
.in_contact .left .ewm span{color: #333;font-size: 15px;line-height: 1.75;margin: 0 20px;}
.in_contact .right{width: 48%;height: 100%;padding: 4%;border-radius: 5px;background: rgba(255, 255, 255, .3);backdrop-filter: blur(5px);box-shadow: 0 5px 6px rgba(0, 0, 0, .1);}
.in_contact .right h3{color: #ffb400;font-size: 22px;}
.in_contact .right p{color: #7f7f7e;font-size: 18px;margin-top: 4.5%;}
.in_contact .in_book{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 8%;}
.in_contact .in_book .layui-form-item{display: flex;width: 100%;font-size: 16px;margin-bottom: 20px;align-items: center;}
.in_contact .in_book .layui-form-text{width: 100%;margin-right: 0;align-items: flex-start;}
.in_contact .in_book .layui-form-label{width: 18%;padding: 0;color: #333;text-align: left;flex-shrink: 0;}
.in_contact .in_book .layui-input-block{margin: 0;width: 100%;}
.in_contact .in_book .btn{display: flex;width: 100%;margin: 0;}
.in_contact .in_book .btn:after{display: none;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{height: 40px;line-height: 40px;font-size: 14px;color: #666;border-radius: 5px;border: 1px solid rgba(0,0,0,.1);background: none;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;text-align: justify;min-height: 7.5vh;resize: none;padding: 10px;vertical-align: middle;}
.in_contact .in_book .layui-input:hover,
.in_contact .in_book .layui-textarea:hover{border-color: rgba(0,0,0,.3)!important;}
.in_contact .in_book .layui-input:focus,
.in_contact .in_book .layui-textarea:focus {border-color: #0084c8!important;box-shadow: 0 0 0 3px rgba(0,132,200,.08)}
.in_contact .in_book .layui-btn{width: 38%;font-size: 16px;height: auto;line-height: 45px;border-radius: 5px;background-color: #0084c8;}
.in_contact .in_book .layui-btn.reset{background-color: #a0a0a0;margin-left: auto;}
.in_contact .in_book .layui-btn:hover{background-color: #333;}
.in_copyright{position: absolute;bottom: 0;width: 100%;color: #333;font-size: 16px;line-height: 5;}
.in_copyright>main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.in_copyright span:nth-child(2){margin-right: auto;}
.in_copyright a{color: inherit;}
.in_copyright a:hover{color: #0084c8;}
@media only screen and (max-width: 1280px){
.in_contact .left h3,
.in_contact .right p{font-size: 16px;}
.in_contact .left .txt p,
.in_contact .left .ewm span{font-size: 15px;}
.in_copyright{font-size: 14px;line-height: 4;}}
@media only screen and (max-width: 1024px){
.in_contact .box{margin-top: 2rem;}
.in_contact .left h3,
.in_contact .right p{font-size: 14px;}
.in_contact .left .txt{margin: 15px 0;}
.in_contact .left .txt p, .in_contact .left .ewm span{font-size: 14px;}
.in_contact .left .txt i{margin-right: 10px;}
.in_contact .left .ewm{padding-top: 15px;}
.in_contact .left .ewm span{margin: 0 15px;}
.in_contact .right h3{font-size: 20px;}
.in_contact .in_book .layui-form-item{font-size: 14px;margin-bottom: 15px;}
.in_contact .in_book .layui-form-label{width: 20%;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{font-size: 12px;height: 35px;line-height: 35px;}
.in_contact .in_book .layui-btn{font-size: 14px;line-height: 40px;}}
@media only screen and (max-width: 768px){
.in_contact{padding-bottom: 0;}
.in_contact .box{margin-top: 1rem;}
.in_contact .left,
.in_contact .right{width: 100%;margin-bottom: 3%;}
.in_contact .left h3,
.in_contact .right p{font-size: 12px;}
.in_contact .left .txt{margin: 10px 0;}
.in_contact .left .txt p{font-size: 13px;}
.in_contact .left .txt .fa{width: 22px;height: 22px;font-size: 12px;line-height: 20px;margin-right: 8px;}
.in_contact .left .ewm{display: none;}
.in_contact .right h3{font-size: 18px;}
.in_contact .in_book .layui-form-item{width: 100%;}
.in_contact .in_book .layui-form-label{display: none;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;min-height: auto;}
.in_copyright{position: relative;line-height: 2;}
.in_copyright>main{justify-content: center;margin-bottom: .5rem;}
.in_copyright font{display: none;}
.in_copyright span,
.in_copyright span:nth-child(2){width: 100%;margin: 0;text-align: center;}}

#fp-nav.left{left: 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{background: #fff;transition: all .5s;}
#fp-nav.blue ul li a span{background: #0084c8;}
#fp-nav ul li .fp-tooltip{text-shadow: 0 0 2px rgba(0,0,0,.8);transition: all .5s!important;}
@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;}}