@charset "utf-8";
/* HomeBan */
.HomeBan{}

.HomeBan .slider li{position: relative;}
.HomeBan .slider li .imgbox{padding-top:100vh;}
.HomeBan .slider li .txt{position: absolute;width:100%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:99;color:#fff;}
.HomeBan .slider li .video{padding-top:100vh;position: relative;}
.HomeBan .slider li .video::after{content:'';display: block;width:100%;height:100%;background: rgba(0,28,82,0.3);position: absolute;top:0;left:0;z-index:99;}
.HomeBan .slider li video{width:100%;height:100%;position: absolute;top:0;left:0;z-index:10;object-fit: cover;}

.HomeBan .slider li .txt .txtbox{padding-bottom:0.6rem;}
.HomeBan .slider li .txt .dec{font-family:oswald;color:#fff;font-size: 0.68rem;line-height: 0.9rem;display: inline-block;background: url(../images/banbg.png) no-repeat bottom 0.15rem center;background-size: 3.28rem;padding-top:0.8rem;}
.HomeBan .slider li .txt .More{margin-top:0.7rem;}

.HomeBan .slick-dots{position: absolute;bottom:0.3rem;left:0;text-align: center;width:100%;z-index:99;}
.HomeBan .slick-dots li{width:0.3rem;height:0.3rem;background: url(../images/dot.png) no-repeat center center;margin:0 0.05rem;display:inline-block;}
.HomeBan .slick-dots li button{display: none;}
.HomeBan .slick-dots li.slick-active{background: url(../images/dotc.png) no-repeat center center;background-size: contain;}

.section{position: relative;overflow: hidden;}
.star{position: absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow: hidden;}


.section .sec_box{position: relative;z-index:99;}
.sec-2 .secbg{background: url(../images/homebg1.jpg) no-repeat center center;background-size: cover;position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity: 0.7;}
.sec-2 .What_do_box ul::after{content:'';display: block;clear: both;}
.sec-2 .What_do_box ul{margin-left:-0.2rem;}
.sec-2 .What_do_box ul li{width:14%;float:left;box-sizing: border-box;padding-left:0.2rem;transition: all .3s;}
.sec-2 .What_do_box ul li a{display: block;position: relative;}
.sec-2 .What_do_box ul li.onn{width:14%;}
.sec-2 .What_do_box ul li.on{width:58%;}
.sec-2 .What_do_box ul li .img{padding-top:5.6rem;}
.sec-2 .What_do_box ul li .img::after{content:'';display: block;width:100%;height:100%;background: rgba(7,19,69,0.7);position: absolute;top:0;left:0;transition: all .3s;}
.sec-2 .What_do_box ul li .txt{position: absolute;width:100%;height:100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-align: center;color:#fff;top:0;left:0;color:#fff;box-sizing: border-box;padding:0.4rem;transition: all .3s;}
.sec-2 .What_do_box ul li .txt .tit{font-size: 0.24rem;line-height: 0.39rem;}
.sec-2 .What_do_box ul li .txt .more{display: none;font-size: 0.16rem;margin-top:0.15rem;text-transform: uppercase;}

.sec-2 .What_do_box ul li.on .img::after{background: url(../images/txtbg.png) repeat-x bottom center;}
.sec-2 .What_do_box ul li.on .txt{top:auto;bottom:0;height:auto;display: block;text-align: left;}
.sec-2 .What_do_box ul li.on .txt .more{display: block;}


/* .sec-3 .secbg{background: url(../images/homebg1.jpg) no-repeat center center;background-size: cover;position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity: 0.5;} */
.sec-3 .Choose_us{height:100vh;box-sizing: border-box;}
.sec-3 .Choose_us .bd{position: absolute;width:100%;height:100%;position: absolute;left:0;top:0;}
.sec-3 .Choose_us .bd ul li .img{padding-top:100vh;opacity: 1;}
.sec-3 .Choose_us .bd::after{content:'';display: block;width:100%;height:100%;background: url(../images/home_choosebg.png) no-repeat center center;background-size: 100% 100%;position: absolute;top:0;left:0;}
.sec-3 .Choose_us .HomeTit{position: relative;z-index:99;}
.sec-3 .Choose_us .hd{width:100%;position: absolute;bottom:1rem;left:0;z-index:99;}
.sec-3 .Choose_us .hd ul{display: flex;flex-wrap: wrap;margin-left:-5%;}
.sec-3 .Choose_us .hd ul li{width:20%;margin-left:5%;margin-top:0.4rem;position: relative;}
.sec-3 .Choose_us .hd ul li a{color:#fff;display: block;padding-left:0.2rem;background: url(../images/line.png) no-repeat center left;padding-right:0.6rem;}
.sec-3 .Choose_us .hd ul li.on a{color:#0093f3;}
.sec-3 .Choose_us .hd ul li .num{
    background-image:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0));
    -webkit-background-clip: text; 
    -webkit-text-fill-color:transparent;font-size: 0.4rem;line-height: 0.4rem;
}
.sec-3 .Choose_us .hd ul li .text{font-size: 0.2rem;line-height: 0.3rem;margin-top:-0.2rem;height:0.6rem;display: flex;align-items: center;}
.sec-3 .Choose_us .hd ul li::before{content:'';display: block;width:21px;height:21px;position: absolute;right:0;top:50%;margin-top:-10.5px;background: url(../images/jt.png) no-repeat center center;}
.sec-3 .Choose_us .hd ul li:nth-child(5){order: 8;}
.sec-3 .Choose_us .hd ul li:nth-child(6){order: 7;}
.sec-3 .Choose_us .hd ul li:nth-child(7){order: 6;}
.sec-3 .Choose_us .hd ul li:nth-child(8){order: 5;}
.sec-3 .Choose_us .hd ul li:nth-child(6)::before,
.sec-3 .Choose_us .hd ul li:nth-child(7)::before,
.sec-3 .Choose_us .hd ul li:nth-child(8)::before{background: url(../images/jt-z.png) no-repeat center center;}
.sec-3 .Choose_us .hd ul li:nth-child(5)::before{display: none;}
.sec-3 .Choose_us .hd ul li:nth-child(4)::before{background: url(../images/jt-x.png) no-repeat center center;left:40%;margin-left:-10.5px;margin-top:0;bottom:-0.3rem;top:auto;}

.sec-4 .secbg{background: url(../images/homebg2.jpg) no-repeat center center;background-size: cover;position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity: 0.7;}
.sec-4 .HomeTit{background-position: top center;}
.sec-4 .Home_Professional_box .slider{padding:0 1rem;}
/* .sec-4 .Home_Professional_box .slick-list{margin-left:-1rem;} */
.sec-4 .Home_Professional_box .slick-track{padding:0.3rem 0;}
.sec-4 .Home_Professional_box .item{position: relative;transition: all .3s;padding:0 0.5rem;}
.sec-4 .Home_Professional_box .item .img{padding-top:5.2rem;}
.sec-4 .Home_Professional_box .item .img::after{content:'';display: block;width:100%;height:100%;background: url(../images/txtbg_1.png) repeat-x center bottom;position: absolute;bottom:0;left:0;}
.sec-4 .Home_Professional_box .item.slick-center{transform: scale(1.1);}
.sec-4 .Home_Professional_box .item .txt{position: absolute;width:100%;line-height: 0.8rem;font-size: 0.2rem;color:#fff;text-align: center;bottom:0;left:0;}
.sec-4 .Home_Professional_box .item a{display: block;position: relative;}

.sec-4 .Home_Professional_box .item:hover .img span{transform: scale(1.05);}

.sec-5 .secbg{background: url(../images/homebg3.jpg) no-repeat center center;background-size: cover;position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity: 0.7;}
.sec-6 .secbg{background: url(../images/footbg.jpg) no-repeat center center;background-size: cover;position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity: 0.7;}
.sec-6 .star{}

.sec-5 .HomeMap .MapBox{max-width:11.79rem;margin:0 auto;position: relative;width:100%}
.sec-5 .HomeMap .MapBox ul li{position: absolute;}
.sec-5 .HomeMap .MapBox ul li .dot_ico{width:0.2rem;height:0.2rem;border-radius: 50%;position: relative;margin:0 auto;}
.sec-5 .HomeMap .MapBox ul li .dot_ico img{position: relative;z-index:9;display: block;}
.sec-5 .HomeMap .MapBox ul li .dot_ico::before,
.sec-5 .HomeMap .MapBox ul li .dot_ico::after{content:'';display: block;width:100%;height:100%;background: #0093f3;opacity: 0.6;position: absolute;left:0;top:0;border-radius: 50%;z-index:0;}

.sec-5 .HomeMap .MapBox ul li .dot_ico::before{animation: scale1 2s linear infinite;}
.sec-5 .HomeMap .MapBox ul li .dot_ico::after{animation: scale1 2s 1s linear infinite;}

.sec-5 .HomeMap .MapBox ul li{position: absolute;}
.sec-5 .HomeMap .MapBox ul li .ico{padding-top:0.08rem;}
.sec-5 .HomeMap .MapBox ul li .ico img{width:0.3rem;}
.sec-5 .HomeMap .MapBox ul li .txt{line-height: 1.8;padding:0 0.15rem;background: #fff;color:#0093f3;position: absolute;left:120%;top:0;border-radius: 5px;white-space: nowrap;display: none;}
.sec-5 .HomeMap .MapBox ul li:hover .txt{display: block;}

.sec-5 .HomeMap .MapBox ul li.li1{top:41.5%;left:37.5%;}
.sec-5 .HomeMap .MapBox ul li.li2{top:15.8%;left:15%;}
.sec-5 .HomeMap .MapBox ul li.li3{top:18%;left:12.5%;}
.sec-5 .HomeMap .MapBox ul li.li4{top:23.5%;left:14.5%;}
.sec-5 .HomeMap .MapBox ul li.li5{top:28.5%;left:18.8%;}
.sec-5 .HomeMap .MapBox ul li.li6{top:32.5%;left:16%;}
.sec-5 .HomeMap .MapBox ul li.li7{top:35.5%;left:23%;}
.sec-5 .HomeMap .MapBox ul li.li8{top:37.5%;left:17.5%;}
.sec-5 .HomeMap .MapBox ul li.li9{top:49.5%;left:11.5%;}
.sec-5 .HomeMap .MapBox ul li.li10{top:40.5%;left:25%;}
.sec-5 .HomeMap .MapBox ul li.li11{top:51%;left:28%;}
.sec-5 .HomeMap .MapBox ul li.li12{top:13%;left:31%;}
.sec-5 .HomeMap .MapBox ul li.li13{top:20.5%;left:41%;}
.sec-5 .HomeMap .MapBox ul li.li14{top:28.5%;left:35%;}
.sec-5 .HomeMap .MapBox ul li.li15{top:61.5%;left:40.5%;}
.sec-5 .HomeMap .MapBox ul li.li16{top:71.5%;left:46.5%;}
.sec-5 .HomeMap .MapBox ul li.li17{top:18.5%;left:64.5%;}
.sec-5 .HomeMap .MapBox ul li.li18{top:32.5%;left:74.5%;}
.sec-5 .HomeMap .MapBox ul li.li19{top:43%;left:77%;}
.sec-5 .HomeMap .MapBox ul li.li20{top:56.5%;left:83.5%;}
.sec-5 .HomeMap .MapBox ul li.li21{top:67.5%;left:89.5%;}
.sec-5 .HomeMap .MapBox ul li.li22{top:71.5%;left:86.5%;}
.sec-5 .HomeMap .MapBox ul li.li23{top:77.5%;left:88%;}
.sec-5 .HomeMap .MapBox ul li.li24{top:30.5%;left:7%;}




@keyframes scale1{
	0%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
	100%{transform: scale(2.5);-webkit-transform: scale(2.5);opacity: 0;}
}





/* 动画 */
@media(min-width:1025px){
    .HomeTit{transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1s 0.1s;}
	.section.active .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

    .sec-2 .What_do_box{transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1.5s 0.2s;}
	.sec-2.active .What_do_box{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
    .sec-3 .Choose_us .hd{transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1.5s 0.3s;}
	.sec-3.active .Choose_us .hd{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

    .sec-4 .Home_Professional_box{transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1.5s 0.3s;}
	.sec-4.active .Home_Professional_box{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

    .sec-5 .HomeMap{transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1.5s 0.3s;}
	.sec-5.active .HomeMap{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}


@media(max-width:768px){
    .HomeBan .slider li .imgbox{padding-top:70vh;}
    .HomeBan .slider li .video{padding-top:70vh;}

    .sec-2 .What_do_box ul li .txt{padding:10px;}
    .sec-2 .What_do_box ul li .txt .tit{font-size: 16px;line-height: 25px;}

    .sec-3 .Choose_us{height:70vh;}
    .sec-3 .Choose_us .bd ul li .img{padding-top:70vh;}
    .sec-3 .Choose_us .hd ul li .text{font-size: 13px;line-height: 20px;}
    .sec-3 .Choose_us .hd ul li::before{background-size: 15px !important;}
    .sec-3 .Choose_us .hd ul li:nth-child(4)::before{background-size: auto 15px !important;}
    .sec-4 .Home_Professional_box .item .txt{font-size: 15px;}

    
}


@media(max-width:640px){
    .HomeBan .slider li .imgbox{padding-top:40vh;}
    .HomeBan .slider li .video{padding-top:40vh;}
    .HomeBan .slider li .txt .dec{font-size: 20px;line-height: 25px;}
    .HomeBan .slider li .txt .dec{background-size: 80px;}
	.sec-2 .What_do_box ul li{width:50%;margin-bottom:0.2rem;}
    .sec-2 .What_do_box ul li.on{width:50%;}
    .sec-2 .What_do_box ul li.onn{width:50%;}
    .sec-2 .What_do_box ul li .img{padding-top:100%;}
    .sec-2 .What_do_box ul li.on .img::after{background: rgba(7,19,69,0.7);}
    .sec-2 .What_do_box ul li .txt{display: block;height:auto;text-align: left;top:auto;bottom:0;}
    .sec-2 .What_do_box ul li .txt .more{display: block;}
    .sec-2 .What_do_box ul li .txt .tit{font-size: 14px;}

    .sec-3 .Choose_us{height:auto;}
    .sec-3 .Choose_us .hd{position: static;margin-top:32vh;}
    .sec-3 .Choose_us .hd ul li{width:45%;}
    .sec-3 .Choose_us .hd ul li a{padding-right:0;}
    .sec-3 .Choose_us .hd ul li::before{display: none !important;}
}