.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: #111;}
.in_title h5{position: relative;font-family: Arial;color: #000;font-size: 147px;line-height: 1;margin-left: -40px;text-transform: uppercase;white-space: nowrap;opacity: 0.03;}
.in_title h3{position: absolute;bottom: 0;font-size: 30px;line-height: 3;text-transform: capitalize;}
.in_title span{position: absolute;top: 30%;color: #f3bd12;font-size: 22px;z-index: 1;}
.in_title.white{color: #fff;}
.in_title.white h5{color: #fff;opacity: .1;}
@media only screen and (max-width: 1024px){
.in_title h5{font-size: 100px;margin: 0;}
.in_title h3{font-size: 21px;}
.in_title span{font-size: 16px;}}
@media only screen and (max-width: 768px){
[class^="section in_"]{padding: 2rem 0;}
.in_title h5{font-size: 60px;}
.in_title h3{top: 50%;bottom: auto;font-size: 18px;font-weight: bold;transform: translateY(-50%);}
.in_title span{position: static;font-size: 14px;}}
@media only screen and (max-width: 480px){.in_title h5{font-size: 46px;}}

[class^="section in_"] .swiper-pagination{position: relative;bottom: 0;width: 100%;margin-top: 1rem;}
[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: #f3bd12;}
[class^="section in_"] .round1,
[class^="section in_"] .round2{position: absolute;top: 0;right: 0;width: 600px;height: 600px;border-radius: 50%;background: #f3bd12;transform: translate(50%,-50%) scale(0);opacity: 0;pointer-events: none;transition: all 1s 1s;}
[class^="section in_"] .round2{top: auto;left: 0;right: 0;bottom: 0;width: 460px;height: 460px;transform: translate(-50%, 50%) scale(0);opacity: 0;}
[class^="section in_"] .round2:after{content: " ";position: absolute;width: 100%;height: 100%;border-radius: inherit;background: rgba(247,211,32,.5);transform: scale(.63);}
[class^="section in_"].active .round1{transform: translate(50%, -50%) scale(1);opacity: .8;}
[class^="section in_"].active .round2{background: rgba(247, 211, 32, .5);transform: translate(-50%, 50%) scale(1);opacity: 1;}
@media only screen and (max-width: 1024px){
[class^="section in_"] .round1{transform: translate(50%, -50%) scale(.6)!important;opacity: .8!important;}
[class^="section in_"] .round2{background: rgba(247, 211, 32, .5);transform: translate(-50%, 50%) scale(.6)!important;opacity: 1 !important;}}
@media screen and (max-width: 768px){
[class^="section in_"] .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
[class^="section in_"] .swiper-pagination-bullet-active{width: 20px;}}
@media only screen and (max-width: 480px){
[class^="section in_"] .round1{transform: translate(50%, -50%) scale(.5)!important;}
[class^="section in_"] .round2{transform: translate(-50%, 50%) scale(.5)!important;}}

.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: #000;opacity: .1;}
.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: 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: #f3bd12;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;}
.banner .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;color: #fff;z-index: 1;align-items: center;}
.banner .txt h3{font-size: 27px;text-shadow: 0 0 5px rgba(0,0,0,.8);}
.banner .txt p{font-size: 40px;padding: 30px 0 60px;text-shadow: 0 0 5px rgba(0,0,0,.8);}
.banner .txt p br{display: none;}
.banner .txt a{position: relative;display: inline-block;color: #fff;font-size: 18px;line-height: 3;padding: 0 55px;border-radius: 50px;background: #f3bd12;overflow: hidden;}
.banner .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;}
.banner .txt a span{position: relative;}
.banner .txt a:hover{animation: pulse 1s infinite;}
.banner .txt a:hover:before{width:100%;opacity: .3;}
@media only screen and (max-width: 1024px){
.banner .swiper-slide .bannerPic{height: 100vh;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;}}
@media only screen and (max-width: 768px){
.banner .swiper-slide .bannerPic{height: calc(100vh - 120px);}
.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{font-size: 14px;line-height: 2;padding: 0 15px;border-radius: 3px;}
.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;}
.banner .txt{text-align: center;er; */}
.banner .txt h3{font-size: 20px;}
.banner .txt p{font-size: 28px;line-height: 1.5;padding: 10px 0 30px;}
.banner .txt p br{display: block;}
.banner .txt a{font-size: 14px;padding: 0 35px;}}
@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 .box{width: 55%;}
.in_about .number{display: flex;margin: 2rem 0;}
.in_about .number li{min-width: 18%;color: #464646;font-size: 16px;line-height: 1;margin-right: 5%;}
.in_about .number li:last-child{margin-right: 0;}
.in_about .number li span{font-family: Arial;color: #f3bd12;font-size: 40px;}
.in_about .number li sub{font-size: inherit;font-weight: normal;bottom: .05rem;margin-left: 5px;}
.in_about .number li h3{margin: 12px 0;}
.in_about .txt{line-height: 1.6;}
.in_about .txt h3{font-size: 22px;font-weight: lighter;margin-bottom: 1.5rem;}
.in_about .txt p{color: #666;font-size: 16px;line-height: 1.6;margin-bottom: 4rem;}
.in_about .txt .more{color: #ffb400;font-size: 16px;}
@media screen and (max-width: 1440px){
.in_about .number{margin: 1.5rem 0;}
.in_about .txt p{font-size: 15px;margin-bottom: 3rem;}}
@media screen and (max-width: 1024px){
.in_about .box{width: 50%;}
.in_about .number{margin: 1rem 0;}
.in_about .number li{min-width: 20%;font-size: 14px;}
.in_about .number li span{font-size: 36px;}
.in_about .txt h3{font-size: 20px;margin-bottom: 1rem;}
.in_about .txt p{font-size: 14px;margin-bottom: 2rem;}}
@media screen and (max-width: 768px){
.in_about .in_title h3{transform: translateY(-33%);}
.in_about .bg{background: linear-gradient(180deg, #fff 0%, #e2edfe 100%);}
.in_about .box{width: 100%;}
.in_about .number{margin: .5rem 0;}
.in_about .txt h3{font-size: 18px;margin-bottom: .5rem;}
.in_about .txt p{margin-bottom: 1rem;}
.in_about .txt .more{display: block;font-size: 14px;text-align: center;}}
@media screen and (max-width: 480px){
.in_about .number li{min-width: 33.33%;text-align: center;margin: 0;}
.in_about .number li span{font-size: 26px;}}

.in_pro .bg{background-image: url(../images/pro_bg.jpg);}
.in_pro .class{position: relative;/* margin-top: -5.5rem; */width: 100%;height: 90px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.in_pro .class a{min-width: 10%;color: #393939;font-size: 16px;line-height: 2.5;text-align: center;margin: .5%;padding: 0 1%;background: rgba(210,210,210,.8);}
.in_pro .class a:hover{color: #fff;background: #f3bd12;}
.in_pro .box{position: relative;margin-top: 2rem;}
.in_pro .swiper li{position: relative;width: calc( 100% / 4);padding: 15px;padding-bottom: 0;border-radius: 5px;border-bottom: 3px solid #f3bd12;background: #fff;}
.in_pro .swiper li .img{position: relative;padding-top: 100%;width: 100%;border-radius: 5px;overflow: hidden;}
.in_pro .swiper li .img:after{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;border: 1px solid #fff;transform: scale(.94);opacity: .5;}
.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 .txt{line-height: 1.5;padding: 1rem 0;}
.in_pro .swiper li .txt h3{font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_pro .swiper li .txt span{color: #f3bd12;}
.in_pro .swiper li:hover .img img{transform: scale(1.1);}
.in_pro .swiper-button-prev,.in_pro .swiper-button-next{top: 50%;left: -60px;color: #fff;font-size: 18px;width: 38px;height: 38px;margin: 0;transform: translateY(-50%);border-radius: 50%;background: #f3bd12;transition: all .5s;}
.in_pro .swiper-button-next{left: auto;right: -60px;}
.in_pro .swiper-button-prev:after, .in_pro .swiper-button-next:after{font-size: inherit;}
.in_pro .swiper-button-prev:hover,.in_pro .swiper-button-next:hover{opacity: 1;}
.in_pro .swiper-pagination{display: none;}
.in_pro .waves{position:absolute;left:0;right:0;bottom:0;height:50vh;opacity: .7;pointer-events: none;z-index: -1;}
.in_pro .waves canvas{display:block;}
@media only screen and (max-width: 1024px){
.in_pro .class{/* margin-top: -4rem; *//* height: 63px; */}
.in_pro .class a{font-size: 15px;}
.in_pro .box{margin-top: 1rem;}
.in_pro .swiper-pagination{display: block;}
.in_pro .waves{display: none;}}
@media only screen and (max-width: 768px){
.in_pro .class{margin: 0;margin: calc(1rem - -1%) 0 calc(1.5rem - -1%);height: auto;display: flex;justify-content: center;flex-wrap: wrap;}
.in_pro .class a:first-child{margin: 0;}
.in_pro .class a,
.in_pro .class a:first-child{min-width: 15.4%;margin: 1%;}
.in_pro .box{margin-top: 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 .class a,.in_pro .class a:first-child{width: auto;margin-left: 0;padding: 0 3%;font-size: 14px;}
.in_pro .swiper li{padding: 10px;padding-bottom: 0;border-bottom-width: 2px;}
.in_pro .swiper li .txt{padding: .5rem 0;}
.in_pro .swiper li .txt h3{font-size: 14px;text-align: center;}
.in_pro .swiper li .txt span{display: none;}}

.in_device .bg{background-image: url(../images/device_bg.jpg);}
.in_device .swiper{margin-top: 2rem;}
.in_device .swiper li{position: relative;width: calc( 100% / 3);}
.in_device .swiper li .img{width: 100%;border: 2px solid #fff;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: 0;color: #333;font-size: 16px;line-height: 2.5;text-align: center;padding: 0 10px;background: rgba(255,255,255,.8);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;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 li .img h3{font-size: 15px;}}
@media only screen and (max-width: 768px){
.in_device .swiper{margin-top: 1rem;}
.in_device .swiper li .img h3{font-size: 14px;line-height: 2;}}

.in_honor .bg{background-image: url(../images/honor_bg.jpg);}
.in_honor .swiper{padding: 30px 0;overflow: initial;}
.in_honor .swiper-slide{width: 600px;/* padding: 3px; */padding-bottom: 0;background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,.3);}
.in_honor .swiper-slide .img{position: relative;padding-bottom: 70%;background: linear-gradient(52deg, #c89f71 0%, #e9ddcf 50%, #c89f71 97%);}
.in_honor .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.in_honor .swiper-slide h3{color: #333;font-size: 18px;line-height: 5;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_honor .swiper-pagination{margin-top: 0;}
.in_honor .swiper-button-prev,.in_honor .swiper-button-next{top: 50%;left: -60px;color: #fff;font-size: 18px;width: 38px;height: 38px;margin: 0;transform: translateY(-50%);border-radius: 50%;background: #f3bd12;transition: all .5s;}
.in_honor .swiper-button-next{left: auto;right: -60px;}
.in_honor .swiper-button-prev:after, .in_honor .swiper-button-next:after{font-size: inherit;}
.in_honor .swiper-button-prev:hover,.in_honor .swiper-button-next:hover{opacity: 1;}
@media screen and (max-width: 1280px){
.in_honor .swiper-slide{width: 44%;}
.in_honor .swiper-slide h3{line-height: 4;}}
@media screen and (max-width: 1024px){
.in_honor .swiper-slide{width: 52.5%;}
.in_honor .swiper-slide h3{font-size: 16px;}}
@media screen and (max-width: 768px){
.in_honor .swiper{padding: 20px 0;}
.in_honor .swiper-slide{width: 60%;}
.in_honor .swiper-slide h3{font-size: 15px;}}
@media screen and (max-width: 480px){
.in_honor .swiper-slide{width: 90%;}
.in_honor .swiper-slide h3{font-size: 14px;line-height: 3.5;}}

.in_news .bg{background-image: url(../images/news_bg.jpg);}
.in_news .box{margin-top: 3rem;}
.in_news .swiper{padding: 2rem 0;background: #fff;box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);}
.in_news li{position: relative;width: calc( 100% / 3);padding: 0 30px;border-right: 1px solid rgba(0,0,0,.1);transition: all .5s;overflow: hidden;}
.in_news li:last-child{border: 0;}
.in_news li .img{position: relative;width: 100%;padding-top: 66.7%;margin: 1.5rem 0;overflow: hidden;}
.in_news li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.in_news li .text h3{width: 100%;color: #212121;font-size: 20px;font-weight: bold;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all .5s;}
.in_news li .text span{display: block;color: #a2a2a2;font-size: 16px;margin-top: 1rem;}
.in_news li .text p{color: #666;font-size: 16px;line-height: 1.75;opacity: .8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_news li:hover .img img{transform: scale(1.1);}
.in_news li:hover .text h3{color: #f3bd12;}
@media only screen and (max-width: 1280px){
.in_news li .text h3{font-size: 18px;}
.in_news li .text span,
.in_news li .text p{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_news .box{margin-top: 2rem;}
.in_news .swiper{padding: 1.5rem 0;}
.in_news li{padding: 0 20px;}
.in_news li .text h3{font-size: 16px;}
.in_news li .text span,
.in_news li .text p{font-size: 14px;}
.in_news li .img{margin: 1rem 0;}}
@media only screen and (max-width: 768px){
.in_news .box{margin-top: 1.5rem;}
.in_news .swiper{padding: 1rem 0;}}
@media only screen and (max-width: 480px){
.in_news .box{margin-top: 1rem;}
.in_news li{padding: 0 15px;border: 0;}
.in_news li .text span,
.in_news li .text p{font-size: 13px;}
.in_news li .text span{margin-top: .5rem;}
.in_news li .text h3{font-size: 15px;}}

.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: rgba(18,57,122,.9);}
.in_contact .blue .logo{position: absolute;top: 50%;right: 0;padding: 10px;border-radius: 50%;background: rgba(255,255,255,.5);transform: translate(50%,-50%);cursor: pointer;}
.in_contact .blue .logo img{display: block;width: 130px;height: 130px;border-radius: inherit;background: #fff;transition: all .5s;}
.in_contact .blue .logo:hover img{transform: rotate(360deg);}
.in_contact main .blue{position: relative;width: 79%;height: 100vh;}
.in_contact .box{position: absolute;top: 50%;width: 70%;transform: translateY(-50%);}
.in_contact .center{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2rem;}
.in_contact .tit{display: flex;justify-content: space-between;align-items: center;}
.in_contact .tit h3{color: #fff;font-size: 26px;}
.in_contact .tit .ewm{display: flex;}
.in_contact .tit .ewm .icon{position: relative;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;color: #143b7c;font-size: 30px;margin-left: 40px;border-radius: 50%;background: rgba(255, 255, 255, .8);cursor: pointer;}
.in_contact .tit .ewm i{font-size: inherit;}
.in_contact .tit .ewm .icon .img{position: absolute;top: 100%;left: 50%;margin-left: -55px;margin-top: 7px;padding: 5px;border-radius: 5px;background: rgba(255, 255, 255, .5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);}
.in_contact .tit .ewm .icon .img:after{content:" ";position: absolute;top: -7px;left: 50%;margin-left: -7px;width: 0;height: 0;border: 7px solid transparent;border-top: 0;border-bottom-color: rgba(255, 255, 255, .5);z-index: 7;}
.in_contact .tit .ewm .icon .img img{width: 100px;}
.in_contact .tit .ewm #ewm canvas{display: block;padding: 5px;background: #fff;}
.in_contact .tit .ewm .icon:hover .img{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
.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-top: 50px;}
.in_contact .left .txt dt{flex: none;width: 50px;height: 50px;color: #fff;font-size: 26px;border-radius: 50%;background: rgba(255,255,255,.3);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;margin-top: 50px;}
.in_contact .in_book .layui-form-item{display: flex;width: 100%;font-size: 16px;margin-bottom: 25px;align-items: center;}
.in_contact .in_book .layui-input-block{margin: 0;width: 100%;}
.in_contact .in_book .layui-form-checkbox>div{color: #fff;}
.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: auto;color: #fff;font-size: 16px;line-height: 3;border-radius: 0;border: 0;padding: 0;border-bottom: 1px solid rgba(255,255,255,.3);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: rgba(255,255,255,.8)!important;}
.in_contact .in_book .layui-input::-webkit-input-placeholder,
.in_contact .in_book .layui-textarea::-webkit-input-placeholder{color:#fff; opacity: 0.37;} 
.in_contact .in_book .layui-btn{width: 40%;font-size: 16px;height: auto;line-height: 2.8;border: 0;border-radius: 0;background-color: #002145;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 a{color: inherit;}
.in_contact .copyright a:hover{color: #f3bd12;}
@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 .tit .ewm .icon{width: 35px;height: 35px;font-size: 26px;margin-left: 35px;}
.in_contact .left .txt dl,
.in_contact .in_book{margin-top: 40px;}
.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;}
.in_contact .left .txt dt{width: 45px;height: 45px;font-size: 22px;margin-right: 15px;}}
@media only screen and (max-width: 1024px){
.in_contact .blue{width: 100%;height: 100%;}
.in_contact main .blue,
.in_contact .tit .ewm{display: none;}
.in_contact .box{position: static;width: 100%;transform: none;}
.in_contact .tit h3{font-size: 20px;}
.in_contact .left .txt dl,
.in_contact .in_book{margin-top: 30px;}
.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 h3{font-size: 18px;}
.in_contact .left .txt{margin-bottom: 20px;}
.in_contact .left .txt dl,
.in_contact .in_book{margin-top: 20px;}
.in_contact .center{margin: 0;}
.in_contact .left,
.in_contact .right{width: 100%;margin-top: 1rem;}
.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 .layui-btn{width: 48%;}}

#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: #f3bd12;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;}}