@charset "utf-8";
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-flex .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-flex .wmkc-item-img img{position:static}
.wmkc-template-33 .wmkc-flex .wmkc-item-img img{max-height:100%}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.2)}
.home-title span{color:#3a6a7b}
.home-title{text-transform:uppercase}
#about .about-con .home-title{max-width:none;font-size:36px;margin:10px 0}
#about .about-con h5{font-size:22px}
#about .about-con .home-label{font-size:24px}
#about .about-con,#about .about-img{width:50%}
#about .about-img img{width:100%}
#about .about-con .about-des{margin:5px 0;color:#000}
#about .about-con .more-btn{margin-top:15px}
#product .pro-list li .pro-img{border-radius:20px;border-color:#f8f8f8}
#product .all-products{display:none}
#projects::before{background:#3a6a7b}
#projects .home-label{color:#fff}
#projects #home-projects .swiper-slide .projects-cont p{font-size:24PX}
#product .home-label{display:none}
#info .info-cont .info-des{font-size:24px}
#info .info-cont .info-title{margin-bottom:15px;text-transform:uppercase;max-width:none}
.info-video a{display:inline-block;border:1px solid #fff;color:#3a6a7b;background:#fff;padding:5px 12px;font-size:24px}
.info-item-tit i{width:60px}
#info .info-item:hover i{filter:brightness(500%)}
#info .info-item{background-image:url(/uploads/39616/infobg.jpg)}
#news .home-label{display:none}
#info .info-item{padding:50px 4%}
@media (max-width:1440px){#about .about-con .home-title{font-size:24px}
#about .about-con h5,#about .about-con .home-label{font-size:18px}}
@media (max-width:1024px){.home-title{font-size:22px}
#about .about-con,#about .about-img{width:100%;padding:0}
#projects #home-projects .swiper-slide .projects-cont p{font-size:18px}
#info .info-cont .info-title{font-size:22px}
#info .info-cont .info-des{font-size:16px}
#info .info-item{padding:30px 4%}}
#projects #home-projects .swiper-slide .projects-cont a{font-size:16px}
footer .foot-main .foot-item .foot-title img{width:60px}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown3{width:34%}
.pro-btnlist #A_DownLoadProduct{min-width:230px;height:60px;display:flex;cursor:pointer;margin-bottom:12px;margin-right:12px;justify-content:center;align-items:center;line-height:58px;color:#FFF;background-color:#3a6a7b;transition:background-color .2s ease;border-radius:3px;border:1px solid #3a6a7b;width:100%}
@media (max-width:1280px){.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown3{width:48%}
.pro-btnlist #A_DownLoadProduct{min-width:calc(50% - 12px)}}
@media (max-width:1024px){.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown3{width:47%}}
@media (max-width:768px){.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown3{width:48%}}
@media (max-width:480px){.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown3{width:100%}
.pro-btnlist #A_DownLoadProduct{width:100%;height:50px;line-height:48px;min-width:0}
.pro-detail .pro-btnlist .pdown3{width:100%;margin-right:12px}}
#projects #home-projects{padding-bottom:0}
.pro-detail-content .l-wrap{max-width:1250px}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.imgbox{overflow:hidden}
.imgbox img{width:100%;display:block}
.imgbox img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.inner-aftersales h1{color:#3a6a7b;left:10%;text-align:left;width:auto}
@media (max-width:768px){.inner-aftersales h1{left:0;text-align:center;width:100%}}
.inner-aftersales .breadcrumb{display:none}
.single-container{max-width:1230px;margin:0 auto;padding:0 15px}
.single-container .after-list li{border-bottom:1px solid #ddd;padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.single-container .after-list li:first-child{padding-top:0}
.single-container .after-list li .icon{width:60px}
@media (max-width:1024px){.single-container .after-list li .icon{width:40px}}
.single-container .after-list li .con{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.single-container .after-list li .con h3{font-size:36px;font-weight:700;margin-bottom:10px;color:#3a6a7b;text-transform:uppercase;line-height:60px}
@media (max-width:1024px){.single-container .after-list li .con h3{font-size:22px;line-height:40px}}
.single-container .process-top .item{width:10%}
.single-container .process-top .item.no-line{width:7%;-webkit-box-flex:1;-ms-flex:1;flex:1}
.single-container .process-top .item.line{width:7%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.single-container .process-top .item.line:after{content:"";width:100%;position:absolute;height:2px;background-color:#c1c1c1;top:50%;left:0;-webkit-transform:translateY(-1px);transform:translateY(-1px);z-index:-1}
.single-container .process-top .item.line .circle{width:25px;height:25px;background:#fff;position:relative}
.single-container .process-top .item.line .circle:after{content:"";position:absolute;width:15px;height:15px;border:1px solid #c1c1c1;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media (max-width:768px){.single-container .process-top .item.line .circle{width:12px;height:12px}
.single-container .process-top .item.line .circle:after{width:8px;height:8px}}
.single-container .process-top .item .iconbox{width:100%;border:1px solid #c1c1c1;border-radius:50%;position:relative}
.single-container .process-top .item .iconbox img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:50%}
.single-container .process-top .item .iconbox:after{content:"";padding-bottom:100%;width:100%;display:block}
.single-container .process-top .second .item{margin-left:auto;height:40px}
.single-container .process-top .second .item.line-bottom{width:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.single-container .process-top .second .item.line-bottom:after{width:2px;height:100%;left:50%;top:0;-webkit-transform:translateX(-1px);transform:translateX(-1px)}
.single-container .process-list{margin-top:50px}
@media (max-width:1024px){.single-container .process-list{margin-top:30px}}
.single-container .process-list .process-icon{width:176px;height:176px;border:1px solid #c1c1c1;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff}
@media (max-width:1024px){.single-container .process-list .process-icon{width:88px;height:88px}
.single-container .process-list .process-icon img{width:50%}}
.single-container .process-list li{padding:50px 0;position:relative}
@media (max-width:1024px){.single-container .process-list li{padding:15px 0}}
.single-container .process-list li:nth-last-child(-n+2):before{display:none}
.single-container .process-list li:nth-last-child(3):before{height:50%}
.single-container .process-list li .circle{position:absolute;width:25px;height:25px;background:#fff;left:77px;bottom:-10px}
@media (max-width:1024px){.single-container .process-list li .circle{left:32px}}
.single-container .process-list li .circle:after{content:"";position:absolute;width:15px;height:15px;border:1px solid #c1c1c1;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.single-container .process-list li:before{content:"";position:absolute;width:2px;height:100%;left:88px;top:0;background:#c1c1c1;z-index:-1}
@media (max-width:1024px){.single-container .process-list li:before{left:44px}}
.single-container .process-list li:nth-child(1){padding-top:0}
.single-container .process-list li .process-con{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:50px}
.single-container .process-list li .process-con .tit{font-size:30px;font-weight:700;text-transform:uppercase;margin-bottom:15px;color:#3a6a7b}
@media (max-width:1024px){.single-container .process-list li .process-con{padding-left:20px}
.single-container .process-list li .process-con .tit{font-size:22px}}
html{scroll-padding-top:66px}
@media (max-width:768px){html{scroll-padding-top:13.3333333333vw}}
.pro-detail .preview-container .thumbnail-box .list ul .item .imgalt{display:none}
@font-face{font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-family:FontAwesome!important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-mobile:before{content:"\f10b"}
.sidebar-contactlist li{margin-bottom:10px;line-height:22px;display:flex}
.sidebar-contactlist li em{color:var(--color);width:20px;margin-right:6px;text-align:center;font-size:20px;line-height:22px}
.sidebar-contactlist li em.fa-mobile{font-size:22px}
.sidebar-contactlist li>span{display:flex}
.sidebar-contactlist li>span>span:first-child{white-space:nowrap;margin-right:3px}
@media (min-width:1025px){.sidebar{width:350px}
.common-content{width:calc(100% - 350px)}}
.sidebar-cate>li>a{font-weight:bold}
@media (min-width:1024px){.pro-detail-top>div{position:relative;min-height:300px}
.pro-detail .preview-container{transform:scale(0.7);transform-origin:left top;z-index:1;position:absolute}
.pro-detail .pro-detail-top .pro-info{padding-left:390px}
.pro-detail .singglepic{width:360px;position:absolute;left:20px;top:0}
.pro-detail .singglepic img{max-height:300px;display:block;margin:0 auto}}
@media (min-width:1281px){.pro-detail-top>div{min-height:400px}
.pro-detail .preview-container{transform:scale(0.7)}
.pro-detail .pro-detail-top .pro-info{padding-left:540px}
.pro-detail .singglepic{width:500px}
.pro-detail .singglepic img{max-height:400px}}
@media (max-width:1280px) and (min-width:1024px){.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown3{width:100%;margin-right:0}
.pro-detail .pro-detail-top .pro-info .pro-name{font-size:22px}
.pro-detail .pro-detail-top .pro-info .pro-price{margin:5px 0 10px}}
.head-contact>a:last-child{position:relative}
.head-contact>a:last-child:before{content:'/';position:absolute;left:-10px;color:#fff}
.head-contact>a:hover{color:#fff}
.common-main .pro-list.list1 li .pro-img a {height:0;padding-bottom:100%;position:relative;}
.common-main .pro-list.list1 li .pro-img a img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;background:#fff;}
@media (min-width:1025px){.head-main{position:relative}
.head-menu-box nav>ul>li ul.submenu.nav3{width:800px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:20px;left:-300px;box-sizing: border-box;}
.head-menu-box nav>ul>li ul.submenu.nav3>li{position:relative;width:48%;margin:10px 4% 10px 0;min-height:100px;}
.head-menu-box nav>ul>li ul.submenu.nav3>li:nth-child(2n){margin-right:0}
.head-menu-box nav>ul>li ul.submenu.nav3>li>a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.6;box-sizing: border-box;padding:0 0 0 115px;font-weight: bold;}
.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con .cate-info{display:none}
.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con .cate-img{position:absolute;top:0;left:0;border:1px solid #E5E5E5;overflow:hidden;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background: #fff;min-height: inherit;z-index: 1;}
.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con .cate-img img{max-height:100px;max-width:100px;width:100%;height:100%;object-fit:cover;opacity:1}
.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con .cate-img:hover img{transform:scale(1.1)}
.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con ul{width:100%;padding-left:115px;margin-top:5px;position: static;opacity: 1;visibility: inherit;transform: translate(0,0);}
.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con ul li a{padding:1px 0;line-height:1.5;font-size:15px;}
.head-menu-box nav>ul>li ul.submenu.nav3 li a:hover{background:none;color:var(--color)}}
@media (max-width:1200px) and (min-width:1025px){.head-menu-box nav>ul>li ul.submenu.nav3{left:-400px}}
@media (max-width:1024px){.head-menu-box nav>ul>li ul.submenu.nav3>li .cate-con .cate-img{display:none}
.head-menu-box nav>ul>li ul.submenu.nav3>li .arrow{display:none}}
main:not(.knowledge-page) .common-main .news-list.list0 li .news-img {height:305px;}
main:not(.knowledge-page) .common-main .news-list.list0 li .news-img img {width:100%;height:100%;object-fit:contain;}
@media (max-width:900px){main:not(.knowledge-page) .common-main .news-list.list0 li .news-img {display:block;height:0;padding-bottom:36%;position:relative}
main:not(.knowledge-page) .common-main .news-list.list0 li .news-img img {position:absolute;top:0;left:0;}}