﻿@charset "utf-8"; 
body{padding-top:0;}
header{background:#ffffff61;}
header .head-info{height:70px;}
.wmkc-home{margin:0 auto;height:auto;max-width:1920px;}
.home-banner img{display:block;width:100%;height:100%;object-fit:cover;}
.banner{display:flex;width:100%;justify-content:center;}
.container{width:100%;max-width:1600px;margin:0 auto;padding:0 15px;}
.app-container{width:100%;max-width:1366px;margin:0 auto;padding:0 15px;}
.home-cnc-box,.home-service-box{display:flex;align-items:center;justify-content:space-between;}
.home-cnc-left,.home-service-left{overflow:hidden;width:40%;}
.home-service-right{box-sizing:border-box;padding-left:15px;width:55%;transform:translateX(80%);opacity:0;transition:all .2s ease-in-out;}
.home-cnc-right{box-sizing:border-box;padding-right:15px;width:55%;transform:translateX(-80%);opacity:0;transition:all .2s ease-in-out;}
.home-cnc-right h2,.home-service-right h2{margin-bottom:20px;color:#fff;font-weight:400;font-size:76px;line-height:1;}
.home-cnc-right p,.home-service-right p{color:#fff;font-weight:400;font-size:22px;line-height:1.5;}
.home-product-im{display:flex;padding:3%;width:100%;max-height:540px;justify-content:center;align-items:center;}
.home-product-im img{display:block;max-width:80%;transition:all .3s ease-in-out;}
.home-product-im:hover img{transform:scale(1.1);}
.product-all{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-title h2{color:#fff;text-align:center;font-weight:bold;font-size:50px;}
#product{background:url(/uploads/18687/powerwinx.jpg) center no-repeat;position:relative;display:flex;justify-content:center;align-items:center;height:100%;background-size:cover;}
.product-box{position:relative;overflow:hidden;width:24.5%;}
.product-box .text{position:absolute;bottom:30px;width:100%;text-align:center;}
.product-box .text p{color:#1c1c1c;font-weight:600;font-size:22px;line-height:37px;}
.product-box .img img{display:block;max-width:100%;transition:all .3s ease-in-out;}
.product-box:nth-of-type(1),.product-box:nth-of-type(2),.product-box:nth-of-type(3),.product-box:nth-of-type(4){margin-bottom:1%;}
.product-box:hover img{transform:scale(1.1);}
#product .product-contant{padding:15px;transform:translateY(-100%);opacity:0.1;transition:all .3s ease-in-out;}
.product-btn{display:flex;justify-content:center;margin-top:50px;}
.product-btn a{font-size:20px;font-weight:400;color:#FFFFFF;line-height:1;padding:17px 50px;display:inline-block;background:#2569DB;border-radius:26px;transition:all .3s ease-in-out;}
.application-contant{padding:0 50px;transform:translateY(-100%);opacity:0.1;transition:all .35s ease-in;}
#product .product-title{margin-bottom:50px;}
.service{position:relative;background:url(/uploads/18687/productback1.jpg)center no-repeat;background-size:cover;display:flex;align-items:center;height:100%;}
.cnc{position:relative;background:url(/uploads/18687/productback.jpg)center no-repeat;background-size:cover;display:flex;align-items:center;height:100%;}
#about .about-title{margin-bottom:100px;}
#about .about-title h2{font-size:50px;font-weight:bold;color:#FFFFFF;text-align:center;line-height:1;}
#about .about-contant{transform:translateY(-100%);opacity:0;transition:all .3s ease-in;}
#about{background:url(/uploads/18687/about-back.jpg) center no-repeat;background-size:cover;display:flex;align-items:center;height:100%;}
#about .about-all{display:flex;margin:0 auto;max-width:1750px;align-items:center;justify-content:space-between;}
#about .about-left{width:45%;}
#about .about-right{width:55%;padding-left:100px;}
#about .about-size p{font-size:22px;font-weight:400;color:#FFFFFF;line-height:35px;}
#about .about-btn a{font-size:20px;font-weight:400;color:#FFFFFF;line-height:1;padding:17px 33px;display:inline-block;background:#2569DB;border-radius:26px;transition:all .3s ease-in-out;}
#about .about-btn{margin-top:50px;}
#application{background:url(/uploads/18687/applicationback.jpg)center no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;height:100%;}
.application-all{display:flex;flex-wrap:wrap;justify-content:space-between;}
.application-box{width:24.5%;margin-bottom:1%;overflow:hidden;position:relative;}
.application-size{position:absolute;bottom:-100%;left:0;width:100%;background:#00000080;transition:all .3s ease-in-out;}
.application-size p{font-size:22px;font-weight:400;color:#FFFFFF;line-height:1;text-align:center;padding:35px 0;}
.application-title h2{font-size:50px;font-weight:600;color:#FFFFFF;line-height:1;text-align:center;}
.application-title{margin:50px 0 30px;}
.application-img img{transition:all .3s ease-in-out;display:block;max-width:100%;}
.application-box:hover img{transform:scale(1.1);}
.home-banner{height:100%;}
.home-banner .pcimg{height:100%;}
#indexbanner{height:100%;}
#indexbanner img{height:100%;object-fit:cover;}
.fp-wmkc-min .fp-tableCell{height:auto !important;}
.fp-tableCell{display:block;}
.fp-wmkc-min{height:auto !important;padding:0;}
footer{background:url(/uploads/18687/footerback.jpg)center no-repeat;background-size:cover;}
footer .l-wrap{padding:0;max-width:1920px;}
footer .foot-main{padding:3% 70px;}
footer .copyright{background:#1C5BC3;color:#fff;}
footer .foot-list a{color:#A7C2ED;}
footer .foot-contact .item a,footer .foot-contact .item{color:#A7C2ED;}
header .head-info .head-logo img{max-height:120px;}
footer .foot-qrimg{max-width:100%;}
footer .foot-share ul li a{background:#ffffff;border-radius:100%;}
footer .foot-share ul li a i{color:#2569DB;font-size:20px;}
.section {transition:all 0.5s ease;overflow:hidden;}
.fp-completely .cnc .home-cnc-right{transform:translateX(0);opacity:1;}
.fp-completely #product .product-contant{transform:translateY(0);opacity:1;}
.fp-completely .service .home-service-right{transform:translateX(0);opacity:1;}
.fp-completely #application .application-contant{transform:translateY(0);opacity:1;}
.fp-completely #about .about-contant{transform:translateY(0);opacity:1;}
.product-btn a:hover{transform:translateY(10px);box-shadow:0px 2px 5px 0px #000;}
#about .about-btn a:hover{transform:translateY(10px);box-shadow:0px 2px 5px 0px #000;}
footer .foot-title{display:none;}
.application-box:hover .application-size{bottom:0}
.home-product-im{padding:0;}
.home-product-im img{width:100%;max-width:670px;max-height:560px;}
.newslist.list0 li{align-items:flex-start}
.newslist li .news-img .date{position:initial;border-bottom:1px solid #f7f7f7;border-left:1px solid #f7f7f7;border-right:1px solid #f7f7f7;}
.newslist.list0 li .news-img{width:auto;}
.newslist.list0 li .news-img a{display:none;}
.recentnews-list li .img{display:none;}
.recentnews-list li .info{padding-left:0;}

@media (max-width:1600px) {
    .home-cnc-right h2, .home-service-right h2{font-size:64px;}
    .container{padding:0 3%;}
    #product{align-items:center;}
    #about .about-title{margin-bottom:70px;}
    .application-all{margin-bottom:30px;}
}
@media (max-width:1450px) {
    .container,.app-container{max-width:1200px;}
    .product-title h2,.home-cnc-right h2, .home-service-right h2,#about .about-title h2,.application-title h2{font-size:32px;}
    #product .product-title{margin-bottom:20px;}
    .product-box .text p{font-size:16px;line-height:1.5;}
    #about .about-size p{font-size:18px;line-height:1.5;}
    .product-btn a,#about .about-btn a{padding:12px 20px;font-size:16px;}
    .home-cnc-right p, .home-service-right p{font-size:18px;}
    #about .about-btn{margin-top:30px;}
    .application-size p{font-size:20px;padding:20px 0;}
}
@media (max-width:1400px) {
    .home-cnc-left, .home-service-left{padding:5%;}
}
@media (max-width:1024px) {
    .home-cnc-left, .home-service-left{padding:3%;}
    .home-cnc-right p, .home-service-right p{font-size:14px;}
    .home-cnc-right,.home-service-right{width:60%;}
    .product-box .text p{font-size:14px;line-height:1;}
    .product-title h2, #about .about-title h2, .application-title h2,.home-cnc-right h2, .home-service-right h2{font-size:26px;}
    #about .about-right{padding-left:30px;}
    #about .about-size p{font-size:16px;line-height:1.5;}
    #about .about-btn{margin-top:30px;}
    #about .about-btn a{padding: 10px 30px;font-size: 14px;}
    #about .about-title{margin-bottom:50px;}
    .application-size p{font-size:16px;}
    .product-btn{margin-top: 25px;}
    #about .about-size p{font-size: 14px;}
    .home-service-box,.home-cnc-box,#product .product-contant,.application-contant{padding: 50px 0;}
    .home-cnc-right, .home-service-right{padding: 0;transform: unset;opacity: 1;}
    .home-product-im img{max-width: unset;max-height: unset;}
    #product .product-contant{transform: unset;opacity: 1;}
    #about .about-contant{transform: unset;opacity: 1;padding: 50px 0;}
    .application-contant{transform: unset;opacity: 1;}
    .application-title{margin: 0px 0 30px;}
}
@media (max-width:768px) {
    .home-cnc-right, .home-service-right{width: 100%;}
    .home-service-box{flex-direction:column;}
    .home-cnc-left, .home-service-left{width:50%;}
    .home-cnc-right h2, .home-service-right h2{font-size:28px;}
    .home-cnc-box{flex-direction:column-reverse;}
    .product-btn a, #about .about-btn a{font-size: 14px;}
    .product-box{width:32.5%;margin-right:1%;}
    .product-all{justify-content:unset;}
    .product-box:nth-of-type(3n){margin-right:0;}
    #about .about-all{flex-direction:column;}
    #about .about-left{width:60%;}
    #about .about-right{width:100%;padding:0;padding-top: 25px;}
    #about .about-title{margin-bottom:20px;}
    #about .about-btn a{padding:12px 35px;font-size:15px;}
    #about .about-btn {margin-top:15px;}
    .product-title h2, #about .about-title h2, .application-title h2{font-size:26px;}
    footer .foot-main{padding:3% 30px;}
    footer .foot-item{width:50% !important;}
    footer{margin-bottom:0;}
    .application-title{margin-bottom:30px;}
    .fp-wmkc-zs{height:auto!important;padding:0;}
    .fp-wmkc-zs .fp-tableCell{height:auto!important;}
     #indexbanner img{height:auto !important;}
     .application-all {margin-bottom: 0;}
}
@media (max-width:450px) {
    .home-cnc-right p, .home-service-right p{font-size:14px;}
    .home-cnc-left, .home-service-left{width:60%;}
    .home-cnc-right h2, .home-service-right h2{font-size:22px;text-align:center;margin-bottom: 10px;}
    .product-box{width: 49%;margin-right: 0;margin-bottom: 2%;}
    .product-all{justify-content:center;}
    .product-box:nth-of-type(2n-1){margin-right:2%;}
    #product .product-title{margin-bottom:20px;}
    .product-box .text{bottom:10px}
    .product-box .text a{display:flex;align-items:center;justify-content:center;min-height:28px}
    .product-box .text p{font-size:14px;padding:0 10px;line-height:14px}
    #about .about-left{width:100%;padding:0;}
    #about .about-size p{font-size:14px;}
    .product-title h2, #about .about-title h2, .application-title h2{font-size:22px;}
    .application-box{width: 49%;margin-right: 0;margin-bottom: 2%;}
    .application-box:nth-of-type(3n){margin-right:0;}
    .home-banner{margin-top:70px}
    .home-product-im{padding:0;}
    footer .foot-item{width:100% !important;}
    #about .about-btn a{padding:10px 30px;font-size:12px;}
    .about-btn{display:flex;justify-content:center;}
    .application-title{margin-bottom:20px;}
    .product-btn a{padding:12px 40px;font-size:16px;}
    .product-btn{margin-top:30px;}
    .home-product-im img{width:100%;max-width:100%;}
    .application-box:nth-of-type(2n){margin-left:1%;}
    footer .foot-share ul li{margin-bottom:0;}
    footer .foot-share ul li a{width:35px;height:35px;}
    footer .foot-quick .foot-list li{width:32%;}
    footer .foot-title{font-size:15px;margin-bottom:5px;}
    footer .foot-contact .foot-tel .content a:nth-child(2){font-size:18px;}
    footer .foot-contact .item a, footer .foot-contact .item{font-size:14px;}
    .application-img img{aspect-ratio: 1 / 1;object-fit: cover;}
}
@media (max-width:390px) {
    .product-box .text p{font-size:12px;}
}

@media (min-width:1025px){header {display: block !important;}}
@media (min-width:1025px){#indexbanner video{width:100%;display:block;height:100%;object-fit:cover;}}
.home-banner{position:relative}
.home-banner .index-banner-text{position:absolute;top:50%;left:50%;text-align: center;transform: translate(-50%,-50%);font-size:24px;text-shadow: 1px 2px 3px var(--fontcolor);color:#fff;z-index:2;width:100%;max-width:900px;}
@media (max-width:900px){.home-banner .index-banner-text{padding:0 20px;font-size:16px;}}
@media (max-width:550px){.home-banner .index-banner-text{font-size:12px;}}