@charset "utf-8";
@import url(common.css);
@keyframes banner_jt_tb{0%{bottom:30px}
20%{bottom:20px}
50%{bottom:15px}
80%{bottom:20px}
100%{bottom:30px}
}@-webkit-keyframes banner_jt_tb{0%{bottom:30px}
20%{bottom:20px}
50%{bottom:15px}
80%{bottom:20px}
100%{bottom:30px}
}
.banner_jt_tb{animation:banner_jt_tb 1.5s linear infinite;-moz-animation:banner_jt_tb 1.5s linear infinite;-webkit-animation:banner_jt_tb 1.5s linear infinite;-o-animation:banner_jt_tb 1.5s linear infinite}

.HomeBan{height: 100vh;overflow: hidden;}
.HomeBan .item{position:relative;height: 100vh;}
.HomeBan video{position:absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 10;}
.HomeBan .imgbox{position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.HomeBan .imgbox img{width: 100%;height: 100%;}
.HomeBan .slick-arrow{border-radius:35px;border:0;background:#211e1c;}
.HomeBan .slick-arrow:After{width: 35%;height: 35%;border-left: 3px solid #fff;border-top: 3px solid #fff;top:45%;}
.HomeBan .slick-prev{ left:-100px;}
.HomeBan .slick-next{ right:-100px;}
.HomeBan:hover .slick-prev{left: 5%;}
.HomeBan:hover .slick-next{right: 5%;}
.HomeBan .slick-arrow:hover:After{opacity: 1;}
.HomeBan .banner_jt_tb{ position: absolute; bottom: 15px; right: 20%;transform: translateX(-50%); z-index: 9;}
.HomeBan .banner_jt_tb img{}
.HomeBan .banner_jt_tb a{color:#fff}
.HomeBan .banner_jt_tb a span{padding-left:10px}
.fullvideo{position: absolute;left: 0;top: -0.5%;width: 100%;height: 101%;object-fit: cover;}
.secInfo{position: absolute;left: 50%;top: 50%;z-index: 11;color:#fff;transform: translate(-50%,-50%);text-align: center;width: 90%;margin:0 !important;}
.secInfo .ti{font-weight: normal;font-size: 0.5rem;line-height: 1.8;letter-spacing: 0.1em;}
.secInfo .desc{font-weight: normal;font-size: 0.24rem;line-height: 1.8;margin:0 0 0.6rem;letter-spacing: 0.2em;}
.sec-2{position:relative;background-image: url(/template/default/images/c2.jpg);}
.sec-5{background-position: center center;background-repeat: no-repeat;background-color: #f8f9fa;}

@media(max-width:1280px){
.HomeBan:hover .slick-prev{left: 8%;}
.HomeBan:hover .slick-next{right: 8%;}
}
@media(max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto;}
	.HomeBan .imgbox{position: relative;height: auto;padding-top: 64%;}
	.sec-2,.sec-3,.sec-4,.sec-5{padding-top: 64%;}
	.sec-5{padding:1rem 0;}
	.sec-5 .secInfo{position: relative;transform: translate(0,0);left: auto;top: auto;width: 100%;}
}

@media(max-width:767px){
    .sec-2,.sec-3,.sec-4,.sec-5{padding-top: 0%;}
	.secInfo .ti{font-size: 20px;}
	.secInfo .desc{font-size: 15px;}
    .sec-title .h4 strong{font-size:36px;line-height:72px;height: 72px;}
    .sec-title .h4 small{font-size:16px}
    .sec-title .h4 strong::before{bottom:0px}
    .btscls .mt-40{margin-top:0.6rem !important}
    .sec-title .h4{margin-top:0}
    .welcome_box .slide4 .h4 small{font-size:16px}
    .welcome_box .slide4 .h4 strong{font-size:36px;line-height:36px}
    .welcome_box .slide4 .swiper-slide div p{font-size:12px;height:60px}
    .welcome_box .slide4 .swiper-slide div h6{font-size:20px}
    .welcome_box .slide4 .swiper-slide h5 small{font-size:16px}
    .welcome_box .slide4 .swiper-slide h5 strong{font-size:30px}
    .welcome_box .slide4 .swiper-button-prev,.welcome_box .slide4 .swiper-button-next{width:40px;height:40px;line-height:40px;font-size:24px}
    .welcome_box .more_a{width:120px;height:40px;font-size:16px;line-height:40px}
    .contact-form-tow{padding:60px 0 30px}
    .contact-form-content h3{font-size:30px;}
    .contact-form-content p{font-size:16px;padding:0px 0 0}
    .fun-fact-section .counter-column{margin-bottom:0px;width:50%}
    .fun-fact-section .count-box .count-text{font-size:30px}
    .fun-fact-section .count-box .counter-title{font-size:16px}
    .services-container .text{font-size:16px;}
    .form-box input{height:40px}
    .contact-form-tow .form-box textarea{height:100px}
    .sec-5{padding:0}
    .single-contact-info-box{padding:30px 0px 0px;margin-left:0px}
    html,body{height:calc(100vh - 0px)!important;overflow-y:auto!important}
}