﻿.section{position: relative;overflow: hidden;}
.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;}
@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: #0c44a0;}
.in_title h3{position: relative;font-size: 36px;padding-bottom: 20px;}
.in_title span{display: block;color: #282828;font-size: 26px;margin-top: -5px;padding-bottom: 15px;}
.in_title:after,
.in_title h3:after{content:" ";position: absolute;left: 0;bottom: 0;width: 85px;height: 3px;background: #ffc000;}
.in_title h3:after{opacity: 0;}
.in_title p{font-size: 16px;line-height: 1.75;margin-top: 20px;}
.in_title dl{width: 75%;margin-top: 5vh;}
.in_title dd a{display: block;color: #fff;font-size: 18px;line-height: 3;text-align: center;margin-bottom: 2vh;border: 2px solid #fff;}
.in_title dd a:hover{color: #346adf;background: #fff;}
.in_title.white{color: #fff;}
.in_title.white:after{opacity: 0;}
.in_title.white span{color: #fff;opacity: .1;}
.in_title.white h3:after{background: #fff;opacity: 1;}
@media only screen and (max-width: 1440px){
.in_title p{font-size: 15px;}
.in_title dd a{font-size: 16px;}}
@media only screen and (max-width: 1024px){
.in_title h3{font-size: 26px;padding-bottom: 15px;}
.in_title span{font-size: 18px;margin-bottom: 10px;}
.in_title:after{width: 60px;}
.in_title p{color: #666;font-size: 14px;}
.in_title dl{width: 100%;display: flex;justify-content: space-between;margin-top: 2rem;}
.in_title dd{width: 30%;}
.in_title dd a{color: #346adf;font-size: 14px;line-height: 2.5;margin: 0;border-color: #346adf;}}
@media only screen and (max-width: 768px){
[class^="section in_"]{padding: 2rem 0;}
.in_title h3{font-size: 20px;padding-bottom: 13px;}
.in_title span{font-size: 14px;margin-bottom: 8px;}
.in_title:after{width: 45px;}}
@media only screen and (max-width: 480px){.in_title h5{font-size: 46px;}}

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

.in_video .txt{position: relative;color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, .8);z-index: 1;}
.in_video .txt h3{font-size: 27px;}
.in_video .txt p{font-size: 40px;font-weight: bold;padding: 30px 0 60px;}
.in_video .txt p br{display: none;}
.in_video .txt a{position: relative;display: inline-block;color: #fff;font-size: 18px;line-height: 3;padding: 0 55px;border-radius: 50px;background: #ffc000;text-shadow: none;overflow: hidden;}
.in_video .txt a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #000;border-radius: 50px;opacity: 0;transition:all .5s ease;}
.in_video .txt a span{position: relative;}
.in_video .txt a:hover{animation: pulse 1s infinite;}
.in_video .txt a:hover:before{width:100%;opacity: .3;}
.in_video .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.in_video .box:before{content: " ";position: absolute;top: 0;width: 100%;height: 100%;background: #000218;opacity: .3;}
.in_video .box img,
.in_video .box video{width: 100%;height: 100%;object-fit: cover;display: block;}
.in_video .box img{display: none;}
@media only screen and (max-width: 1024px){
.in_video{position: relative;padding: 0;height: calc(100vh - 60px)!important;}
.in_video .fp-tableCell{display: flex!important;height: 100% !important;align-items: center;}}
@media only screen and (max-width: 768px){
.in_video{height: calc(100vh - 120px)!important;}
.in_video .txt{text-align: center;}
.in_video .txt h3{font-size: 20px;}
.in_video .txt p{font-size: 26px;line-height: 1.5;padding: 10px 0 30px;}
.in_video .txt p br{display: block;}
.in_video .txt a{font-size: 14px;padding: 0 35px;}
.in_video .box video{display: none;}
.in_video .box img{display: block;}}

.in_about .bg{background-image: url(../images/about_bg.jpg);}
.in_about .bj{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);display: flex;justify-content: center;}
.in_about .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-top: 5rem;}
.in_about .box:before,.in_about .box:after{display: none;}
.in_about .left{width: 48.5%;}
.in_about .txt{margin-top: 3rem;}
.in_about .txt p{color: #282828;font-size: 16px;line-height: 1.88;margin-bottom: 3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;opacity: .65;}
.in_about .txt .more{display: inline-block;color: #666;font-size: 16px;line-height: 2.75;padding: 0 40px;border: 1px solid #adadad;}
.in_about .txt .more:hover{color: #fff;border-color: #ffc000;background: #ffc000;}
.in_about .right{position: relative;width: 48%;}
.in_about .right:before{content: " ";position: absolute;width: 100%;height: 100%;background: #f3f3f3;border-radius: 50px;transform: skewX(-16deg);opacity: .83;}
.in_about .img{position: relative;display: flex;justify-content: center;align-items: center;margin: 40px -30px -40px 30px;border-radius: 50px;transform: skewX(-16deg);overflow: hidden;}
.in_about .img img{transform: skewX(16deg);}
.in_about .number{position: relative;width: 100%;height: 213px;display: flex;flex-wrap: wrap;align-items: center;margin-top: 6rem;}
.in_about .number li{position: relative;display: flex;width: 25%;color: #fff;font-size: 16px;line-height: 1;text-align: center;padding: 10px 0;border-right: 1px solid rgba(255,255,255,.15);justify-content: center;align-items: center;}
.in_about .number li:last-child{border: 0;}
.in_about .number li .flex{width: 55%;}
.in_about .number li span{font-family: Arial;font-size: 42px;font-weight: bold;}
.in_about .number li sub{font-size: 18px;font-weight: normal;bottom: .05rem;margin-left: 10px;}
.in_about .number li h3{margin-top: 1rem;}
.in_about .number li .icon{display: flex;width: 80px;height: 80px;border-radius: 50%;background: rgba(255,255,255,.37);justify-content: center;align-items: center;}
.in_about .number li .icon i{font-size: 36px;}
@media screen and (max-width: 1440px){
.in_about .txt{margin-top: 2.5rem;}
.in_about .txt p{font-size: 15px;margin-bottom: 2.5rem;}}
@media screen and (max-width: 1024px){
.in_about{padding-bottom: 0;}
.in_about .box{padding-top: 0;}
.in_about .bj{display: none;}
.in_about .left{width: 50%;}
.in_about .txt{margin-top: 2rem;}
.in_about .txt p{font-size: 14px;margin-bottom: 2rem;}
.in_about .txt .more{font-size: 14px;padding: 0 30px;}
.in_about .img{margin: 0;}
.in_about .img img{width: 100%;}
.in_about .right:before{top: -1rem;left: -1rem;}
.in_about .right{margin: -1rem -1rem 0 0;}
.in_about .right:before, .in_about .img, .in_about .img img{border-radius: 20px;transform: none;}
.in_about .number{height: auto;margin-top: 2rem;}
.in_about .number:before{content: " ";position: absolute;left: 50%;width: 108%;height: 100%;background: #1773be;transform: translateX(-50%);}
.in_about .number li{font-size: 14px;margin: 2rem 0;}
.in_about .number li span{font-size: 34px;}
.in_about .number li sub{font-size: 14px;margin-left: 5px;}
.in_about .number li h3{margin-top: .5rem;}
.in_about .number li .icon{width: 60px;height: 60px;}
.in_about .number li .icon i{font-size: 30px;}}
@media screen and (max-width: 768px){
.in_about .left{width: 100%;}
.in_about .txt{margin-top: 1.5rem;}
.in_about .txt p{display: block;margin-bottom: 1.5rem;}
.in_about .txt .more{display: block;font-size: 14px;text-align: center;}
.in_about .right{width: 100%;margin: 3% 0;padding-top: 1rem;}
.in_about .right:before{display: none;}
.in_about .number{margin-top: 1rem;}
.in_about .number:after{content: " ";position: absolute;top: 50%;width: 100%;height: 1px;background: rgba(255,255,255,.15);}
.in_about .number li{width: 50%;font-size: 12px;margin: 0;padding: 1.5rem 0;}
.in_about .number li:nth-child(2n){border: 0;}}
@media screen and (max-width: 480px){
.in_about .number li .flex{width: 63%;}
.in_about .number li span{font-size: 26px;}
.in_about .number li sub{font-size: 12px;margin-left: 3px;}
.in_about .number li .icon{width: 50px;height: 50px;display: none;}
.in_about .number li .icon i{font-size: 24px;}}

.in_industry .bg{background-image: url(../images/industry_bg.jpg);}
.in_industry svg{position: absolute; width: 0; height: 0; }
.in_industry .list{position: absolute;top: 0;width: 100%;height: 100%;display: flex;overflow: hidden;flex-wrap: wrap;}
.in_industry .list .item{position: relative;display: flex;flex-direction: column;align-items: flex-start;width: 25%;padding: 28vh 4%;color: #323232;transition: all .5s;cursor: pointer;-webkit-clip-path: url(#caselist-moving-box-clip);clip-path: url(#caselist-moving-box-clip);justify-content: space-between;}
.in_industry .list .item .icobox{position: relative;}
.in_industry .list .item .icobox:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 120%;border-radius: 50%;background: #bfd3ff;transform: translate(-50%,-50%);opacity: .43;}
.in_industry .list .item .icobox i{position: relative;color: #919191;font-size: 50px;text-shadow: none!important;z-index: 1;transition: all .5s;}
.in_industry .list .item h3{font-size: 22px;margin: 4vh 0;}
.in_industry .list .item p{font-size: 16px;line-height: 1.75;margin-bottom: auto;opacity: .67;}
.in_industry .list .item span{width:100%;font-size: 43px;margin-bottom: 3vh;}
.in_industry .list .item span em{position: relative;top: -13%;display: inline-block;transform: scale(.4);transform-origin: left bottom;opacity: .5;}
.in_industry .list .item .btn{color: #fff;font-size: 16px;line-height: 2.75;border: 2px solid #366bdf;background: #366bdf;padding: 0 1vw;text-shadow: none !important;}
.in_industry .list .item .btn i{font-size: inherit;margin-left: 3.5vw;}
.in_industry .list .item .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: -1;opacity: 0;transform: scale(1.1);transition: all 1s ease-in-out;}
.in_industry .list .item .img img{width: 100%;height: 100%;object-fit: cover;opacity: .6;}
.in_industry .list .item:hover,
.in_industry .list .item:hover .icobox i{color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, .8);}
.in_industry .list .item .btn:hover{border-color: #fff;background: none;}
.in_industry .list .item:hover .img{opacity: 1;transform: scale(1);}
.in_industry.active .list .item:nth-child(1){animation: fadeInDown 1s;}
.in_industry.active .list .item:nth-child(2){animation: fadeInDown 1.2s;}
.in_industry.active .list .item:nth-child(3){animation: fadeInDown 1.4s;}
.in_industry.active .list .item:nth-child(4){animation: fadeInDown 1.6s;}
@media only screen and (max-width: 1440px){
.in_industry .list .item h3{font-size: 20px;}
.in_industry .list .item p{font-size: 15px;}
.in_industry .list .item span{font-size: 38px;}
.in_industry .list .item .btn{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_industry{padding: 0;}
.in_industry .list{position: relative;}
.in_industry .list .item{padding: 5rem 3%;animation: none!important;}
.in_industry .list .item .icobox i{font-size: 46px;}
.in_industry .list .item h3{font-size: 18px;}
.in_industry .list .item p{font-size: 14px;}
.in_industry .list .item span{font-size: 34px;margin-top: 3vh;}
.in_industry .list .item .btn{font-size: 13px;}}
@media only screen and (max-width: 768px){
.in_industry .list .item{display: flex;width: 50%;color: #fff;padding: 10% 5%;text-shadow: 0 0 5px rgba(0, 0, 0, .8);clip-path: none;align-items: center;}
.in_industry .list .item .icobox i{color: #fff;font-size: 40px;}
.in_industry .list .item h3{font-size: 17px;}
.in_industry .list .item p{font-size: 13px;}
.in_industry .list .item span{font-size: 30px;text-align: center;display: none;}
.in_industry .list .item .btn{width: 100%;font-size: 12px;text-align: center;border-width: 1px;padding: 0 2vw;margin-top: 3vh;}
.in_industry .list .item .img{opacity: 1;transform: scale(1);}}

.in_news .bg{width: 25.73%;background-image: url(../images/news_bg.jpg);background-position: right center;transform: none;}
.in_news .box{display: flex;margin: 0 4%;}
.in_news .in_title{flex: none;width: 18.5%;}
.in_news .news_list{flex: 1;min-width: 0;margin-left: 8%;}
.in_news .news_list li{position: relative;width: calc( 100% / 3);}
.in_news .news_list li .img{position: relative;width: 100%;padding-top: 65%;margin: 1.5rem 0;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 .info{position: relative;font-size: 16px;padding-bottom: 1.5rem;overflow: hidden;}
.in_news .news_list li .info:after{position: absolute;content: '';width: 0;height: 4px;background-color: #ffc000;left: 0;bottom: 0;transition: all .8s ease;}
.in_news .news_list li .info h3{color: #333;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info span{display: block;font-family: Arial;color: #999;}
.in_news .news_list li .info p{color: #666;line-height: 1.85;margin: 10px 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_news .news_list li .info em{display: flex;color: #ffc000;margin-top: 10px;align-items: center;transition: all .8s ease;}
.in_news .news_list li .info em i{font-size: 12px;margin-left: 15px;}
.in_news .news_list li:hover .img img{transform: scale(1.1);}
.in_news .news_list li:hover .info:after{width: 100%;}
.in_news .news_list li:hover .info h3{color: #ffc000;}
@media only screen and (max-width: 1400px){
.in_news .news_list li .info{font-size: 15px;}
.in_news .news_list li .info h3{font-size: 18px;}}
@media only screen and (max-width: 1024px){
.in_news .bg{display: none;}
.in_news .box{display: block;}
.in_news .in_title{width: 100%;color: #0c44a0;}
.in_news .in_title h3:after{background: #ffc000;}
.in_news .news_list{margin: 0;margin-top: 2rem;}
.in_news .news_list li .img{margin: 1rem 0;}
.in_news .news_list li .info h3{font-size: 16px;}
.in_news .news_list li .info span{font-size: 14px;}
.in_news .news_list li .info p{font-size: 14px;}}
@media only screen and (max-width: 768px){
.in_news .news_list li .info h3{font-size: 15px;}
.in_news .news_list li .info p{font-size: 13px;margin: 5px 0 0;}}

.in_partner .bg{background-image: url(../images/partner_bg.jpg);}
.in_partner .in_title{text-align: center;}
.in_partner .in_title:after{position: inherit;display: inline-block;}
.in_partner .swiper{margin-top: 3rem;}
.in_partner .swiper-slide .img{position: relative;width: 100%;padding-bottom: 43%;overflow: hidden;}
.in_partner .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border: 1px solid #e1e3e6;}
@media only screen and (max-width: 1024px){
.in_partner .swiper{margin-top: 2rem;}}
@media only screen and (max-width: 768px){
.in_partner .swiper{margin-top: 1rem;}}

.in_contact .bg{background-image: url(../images/contact_bg.jpg);}
.in_contact .blue{position: absolute;top: 0;left: 0;width: calc(100% / 2 - 700px);height: 100vh;background: #2b60d2;opacity: .96;}
.in_contact .blue .logo{position: absolute;top: 50%;right: 0;padding: 8px;border-radius: 50%;background: rgba(255,255,255,.5);transform: translate(50%,-50%);cursor: pointer;}
.in_contact .blue .logo img{display: block;width: 114px;height: 114px;border-radius: inherit;background: #fff;transition: all .5s;}
.in_contact .blue .logo:hover img{transform: rotate(360deg);}
.in_contact main .blue{position: relative;width: 76%;height: 100vh;}
.in_contact .box{position: absolute;top: 50%;width: 65%;transform: translateY(-50%);}
.in_contact .center{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.in_contact .tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.in_contact .tit h3{color: #fff;font-size: 26px;}
.in_contact .left{position: relative;width: 46%;}
.in_contact .left .txt{margin-bottom: 30px;}
.in_contact .left .txt dl{display: flex;align-items: center;margin-bottom: 3rem;}
.in_contact .left .txt dt{flex: none;width: 50px;height: 50px;color: #fff;font-size: 26px;border-radius: 50%;background: rgba(255,255,255,.5);display: flex;justify-content: center;align-items: center;margin-right: 20px;}
.in_contact .left .txt dt i{font-size: inherit;}
.in_contact .left .txt dd{flex: 1;min-width: 0;color: #fff;font-size: 16px;line-height: 1.85;}
.in_contact .right{width: 46%;}
.in_contact .in_book{display: flex;flex-wrap: wrap;justify-content: space-between;}
.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-input-block{margin: 0;width: 100%;min-height: auto;}
.in_contact .in_book .layui-form-checkbox>div{color: #fff;}
.in_contact .in_book .btn{display: flex;width: 100%;margin: 0;align-items: center;}
.in_contact .in_book .btn:after{display: none;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{height: auto;color: #fff;font-size: 16px;line-height: 2.8;border-radius: 0;border: 0;padding: 0;border-bottom: 1px solid #fff;box-shadow: none;background: none;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;min-height: 80px;resize: none;padding: 0;vertical-align: middle;}
.in_contact .in_book .layui-input:hover,
.in_contact .in_book .layui-textarea:hover,
.in_contact .in_book .layui-input:focus,
.in_contact .in_book .layui-textarea:focus {border-color: #fff!important;}
.in_contact .in_book .layui-input::-webkit-input-placeholder,
.in_contact .in_book .layui-textarea::-webkit-input-placeholder{color:#fff;} 
.in_contact .in_book .layui-btn{width: 40%;font-size: 16px;height: auto;line-height: 2.5;border: 0;border-radius: 0;background-color: #14409c;opacity: 1;}
.in_contact .in_book .layui-btn.reset{color: #333;background-color: #d9d9d9;margin-left: auto;}
.in_contact .in_book .layui-btn:hover{color: #002145;background-color: #fff;}
.in_contact .copyright{color: rgba(255,255,255,.7);font-size: 16px;line-height: 2;margin-top: 10px;}
.in_contact .copyright span{margin-right: 20px;}
.in_contact .copyright span:nth-child(3){float: right;margin: 0;}
.in_contact .copyright a{color: inherit;}
.in_contact .copyright a:hover{color: #ffc000;}
@media only screen and (max-width: 1490px){.in_contact .blue{width: calc(100% / 2 - 47%);}}
@media only screen and (max-width: 1280px){
.in_contact .tit h3{font-size: 24px;}
.in_contact .left .txt dl{margin-bottom: 2rem;}
.in_contact .left .txt dt{width: 45px;height: 45px;font-size: 22px;margin-right: 15px;}
.in_contact .in_book .layui-form-item{margin-bottom: 15px;}
.in_contact .left .txt dd,
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea,
.in_contact .in_book .layui-btn,
.in_contact .copyright{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_contact .center{margin-top: 2rem;}
.in_contact .blue{width: 100%;height: 100%;}
.in_contact main .blue{display: none;}
.in_contact .box{position: static;width: 100%;transform: none;}
.in_contact .tit{margin-bottom: 1.5rem;}
.in_contact .tit h3{font-size: 20px;}
.in_contact .in_book .layui-form-item{margin-bottom: 10px;}
.in_contact .left .txt dd,
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea,
.in_contact .in_book .layui-btn,
.in_contact .copyright{font-size: 14px;}
.in_contact .left .txt dt{width: 40px;height: 40px;font-size: 20px;margin-right: 10px;}}
@media only screen and (max-width: 768px){
.in_contact{padding-bottom: 1rem;}
.in_contact .tit{margin-bottom: 1rem;}
.in_contact .tit h3{font-size: 18px;}
.in_contact .left .txt{margin-bottom: 20px;}
.in_contact .left .txt dl{margin-bottom: 1rem;}
.in_contact .center{margin: 1rem 0;}
.in_contact .left,
.in_contact .right{width: 100%;}
.in_contact .in_book .layui-textarea{min-height: auto;}
.in_contact .copyright{display: flex;flex-direction: column;}
.in_contact .copyright br{display: none;}
.in_contact .copyright span,
.in_contact .copyright span:nth-child(2){width: 100%;margin: 0;text-align: center;}}
@media only screen and (max-width: 480px){
.in_contact .in_book .btn{flex-wrap: wrap;}
.in_contact .in_book .layui-btn{width: 100%;line-height: 3;margin-top: 1.5rem;}}

#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: #ffc000;transition: all .5s;}
#fp-nav.white ul li a span{background: #fff;}
#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;}}