@charset "utf-8"; 
.writetous{background:#0078d7;padding:70px 0}
.writetous .common-wrapper{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:0 15px;box-sizing:border-box}
.writetous h5{font-size:30px;color:#fff;text-transform:uppercase}
.writetous h5 span{color:#FFF}
.write-text{max-width:560px;font-size:16px;color:#fff;line-height:1.5}
.writetous .home-more{display:inline-block;width:160px;border:1px solid #fff;text-align:center;color:#fff;padding:12px 0;text-transform:uppercase;transition:all .2s ease-in-out}
.writetous .home-more:hover{background:#FFF;color:#0078d7}
.about>div.project-swiper{width:100%}
.project-swiper .swiper-pagination-bullet{width:100px;background-color:#eee;opacity:1;width:24px;height:6px;border-radius:0}
.project-swiper .swiper-pagination-bullet-active{background-color:#000}
.project-item{position:relative}
.project-item:after{content:"";padding-bottom:72.9%}
.project-item:hover .project-info{top:0}
.project-item:hover .project-img img{opacity:.3}
.project-item:hover .line,.project-item:hover .project-title,.project-item:hover p{transform:translateZ(0);opacity:1}
.project-item:hover .common-btn{opacity:1;transform:translateZ(0) scale(1)}
.project-item a{color:#fff;box-sizing:border-box}
.project-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;display:flex;justify-content:center;align-items:center;background-color:#000}
.project-img>img{transition:opacity .3s ease!important;object-fit:cover;width:100%;height:100%}
.project-info{position:absolute;transition:top .4s ease;top:0;left:0;width:100%;height:100%;color:#fff}
.project-info .line{margin:20px 0;width:30px;height:1px;background-color:#eee}
.project-info .common-btn{margin-top:20px;padding:0;width:120px;height:36px;background-color:#0078d7;color:#fff;font-size:16px;border:none;transform:translate3d(0,20px,0) scale(1.1);opacity:0;transition:opacity .35s,transform .35s;text-align:center;border-radius:25px}
.project-info .common-btn:hover{color:#fff;background:#0078d7}
.project-info>a{width:100%;height:100%;display:block}
.project-info>a object{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.project-info .line,.project-info .project-title,.project-info p{transform:translate3d(0,20px,0);opacity:0;transition:transform .35s}
.project-title{font-size:24px;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.3}
.project-swiper .swiper-wrapper{padding-bottom:80px;height:auto}
.about-num:after{content:'+';margin-left:5px}
@media (max-width:880px){.writetous .common-wrapper{display:block}
.write-text{margin:15px 0 25px}
.writetous{padding:40px 0}}
@media (max-width:768px){.project-info .common-btn{display:none}
.project-info>a{padding:10px}
.project-info .line{margin:12px 0}}
@media (max-width:560px){.writetous{padding:30px 0}
.writetous h5{font-size:23px}
.write-text{font-size:15px;margin-bottom:15px}
.writetous .home-more{width:130px;font-size:14px}
.project-title{font-size:18px}}
.faq-list .project-info{position:relative;color:#333}
.faq-list .project-info p{opacity:1;transform:none}
.pro-c-main article{max-width:920px;margin:0 auto;padding:0 15px}
.table td,.table th{vertical-align:middle}
.adv-item article{word-break:inherit}
.pro-info article{word-break:inherit}
.news article,.news-title{word-break:inherit}
.content-list1 .content-title{word-break:inherit}
.content-info article{word-break:inherit}
.pro-c-main article p{color:#141414}
#tags span{cursor:pointer;display:inline-block;margin:0 15px}
#tags{text-align:left;padding:0 calc(50% - 475px);box-sizing:border-box;height:auto}
#tags span.selectTag{color:#0078d7}
@media (max-width:1240px){#tags{padding:0}}
@media (max-width:750px){#tags span{margin-right:0;font-size:17px}
#tags{line-height:40px}}
@media (max-width:480px){#tags span{font-size:16px}}
.tagContent:not(.selectTag){display:none}
.news-list{flex-direction:inherit;height:auto}
.news-list .news-item{width:24%;flex-direction:column;height:auto!important}
.news-item .news-img{width:100%;flex:inherit}
.news-item .news-info{padding:15px;width:100%;box-sizing:border-box;flex:inherit}
.news-more{display:inline-block;padding:15px 15px}
.news-item .news-img a{display:block;position:relative;width:100%;padding-bottom:100%;height:0}
.news-img>a img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain!important}
@media (max-width:1500px){.news article{margin-bottom:20px}}
@media (max-width:1240px){.news-list .news-item{width:48%!important;margin-bottom:24px}
.news-list .news-more{padding:6px}
.news-item .news-title{margin-bottom:12px}}
.common-main article p{margin-bottom:10px}
.support .support-item{align-items:center}
.more .submenu ul{display:none}
.more .submenu>li{position:relative}
.more .submenu>li:hover ul{display:block;position:absolute;right:100%;top:0}
.contact-box .feedback-tips p{font-size:20px}
body{font-family:'Roboto',sans-serif !important}
.faq-list .project-info{display:block;padding:0}
.faq-list .project-name:after,.faq-list .project-content:after{display:none}
.project-list.faq-list li .project-name{border-bottom:1px solid #0078d7;box-sizing:border-box;color:#333;cursor:pointer;line-height:1.4;text-align:center;transition:background-color .2s;margin:0;padding:13px 10px}
.project-list.faq-list li{background:#fff;padding:0;margin-bottom:20px}
.faq-list .project-content{padding:20px;line-height:1.5;display:none}
.project-list.faq-list li .project-name.faqact{background:#0078d7;color:#fff}
*{font-family:'Roboto',sans-serif !important}
.pro-info article{display:none}
.pro-name{text-align:center;margin-bottom:0px}
.common-tip{display:none}
.wmkc-base-si{padding:10px}
.common-main article p.wmkc-base-p{text-align:left}
.wmkc-base-g{margin-bottom:20px}
.part{display:none}
.addcontent{background:#f4f4f4;padding:1px 0}
.addcontent .common-title{margin:50px  0}
.project-info p,.project-info .line{display:none}
.about article,.about ul li{font-size:16px}
.about-img img{width:100%;height:100%;object-fit:cover}
.faq-list .project-info p{display:block}
.adv-item article{font-size:16px}
.about .about-con ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.about .about-con ul li{width:23%;text-align:center;line-height:1.4;font-size:15px;background:none}
.about .about-con ul li img{height:60px}
.about article{max-width:100%}
.about .about-con{padding:50px 90px}
.about .about-sel{position:absolute;left:0;top:-2px}
@media screen and (max-width:1500px) and (min-width:1151px){.about .about-con,.about .about-img{width:50%}
.about .about-con{padding:40px 60px}}
@media screen and (max-width:1500px){.about .about-img{max-height:100%}}
@media screen and (max-width:768px){.about .about-con{padding:66vw 4vw 4vw}
.about .about-img{max-height:inherit;width:100%;left:0;padding:0 4vw;box-sizing:border-box;height:62vw}
.about .about-con ul li img{height:40px}
.about .about-con ul li{width:48%}}
.floatwindow_sidebox li i,.floatwindow_sidebox li span{background:#0078d7 !important}
.protTypes{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.protTypes li{width:calc(20% - 20px);padding:20px;box-sizing:border-box;box-shadow:0 8px 18px rgb(226 229 234 / 75%)}
.protTypes li:hover{transform:translateY(-5px);box-shadow:0 20px 30px rgb(64 79 93 / 20%)}
.protTypes li p{font-size:18px;font-weight:700;margin:20px 0}
.protTypes li i{background-color:#e6f1f7;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.protTypes li i img{max-width:30px}
#tags{position:sticky;top:70px;background:#fff}
@media (max-width:768px){#tags{top:13.3333333333vw}}
.writetous{width:100%}
section.pro{width:100%;text-align:center}
.aboutlist-title.common-title{background:#f4f4f4;margin-bottom:0;padding:20px 0 50px;width:100%}
@media (max-width:768px){.protTypes li{width:48%}}
.wmkc-video{height:500px}
.top-share{height:30px;display:flex;align-items:center}
.top-share a img{width:30px;vertical-align:middle}
.top-share a{margin-right:5px}
.foot-l .lfr{display:none}
html{scroll-padding-top:137px}
#tags span.selectTag a{color:#0078d7}
table td,table tr {padding:0;border:none;}
.table td,.table tr {padding:5px;border:1px solid #CCC}
.about-img lite-youtube{max-width: 100%;height: 100%;}