﻿@charset "utf-8"; 
.home-container .video{background-image:url(/Content/uploads/2021199823/20210423164759339596c09246406594df2f2bb367e061.jpg);position:relative}
.home-container .video:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
.home-container .video .contain{position:relative}
footer .foot-top{margin:0 260px;height:140px;background:#2e7eed;display:flex;align-items:center;padding:0 43px;justify-content:space-between;position:relative}
footer .foot-top .contact-left{display:flex}
footer .foot-top .contact-left .contact-logo img{position:relative;top:-20px}
footer .foot-top .contact-left .contact-content{position:relative;padding-top:20px;width:600px;height:100%;margin-left:50px}
footer .foot-top .contact-left .contact-content p:first-child{line-height:58px;position:relative;top:8px;font-size:16px;font-weight:700;color:#fff}
footer .foot-top .contact-left .contact-content p:nth-child(2){font-size:26px;font-weight:700;color:#fff}
footer .foot-top .contact-left .contact-content:before{content:"";position:absolute;left:-20px;width:3px;height:34px;background:#fff;opacity:.5;top:60px}
footer .foot-top .contact-btn{width:206px;height:60px;border:2px solid #fff;justify-content:flex-end;display:flex;justify-content:center;align-items:center;transition:all .3s ease}
footer .foot-top .contact-btn a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:700}
footer .foot-top .contact-btn:hover{background:#fff}
footer .foot-top .contact-btn:hover a{color:#2e7eed}
footer .footer-container>ul{display:flex;height:140px;background:#161616;margin:0 260px;position:relative}
footer .footer-container>ul>li{height:100%;flex:1;display:flex;justify-content:center;align-items:center}
footer .footer-container>ul>li .logo{position:relative;height:100%;width:100px;background:url(/images/m401/blue/imgs/footer-contact.png) no-repeat}
footer .footer-container>ul>li .content{padding-top:25px;height:100%;display:flex;flex-direction:column;padding-left:30px;flex:1}
footer .footer-container>ul>li .content .content-title{color:#fff;font-weight:700;line-height:50px}
footer .footer-container>ul>li .content .content-title:after{content:"";background:#fff;width:3px;height:30px}
footer .footer-container>ul>li .content .content-text{font-weight:700}
footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a{color:#707070;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
footer .footer-container>ul>li.map .logo{background-position:20px 40px}
footer .footer-container>ul>li.email .logo{background-position:-100px 40px}
footer .footer-container>ul>li.tel .logo{background-position:-220px 40px}
footer .footer-container>ul>li span{height:26px;width:2px;background:#fff}
footer .footer-top{padding-top:170px;height:auto;margin-top:-140px}
.home-container .news{padding-bottom:200px;margin-bottom:-140px}
@media (min-width:1281px) and (max-width:1530px){footer .foot-top,footer .footer-container>ul{margin-left:100px;margin-right:100px}}
@media (min-width:1081px) and (max-width:1280px){footer .foot-top,footer .footer-container>ul{margin-left:50px;margin-right:50px}}
@media (min-width:769px) and (max-width:1080px){footer .foot-top,footer .footer-container>ul{margin-left:25px;margin-right:25px}}
@media (max-width:768px){footer .foot-top,footer .footer-container>ul{margin-left:0;margin-right:0}
footer .foot-top{height:18.6666666667vw;margin:0;padding:0 6.6666666667vw}
footer .foot-top .contact-left .contact-logo{display:none}
footer .foot-top .contact-left .contact-content{display:flex;flex-direction:column;justify-content:space-evenly;padding-top:0;margin-left:0;width:60vw;height:18.6666666667vw}
footer .foot-top .contact-left .contact-content p:first-child{font-size:4vw;line-height:4vw;top:0;left:-5.3333333333vw;transform:scale(.8)}
footer .foot-top .contact-left .contact-content p:nth-child(2){position:relative;left:-5.3333333333vw;font-size:4vw;line-height:4vw;padding-right:.6666666667vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transform:scale(.8)}
footer .foot-top .contact-left .contact-content:before{display:none}
footer .foot-top .contact-btn{width:27.4666666667vw;height:8vw;border:.2666666667vw solid #fff}
footer .foot-top .contact-btn a{font-size:3.2vw}
footer .footer-container>ul{margin:0;height:auto;flex-wrap:wrap}
footer .footer-container>ul>li{flex:none;padding:1.3333333333vw 0}
footer .footer-container>ul>li .content{padding-top:0;padding-left:0;font-size:4vw}
footer .footer-container>ul>li .content .content-title{font-size:4vw;line-height:6.6666666667vw}
footer .footer-container>ul>li .content .content-text{font-size:3.2vw;line-height:2em}
footer .footer-container>ul>li .content .content-text a{color:#707070}
footer .footer-container>ul>li .logo{width:70px;height:70px;overflow:hidden;background-size:200px 37px}
footer .footer-container>ul>li:first-child{width:100%}
footer .footer-container>ul>li span{margin-top:2.6666666667vw;height:5.3333333333vw;position:relative;right:4vw;top:-.6666666667vw}
footer .footer-container>ul>li.map .logo{background-position:10px 20px}
footer .footer-container>ul>li.email .logo{background-position:-70px 20px}
footer .footer-container>ul>li.tel .logo{background-position:-150px 20px}
footer .footer-top{padding-top:15px;margin-top:0}
.home-container .news{padding-bottom:1.3333333333vw;margin-bottom:0}}
@media screen and (min-width:751px)and (max-width:768px){
footer .footer-container>ul>li .logo{width:90px;height:90px}
footer .footer-container>ul>li.map .logo{background-position:10px 30px}
footer .footer-container>ul>li.email .logo{background-position:-70px 30px}
footer .footer-container>ul>li.tel .logo{background-position:-150px 30px}}
.home-container .about-content p,.home-container .company-advantage .advantage-list li p{display:block;height:auto}
.home-container .company-advantage .advantage-list li:after{width:200%;left:-240%}
.home-container .company-advantage .advantage-list li:hover:after{left:-80%}
/*@media (min-width:1601px){.home-container .video{background-position:center;height:500px;box-sizing:border-box;background-size:100% auto}}
.home-container .video{height:350px}*/
@media (min-width:769px) and (max-width:1600px){
.home-container .news-product .news-img img{max-height:250px}}
footer .footer-container>ul>li .content .content-text{display:block}
.home-container .company-advantage .pro-list>li>a span{white-space:nowrap;display:block;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}
.home-container .company-advantage .pro-list>li{width:calc(16.6% - 10px);flex-basis:auto;margin-right:10px!important}
.home-container .company-advantage .pro-list>li:last-of-type{margin-right:0!important}
.home-container .company-advantage .pro-list{justify-content:space-between}
footer .footer-copy .top-btn{position:fixed;top:auto;bottom:50px;right:15px;z-index:99}
#news-products-list ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-container .news-product #news-products-list ul li{width:19%;margin-bottom:2%}
.home-container .company-advantage .advantage-list+h2{padding-top:0;margin-bottom:40px}
@media screen and (max-width:768px){.home-container .company-advantage .pro-list>li{width:48%;margin-right:0!important}
.home-container .news-product #news-products-list ul li{width:48%;margin-bottom:20px}
.home-container .company-advantage .pro-list{flex-wrap:wrap}
footer .footer-copy .top-btn{bottom:19vw;right:10px}}
.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%}
.wmkc-template-72{width:100%}
.wmkc-template-37 .wmkc-flex-item3 {border:1px solid #EEE;box-sizing:border-box}
.wmkc-template-37 .wmkc-flex-item3 .wmkc-flex-b {border:none}
.wmkc-template-37 .wmkc-flex-item3 .wmkc-flex-b .wmkc-flex-b-title{margin:0}
.wmkc-template-36 .wmkc-flex-item4 {border:1px solid #EEE;box-sizing:border-box}
.wmkc-template-36 .wmkc-flex-item4 .wmkc-flex-b {border:none}
.wmkc-template-36 .wmkc-flex-item4 .wmkc-flex-b .wmkc-flex-b-title{margin:0}
.production11 .wmkc-template-42 .wmkc-flex-item3 { display:inline-grid;align-items:center}
.production11 .wmkc-template-43 .wmkc-flex-jc-sb .wmkc-flex-item  { display:inline-grid;align-items:center}
.R-D11 .wmkc-template-43 .wmkc-flex-jc-sb .wmkc-flex-item  { display:inline-grid;align-items:center}
.R-D11 .wmkc-flex-item2.wmkc-flex-item {margin:0}
.R-D11 .wmkc-flex-item2.wmkc-flex-item>.table-responsive {height:100%;margin:0}
.R-D11 .R-D11 .wmkc-template-43 {margin:25px 0}
.R-D11 .wmkc-flex-item2.wmkc-flex-item>.table-responsive table td {vertical-align:middle}
@media (max-width:768px){.wmkc-template-43 .wmkc-text-align-c .wmkc-flex-item2{margin:10px 0;width:100%!important}}
.wmkc-template-62>div>.wmkc-flex-item>div img{height:100%;object-fit:contain}
.wmkc-template-62 .wmkc-flex-item3 .wmkc-item-info  p {display:block!important}
.headerMenu {height: 84px; background-size: auto 100%}
.headerTel .topmal{text-align:left;white-space:nowrap}

.kche-t47.wmkc-procars-box-t47{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.kche-t47.wmkc-procars-box-t47>p{width:49%;}
.kche-t47.wmkc-procars-box-t47>p img{width:100%;display:block;}
@media (max-width:1440px){.kche-t47.wmkc-procars-box-t47>p span{font-size:16px;}}
@media (max-width:500px){.kche-t47.wmkc-procars-box-t47>p{width:100%;margin:5px 0;}}