.banner{position: relative;}
.banner .swiper-slide{position: relative;pointer-events: auto;}
.banner .swiper-slide .slide-inner{width: 100%;height: auto;}
.banner .swiper-slide .bannerPic{display: block;width: 100%;left: 0;top: 0;height: 100vh;object-fit: cover;}
.banner .swiper-slide .bannerPic{position:relative;width:100%;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0, 0, 100px);}
.banner .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0, 0, 0px);}
.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 #ffffff;border-left:2px solid #ffffff;right:0px;}
.banner .leftcircle{border-top:2px solid #ffffff;border-right:2px solid #ffffff;left:0px;}
.banner .wrapper_con{width:21px;height:42px;position:absolute;top:-2px;overflow:hidden;display:none;}
.banner #water{position: absolute;top: 0;left: 0;width: 35%;height: 100%;opacity: .65;pointer-events: none;z-index: 1;}
@media only screen and (max-width: 1024px){
.banner{padding-top: 70px;}}
@media only screen and (max-width: 768px){
.banner .swiper-slide .bannerPic{height: 60vw;}
.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;}}
@keyframes circleProgressLoad_right{0%{transform: rotate(45deg);}50%, 100%{transform: rotate(225deg);}}
@keyframes circleProgressLoad_left{0%, 50%{transform: rotate(45deg);}100%{transform: rotate(225deg);}}

.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);}

