@charset "utf-8";
:root {--color: #2b4550;}
.top{background:#2b4550}
.slidest ul li h3{margin-top:0}
.mask,.mask .mask-box,.pro-box .pro-list-item:hover>.mask{display:none}
.pro-text{background:#2b4550;height:137px;padding:10px 0;position:static}
.pro-text a,.pro-text p{color:#fff}
.searchbox_content{background:#93a0a6}
.sbtn{background:#2a4651}
.about{background:0 0}
.pro-text{display:block!important}
.slidest ul li h3{color:#fff}
.service{background-image:url(/js/23494/ser-bg.jpg)}
.leftsocial{display:flex;justify-content:center}
.leftsocial a{color:#fff;background:#8a989a;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 5px;border-radius:15px}
.about-top-left figure .fz24::after{display:block;width:100px;height:3px;background:#888;content:"";margin-top:10px}
.about-middle-tittle::before,.pro-tittle::before,.service-tittle::before{content:"";width:350px;display:block;background:url(/js/23494/tl.png);height:108px;margin-bottom:-15px}
.about-middle-tittle,.pro-tittle,.service-tittle{background:0 0}
.latest-news-con{display:none}
.foot-logo img{height:110px}
img.back_to_top{display:none}
.mainmenu li:hover{background:#455f6a}
.mainmenu ul li ul{background:#455f6a}
.mainmenu li li:hover{background:#6e848d}
.mainmenu li a{display:block}
.service-tittle::before{background-image:url(/js/23494/tlw.png)}
.button_box button{width:auto;background:#2b4550}
.pror_detail .LayImAhrefNode,.special_read{background:#2b4550}
.back_to_top{display:none!important}
.about-info-text.fr .shadow_box:after{width:0;height:0}
.about-pic iframe{display:block}
.about-info-text.fr.ser-postion iframe{margin-bottom:12px}
.singgle_b .watch_box>a{text-align:left}
.singgle_b .watch_box .p{text-align:left}
.singgle_b .watch_box{width:300px;margin:0 auto}
.pro-text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:72px}
.floatwindow_chat_box .floatwindow_more_box{height:50px!important}
.products_wrap.clearfix .pinfo{max-width:784px;margin-left:auto;margin-right:auto}
.pror_detail .fr h1{font-size:21px;margin-bottom:15px}
.pror_detail .fr div{font-size:16px;margin-bottom:10px;line-height:1.8}
.pror_detail .LayImAhrefNode,.special_read{font-size:15px;line-height:28px;padding:3px 20px}
#st-1.st-animated{text-align:left;margin-top:20px}
.watch_botton .button_box,.watch_botton .productsTags{max-width:800px;margin-left:auto;margin-right:auto;border:none}
.news-box-left{background:none}
.index-news-items dl{padding:8px}
.news-box-right{width:56%}
body .searchbox_content{width:100%}
.footer .container,.footer-copy .container{padding:0 25px;margin:0 auto}
.footer .container:after{content:'';display:block;visibility:hidden;height:0;clear:both}
iframe{max-width:100%}
.bPosition{background:#2b4550}
@media(max-width:1367px){.news-box-left{padding-top:6px}}
.single_imgb-about{line-height:1.8}
.single_imgb-about .company{display:flex;align-items:center}
.single_imgb-about .company .img{width:50%;position:relative;padding:30px 0;text-align:right}
.single_imgb-about .company .img::before{content:"";width:50%;height:100%;background:#2b4550;position:absolute;left:0;top:0;z-index:-1}
.single_imgb-about .company .img img{width:90%}
.single_imgb-about .company .info{width:50%;padding-left:30px;color:#666;font-size:14px}
.single_imgb-about .company .title{font-family:"Impact";color:#2b4550;font-size:45px;margin-bottom:20px;position:relative}
.single_imgb-about .company .title::after{content:"";position:absolute;left:0;bottom:0;width:100px;height:2px;background:#2b4550}
.single_imgb-about .area{margin-top:50px}
.single_imgb-about .area ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.single_imgb-about .area ul li{width:15%;box-shadow:1px 2px 10px rgba(0,0,0,.1);padding:20px 10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding-top:50px;transition:all .1s linear}
.single_imgb-about .area ul li:hover{box-shadow:1px 2px 10px rgba(0,0,0,.2)}
.single_imgb-about .area ul li .num{font-weight:600;font-size:18px;position:absolute;top:-20px;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#2b4550}
.single_imgb-about .area ul li img{height:30px}
.single_imgb-about .area ul li .title{font-family:"Impact";color:#2b4550;padding:10px 0;text-align:center;line-height:1.4}
.single_imgb-about .area ul li p{text-align:center}
.single_imgb-about .plant{margin-top:50px;display:flex;justify-content:space-between;align-items:flex-start}
.single_imgb-about .plant .title{writing-mode:tb-rl;position:relative;color:#999;width:70px}
.single_imgb-about .plant .title::after{content:"";position:absolute;bottom:-45px;left:18px;width:1px;height:40px;background:#999}
.single_imgb-about .plant .title span{font-family:"Impact";font-size:24px;padding-bottom:10px;color:#2b4550}
.single_imgb-about .plant .content{flex:1;padding-left:20px}
.single_imgb-about .plant .content ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.single_imgb-about .plant .content ul li{width:24%;margin-bottom:15px}
.single_imgb-about .plant .content ul li img{width:100%}
.single_imgb-about .product .title{text-align:center;font-weight:600;font-size:50px;font-family:"Impact";color:#2b4550;letter-spacing:5px;position:relative;margin-bottom:20px}
.single_imgb-about .product .title::after,.single_imgb-about .product .title::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#2b4550}
.single_imgb-about .product .title::after{bottom:5px}
.single_imgb-about .product ul{display:flex;justify-content:space-between}
.single_imgb-about .product ul li{width:32%}
.single_imgb-about .product ul li div{position:relative;margin-bottom:20px}
.single_imgb-about .product ul li div span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"Impact";font-weight:500;color:#fff;font-size:30px;width:100%;text-align:center;text-transform:uppercase}
.single_imgb-about .product ul li div img{width:100%}
.single_imgb-about .about-title{text-align:center;font-family:"Impact";font-size:40px;color:#2b4550;letter-spacing:5px;padding-bottom:15px;margin-bottom:30px;position:relative}
.single_imgb-about .about-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:8px;background:#2b4550}
.single_imgb-about .about-title::before{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:300px;height:2px;background:#2b4550}
.single_imgb-about .his{margin-top:50px;padding-top:30px;position:relative}
.single_imgb-about .his .about-title{color:#fff}
.single_imgb-about .his .about-title::after,.single_imgb-about .his .about-title::before{background:#fff}
.single_imgb-about .his::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:350px;background:#2b4550;z-index:-1}
.single_imgb-about .his ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.single_imgb-about .his ul li{width:15%;margin-bottom:20px;padding:10px;padding-bottom:30px;text-align:center;background:#537b8c;box-shadow:1px 2px 4px rgba(0,0,0,.2)}
.single_imgb-about .his ul li img{width:100%}
.single_imgb-about .his ul li span{font-size:20px;letter-spacing:2px;font-family:"Impact";display:inline-block;padding:15px 0 0;color:#fff}
.single_imgb-about .his ul li p{font-size:14px;color:#fff;line-height:1.4}
.single_imgb-about .his ul li:nth-child(2n){background:#fff}
.single_imgb-about .his ul li:nth-child(2n) p,.single_imgb-about .his ul li:nth-child(2n) span{color:#282828}
.single_imgb-about .our{margin-top:20px}
.single_imgb-about .our ul li{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}
.single_imgb-about .our ul li::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:50%;background:#537b8c;z-index:-1}
.single_imgb-about .our ul li:nth-child(2)::after{background:#517e88}
.single_imgb-about .our ul li:nth-child(2)::after{background:#517e88}
.single_imgb-about .our ul li div{width:15%}
.single_imgb-about .partner{margin-top:30px}
.single_imgb-about .partner ul{display:flex;justify-content:space-between}
.single_imgb-about .partner ul li{width:13%}
.single_imgb-about .partner ul li div{margin-bottom:20px}
.single_imgb-about .partner ul li:nth-child(2n+1){padding-top:90px}
.single_imgb-about .partner ul li:nth-child(2),.single_imgb-about .partner ul li:nth-child(6){padding-top:180px}
.single_imgb-about .team{margin-top:30px}
.single_imgb-about .team ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.single_imgb-about .team ul li{margin-bottom:20px;width:32%}
.single_imgb-about .team ul li img{width:100%}
.single_imgb-about .ex{margin-top:30px}
.single_imgb-about .ex ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.single_imgb-about .ex ul li{margin-bottom:20px;width:24%}
.single_imgb-about .ex ul li img{width:100%}
@media (max-width:450px){.single_imgb-about .company{flex-direction:column}
.single_imgb-about .company .img{width:100%}
.single_imgb-about .company .info{width:100%;padding-left:0}
.single_imgb-about .area ul li{width:43% !important}
.single_imgb-about .plant .content ul li{width:48%;margin-bottom:0px}
.single_imgb-about .product ul li div span{font-size:18px}
.single_imgb-about .his ul li{width:42%}
.single_imgb-about .our ul li div{width:32%}
.single_imgb-about .our ul li{flex-wrap:wrap}}
/* home */
#about,#ind,#product,#appli,#new,#contact{max-width:1920px;margin:0 auto}
#about .about-img{padding-top:0}
#about .about-img img{width:100%}
#about .about-con h3{width:90%;text-transform:none;margin-bottom:30px;font-size:33px;font-family:Arial;font-weight:bold;color:#2B2B2B;line-height:39px}
#about .about-con .con{font-size:18px;font-family:Arial;font-weight:400;color:rgba(43,43,43,0.83);line-height:23px;text-align:justify;width:80%}
#about .about-con ul li:after{background:#184153}
#about .about-con ul:before,#about .about-con ul:after{background:#184153}
#about .about-con ul li{font-size:18px}
.more-btn{border:1px solid #184153;background:#184153;font-size:18px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:23px;padding:10px 15px}
#ind .ind-r{position:relative;top:-115px;z-index:0;margin-left:0;width:50%}
#ind .ind-wrap{padding:50px 90px}
#ind .ind-l{background:#F4F4F4}
#ind .ind-l h3{margin-bottom:30px;font-size:45px;font-family:Arial;font-weight:bold;color:#232323;line-height:50px}
#ind .ind-l h3 em{font-style:normal;color:#184153}
.wmkc-inds{width:91px;height:3px;background:#184153}
#ind .ind-l .con{margin-bottom:40px;font-size:19px;font-family:Arial;font-weight:400;color:rgba(40,40,40,0.85);line-height:24px;margin-top:22px;text-align:justify}
#ind .adv-icon .icon-item{padding:25px;background:#E5E5E5}
#ind .adv-icon .num{font-size:33px;font-family:Arial;font-weight:bold;color:rgba(24,65,83,0.9);line-height:49px;display:flex;justify-content:center;align-items:center}
#ind .adv-icon .icon-img{margin-right:24px;display:flex;justify-content:center;align-items:center;width:30%}
.wmkc-icon-num{width:70%}
#ind .adv-icon .text{margin-top:4px;text-align:center;font-size:16px;font-family:Arial;font-weight:400;color:rgba(43,43,43,0.91);line-height:23px}
.wmkc-his-title{padding:130px 0 0}
.wmkc-his-title p{color:#fff;text-align:center;font-weight:700;font-size:40px;font-family:Arial;line-height:1}
.wmkc-his-li p:nth-of-type(1){margin-right:60px;color:#fff;font-weight:700;font-size:71px;font-family:Arial}
.wmkc-his-li p:nth-of-type(2){color:#fff;font-weight:400;font-size:20px;font-family:Arial}
.wmkc-his-li{position:relative;display:flex;justify-content:center;align-items:center}
.wmkc-his-li::after{position:absolute;color:#a5dff81f;content:'gint';letter-spacing:50px;font-weight:700;font-size:178px;font-family:Arial;opacity:1;text-transform:uppercase}
.swiper-history-next,.swiper-history-prev{display:flex;width:38px;height:38px;border:2px solid #fff;border-radius:50%;color:#fff;font-weight:400;font-size:18px;font-family:Arial;justify-content:center;align-items:center;transition:all .3s ease-in-out}
#wmkc-history-swiper{width:60%;padding:75px 0 130px}
.wmkc-his-list{display:flex;justify-content:center;align-items:center}
.wmkc-history{margin:0 auto;max-width:1645px}
.history{background:url(/uploads/23494/jx.jpg) center no-repeat;background-size:100% 100%;max-width:1920px;margin:0 auto}
.wmkc-history .wmkc-swiper-pagination{display:flex;padding:50px 0 100px;background:url(/uploads/23494/historyg.png) center no-repeat;justify-content:space-between;background-position-y:30px}
.wmkc-history .swiper-pagination-bullet{opacity:.2;position:relative;display:flex;width:27px;height:36px;background:#0000;color:#fff;font-weight:700;font-size:26px;font-family:Arial;justify-content:center}
.wmkc-swiper-pagination .swiper-pagination-bullet .wmkc-gs{position:absolute;top:-70px;display:none}
.swiper-pagination-clickable .swiper-pagination-bullet-active .wmkc-gs{display:block}
.sol-top{background:url(/uploads/23494/Sustainableback.jpg) center no-repeat;background-position:top}
#sol-swiper .sol-con{margin-bottom:44px;font-size:20px;font-family:Arial;font-weight:400;color:rgba(43,43,43,0.83);line-height:31px}
.sol-top h3{text-align:center;padding:70px 0;text-transform:uppercase;font-size:43px;font-family:Arial;font-weight:bold;color:#184153;line-height:43px}
#appli{background:url(/uploads/23494/World.jpg)center no-repeat;background-position:bottom}
.advan .advan-item:hover .advan-icon{background-color:#184153}
.advan .advan-item:hover:after{border-bottom:24px solid #184153}
.advan .advan-item:hover img{filter:grayscale(200%) brightness(500%)}
.advan .advan-item:after{border-bottom:14px solid #184153}
#new .new-list>li{width:24%;padding:0}
#new .new-list{justify-content:space-between}
#new .new-img{width:100%;padding-bottom:62.4%}
#new .new-img img{height:100%;position:absolute;top:0;left:0;object-fit:contain}
#new .new-title{font-size:14px;font-family:DengXian;font-weight:bold;color:#184153;line-height:19px;text-transform:uppercase;margin:20px 15px}
.wmkc-new-p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;font-family:DengXian;font-weight:bold;color:#888888;line-height:15px;margin:20px 15px;display:block;margin-bottom:50px}
#new .new-more{font-size:16px;font-family:Arial;font-weight:bold;color:#184153;display:inline-block;line-height:1;padding:12px 25px;border:1px solid #184153;display:inline}
.wmkc-new-date{width:45px;height:64px;background:#184153;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.wmkc-new-date p:nth-of-type(1){font-size:20px;font-family:Arial;font-weight:bold;color:#FFFFFF;line-height:27px}
.wmkc-new-date p:nth-of-type(2){margin-top:10px;font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:19px}
.hotproduct{padding:6% 0}
.hotproduct .container{width:100%;max-width:1600px;margin:0 auto;display:flex;flex-wrap:wrap}
.hotproduct-l{width:23%;padding-right:3%;box-sizing:border-box}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.home-title{font-size:36px;font-weight:600;color:#232323;text-transform:capitalize}
.hotprocate{border-left:1px solid #bfbfbf;margin:30px 0 60px;padding:0 10% 0 0}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:#173F50}
.hotprocate li{padding:10px 0 10px 20px;position:relative;margin-bottom:6px;font-size:16px;color:#777;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.wmkc-home-more{display:inline-block;width:160px;border:1px solid #173F50;text-align:center;color:#173F50;padding:12px 0;text-transform:uppercase;transition:all .2s ease-in-out}
.hotpro-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0;left:0;opacity:0;justify-content:space-between}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:32%;background:#FFFFFF;border:1px solid #D2D2D2;margin-bottom:2%}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{position:absolute;bottom:-80px;background:#184153;color:#FFF;padding:20px 15px;width:100%;display:flex;justify-content:space-between;left:0;align-items:center;transition:all .2s ease-in-out;box-sizing:border-box}
.hotpro-title{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:45px}
.hotpro-box i,.hotpro-box em{font-size:24px}
.hotpro-list li:hover img{transform:scale(1.1)}
.hotpro-list li:hover .hotpro-box{bottom:0}
.hotprocate-act::before{content:'';width:2px;height:100%;position:absolute;top:0;left:0;background:#173F50;transition:all .2s ease-in-out}
#contact{background:#EEEEEE}
#contact .foot-title{text-transform:uppercase;font-size:31px;font-family:Arial;font-weight:bold;color:#393939;line-height:42px}
#contact .foot-contact{background:#184153;padding:0px 30px}
.home-more{display:inline-block;width:160px;border:1px solid #173F50;text-align:center;color:#173F50;padding:12px 0;text-transform:uppercase;transition:all .2s ease-in-out}
.hotpro-img{display:flex;justify-content:center;align-items:center}
.hotpro-img img{width:100%}
@media (max-width:1645px){.wmkc-history{padding:0 3%}}
@media (max-width:1600px){#ind .ind-wrap{padding:50px}
#ind .adv-icon .icon-img{margin-right:10px}
#ind .ind-l .con{margin:15px 0}
.hotproduct{padding:6% 3%}
#ind .ind-r{top:0}}
@media (max-width:1366px){.wmkc-his-title{padding:80px 0 0}
#wmkc-history-swiper{width:80%;padding:75px 0}
.wmkc-his-title p{font-size:32px}
.wmkc-his-li p:nth-of-type(1){font-size:42px}
.wmkc-his-li::after{font-size:120px}
#ind .ind-l h3{margin-bottom:20px;font-size:34px;line-height:40px}
#ind .ind-l .con{font-size:15px;line-height:20px}}
@media (max-width:1024px){#about .l-wrap{flex-wrap:wrap}
#about .about-img,#about .about-con{width:100%}
#about .about-con{padding-left:0;margin-top:30px}
#ind{padding:50px 0;flex-direction:column}
#ind .ind-r{top:0;width:100%;padding:0 3%;box-sizing:border-box}
.wmkc-his-li p:nth-of-type(2){font-size:16px;text-align:center}
.wmkc-history .swiper-pagination-bullet{font-size:18px}
.home-title{font-size:26px}
.hotpro-img img{display:block;width:100%}
.hotpro-box{bottom:-80px}
.hotpro-title{font-size:14px}
.hotpro-box{padding:10px}
#sol-swiper .sol-title{font-size:24px;margin-bottom:15px}
#sol-swiper .sol-con{margin-bottom:20px;font-size:16px;font-family:Arial;font-weight:400;color:rgba(43,43,43,0.83);line-height:20px}
.advan .advan-list>li{width:24%;padding:0}
.advan .advan-list{justify-content:space-between}
.advan .title{max-width:90%}
#new{padding:30px 3%}
#new .new-more{padding:10px;font-size:12px}
.wmkc-new-p{margin-bottom:20px}}
@media (max-width:768px){.wmkc-his-li p:nth-of-type(2){text-align:center}
.wmkc-his-li p:nth-of-type(1){font-size:34px;margin-right:30px}
.wmkc-swiper-pagination .swiper-pagination-bullet{font-size:16px}
#wmkc-history-swiper{padding:50px 0}
.wmkc-his-li{flex-direction:column}
#about .about-con .con{width:100%}
#about .about-con h3{width:100%}
#about{padding:50px 0}
#ind .adv-icon .icon-img,.wmkc-icon-num{width:100%}
.wmkc-his-li p:nth-of-type(1){margin-bottom:20px}
.hotproduct .container{flex-direction:column}
.hotproduct-l{width:100%;padding-right:0;margin-bottom:20px}
.hotproduct-r{width:100%}
.sol-top h3{padding:40px 0;font-size:19px}
.advan .advan-list>li{width:49%;padding:0;margin-bottom:2%}
#new .new-list>li{width:32%}}
@media (max-width:450px){.wmkc-his-title{padding:50px 0 0}
.wmkc-his-li p:nth-of-type(2){font-size:14px}
.wmkc-his-li p:nth-of-type(1){font-size:24px;margin-right:15px}
.wmkc-his-title p{font-size:24px}
.wmkc-his-li::after{letter-spacing:10px;font-size:70px}
#about .about-con h3{margin-bottom:20px;font-size:22px;line-height:25px}
#about .about-con .con{font-size:14px}
#about .about-con ul li{font-size:16px}
#ind{padding:30px 0}
#ind .ind-wrap{padding:30px 3%}
#ind .ind-l h3{font-size:26px;line-height:28px}
#ind .adv-icon .icon-img img{max-width:30%}
#ind .adv-icon .num p{font-size:24px}
#ind .adv-icon>li{padding:0;width:48%}
.swiper-history-next,.swiper-history-prev{width:25px;height:25px;font-size:12px}
.wmkc-history .wmkc-swiper-pagination{padding:30px 0;background-position-y:5px}
.wmkc-gs img{max-width:70%}
.wmkc-swiper-pagination .swiper-pagination-bullet{font-size:14px}
#new .new-list>li{width:100%;margin-bottom:4%}
.hotpro-list li{width:49%}
#ind .adv-icon{justify-content:space-between;padding:0 3%}}
.headshare{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px;margin-left:auto;padding:0}
.headshare li{margin-right:12px}
.headshare .social-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:1px;width:30px;height:30px;background:#5c5c5c;color:#FFF;transition:transform .3s ease}
.headshare .social-item>i,.headshare .social-item>em{font-size:20px}
.headshare .social-item.fb{background-color:#3b5997}
.headshare .social-item.tw{background-color:#1da1f2}
.headshare .social-item.lk{background-color:#0a66c2}
.headshare .social-item.ins{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.headshare .social-item.pi{background-color:#cc2127}
.headshare .social-item.you{background:red}
.headshare .social-item.tik{background-color:#000}
.headshare .social-item:hover{transform:scale(1.15)}
.head-top .head-lang{margin:0}
.about-top-right{margin-top:0}
.wmkc-s{left:75% !important;top:93% !important}
.wmkc-list{overflow-x:unset !important}
.wmkc-wechat{position:relative}
.wechatEwm{position:absolute;right:100%;top:0;max-width:200px;display:none;max-height:200px}
.wmkc-wechat:hover .wechatEwm{display:block}
.wmkc-phone i{font-size:28px !important;color:#ffb23d}
.wmkc-mobile:hover{background:#20B4F7}
.wmkc-mobile .wmkc-icon{background:url(/Content/C_IMG/Common/mob-b.png) no-repeat center;background-size:24px}
.wmkc-mobile:hover .wmkc-icon{background-image:url(/Content/C_IMG/Common/mob-b-w.png)}
.wmkc-phone:hover{background:#ffb23d}
.wmkc-phone:hover i{color:#fff}
td,textarea,th,ul,y{padding:5px}
.head-main .head-logo img{max-width:130px}
.foot-main .foot-title img{max-height:100px}
#ind .ind-r lite-youtube{max-width:100%;height:100%}
.product-main .pro-bottom{margin-bottom:20px;margin-top:15px}
.inner-banner h2{display:none}
article iframe,article img{margin:0 auto;display:block}
article.new-con.photo img{width:100%}
.foot-feedback input,.foot-feedback textarea{width:100%;background:#fff;margin-top:10px;box-sizing:border-box;padding:10px}
#sol-swiper .swiper-slide>div{background:#fff}
#sol-swiper .sol-r-wrap{padding-right:8%}
#sol-swiper .sol-con{margin-bottom:15px}
#sol-swiper .sol-l{display:flex;align-items:center;justify-content:center}
#sol-swiper .sol-con span{font-weight:bold}
@font-face{font-family:HFWhale;src:url('/js/23494/HFWhale-2.ttf') format('truetype')}
@font-face{font-family:Dutch801BT;src:url('/js/23494/Dutch801BT-ExtraBold.otf') format('truetype')}
.nycustombox{max-width:1100px;margin:0 auto}
.nycustomone{margin:0 0 80px}
.nycustitle1{text-align:center;font-weight:bold;font-family:HFWhale;text-transform:uppercase;font-size:72px;color:#000;margin-bottom:20px}
.nycustitle1 span{display:inline-block;border-bottom:7px solid #00ace2;padding:0 25px 15px;min-width:810px;box-sizing:border-box}
.nycustitle1.green span{border-color:#56ca95}
.nycustitle1.yellow span{border-color:#ffba55}
.nycustombox .nycustomone>p{text-align:center;color:#000;font-size:18px;line-height:1.6}
.nycusonelist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:55px}
.nycusonelist li{width:23%}
.nycusonelist li img{width:100%}
.nycustitle2{text-align:center;font-weight:bold;font-family:HFWhale;text-transform:uppercase;font-size:72px;color:#000;margin-bottom:20px}
.nycustwolist{margin-top:40px}
.nycustwolist li{display:flex;margin-bottom:20px;height:56px;border:2px solid #ffba55;border-radius:30px;align-items:center;position:relative;box-sizing:border-box}
.nycustwolist li:before{content:'';width:130px;height:56px;background:#ffba55;border-radius:30px;position:absolute;left:-2px;top:-2px}
.nycustwostep{position:relative;width:130px;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:24px}
.nycustwolist li:nth-child(2),.nycustwolist li:nth-child(7){border-color:#6096e6}
.nycustwolist li:nth-child(2):before,.nycustwolist li:nth-child(7):before{background:#6096e6}
.nycustwolist li:nth-child(3),.nycustwolist li:nth-child(8){border-color:#56ca95}
.nycustwolist li:nth-child(3):before,.nycustwolist li:nth-child(8):before{background:#56ca95}
.nycustwolist li:nth-child(4){border-color:#58b6e5}
.nycustwolist li:nth-child(4):before{background:#58b6e5}
.nycustwolist li:nth-child(6){border-color:#f18870}
.nycustwolist li:nth-child(6):before{background:#f18870}
.nycustwotxt{width:calc(100% - 130px);display:flex;align-items:center;justify-content:center;padding:0 25px;box-sizing:border-box;font-size:22px;line-height:1.3}
.nycustwotxt span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center;line-height:1.1}
.nycustomtwo{margin-bottom:60px}
.nycustomthrbox{box-shadow:0 0 20px #ddd;border-radius:35px;padding:30px;margin:40px 0 0;display:flex;justify-content:center}
.nycustomthr{margin-bottom:70px}
.nycusthrlist li{list-style:auto;font-size:24px;margin:15px 0 15px 20px;line-height:1.4}
.nycustominfo{margin:50px 50px 0;border:2px solid #b7b7b7;text-align:center}
.nycustominfo .nycustxt p{color:#000;line-height:1.5;font-size:22px}
.nycustxt.gray{background:#b7b7b7}
.nycustominfo .nycustxt.gray p{color:#fff}
.nycustominfo .nycustxt{padding:8px}
.nycustombtn{display:flex;flex-wrap:wrap;justify-content:center}
.nycustombtn li{font-size:22px;border-radius:25px;box-shadow:0 1px 5px #aaa;padding:3px 35px;margin:8px}
.nycustombtn li:nth-child(3){padding:3px 65px}
.nycustitle3{font-family:Dutch801BT;text-align:center;color:#61c3ad;text-shadow:1px 1px 2px #000;text-transform:uppercase;font-size:55px;margin-bottom:40px}
.nycustomfoubox{display:flex;justify-content:space-between}
.nycustomfoulef{width:49%}
.nycustomfourig{width:49%}
.nycustomfoulef ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.nycustomfoulef ul li:nth-child(1){width:100%;margin-bottom:25px;position:relative;padding-right:5px}
.nycustomfoulef ul li{width:32.5%}
.nycustomfoulef ul li img{display:block;width:100%;position:relative}
.nycustomfoulef ul li:nth-child(1):before{content:'';width:100%;height:100%;background:#61c3ad;position:absolute;left:0;top:5px;border-radius:0 45px 0 50px}
.nycustomfou{margin-bottom:80px}
.nycusfoutit{text-transform:uppercase;font-weight:bold;font-size:24px}
.nycustomfourig ul li{margin-top:10px}
.nycustomfourig ul li .nycusfouic{display:inline-block;background:#61c3ad;color:#fff;padding:3px 10px;font-size:18px}
.nycustomfourig ul li p{color:#000;font-size:18px}
.nycustomfourig ul li p span{color:#61c3ad}
img{max-width:100%}
@media (max-width:1100px){.nycusfoutit{font-size:20px}
.nycustomfourig ul li p{font-size:16px;line-height:1.5}}
@media (max-width:1024px){.nycustitle3{font-size:45px}
.nycusfoutit{font-size:18px}
.nycustomfourig ul li p{font-size:15px}
.nycustitle1,.nycustitle2{font-size:55px}
.nycustitle1 span{min-width:650px}}
@media (max-width:768px){.nycustitle1,.nycustitle2{font-size:40px}
.nycustitle1 span{min-width:450px}
.nycusonelist{margin-top:30px}
.nycustwotxt span{font-size:18px}
.nycustwostep{font-size:20px}
.nycusthrlist li{font-size:20px}
.nycustomthrbox{padding:10px 20px}
.nycustominfo{margin:30px 10px 0}
.nycustominfo .nycustxt p{font-size:20px}
.nycustombtn li{font-size:18px;padding:3px 20px}
.nycustombtn li:nth-child(3){padding:3px 30px}
.nycustitle3{font-size:36px}
.nycustomfoulef{width:100%}
.nycustomfourig{width:100%;margin-top:20px}
.nycustomfoubox{flex-wrap:wrap}}
@media (max-width:560px){.nycustitle1,.nycustitle2{font-size:26px;margin-bottom:10px}
.nycustitle1 span{min-width:100%;border-width:4px;padding:0 15px 10px}
.nycusonelist{margin-top:20px}
.nycustwotxt span{font-size:16px;line-height:1.2}
.nycustwostep{font-size:18px;width:100px}
.nycusthrlist li{font-size:16px;margin:10px 0 10px 20px}
.nycustomthrbox{margin-top:25px}
.nycustominfo{margin:30px 10px 0}
.nycustominfo .nycustxt p{font-size:16px}
.nycustominfo .nycustxt p br{display:none}
.nycustombtn li{font-size:14px;padding:3px 10px;margin:8px 3px}
.nycustombtn li:nth-child(3){padding:3px 10px}
.nycustombox .nycustomone>p{font-size:15px}
.nycusonelist li{width:48%;margin:10px 0}
.nycustomone,.nycustomthr{margin-bottom:40px}
.nycustwolist{margin-top:20px}
.nycustwolist li{height:50px}
.nycustwolist li:before{width:100px;height:50px}
.nycustwotxt{width:calc(100% - 100px);padding:0 20px 0 10px}
.nycustomtwo{margin-bottom:20px}
.nycustitle3{margin-bottom:20px}
.nycustitle3{font-size:24px}
.nycustomfou{margin-bottom:40px}}
.lang{position:relative;top:0;right:0}
@media (min-width:768px){#ind .ind-l h3{margin-bottom:20px}
#ind .ind-l .con{margin:10px 0}
#ind .adv-icon .icon-item{padding:15px}
#ind .adv-icon>li{margin-bottom:10px}
#ind .ind-wrap{padding:30px 50px}
#ind{padding:0 0 6%}}
#ind .ind-r{top:0}
.inner-banner h2,.inner-banner h1{display:none}
.single_imgb-about .product ul li div a::after{content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;opacity:0.25;background-color:#000;transition:all .3s}
.single_imgb-about .product ul li div a:hover:after{opacity:0}
#service{padding-bottom:50px}
.service-top h3{font-size:30px;text-align:center;font-weight:700;text-transform:uppercase}
.service-top ul{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}
.service-top ul li{width:48%;text-align:center}
.service-top ul li img{width:100%}
.service-top ul li p{font-size:22px;font-weight:700;margin:20px 0}
.service-top ul li span{color:#666}
.service-top{margin-bottom:40px}
.service-bot h3{font-size:30px}
.service-bot ul{margin-top:40px;display:flex;flex-wrap:wrap;flex-direction:column;height:140px;width:100%;padding:0}
.service-bot ul li{width:33%;margin-bottom:10px;padding-left:20px;position:relative;box-sizing:border-box}
.service-bot ul li:after{content:'';position:absolute;width:5px;height:5px;left:0;top:50%;transform:translateY(-50%);background:#000;border-radius:50%}
@media screen and (max-width:768px){.service-top ul li{margin-bottom:20px;width:100%}
.service-bot h3,.service-top h3{font-size:24px}
.service-bot ul li{width:100%}
.service-bot ul{height:auto}}
.common-main .wmkc-content{margin:0 auto;max-width:1920px}
.wmkc-color-content,.wmkc-cus-content,.wmkc-examples-content,.wmkc-logo-content,.wmkc-pack-content,.wmkc-shape-content{margin:0 auto;max-width:1230px}
.wmkc-cus-title{display:flex;justify-content:center;align-items:center;flex-direction:column}
.wmkc-cus-title p:nth-of-type(1){display:inline-block;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #000;color:#000f23;text-align:center;font-weight:700;font-size:26px;font-family:Arial;line-height:31px}
.wmkc-lids-all{display:flex;margin-top:80px;justify-content:space-between;flex-wrap:wrap}
.wmkc-lids-botton img,.wmkc-lids-top img{display:block;max-width:100%}
.wmkc-cus-lids{padding:70px 0;background:#f9f7f8}
.wmkc-lids-box{position:relative;margin-bottom:1%;width:24%}
.wmkc-lids-botton{position:absolute;top:0;z-index:1;display:flex;width:100%;height:100%;background:#fff;opacity:1;transition:all .3s ease-in-out;transform:scale(0);justify-content:center;align-items:center}
.wmkc-shape-img{text-align:center;display:flex;justify-content:center}
.wmkc-lids-box:hover .wmkc-lids-botton{opacity:1;transform:scale(1)}
.wmkc-cus-shape{margin-bottom:30px}
.wmkc-color-all{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-color-box{margin-bottom:1%;width:32%}
.wmkc-color-size p{color:#000;text-align:center;font-weight:400;font-size:20px;font-family:Arial;line-height:42px}
.wmkc-cus-colors{padding:50px 0}
.wmkc-logo-all{display:flex;margin-top:80px;justify-content:space-between;align-items:end}
.wmkc-logo-name p{color:#000;text-align:center;font-weight:400;font-size:16px;font-family:Arial;line-height:19px}
.wmkc-logo-name{margin:20px 0}
.wmkc-cus-logo{padding:50px 0}
.wmkc-cus-examples .wmkc-ex-title p{color:#000f23;text-align:center;font-weight:700;font-size:26px;font-family:Arial;line-height:31px}
.wmkc-ex-img{margin:40px 0}
.wmkc-ex-img img{display:block;width:100%}
.wmkc-cus-packing{background:#f9f7f8}
.wmkc-cus-packing .wmkc-pack-titile p{padding:30px 0 45px;color:#000f23;text-align:center;font-weight:700;font-size:26px;font-family:Arial;line-height:31px}
.wmkc-pack-one .wmkc-one-titile p{color:#000f23;font-weight:700;font-size:26px;font-family:Arial;line-height:31px}
.wmkc-one-all{padding:40px 0 80px;background:#fff}
.wmkc-one-tit p:nth-of-type(1){margin-bottom:10px;color:#000f23;text-align:center;font-weight:700;font-size:26px;font-family:Arial;line-height:1}
.wmkc-one-tit p:nth-of-type(2){color:#000f23;text-align:center;font-weight:400;font-size:16px;font-family:Arial}
.wmkc-one-img{padding:0 2%;text-align:center}
.wmkc-one-al{display:flex;padding:0 3%;justify-content:space-between}
.wmkc-one-im{width:20%}
.wmkc-one-tit{margin-bottom:40px}
.wmkc-one-titile{box-sizing:border-box;padding:20px}
.wmkc-cus-box .wmkc-box-title p{padding:25px 0;color:#000f23;font-weight:700;font-size:26px;font-family:Arial;line-height:1}
.wmkc-box{padding:30px 0;background:#fff;text-align:center}
.wmkc-lids-alls{display:flex;margin-top:40px;justify-content:space-between;flex-wrap:wrap}
.wmkc-lids-back{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001f;transition:all .3s ease-in-out}
.wmkc-lids-box:hover .wmkc-lids-back{background:#00000000}
.wmkc-color-img{position:relative}
.wmkc-color-b{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);transition:all .3s ease-in-out;background:#fff;display:flex;justify-content:center;align-items:center}
.wmkc-color-box:hover .wmkc-color-b{transform:scale(1)}
.wmkc-box img,.wmkc-shape-img img,.wmkc-color-t img,.wmkc-logo-img img,.wmkc-one-img img,.wmkc-one-im img,.wmkc-color-b img{display:block;max-width:100%}
@media (max-width:1230px){.wmkc-color-content,.wmkc-cus-content,.wmkc-examples-content,.wmkc-logo-content,.wmkc-pack-content,.wmkc-shape-content{padding:0 3%}}
@media (max-width:1024px){.wmkc-cus-title p:nth-of-type(1){margin-bottom:20px;padding-bottom:20px;font-size:22px}
.wmkc-lids-all{margin-top:50px}
.wmkc-cus-lids{padding:50px 0}
.wmkc-one-tit p:nth-of-type(1),.wmkc-cus-packing .wmkc-pack-titile p,.wmkc-pack-one .wmkc-one-titile p{font-size:22px}
.wmkc-cus-packing .wmkc-pack-titile p{padding:20px 0}
.wmkc-cus-box .wmkc-box-title p,.wmkc-cus-examples .wmkc-ex-title p{font-size:22px}}
@media (max-width:768px){.wmkc-lids-all,.wmkc-lids-alls{margin-top:30px}
.wmkc-cus-colors,.wmkc-cus-logo{padding:30px 0}
.wmkc-color-size p{font-size:16px}
.wmkc-cus-title p:nth-of-type(1){margin-bottom:15px;padding-bottom:10px;font-size:20px}
.wmkc-cus-title p{text-align:center}
.wmkc-logo-all{margin-top:35px}
.wmkc-cus-box .wmkc-box-title p,.wmkc-cus-examples .wmkc-ex-title p{font-size:20px}
.wmkc-one-tit p:nth-of-type(1),.wmkc-cus-packing .wmkc-pack-titile p,.wmkc-pack-one .wmkc-one-titile p{font-size:20px}}
@media (max-width:450px){.wmkc-cus-lids{padding:30px 0}
.wmkc-lids-box{margin-bottom:2%;width:49%}
.wmkc-color-box{margin-bottom:2%;width:49%}
.wmkc-one-tit p:nth-of-type(1),.wmkc-cus-packing .wmkc-pack-titile p,.wmkc-pack-one .wmkc-one-titile p{font-size:18px}
.wmkc-one-all{padding:30px 0}
.wmkc-cus-box .wmkc-box-title p,.wmkc-cus-examples .wmkc-ex-title p{font-size:18px}
.wmkc-one-tit{margin-bottom:20px}}
.single_imgb-about .his ul li{padding:5px}
.head-top .head-contact i, .head-top .head-contact em,.head-top .head-contact a:hover{color:#fff}
.foot-feedback input::placeholder {color: #777;}