﻿@charset "utf-8"; 
.about-us .abouts-content{padding:0}
.about-us .about-innerBox{width:1230px;margin:0 auto;box-sizing:border-box}
.about-us .about-top-word{text-align:end}
.about-us .about-top-word p{font-size:19px;font-weight:700;color:#fff;background:#634b36;display:inline-block;padding:5px 20px;letter-spacing:5px}
.about-us .about-us{color:#634b36;font-size:39px;font-weight:700;margin:20px 0 30px}
.about-us .about-article-box .about-article1{display:flex;justify-content:space-between;flex-wrap:wrap}
.about-us .about-article1 .about-art-l{width:21%}
.about-us .about-article1 .about-art-l>p{color:#888;font-size:14px;letter-spacing:9px;line-height:1}
.about-us .about-article1 .about-art-l .about-art-img{margin-top:60px;border:1px solid #634b36;overflow:hidden}
.about-us .about-article1 .about-art-l .about-art-img img{display:block;width:100%;transition:all .5s}
.about-us .about-article1 .about-art-l .about-art-img img:hover{transform:scale(1.1)}
.about-us .about-article1 .about-art-r{width:65%}
.about-us .about-article1 .about-art-r .about-art-in,.about-us .about-article2 .about-art-r .about-art-in{position:relative;padding-top:60px}
.about-us .about-article1 .about-art-r .about-art-in:after,.about-us .about-article2 .about-art-r .about-art-in:after{position:absolute;top:0;left:0;width:140px;height:1px;border-top:1px dashed #909090;content:''}
.about-us .about-article1 .about-art-r .about-art-in p,.about-us .about-article2 .about-art-r .about-art-in p{color:#888;font-size:18px;text-align:justify}
.about-us .about-article1 .about-art-r .right-art,.about-us .about-article2 .about-art-r .right-art{display:flex;justify-content:end}
.about-us .about-article1 .about-art-r .right-art a,.about-us .about-article2 .about-art-r .right-art a{text-align:end;margin-top:60px;color:#888;font-size:12px;position:relative;padding-left:60px;display:inline-block}
.about-us .about-article1 .about-art-r .right-art a:before,.about-us .about-article2 .about-art-r .right-art a:before{content:'';width:43px;height:1px;background:#888;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.about-us .about-article-box .about-article2{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;flex-wrap:wrap;margin:100px 0 0}
.about-us .about-article2 .about-art-l{width:50%}
.about-us .about-article2 .about-art-r{width:46%}
.about-us .about-time-img{margin:50px 0}
.about-us .about-time-img img{display:block;width:100%}
.about-us .about-video .about-video-t{font-weight:700;color:#634b36;font-size:31px;text-transform:uppercase;font-family:Arial}
.about-us .about-video .about-video-span{margin:50px 0;display:flex;justify-content:space-between;align-items:center}
.about-us .about-video .about-video-span-div{display:flex;justify-content:center;align-items:center}
.about-us .about-video .about-video-span-div>div{margin-right:30px;color:#8e8e8e;font-size:25px;transform:skewX(-25deg)}
.about-us .about-video .about-video-span-div>p{color:#8e8e8e;font-weight:400;font-size:14px;font-family:Arial;line-height:1}
.about-us .about-video .about-video-span .about-video-span-d{width:185px;height:2px;background:#5c5c5c;margin-left:13%}
.about-us .about-video .about-video-span .about-video-span-p{color:#8e8e8e;font-weight:400;font-size:14px;font-family:Arial;line-height:1}
.about-us .about-oem{margin:70px 0}
.about-us .about-oem .about-oem-img img{width:100%;display:block}
.about-us .about-oem-ul{margin-top:70px;display:flex;justify-content:space-around;flex-wrap:wrap}
.about-us .about-oem-ul .about-oem-li{width:25%;text-align:center}
.about-us .about-oem-ul .about-oem-li .about-oem-title{font-weight:700;color:#634b36;font-size:19px;font-family:Arial;text-transform:uppercase}
.about-us .about-oem-ul .about-oem-li .about-oem-title:after{content:'';width:7px;height:7px;background:#523c28;border-radius:50%;display:block;margin:10px auto}
.about-us .about-oem-ul .about-oem-li .about-oem-word{font-size:14px;color:#8e8e8e}
.about-us .about-our-title{font-size:31px;font-family:Arial;font-weight:700;background:#9b7351;line-height:1;padding:15px 0;text-align:center;color:#fff;text-transform:uppercase}
.about-us .about-act-ul,.about-us .about-fac-ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0}
.about-us .about-act-ul li,.about-us .about-fac-ul li{width:30%;margin:20px 0;padding:2px;box-shadow:0 0 1px 1px #eee;border-radius:10px}
.about-us .about-act-ul li .about-act-img,.about-us .about-fac-ul li .about-fac-img{overflow:hidden;border-radius:10px;border:3px solid #634b36}
.about-us .about-act-ul li .about-act-img img,.about-us .about-fac-ul li .about-fac-img img{width:100%;display:block;transition:all .5s}
.about-us .about-act-ul li .about-act-img img:hover,.about-us .about-fac-ul li .about-fac-img img:hover{transform:scale(1.1)}
.about-us .about-factory .about-our-title{background:#634b36}
@media (max-width:1025px){.about-us .about-innerBox{width:100%;padding:0 20px}
.about-us .about-article1 .about-art-l{width:27%}
.about-us .about-video .about-video-span .about-video-span-d{margin-left:0}
.about-us .about-article-box .about-article2{margin:50px 0}
.about-us .about-oem-ul .about-oem-li{width:31%}}
@media (max-width:769px){.about-us .about-top-word p{padding:0 20px;margin:0}
.about-us .about-us{margin:10px 0}
.about-us .about-article1 .about-art-r .about-art-in p,.about-us .about-article2 .about-art-r .about-art-in p{font-sizE:14px;line-height:1.5}
.about-us .about-article1 .about-art-l{width:40%}
.about-us .about-article1 .about-art-l .about-art-img{margin-top:50px}
.about-us .about-article1 .about-art-r{width:54%}
.about-us .about-article1 .about-art-r .right-art a,.about-us .about-article2 .about-art-r .right-art a{margin-top:35px}
.about-us .about-article-box .about-article2{margin:25px 0}
.about-us .about-video .about-video-span{flex-direction:column}
.about-us .about-video .about-video-span .about-video-span-d{display:none}
.about-us .about-oem,.about-us .about-time-img{margin:30px 0}
.about-us .about-video .about-video-span{margin:20px 0}
.about-us .about-oem-ul{margin-top:30px}
.about-us .about-oem-ul .about-oem-li .about-oem-title,.about-us .about-oem-ul .about-oem-li .about-oem-word{line-height:1.5}
.about-us .about-our-title{font-size:26px}
.about-us .about-act-ul,.about-fac-ul{padding:15px 0}
.about-us .about-act-ul li,.about-fac-ul li{margin:10px 0}}
@media (max-width:640px){.about-us .about-article1 .about-art-l,.about-us .about-article1 .about-art-r,.about-us .about-article2 .about-art-l,.about-us .about-article2 .about-art-r{width:100%;margin:5px 0}
.about-us .about-top-word p{font-size:14px;letter-spacing:1px}
.about-us .about-us{font-size:30px}
.about-us .about-article1 .about-art-l>p{letter-spacing:4px}
.about-us .about-article1 .about-art-l .about-art-img,.about-us .about-article1 .about-art-r .right-art a,.about-us .about-article2 .about-art-r .right-art a,.about-us .about-oem,.about-us .about-time-img{margin-top:15px}
.about-us .about-article1 .about-art-r .about-art-in,.about-us .about-article2 .about-art-r .about-art-in{padding-top:15px}
.about-us .about-article-box .about-article2{flex-direction:column}
.about-us .about-video .about-video-t{font-size:26px}
.about-us .about-video .about-video-span{align-items:flex-start}
.about-us .about-video .about-video-span-div>div{margin-right:10px}
.about-us .about-video .about-video-span .about-video-span-p{margin:10px 0 0}
.about-us .about-oem-ul .about-oem-li{width:100%;margin:10px 0}
.about-us .about-oem-ul .about-oem-li .about-oem-title:after{display:none}
.about-us .about-our-title{font-size:20px;padding:5px 0}
.about-us .about-act-ul li,.about-us .about-fac-ul li{margin:5px 0;width:48%}}
.wmkc-template-33 .wmkc-flex {display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img {padding:0!important}
.wmkc-template-33 .wmkc-item-img img {max-height:inherit!important;position:static!important}
.wmkc-template-31>.wmkc-flex-list>.wmkc-flex-item2>.wmkc-flex-r>.wmkc-flex-r-text {font-size:16px}
.wmkc-template-36 .wmkc-flex-item4 {border:1px solid #eee}
.wmkc-template-36 .wmkc-flex-item4 .wmkc-flex-b {border:none!important}
.wmkc-template-36 .wmkc-flex-list .wmkc-flex-t p {border:none; width:auto}
img {height:auto}
.abouts-content{line-height:1.75em}
.pro-detail-content .pro-intro {max-width:1000px}
.pro-detail-content .pro-intro .intro-title { color:#996600}
header .header-top .top-right .search-input input::placeholder{color:#fff}
.home-container .about-info .about-content .about-btn{border-radius:10px}
.home-container .hot-product ul li .pro-btn{margin-top:10px}
.wmkc-room{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:80px}
.wmkc-room>div{width:24%}
.wmkc-room>div a{display:block;width:100%}
.wmkc-room>div img{display:block;width:100%}
footer .footer-container .bottom-info>li .title img{border-radius:10px;margin-top:10px;max-height:120px}
@media(max-width:768px){
.home-container .hot-product ul li .pro-btn{margin-top:20px}
.wmkc-room{margin-top:40px}
.wmkc-room>div{width:49%;margin-bottom:2%}}
.home-container .lastest-news ul li .news-content{justify-content:center}
.home-container .lastest-news ul li .news-content article{margin-top:10px!important}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {height:45px}
.project-content{line-height:1.6em}
.home-container .lastest-news ul li a {height:100%;display:block}
.home-container .lastest-news ul li a object {height:100%}
.home-container .lastest-news ul li .news-img img {height:100%;object-fit:cover;position:absolute;top:0;left:0}
.home-container .lastest-news ul li .news-img {position:relative;padding-bottom:50%;width:100%}
.common-container .news-content .news-list .list-2 .news-img,.knowledges-content .knowledges-list .list-2 .knowledges-img{position:relative;padding-bottom:100%}
.common-container .news-content .news-list .list-2 .news-img img,.knowledges-content .knowledges-list .list-2 .knowledges-img img{height:100%;position:absolute;top:0;left:0;object-fit:cover}
.pro-detail-content .pro-intro {margin: 30px auto 0px;}