.in_title{color: #fff;text-align: center;}
.active .in_title{animation: fadeInDown 1s;}
.in_title h5{font-size: 70px;font-weight: bold;text-transform: uppercase;opacity: .1;}
.in_title h3{font-size: 36px;font-weight:bold;margin-top: -40px;}
.in_title p{font-size: 16px;line-height: 2;margin-top: 10px;}
.in_title.black{color: #262626;}
@media only screen and (max-width: 1024px){
.in_title h5{font-size: 60px;}
.in_title h3{font-size: 30px;margin-top: -35px;}
.in_title p{font-size: 15px;}}
@media only screen and (max-width: 768px){
.in_title{margin-top: 1rem;}
.in_title h5{font-size: 46px;}
.in_title h3{font-size: 24px;margin-top: -25px;}
.in_title p{font-size: 14px;}
.in_title p br{display: none;}}
@media only screen and (max-width: 480px){
.in_title p{font-size: 12px;}}

.in_about .fp-overflow{overflow: visible;}
.in_about .fp-overflow::-webkit-scrollbar{width: 0;}
.in_about .bg{background-image: url(../images/about_bg.jpg);}
.in_about .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.in_about .left{position: relative;width: 48.5%;padding-right: 4%;}
.in_about.active .left{animation: fadeInLeft 1s;}
.in_about .img1{position: relative;width: 100%;padding-bottom: 75%;border: 7px solid #fff;overflow: hidden;box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.2);}
.in_about .img1 img,
.in_about .img2 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.in_about .img1 span{position: absolute;bottom: 0;color: #fff;line-height: 2.5;padding: 0 5%;background: rgba(0,0,0,.5);}
.in_about .img1 span i{position: relative;top: 2px;font-size: 18px;margin-right: 10px;}
.in_about .img2{position: absolute;right: 0;bottom: 10%;width: 52%;box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.2);}
.in_about .img2 div{position: relative;width: 100%;padding-bottom: 70%;border: 7px solid #fff;overflow: hidden;}
.in_about .right{width: 48.5%;color: #fff;}
.in_about.active .right{animation: fadeInRight 1s;}
.in_about .txt h3{font-size: 42px;font-weight: bold;margin-bottom: 1rem;}
.in_about .txt p{font-size: 16px;line-height: 2;text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_about .number{display: flex;margin-top: 3.5rem;}
.in_about .number li{width: 20%;font-size: 18px;line-height: .8;text-align: center;padding: 5px 0;}
.in_about .number li:nth-child(2){width: 40%;margin: 0 10%;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);}
.in_about .number li:last-child{border: 0;}
.in_about .number li span{display: block;font-size: 75px;font-weight: bold;margin-bottom: 25px;}
.in_about .number li sub{bottom: -.4rem;}
@media screen and (max-width: 1600px){
.in_about .txt h3{font-size: 40px;}
.in_about .txt p{font-size: 15px;}
.in_about .number{margin-top: 2.5rem;}
.in_about .number li{font-size: 16px;}
.in_about .number li span{font-size: 65px;margin-bottom: 20px;}}
@media screen and (max-width: 1024px){
.in_about .txt h3{font-size: 30px;margin-bottom: .5rem;}
.in_about .txt p{font-size: 14px;}
.in_about .number{margin-top: 1.5rem;}
.in_about .number li,
.in_about .number li:nth-child(2){font-size: 14px;width: 33.33%;margin: 0;}
.in_about .number li span{font-size: 50px;}}
@media screen and (max-width: 768px){
.in_about{padding: 3% 0;}
.in_about .fp-overflow{overflow-y: auto;}
.in_about .left{width: 100%;padding: 0;margin-bottom: 5%;}
.in_about .img2{display: none;}
.in_about .right{width: 100%;}
.in_about .txt h3{font-size: 24px;}
.in_about .txt p{-webkit-line-clamp: 10;}
.in_about.active .left,
.in_about.active .right{animation: none;}}

.in_pro .fp-overflow{/* overflow: hidden; */}
.in_pro .bg{background-image: url(../images/pro_bg.jpg);}
.in_pro .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 4rem 0;}
.in_pro .left{width: 40%;}
.in_pro.active .left{animation: fadeInLeft 1s;}
.in_pro dl dt{color:#fff;font-size: 72px;font-weight: bold;opacity: .1;line-height: 1;}
.in_pro dl dd{color:#fff;font-size: 37px;font-weight: bold;margin-top: -35px;}
.in_pro hr{width:165px;height: 7px;background: #00a0e8;border: 0;display: block;margin-top: 28px;}
.in_pro p{color: #fff;font-size: 16px;line-height: 2;text-align: justify;margin: 40px 0;}
.in_pro .more{width:120px;display: block;color:#fff;font-size: 16px;line-height: 2.9;text-align: center;border-radius: 50px;background: linear-gradient(135deg,#229edc 20%, #91c443 80%);}
.in_pro .more:hover{background:#fff; border-radius:25px; color:#00a0e8}	
.in_pro .pro_nav{display: flex;flex-wrap: wrap;padding-top: 6.5rem;justify-content: space-between;}
.in_pro .pro_nav a{position: relative;color:#fff;font-size:16px;line-height: 2.5;}
.in_pro .pro_nav a:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #fff;opacity: 0;transition: all .5s;}
.in_pro .pro_nav a:hover:after{width: 100%;opacity: 1;}
.in_pro .right{position: absolute;top: 0;right: 0;width: 56.5%;height: 100%;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.in_pro.active .right{animation: fadeInRight 1s;}
.in_pro .mySwiper2 {position: relative;width: 75%;height: auto;margin: 0;padding: 60px;overflow: inherit;}
.in_pro .mySwiper2 .round{content: "";width: 90%;height: 90%;position: absolute;top: 50%;left: 50%;margin-top: -45%;margin-left: -45%;border-radius: 50%;border: 1px dashed #00a0e8;animation: a2 20s linear 0s infinite;}
.in_pro .mySwiper2 .round::before,
.in_pro .mySwiper2 .round:after{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;border-radius: 50%;background: #00a0e8;}
.in_pro .mySwiper2 .round:after{top: auto;bottom: -40px;width: 40px;height: 40px;background: #91c443;}
.in_pro .mySwiper2 .swiper-slide a{width: 100%;height: auto;display: block;border: 10px solid #00a0e8;border-radius: 50%;background: #fff;overflow:hidden;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.in_pro .mySwiper2 .swiper-slide a div{position: relative;padding-bottom: 100%;border-radius: 50%;overflow: hidden;}
.in_pro .mySwiper2 .swiper-slide a img{position: absolute;width:100%;height: 100%;object-fit: contain;border-radius: 50%;background: #fff;transform: scale(0.5);opacity: 0;transition: all 1s ease 0s;}
.in_pro .mySwiper2 .swiper-slide.swiper-slide-active a img{transform: scale(1);opacity: 1;}
.in_pro .mySwiper2 .swiper-slide a:hover img{transform: scale(1.1);}
.in_pro .mySwiper{width: 16.5%;height: 100%;margin: 0;}
.in_pro .mySwiper .swiper-slide .s_pimg{width:100%;height: auto;border-radius: 50%;border: 8px solid #fff;background: #fff;cursor: pointer;transition: all .5s;}
.in_pro .mySwiper .swiper-slide .s_pimg div{position: relative;padding-bottom: 100%;border-radius: 50%;overflow: hidden;}
.in_pro .mySwiper .swiper-slide .s_pimg img{position: absolute;width:100%;height: 100%;display: block;object-fit: contain;transition: all .5s;}
.in_pro .mySwiper .swiper-slide-thumb-active .s_pimg{border-color: #00a0e8;}
.in_pro .mySwiper .swiper-slide:hover .s_pimg img{transform: scale(1.1);}
@keyframes a2{100% {transform: rotate(360deg);}}
.in_pro #canvas-container1,
.in_pro #canvas-container2{position: absolute;top: 0;width: 100%;height: 100vh;z-index: -1;opacity: .5;pointer-events: none;}
.in_pro #water1,
.in_pro #water2{position: absolute;top: 0;width: 35%;height: 100%;z-index: 9;}
@media screen and (max-width: 1024px){
.in_pro .box{padding: 5vw 0;}
.in_pro dl dt{font-size: 60px;}
.in_pro dl dd{font-size: 32px;margin-top: -30px;}
.in_pro hr{width: 140px;height: 5px;margin-top: 20px;}
.in_pro p{font-size: 14px;margin: 20px 0;}
.in_pro .more{font-size: 14px;}
.in_pro .pro_nav{padding-top: 1.5rem;}
.in_pro .pro_nav a{font-size: 14px;}
.in_pro .mySwiper2 {padding: 5vw;}
.in_pro .mySwiper2 .swiper-slide a{border-width: 8px;}
.in_pro .mySwiper2 .round::before,
.in_pro .mySwiper2 .round:after{width: 20px;height: 20px;}
.in_pro .mySwiper2 .round:after{bottom: -30px;width: 30px;height: 30px;}
.in_pro .mySwiper .swiper-slide .s_pimg{border-width: 6px;}}
@media screen and (max-width: 768px){
.in_pro{padding-top: 70px;}
.in_pro .box{padding: 0;}
.in_pro .left{width: 100%;}
.in_pro.active .left{animation: fadeInDown 1s;}
.in_pro dl{text-align: center;}
.in_pro dl dt{font-size: 48px;}
.in_pro dl dd{font-size: 26px;margin-top: -23px;}
.in_pro hr{width: 115px;height: 5px;margin: auto;margin-top: 15px;}
.in_pro p{font-size: 12px;margin: 15px 0;}
.in_pro .more,
.in_pro .pro_nav{display: none;}
.in_pro .right{position: relative;width: 100%;display: block;}
.in_pro.active .right{animation: fadeInUp 1.2s;}
.in_pro .mySwiper2{width: 100%;padding: 9vw;}
.in_pro .mySwiper2 .swiper-slide a{border-width: 6px;}
.in_pro .mySwiper2 .round::before,
.in_pro .mySwiper2 .round:after{width: 15px;height: 15px;}
.in_pro .mySwiper2 .round:after{bottom: -25px;width: 25px;height: 25px;}
.in_pro .mySwiper{width: 100%;margin-top: 1rem;}
.in_pro .mySwiper .swiper-slide .s_pimg{border-width: 5px;}
.in_pro #water1,
.in_pro #water2{width: 100%;height: 100vw;transform: rotate(90deg);}}

.in_case .fp-overflow{/* overflow: visible; */}
.in_case .bg{background-image: url(../images/case_bg.jpg);}
.in_case li .img{position: relative;width: 100%;padding-bottom: 70%;overflow: hidden;}
.in_case li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_case li .txt{position: absolute;left: 50%;padding: 30px 20px;width: 80%;text-align: center;transform: translate(-50%,-50%);background:#00a0e8;border-radius: 15px 0 15px;z-index: 11;transition: all .5s;}
.in_case li .txt h3{color: #fff;font-size: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}
.in_case li .txt span{display: block;color: #fff;font-size: 20px;margin-top: 6px;opacity: .3;transition: all .5s;}
.in_case li:hover .img img{transform: scale(1.1);}
.in_case li:hover .txt{background: #fff; color: #00a0e8;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.in_case li:hover .txt h3,
.in_case li:hover .txt span{color: #00a0e8;}
.in_case .swiper{padding: 3rem 1rem 7rem;}
.in_case.active .swiper{animation: fadeInUp 1s;}
.in_case .swiper-pagination{width: 100%;text-align:center;left: 0px;bottom: 0;}
.in_case .swiper .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50px;margin: 0 5px;opacity: .5;background: #ffff;transition: all .5s;}
.in_case .swiper .swiper-pagination-bullet-active{width: 30px;opacity:1;}
@media screen and (max-width: 1600px){
.in_case li .txt{padding: 20px 15px;}
.in_case li .txt h3{font-size: 24px;}
.in_case li .txt span{font-size: 18px;}}
@media screen and (max-width: 1024px){
.in_case .swiper{padding: 2rem 1rem 6rem;}
.in_case li .txt{padding: 15px 10px;}
.in_case li .txt h3{font-size: 18px;}
.in_case li .txt span{font-size: 14px;margin-top: 3px;}}
@media screen and (max-width: 768px){
.in_case .swiper{padding: 1rem 0 4.5rem;}
.in_case .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
.in_case .swiper .swiper-pagination-bullet-active{width: 20px;}}

.in_news .fp-overflow{/* overflow: visible; */}
.in_news .fp-overflow::-webkit-scrollbar{width: 0;}
.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{position: relative;width: 43%;}
.in_news.active .news_img{animation: fadeInLeft 1.5s;}
.in_news .news_img .img{position: relative;width: 100%;padding-top: 70%;border-radius: 5px;overflow: hidden;}
.in_news .news_img .img  img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_news .news_img .text{position: absolute;bottom: 0;min-width: 0;width: 100%;display: flex;flex-wrap: wrap;padding: 20px;border-radius: 5px;background: rgba(34,34,35,.8);transition: all .5s;}
.in_news .news_img .text h3{width: 100%;color: #fff;font-size: 18px;opacity: .65;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_img .text span{color: #a3a09b;font-size: 16px;opacity: .8;transition: all .5s;}
.in_news .news_img:hover .text{background: rgba(0,160,232,.8);}
.in_news .news_img:hover .img img{transform: scale(1.1);}
.in_news .news_img:hover .text span{color: #fff;}
.in_news .news_list{position: relative;width: 52%;}
.in_news.active .news_list{animation: fadeInRight 1.5s;}
.in_news .news_list ul{position: relative;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.in_news .news_list ul:after{content: " ";position: absolute;top: 50%;left: 0;margin-top: -1px;width: 100%;height: 2px;background: #000;opacity: .1;}
.in_news .news_list li{position: relative;width: 100%;}
.in_news .news_list li a{display: flex;min-width: 0;align-items: center;}
.in_news .news_list li .img{flex: none;width: 36%;margin-right: 35px;}
.in_news .news_list li .img div{position: relative;width: 100%;padding-top: 65%;border-radius: 5px;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{flex: 1;min-width: 0;}
.in_news .news_list li .info h3{color: #333;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info span{display: block;color: #999;font-size: 16px;margin: 10px 0;}
.in_news .news_list li .info p{color: #666;font-size: 16px;line-height: 1.75;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_news .news_list li .info em{display: block;color: #00a0e8;font-size: 16px;margin-top: 10px;}
.in_news .news_list li:hover .img img{transform: scale(1.1);}
.in_news .news_list li:hover .info h3{color: #00a0e8;}
@media only screen and (max-width: 1600px){
.in_news .news_img{width: 44%;}
.in_news .news_img .text{padding: 15px;}
.in_news .news_img .text h3{font-size: 17px;margin-bottom: 7px;}
.in_news .news_img .text span{font-size: 15px;}
.in_news .news_list li .img{width: 38%;margin-right: 30px;}
.in_news .news_list li .info h3{font-size: 17px;}
.in_news .news_list li .info span{font-size: 15px;margin: 7px 0;}
.in_news .news_list li .info p{font-size: 15px;}
.in_news .news_list li .info em{font-size: 15px;margin-top: 7px;}}
@media only screen and (max-width: 1024px){
.in_news{padding-top: 70px;}
.in_news .box{margin-top: 2rem;}
.in_news .news_img{width: 44.5%;}
.in_news .news_img .text{padding: 10px;}
.in_news .news_img .text h3{font-size: 16px;margin-bottom: 5px;}
.in_news .news_img .text span{font-size: 14px;}
.in_news .news_list li .img{width: 40%;margin-right: 20px;}
.in_news .news_list li .info h3{font-size: 16px;}
.in_news .news_list li .info span{font-size: 14px;margin: 5px 0;}
.in_news .news_list li .info p{font-size: 14px;}
.in_news .news_list li .info em{display: none;}}
@media only screen and (max-width: 768px){
.in_news .fp-overflow{overflow-y: auto;}
.in_news .box{margin-top: 1rem;}
.in_news .news_img,
.in_news .news_list{width: 100%;}
.in_news.active .news_img{animation: fadeInUp 1.2s;}
.in_news.active .news_list{animation: fadeInUp 1.4s;}
.in_news .news_img .text h3{font-size: 15px;}
.in_news .news_list ul{margin: 0;}
.in_news .news_list li{height: auto;padding: 15px 0;}
.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_contact .fp-overflow{overflow: visible;}
.in_contact .fp-overflow::-webkit-scrollbar{width: 0;}
.in_contact .bg{background-image: url(../images/contact_bg.jpg);}
.in_contact .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3rem 0 5rem;}
.in_contact .box h3{color: #fff;font-size: 30px;}
.in_contact .left,
.in_contact .right{width: 49%;padding: 4%;border-radius: 5px;background: rgba(255,255,255,.15);backdrop-filter: blur(5px);}
.in_contact.active .left{animation: fadeInLeft 1.2s;}
.in_contact.active .right{animation: fadeInRight 1.2s;}
.in_contact .left .txt{width:100%;margin: 20px 0;}
.in_contact .left .txt p{display: flex;color:#fff;font-size: 18px;line-height: 2.5;align-items: center;}
.in_contact .left .txt .fa{width: 26px;height: 26px;font-size: 14px;line-height: 24px;text-align: center;border-radius: 50%;border: 1px solid #fff;margin-right: 10px;}
.in_contact .left .ewm{display: flex;}
.in_contact .left dl{display: flex;margin-right: 8%;}
.in_contact .left dl:last-child{margin-right: 0;}
.in_contact .left dl dt{position: relative;width: 130px;padding:10px;}
.in_contact .left dl dt .lin{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #fff;opacity: .5;}
.in_contact .left dl dt .lin>div{position: absolute;top: -2px;left: -2px;width: calc(100% + 4px);height: calc(100% + 4px);}
.in_contact .left dl dt .lin>div:before,
.in_contact .left dl dt .lin>div:after{content:"";position: absolute;top: 0;left: 0;width: 16px;height: 1px;background: #fff;}
.in_contact .left dl dt .lin>div:after{top: auto;width: 1px;height: 16px;}
.in_contact .left dl dt .lin>div+div{transform: rotate(90deg);}
.in_contact .left dl dt .lin>div+div+div{transform: rotate(180deg);}
.in_contact .left dl dt .lin>div+div+div+div{transform: rotate(270deg);}
.in_contact .left dl dt img{position: relative;width:100%;height: 100%;display: block}
.in_contact .left dl dt #fewm{width: 100%;height: 100%;}
.in_contact .left dl dt #fewm canvas{display: block;padding: 8px;background: #fff;width: 100%;}
.in_contact .left dl dd{width: 40px;display: flex;color:#fff;font-size: 14px;text-align: center;align-items: center;margin-left: 10px;}
.in_contact .right p{color: #fff;font-size: 16px;margin-top: 10px;margin-bottom: 30px;}
.in_contact .in_book{display: flex;flex-wrap: wrap;justify-content: space-between;}
.in_contact .in_book .layui-form-item{width: 49%;margin-bottom: 10px;}
.in_contact .in_book .layui-form-text{width: 100%;margin-right: 0;}
.in_contact .in_book .btn{display: flex;width: 100%;justify-content: space-between;margin: 0;}
.in_contact .in_book .btn:after{display: none;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{color: #fff;font-size: 16px;height: 50px;line-height: 50px;border-radius: 0;border: 1px solid rgba(255,255,255,.3);background: none;}
.in_contact .in_book .layui-input::placeholder,
.in_contact .in_book .layui-textarea::placeholder{color:#fff;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;min-height: 9vh;resize: none;padding: 10px;vertical-align: middle;}
.in_contact .in_book .layui-btn{width: 49%;font-size: 16px;height: auto;line-height: 50px;border-radius: 0;background-color: #00a0e8;}
.in_contact .in_book .layui-btn.reset{background-color: #a0a0a0;margin: 0;}
.in_contact .in_book .layui-btn:hover{color: #00a0e8;background-color: #fff;opacity: 1;}
.in_copyright{display: flex;color: #fff;font-size: 16px;justify-content: space-between;flex-wrap: wrap;}
.in_copyright span:nth-child(2){margin: 0 auto 0 15px;}
.in_copyright a{color: inherit;}
.in_copyright img{vertical-align: sub;}
@media only screen and (max-width: 1024px){
.in_contact{padding-top: 70px;}
.in_contact .box{margin: 2rem 0 3rem;}
.in_contact .box h3{font-size: 28px;}
.in_contact .left,
.in_contact .right{padding: 3%;}
.in_contact.active .left{animation: fadeInUp 1.2s;}
.in_contact.active .right{animation: fadeInUp 1.4s;}
.in_contact .left .txt{margin: 15px 0;}
.in_contact .left .txt p{font-size: 16px;}
.in_contact .left dl dd{width: 35px;font-size: 13px;margin-left: 5px;}
.in_contact .right p{font-size: 15px;margin-bottom: 20px;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{font-size: 14px;height: 40px;line-height: 40px;}
.in_contact .in_book .layui-btn{font-size: 14px;line-height: 40px;}
.in_copyright{font-size: 14px;line-height: 2;}}
@media only screen and (max-width: 768px){
.in_contact .fp-overflow{overflow-y: auto;}
.in_contact .box{margin: 1rem 0;}
.in_contact .box h3{font-size: 20px;}
.in_contact .left,
.in_contact .right{width: 100%;margin-bottom: 3%;padding: 1.5rem 1rem;}
.in_contact .left .txt{margin: 10px 0;}
.in_contact .left .txt p{font-size: 14px;}
.in_contact .left .txt .fa{width: 22px;height: 22px;font-size: 12px;line-height: 20px;margin-right: 8px;}
.in_contact .left dl dt{width: 110px;padding: 5px;}
.in_contact .left dl dd{width: 30px;font-size: 12px;}
.in_contact .right{margin: 0;}
.in_contact .right p{font-size: 14px;margin: 10px 0;}
.in_contact .in_book .layui-form-item{width: 100%;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;}
.in_copyright{justify-content: center;margin-bottom: 1rem;}
.in_copyright font{display: none;}
.in_copyright span:first-child{width: 100%;margin: 0;text-align: center;}
.in_copyright span:nth-child(2){margin: 0 15px 0 0;}}

#fp-nav.fp-left{left: 0;opacity: .8;}
#fp-nav ul li a span{background: #fff;transition: all .5s;}
#fp-nav.blue ul li a span{background: #00a0e8;}
#fp-nav ul li .fp-tooltip{text-shadow: 0 0 2px rgba(0,0,0,.8);}
@media only screen and (max-width: 768px){#fp-nav{display: none;}}