.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{color: #fff;text-align: center;}
.in_title h5{position: relative;display: flex;color: var(--color);font-size: 16px;text-transform: uppercase;justify-content: center;align-items: center;}
.in_title h5:before,.in_title h5:after{content:"";width: 50px;height: 1px;display: inline-block;background: var(--color);}
.in_title h5 span{margin: 0 20px;}
.in_title h3{font-size: 36px;padding: 13px 0;border-bottom: 1px solid #6f6d6b56;}
.in_title p{font-size: 16px;line-height: 2;margin-top: 30px;opacity: .52;}
.in_title.black{color: #262626;}
@media only screen and (max-width: 1024px){
.in_title h5{font-size: 14px;}
.in_title h5 span{margin: 0 15px;}
.in_title h3{font-size: 30px;padding: 10px 0;}
.in_title p{font-size: 15px;margin-top: 20px;}}
@media only screen and (max-width: 768px){
[class^="section in_"]{padding: 2rem 0;}
.in_title h5{font-size: 12px;}
.in_title h5:before, .in_title h5:after{width: 30px;}
.in_title h5 span{margin: 0 10px;}
.in_title h3{font-size: 22px;padding: 8px 0;}
.in_title p{font-size: 14px;margin-top: 15px;}
.in_title p br{display: none;}}
@media only screen and (max-width: 480px){
.in_title p{font-size: 12px;margin-top: 10px;}}

.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: var(--color);}
@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;}}

