#fp-nav{z-index:10; margin-left:45px;}
#fp-nav.none{display:none;}
#fp-nav.fp-left{left:0;}
#fp-nav ul li a span.fp-sr-only, .fp-slidesNav ul li a span.fp-sr-only{display:none;}
#fp-nav ul li, .fp-slidesNav ul li{width:auto; height:auto; margin:0 auto;}
#fp-nav ul li + li,
.fp-slidesNav ul li + li{margin-top:8px;}
#fp-nav ul li a, .fp-slidesNav ul li a{width:10px; height:10px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{position:static; display:inline-block; vertical-align:top; width:100%; height:100%; background-color:transparent; border:1px solid #d5d5d5; margin:0;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active, #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active{width:11px; height:11px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:100%; height:100%; border-width:3px; border-color:#fff; margin:0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{margin:0;}
#fp-nav.blue ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav.blue ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{border-color:#4d8abc;}
#fp-nav.no{display:none;}

@media all and (max-width:1600px){
    #fp-nav.fp-left{left:10px;}
}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

.quick_box{display:none; position:fixed; bottom:50px; right:48px; width:106px; height:107px; z-index: 20;}
.quick_box.on{display:block;}
.quick_box a{position:relative; display:block; width:100%; height:100%; padding-top:18px;}
.quick_box .rolling_txt{position:absolute; top:0; left:0; width:106px; height:107px; background:url('/img/common/quick_txt.png') no-repeat 0 0; animation: rotate_image 6s linear infinite;transform-origin: 50% 50%;}
.quick_box .box{display:flex; align-items: center; justify-content: center; width:70px; height:70px; margin:0 auto; border-radius: 50%; background-color:rgba(194,194,194,0.2);}
.quick_box .box p{display:none; font-size:14px; color:#fff; line-height:1.4;}
.quick_box a:hover .box{background-color:#015ba3;}
.quick_box a:hover .box img{display:none;}
.quick_box a:hover .box p{display:block;}

@media all and (max-width:1200px){
    .quick_box{right:15px; bottom:20px;}
}



/*.sec01{background:url('/img/main/sec01_bg.jpg') 0 0 no-repeat; background-size:100% 100%;}*/
.sec01 .txt_box h3{font-size:85px; font-weight:600; color:#fff; line-height:1.1; text-transform: uppercase;}
.sec01 .txt_box p{margin-top:40px; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:1.4;}
.sec01 .scroll{position:absolute; bottom:85px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:100%; max-width:1600px;}
@keyframes scroll{
    0%{top:-40px;}
    100%{top:0;}
}
.sec01 .scroll img{position:relative; animation:scroll .8s infinite alternate;}

@media all and (max-width:1200px){
    /*.sec01{height:600px; padding-top:170px;} */
    .sec01{height:600px; padding-top:0;}
    .sec01 .scroll{display:none;}
    .sec01 .txt_box h3{font-size:60px;}
}

@media all and (max-width:768px){
    .sec01{height:500px; padding-top:170px;}
    .sec01{height:500px; }
    .sec01 .txt_box h3{font-size:40px;}
    .sec01 .txt_box p{margin-top:20px; font-size:16px;}
}

figure{margin: 0;}
.sec02{position:relative; background:url('/img/main/sec02_bg.jpg') 0 0 no-repeat; background-size:100% 100%;}
.sec02 .product_slide .swiper-slide{opacity:0 !important;}
.sec02 .product_slide .swiper-slide.swiper-slide-active{opacity:1 !important;}
.sec02 .product_slide .swiper-slide::after{content:""; display:block; clear:both;}
.sec02 .product_slide .swiper-slide .txt_wrap{position:relative; float:left; width:calc(100% - 45.6%); padding:64px 20px 0 0;}
.sec02 .product_slide .swiper-slide .txt_wrap .num{font-size:208px; font-weight:600; color:#f6f6f6; line-height:1;}
.sec02 .product_slide .swiper-slide .txt_wrap .txt_box{position:relative; z-index:1; margin-top:-95px;}
.sec02 .product_slide .swiper-slide .txt_wrap .txt_box span{font-size:16px; font-weight:600; color:#01599f; line-height:1;}
.sec02 .product_slide .swiper-slide .txt_wrap .txt_box strong{display:block; margin:13px 0 33px; font-size:75px; font-weight:600; color:#333; line-height:1.2; text-transform: uppercase;}
.sec02 .product_slide .swiper-slide .txt_wrap .txt_box p{font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#666; line-height:1.6;}
.sec02 .product_slide .swiper-slide .txt_wrap .txt_box .btn_wrap{margin-top:60px;}
.sec02 .product_slide .swiper-slide .img_box{float:right; width:45.6%; margin-right:-20px;}
.sec02 .product_slide .swiper-slide .img_box figure{position:relative; padding-bottom:66%; overflow: hidden;}
.sec02 .product_slide .swiper-slide .img_box img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.sec02 .product_slide .swiper-pagination{position:static; margin-top:134px; text-align:left;}
.sec02 .product_slide .swiper-pagination span{position:relative; display:inline-block; vertical-align:top; width:auto !important; height:auto !important; margin:0 63px 0 0; font-size:16px; font-weight:500; color:#ccc; background-color:transparent; opacity: 1; text-transform:uppercase;}
.sec02 .product_slide .swiper-pagination span::after{content:""; position:absolute; top:50%; right:-35px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:6px; height:6px; background-color:#d5d5d5; border-radius:50%;}
.sec02 .product_slide .swiper-pagination span:last-of-type::after{display:none;}
.sec02 .product_slide .swiper-pagination .swiper-pagination-bullet-active{width:auto; height:auto; color:#01599f;}
.sec02 .product_slide .swiper-pagination span:last-of-type{margin-right:0;}
.sec02 .progress_bar{position:absolute; bottom:0; left:0; width:0; height:5px; background-color:#01599f;}
.sec02 .progress_bar.animate{transition: width linear; transition-delay: unset; transition-duration: 4s; width:100%;}

@media all and (max-height:967px){
    .sec02 .product_slide .swiper-slide .img_box{margin-top:50px;}
}

@media all and (max-width:1200px){
    .sec02{padding:60px 0; background:none;}
    .sec02 .product_slide .swiper-slide .img_box{float:none; width:60%;  margin:0 auto; margin-top:0;}
    .sec02 .product_slide .swiper-slide .txt_wrap{float:none; width:100%; padding:20px 0 0 0;}
    .sec02 .product_slide .swiper-slide .txt_wrap .num{position:relative; top:-40px; font-size:100px;}
    .sec02 .product_slide .swiper-slide .txt_wrap .txt_box strong{font-size:50px;}
    .sec02 .product_slide .swiper-slide .txt_wrap .txt_box .btn_wrap{margin-top:40px;}
    .sec02 .product_slide .swiper-pagination{margin-top:60px;}
    .sec02 .product_slide .swiper-pagination span{margin:3px 20px 3px 0; font-size:14px;}
    .sec02 .product_slide .swiper-pagination span::after{right:-12px;}
    .sec02 .progress_bar{display:none;}
}

@media all and (max-width:768px){
    .sec02 .product_slide .swiper-slide .txt_wrap .txt_box strong{font-size:40px; margin:10px 0 20px;}
    .sec02 .product_slide .swiper-pagination span{font-size:12px;}
}

.sec03{background:url('/img/main/sec03_bg.jpg') 0 0 no-repeat; background-size:100% 100%;}
.sec03 .fp-tableCell{vertical-align:top;}
.sec03 .title{position:absolute; top:9.8vw; left:0; width:100%; text-align:center;}
.sec03 .title h5{font-size:75px; font-weight:600; color:#fff; line-height:1.2;}
.sec03 .title p{margin-top:37px; font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:1.4;}
.sec03 .list{width:100%; height:100%; font-size:0;}
.sec03 .list li{display:inline-block; vertical-align:top; width:33.333333%; height:100%; text-align:center;}
.sec03 .list li a{display:table; width:100%; height:100%; transition:all .3s; padding-bottom:100px;}
.sec03 .list li .vertical{display:table-cell; vertical-align:bottom;}
.sec03 .list li p{margin:34px 0 106px; font-size:28px; font-weight:600; color:#fff; line-height:1.2; text-transform: uppercase;}
.sec03 .list li .btn{display:none; width:92px; height:92px; margin:0 auto; padding-top:39px; background-color:#fff; border-radius:50%;}

@media all and (min-width:1200px){
    .sec03 .list li a:hover{padding-bottom:160px; background: rgb(1,89,159); background: linear-gradient(180deg, rgba(1,89,159,.8) 0%, rgba(24,46,105,.8) 100%);}
    .sec03 .list li a:hover .btn{display:block;}
}


@media all and (max-width:1600px){
    .sec03 .title h5{font-size:60px;}
}

@media all and (max-width:1200px){
    .sec03{padding-top:40px;}
    .sec03 .title{position:static; margin-bottom:20px;}
    .sec03 .title h5{font-size:40px;}
    .sec03 .title p{margin-top:20px;}
    .sec03 .list li{display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);}
    .sec03 .list li p{font-size:20px; margin:15px 0 0 0;}
    .sec03 .list li a{padding:20px 0;}
}

@media all and (max-width:768px){
    .sec03 .title h5{font-size:35px;}
    .sec03 .title p{margin-top:15px; font-size:14px;}
    .sec03 .list li p{font-size:16px;}
}




.sec04{background:url('/img/main/sec04_bg.jpg') 0 0 no-repeat; background-size:100% 100%;}
.sec04 .top_box::after{content:""; display:block; clear:both;}
.sec04 .top_box h4{float:left; font-size:75px; font-weight:600; line-height:1.1; color:#333;}
.sec04 .top_box .more_btn{float:right; margin:45px 3px 0 0;}
.sec04 .news_slide{margin-top:64px; width:100%; max-width:1652px; margin:38px auto 0; padding:26px 26px 0 26px;}
.sec04 .news_slide .swiper-slide{background-color:#f9f9f9;}
.sec04 .news_slide .swiper-slide:hover{background-color:#fff; box-shadow:0 0 26px rgba(0,0,0,0.06);}
.sec04 .news_slide .swiper-slide a{display:block; padding:48px 40px;}
.sec04 .news_slide .swiper-slide span{font-size:12px; font-weight:600; color:#01599f; text-transform: uppercase;}
.sec04 .news_slide .swiper-slide h5{margin:21px 0 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:22px; font-weight:600; letter-spacing:-0.03em; line-height:1.4; color:#444;}
.sec04 .news_slide .swiper-slide .sub_txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:16px; font-weight:300; letter-spacing:-0.03em; line-height:1.6; color:#999;}
.sec04 .news_slide .swiper-slide .data{margin-top:55px; font-size:14px; font-weight:400; color:#999;}
.sec04 .news_slide .control_box{margin-top:45px; font-size:0;}
.sec04 .news_slide .control_box > *{display:inline-block; vertical-align:middle;}
.sec04 .news_slide .control_box .swiper-scrollbar{width:calc(100% - 56px); margin-right:18px; height:3px; background-color:#eaeaea;}
.sec04 .news_slide .control_box .swiper-scrollbar .swiper-scrollbar-drag{height:100%; background-color:#01599f;}
.sec04 .news_slide .control_box .arrow_box{font-size:0;}
.sec04 .news_slide .control_box .arrow_box > *{display:inline-block; vertical-align:top;}
.sec04 .news_slide .control_box .arrow_box .swiper-button-prev,
.sec04 .news_slide .control_box .arrow_box .swiper-button-next{position:static; width:13px; height:19px; margin-top:0; text-align:center; padding-top:4px;}
.sec04 .news_slide .control_box .arrow_box .swiper-button-prev{margin-right:12px;}
.sec04 .news_slide .control_box .arrow_box .swiper-button-prev::after,
.sec04 .news_slide .control_box .arrow_box .swiper-button-next::after{display:none;}



@media all and (max-width:1200px){
    .sec04{padding:60px 0;}
    .sec04 .top_box h4{font-size:50px;}
    .sec04 .top_box .more_btn{margin-top:26px;}
    .sec04 .news_slide{margin-top:20px;}
    .sec04 .news_slide .swiper-slide a{padding:20px;}
    .sec04 .news_slide .swiper-slide h5{font-size:18px;}
    .sec04 .news_slide .swiper-slide .data{margin-top:40px;}
}

@media all and (max-width:768px){
    .sec04 .top_box h4{font-size:35px;}
    .sec04 .top_box .more_btn{margin-top:10px;}
    .sec04 .news_slide .swiper-slide a{padding:20px;}
    .sec04 .news_slide .swiper-slide h5{font-size:16px;}
    .sec04 .news_slide .swiper-slide .sub_txt{font-size:14px;}
    .sec04 .news_slide .swiper-slide .data{margin-top:30px;}
}