.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%;height: 100vh;object-fit: cover;/* 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{font-size: 14px;}
.banner .swiper .swiper-pagination{position: absolute;bottom:5%;margin: 0;}
.banner .swiper .swiper-pagination-bullet{width: 40px;height: 7px;margin: 0 5px;border-radius: 0;}
.banner .swiper-button-prev,.banner .swiper-button-next{left: 3%;width: 60px;height: 60px;color: #fff;margin-top: -30px;border-radius: 50%;background: rgba(0,0,0,.3);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{background-color: var(--color);}
.banner .mask{width:100%;height:100%;position: absolute;left:0;top:0;z-index:2;}
.banner .mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;color:#fff;transform: translateY(-50%);text-shadow: 0 1px 4px rgba(0,0,0,.72);}
.banner .h_cn{font-size:40px;font-weight: 700;line-height: 100px;letter-spacing: 3px;}
.banner .h_cn_small{font-size: 35px;font-weight: 100;line-height: 70px;letter-spacing: 2px;}
.banner .h_en{margin:8px auto 0;font-size: 16px;line-height: 25px;letter-spacing: 8px;text-transform: uppercase;}
.banner .swiper-slide.active main{animation-name: fadeinup;animation-duration: 1s;}
@media only screen and (max-width: 1024px){
.banner .swiper-slide .bannerPic,
.banner .swiper-slide.active .bannerPic{height: auto;transform: none;}
.banner .swiper .swiper-pagination-bullet{width: 30px;height: 5px;margin: 0 3px;}
.banner .h_cn{font-size: 45px;line-height: 85px;letter-spacing: 2px;}
.banner .h_en{font-size: 14px;letter-spacing: 5px;}
.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{top: 50%;}
.banner .h_cn_small{font-size: 15px;line-height: 25px;letter-spacing: 1px;}
.banner .h_cn{font-size: 20px;line-height: 30px;letter-spacing: 1px;}
.banner .h_en{margin: 5px auto 0;font-size: 12px;line-height: 20px;letter-spacing: 0;}
.banner .swiper-button-prev,.banner .swiper-button-next{display: none;}}

.in_about .bg{background-image: url(../images/index/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 .box{position: relative;width: 43%;}
.in_about .in_title{text-align: left;}
.in_about .in_title h5{justify-content: flex-start;}
.in_about .in_title h5:before{display: none;}
.in_about .in_title h5 span{margin-left: 0;}
.in_about .txt{margin-top: 3rem;}
.in_about .txt p{color: #373737;font-size: 18px;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{width: 125%;display: flex;margin-top: 3rem;padding: 5% 0 5% 10%;background: #fff;box-shadow: 0 23px 50px -5px rgba(0, 0, 0, .15);}
.in_about .number li{width: 33.33%;color: #333;font-size: 18px;line-height: .8;}
.in_about .number li span{display: block;font-family: Impact;color: var(--color);font-size: 46px;margin-bottom: 25px;}
.in_about .number li sub{font-size: initial;font-weight: normal;bottom: .05rem;margin-left: 5px;}
@media screen and (max-width: 1600px){
.in_about .txt{margin-top: 2rem;}
.in_about .txt p{font-size: 16px;}
.in_about .number{margin-top: 2rem;}
.in_about .number li{font-size: 16px;}
.in_about .number li span{font-size: 44px;margin-bottom: 20px;}}
@media screen and (max-width: 1024px){
.in_about .txt{margin-top: 1rem;}
.in_about .txt p{font-size: 14px;}
.in_about .number{margin-top: 1rem;}
.in_about .number li{font-size: 14px;}
.in_about .number li span{font-size: 40px;margin-bottom: 15px;}
.in_about .number li sub{font-size: 14px;}}
@media screen and (max-width: 768px){
.in_about.section{background: #f0f3f8;padding-bottom: 18rem;}
.in_about.section .bg{width: 94%;height: 16rem;top: auto;bottom: 2%;left: 3%;z-index: 1;transform: none;}
.in_about .bg:before,
.in_about .bg:after{display: none;}
.in_about .box{width: 100%;}
.in_about .in_title{text-align: center;}
.in_about .in_title h5{justify-content: center;}
.in_about .in_title h5:before{display: block;}
.in_about .in_title h5 span{margin: 0 10px;}
.in_about .txt p{-webkit-line-clamp: 10;}
.in_about .number{width: 100%;text-align: center;padding: 1.5rem 1rem;box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .15);}
.in_about .number li{font-size: 12px;}
.in_about .number li span{font-size: 36px;margin-bottom: 10px;}
.in_about .number li sub{font-size: 12px;}}
@media screen and (max-width: 480px){
.in_about.section{background: #f0f3f8;padding-bottom: 12rem;}
.in_about.section .bg{width: 94%;height: 10rem;top: auto;bottom: 2%;left: 3%;z-index: 1;transform: none;}}

.in_pro.section{padding: 0;}
.in_pro .bg{background-image: url(../images/index/pro_bg.jpg);}
.in_pro .box{position: absolute;top: 0;width:100%;height: 100%;display: flex;}
.in_pro .item{position: relative;width: 100%;height: 100%;border-left: 1px solid rgba(255,255,255,.5);}
.in_pro .item:first-child{border-left: 0;}
.in_pro .item:nth-child(1){animation-delay: 0.5s;}
.in_pro .item:nth-child(2){animation-delay: 1s;}
.in_pro .item:nth-child(3){animation-delay: 1.5s;}
.in_pro .mask{position: absolute;left: 0;top: 0;width:100%;height:100%;background-color: rgba(0,0,0,.5);transition: all .8s;}
.in_pro .mask_in{position: absolute;left: 0;top: 50%;width:100%;text-align: center;padding:0 15%;color:#fff;transform: translateY(-50%);}
.in_pro .item_row{animation-name: fadeindown;animation-duration: .8s;}
.in_pro .item:hover .mask{background-color: rgba(255,162,0,.85);}
.in_pro .item_icon{width:100%;margin:0 auto;}
.in_pro .item_icon>img{width: 100px;}
.in_pro .item_h{width:100%;margin:15px auto 0;}
.in_pro .item_h_cn{width:100%;margin:0 auto;font-size: 36px;font-weight: 700;letter-spacing: 2px;line-height: 45px;height:45px;}
.in_pro .item_h_en{width:100%;margin:5px auto 0;font-size: 12px;font-weight: 100;line-height: 20px;height:20px;text-transform: uppercase;}
.in_pro .item_span{width:100%;margin:10px auto 0;text-align:center;font-size: 0;}
.in_pro .item_span>span{display: inline-block;width:10%;height: 4px;background: var(--color);border-radius: 4px;margin:0 auto;font-size: 0;transition: all .8s;}
.in_pro .item_group{width:100%;margin:0 auto;display: none;animation-name: fadeindown;animation-duration: .8s;}
.in_pro .item:hover .item_row{animation-name: fadeinup;animation-duration: .8s;}
.in_pro .item:hover .item_group{display: block;animation-name: fadeinup;animation-duration: .8s;}
.in_pro .item:hover .item_span>span{background: #fff;}
.in_pro .item_ul{display: flex;flex-wrap: wrap;width:100%;margin:30px auto 0;}
.in_pro .item_ul>li{width:48%;float:left;margin: 0 4% 4% 0;}
.in_pro .item_ul>li:nth-of-type(2n){margin:0 0 15px 0;}
.in_pro .item_ul>li>a{position: relative;outline: none;display: block;width:100%;padding: 80% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius: 5px;overflow: hidden;}
.in_pro .item_ul>li>a h3{position: absolute;bottom: -40px;width: 100%;color: #fff;font-size: 14px;line-height: 40px;padding: 0 10px;background: rgba(0,0,0,.5);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_pro .item_ul>li>a:hover{box-shadow: 0 0 5px rgba(0,0,0,.5);}
.in_pro .item_ul>li>a:hover h3{bottom: 0;}
.in_pro .more{width:100%;margin:30px auto 0;text-align: center;}
.in_pro .more>a{outline: none;display: inline-block;}
.in_pro .more>a>span{display:block;width:100%;padding:0;font-size: 15px;line-height: 28px;height: 30px;color:#fff;border-bottom:1px solid #fff;}
.in_pro .more>a>span>i{margin-left: 5px;}
@media screen and (max-width: 1440px){
	.in_pro .mask_in{padding:0 12%;}
	.in_pro .item_icon>img{width: 70px;}
	.in_pro .item_h_cn{font-size: 28px;letter-spacing: 1px;line-height: 38px;height:38px;}
	.in_pro .item_ul{margin:25px auto 0;}
	.in_pro .tem_ul>li{width:48%;float:left;margin:0 4% 15px 0;}
	.in_pro .item_ul>li>a h3{bottom: -30px;font-size: 13px;line-height: 30px;}
	.in_pro .more{margin:25px auto 0;}
	.in_pro .more>a>span{font-size: 14px;line-height: 23px;height: 25px;}
}
@media screen and (max-width: 1024px){
	.in_pro .box{position: relative;}
	.in_pro .item{padding: 35% 0;}
}
@media screen and (max-width: 768px){
	.in_pro .bg{background: #ffff;}
	.in_pro .box{display: block;width: 94%;margin: auto;padding: 3% 0;}
	.in_pro .item{padding: 0;border: 0;}
	.in_pro .mask{position: relative;background-color: rgba(255,162,0,.85);}
	.in_pro .mask_in{position: relative;transform: translateY(0);padding: 20px;}
	.in_pro .item_icon>img{width: 50px;}
	.in_pro .item_h{margin: 10px auto 0;}
	.in_pro .item_h_cn{font-size: 18px;font-weight: 700;letter-spacing: 1px;line-height: 25px;height: 25px;}
	.in_pro .item_h_en{margin: 3px auto 0;line-height: 15px;height: 15px;}
	.in_pro .item_span>span{width: 12%;height: 3px;border-radius: 3px;background-color: #fff;}
	.in_pro .item_group{display: block;}
	.in_pro .more{margin: 10px auto 0;}
	.in_pro .more>a>span{font-size: 13px;}
	.in_pro .item .item_row,
	.in_pro .item:hover .item_row,
	.in_pro .item .item_group,
	.in_pro .item:hover .item_group{animation: none;}
	.in_pro .item_ul>li>a h3{bottom: 0;font-size: 12px;line-height: 2.4;}
}
@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_news .bg{background-image: url(../images/index/news_bg.jpg);}
.in_news .news_list{margin-top: 3rem;}
.in_news .news_list li{position: relative;width: calc( 100% / 3);}
.in_news .news_list li .img{width: 100%;}
.in_news .news_list li .img div{position: relative;width: 100%;padding-top: 65%;border-radius: 5px 5px 0 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;padding: 20px 15px;border-radius: 0 0 5px 5px;background: #fff;overflow: hidden;}
.in_news .news_list li .info:after{position: absolute;content: '';width: 0;height: 4px;background-color: var(--color);left: 0;bottom: 0;transition: all .8s ease;}
.in_news .news_list li .info h3{color: #333;font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info span{display: block;color: #999;margin: 10px 0;}
.in_news .news_list li .info p{color: #666;font-size: 15px;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: flex;color: var(--color);font-size: 16px;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: var(--color);}
@media only screen and (max-width: 1024px){
	.in_news .news_list{margin-top: 2rem;}
	.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 .news_list li .info h3{font-size: 15px;}
	.in_news .news_list li .info p{font-size: 13px;margin: 5px 0 0;}
}

.in_select .bg{background-image: url(../images/index/select_bg.jpg);}
.in_select ul{display: flex;flex-wrap: wrap;margin: -2%;margin-top: 3%;}
.in_select ul li{width: calc( 100% / 3);padding: 2%;}
.in_select ul li .imgbox{position: relative;width: 100%;height: 100%;display: flex;padding: 5% 7%;border-radius: 5px;background: rgba(255,255,255,.87);backdrop-filter: blur(2px);cursor: pointer;transition: all .5s;justify-content: space-between;align-items: center;}
.in_select ul li .ico{flex-shrink: 0;margin-right: 5%;}
.in_select ul li .ico i{color: var(--color);font-size: 50px;display: inline-block;transition: all 1s;}
.in_select ul li .txt{width: 100%;}
.in_select ul li .txt h3{color: #333;font-size: 18px;line-height: 1.6;transition: all .5s;}
.in_select ul li .txt p{color: #666;font-size: 14px;line-height: 1.6;text-align: justify;margin-top: 10px;transition: all .5s;}
.in_select ul li .imgbox:hover{background: var(--color);}
.in_select ul li .imgbox:hover .ico i{transform:rotateY(360deg);}
.in_select ul li .imgbox:hover *{color: #fff;}
@media only screen and (max-width: 768px){
	.in_select ul li{width: calc( 100% / 2);}
	.in_select ul li .imgbox{padding: 4%;}
	.in_select ul li .ico{margin-right: 3%;}
	.in_select ul li .ico i{font-size: 35px;}
	.in_select ul li .txt h3{font-size: 16px;}
	.in_select ul li .txt p{font-size: 12px;margin-top: 5px;}
}
@media only screen and (max-width: 480px){
	.in_select ul li{width: 100%;}
}

.in_contact .bg{background-image: url(../images/index/contact_bg.jpg);}
.in_contact .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.in_contact .box h3{color: #fff;font-size: 28px;margin-bottom: 15px;}
.in_contact .left{position: relative;width: 46%;padding: 5% 4%;margin: 30px 0;border-radius: 5px;background: var(--color);z-index: 1;}
.in_contact .left .txt{width:100%;margin: 20px 0;}
.in_contact .left .txt p{display: flex;color:#fff;font-size: 16px;line-height: 2.3;align-items: center;}
.in_contact .left .txt i{font-size: 18px;text-align: center;margin-right: 15px;opacity: .8;}
.in_contact .right{position: absolute;right: 0;width: 60%;height: 100%;padding: 3% 6% 0 10%;border-radius: 5px;background: url(../images/index/book_bg.jpg) center no-repeat;background-size: cover;}
.in_contact .right h3{color: #333;}
.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-form-text{width: 100%;margin-right: 0;align-items: flex-start;}
.in_contact .in_book .layui-form-label{width: 15%;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%;/* 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{height: 40px;line-height: 40px;font-size: 14px;color: #666;border-radius: 5px;border: 1px solid rgba(0,0,0,.2);background: #fff;}
.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: var(--color)!important;}
.in_contact .in_book .layui-btn{width: 38%;font-size: 16px;height: auto;line-height: 45px;border-radius: 5px;background-color: var(--color);}
.in_contact .in_book .layui-btn[disabled]{background-color:#a0a0a0;}
.in_contact .in_book .layui-btn.reset{background-color: #a0a0a0;margin-left: auto;}
.in_contact .in_book .layui-btn:hover{background-color: #333;}
@media only screen and (max-width: 1024px){
	.in_contact .box{margin-top: 2rem;}
	.in_contact .box h3{font-size: 24px;margin-bottom: 10px;}
	.in_contact .left{padding: 3% 2%;}
	.in_contact .left .txt{margin: 15px 0;}
	.in_contact .left .txt p{font-size: 15px;}
	.in_contact .left .txt i{font-size: 16px;margin-right: 10px;}
	.in_contact .right{padding: 3% 6% 0 10%;}
	.in_contact .in_book .layui-form-item{font-size: 14px;margin-bottom: 10px;}
	.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 .box{margin-top: 1rem;}
	.in_contact .box h3{font-size: 20px;}
	.in_contact .left,
	.in_contact .right{width: 100%;margin: 0;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 .right{position: relative;margin: 0;}
	.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_link{position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 4;}
.in_link>main{display: flex;}
.in_link>main:before, .in_link>main:after{display: none;}
.in_link h3{font-weight: bold;}
.in_link a{color: inherit;margin-right: 20px;opacity: .8;}
@media only screen and (max-width: 1024px){
	.in_link{font-size: 14px;line-height: 3;}
}
@media only screen and (max-width: 768px){
	.in_link{display: none;}
}

#fp-nav.left{left: 0;opacity: .8;}
#fp-nav ul li a span{background: #fff;transition: all .5s;}
#fp-nav.blue ul li a span{background: var(--color);}
#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;}}
@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;}
}


.fullpage .jz_toolBar__theme-normal{top:15%!important;}
.fullpage .upModule{display:none!important;}
.fullpage .downModule{display:none!important;}
.fullpage .deleteModule{display:none!important;}