@charset "utf-8";
.about-box{border:3px solid #d7d7d7}
.about-list{display:flex;justify-content:space-between;padding-top:0}
.about-item{padding:25px 0;width:24%;background:#000;color:#fff;text-align:center;font-size:20px;transition:all .5s;cursor:pointer}
.about-item:hover{background:#959595}
.about-item a{color:#fff;font-size:23px}
.active{background:#959595}
.about-art{padding:60px}
.about-art .art-item{display:none}
.about-profile{display:flex;overflow:hidden;margin-bottom:80px}
.about-pro-l{display:flex;width:55%}
.about-pro-list{display:flex;width:15%;flex-direction:column;justify-content:space-between}
.about-pro-list img{display:block;width:100%}
.about-pro-list-r{padding-left:35px;width:80%}
.about-pro-list-r img{width:100%;display:block}
.about-pro-r{display:flex;padding-left:45px;width:45%;flex-direction:column;justify-content:center}
.about-pro-r>div{margin-top:30px}
.common-main article .about-pro-r-t{color:#303030;font-size:41px;font-weight:700}
.common-main article .about-pro-r-w{color:#303030;font-size:20px;font-weight:400}
.common-main article .about-pro-r-ts{color:#303030;font-size:20px;font-weight:700}
.icon-box{background:url(/js/36080/img/about-icon-bg.jpg) no-repeat;background-size:cover;background-position:center;padding:50px 70px;display:flex;justify-content:space-between}
.icon-item{text-align:center}
.common-main article .icon-t{color:#fff;font-weight:700;font-size:20px;text-transform:capitalize}
.common-main article .icon-w{color:#fff;font-size:12px}
.icon-item:hover img{transform:rotateY(360deg)}
.development{margin-top:50px;background:url(/js/36080/img/development-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:110px 70px}
.common-main article .deve-title{color:#fff;font-size:54px;font-weight:700;text-align:center;text-transform:uppercase}
.common-main article .deve-word{color:#fff;font-size:24px;text-align:justify}
.digitally{display:flex;justify-content:space-between;margin-top:70px}
.digi-item{width:23%}
.digi-img{overflow:hidden}
.digi-img img{width:100%;display:block;transition:all .5s}
.digi-art{border:1px solid #245426;border-top:none;padding:30px 10px 20px;text-align:center}
.common-main article .digi-t{text-align:center;color:#303030;font-size:24px;font-weight:700;text-transform:uppercase;line-height:1.2}
.digi-item:hover img{transform:scale(1.1)}
.common-main article .about-down-p{text-align:center;font-size:18px;font-weight:700;color:#878787;margin-top:30px}
.cer-img-box{display:flex;justify-content:center;flex-wrap:wrap}
.cer-img{width:20%;border:1px solid #282828;margin:30px;box-sizing:border-box;overflow:hidden}
.cer-img img{width:100%;display:block;transition:all .5s}
.cer-img:hover img{transform:scale(1.1)}
.team-list2{display:flex;justify-content:space-between;margin:40px 0}
.team-list2>div{width:23%}
.team-list2>div img{width:100%;display:block}
.team-list1{width:100%}
.team-list1>div{display:none}
.team-list1>div img{width:100%}
.common-main article .team-t{color:#303030;font-size:42px;font-weight:700;text-transform:capitalize}
.common-main article .team-w{color:#303030;font-size:20px;text-align:justify}
.adv-profile{display:flex;overflow:hidden;margin-bottom:50px}
.adv-pro-l{display:flex;width:50%}
.adv-pro-list{display:flex;width:15%;flex-direction:column;justify-content:space-between}
.adv-pro-list img{display:block;width:100%}
.adv-pro-list-r{padding-left:35px;width:80%}
.adv-pro-list-r img{width:100%;display:block}
.adv-pro-r{display:flex;padding-left:45px;width:45%;flex-direction:column;justify-content:center}
.common-main article .common-t{color:#000;font-size:42px;font-weight:700;text-transform:capitalize;margin-bottom:10px}
.common-main article .common-w{color:#000;font-size:20px;font-weight:100}
.common-main article .adv-pro-r-w span{font-weight:700}
.prod-img{text-align:center;margin:10px 0}
.prod-img img,.ser-img img{max-width:100%}
.common-main article .ser-t{color:#000;font-size:20px;font-weight:700;margin-bottom:20px}
.common-main article .ser-w{line-height:1.2}
.ser-img{text-align:center;margin-top:90px}
@media (max-width:1440px){.common-main article .about-pro-r-w{line-height:1.4;font-size:17px}
.common-main article .deve-word{font-size:18px}
.common-main article .digi-t{font-size:22px}
.cer-img{margin:20px}}
@media (max-width:1024px){.about-art{padding:30px}
.about-item{padding:15px 0}
.about-pro-list-r{margin:auto}
.icon-box{padding:20px 10px}
.common-main article .about-pro-r-t,.common-main article .common-t,.common-main article .team-t{font-size:30px}
.development{padding:40px 10px}
.common-main article .deve-title{font-size:35px}
.common-main article .deve-word{line-height:1.5}
.digi-art{padding:20px 10px}
.common-main article .digi-t{font-size:18px}
.common-main article .about-pro-r-w,.common-main article .common-w,.common-main article .deve-word,.common-main article .ser-t,.common-main article .team-w{font-size:16px}}
@media (max-width:768px){.about-item a{font-size:18px}
.about-art{padding:15px}
.about-profile,.adv-profile,.digitally,.icon-box{flex-wrap:wrap}
.about-profile,.adv-profile{margin-bottom:30px}
.about-pro-l,.about-pro-r,.adv-pro-l,.adv-pro-r{width:100%}
.about-pro-r,.adv-pro-r{padding-left:0;margin-top:20px}
.digi-item,.icon-item{width:49%;margin-bottom:15px}
.digitally,.ser-img{margin-top:30px}
.cer-img{width:43%}}
@media (max-width:450px){.about-list{flex-wrap:wrap}
.about-item{width:49%;margin-bottom:10px}
.about-pro-list-r,.adv-pro-list-r{padding-left:15px}
.common-main article .about-pro-r-t,.common-main article .common-t,.common-main article .team-t{font-size:24px}
.common-main article .about-pro-r-ts{font-size:17px}
.common-main article .about-pro-r-w,.common-main article .common-w,.common-main article .deve-word,.common-main article .ser-t,.common-main article .team-w{font-size:14px}
.digi-item,.icon-item{width:100%}
.common-main article .deve-title{font-size:25px}
.cer-img{width:100%;margin:10px 0}
.team-list2{margin:10px 0}}
.pro-content .pro-intro{max-width:800px;margin:0 auto}
.main-c article p{margin-bottom:8px}
.side-news ul .side-news-title,.foot-con,.news-con,.news-title,.hot-intro{word-break:break-word}
.foot-con a{color:#707070}
.prolist-0 .pro-name a{line-height:1.17em}
.wmkcnoover.wmkc-list{overflow-x:inherit}
.head-main .head-logo img{max-width:100px}
.sol-top{background:url(/Content/uploads/2022867629/202210311008075dc88c92a21d4acf859743337df4535a.jpg) no-repeat}
#product{background:url(/js/36080/1.jpg) no-repeat;background-size:cover;padding:50px 0;margin:0}
.advan{background:url(/js/36080/2.jpg) no-repeat;background-size:cover}
#contact{background:url(/js/36080/3.jpg) no-repeat}
#ind .ind-r .play{display:none}
.head-top .head-contact i{color:#fff}
#contact .foot-title{color:#000}
.foot-wrap .feedback-btn{background:#fff;color:#000}
.advan .advan-icon>i{background:url(/images/m420/advan_icon.png) no-repeat}
.foot-main .foot-title img{max-height:200px;background:#fff}
.contact .contact-box p a{color:#fff}
.inner-banner{min-height:inherit;background:#eee;height:auto}
.inner-banner .inner-content{position:static;padding:15px 15px 15px calc(50% - 800px);box-sizing:border-box;color:#000;align-items:flex-start}
.inner-banner h2,.inner-banner h1{margin:0 0 10px}
.inner-banner .breadcrumb a{color:#000}
@media (max-width:1680px){.inner-banner .inner-content{padding:15px 15px 15px calc(50% - 700px)}}
@media (max-width:1470px){.inner-banner .inner-content{padding:15px 15px 15px calc(50% - 600px)}}
@media (max-width:1279px){.inner-banner .inner-content{padding:15px 50px}}
@media (max-width:768px){.inner-banner .inner-content{padding:15px 4vw}}
#sol-swiper .swiper-wrapper-box .inner{display:flex;}
#sol-swiper .swiper-wrapper-box .inner>div{flex:1}
@media (max-width:768px){#sol-swiper .swiper-wrapper-box .inner{display:block;}}
.head-top .head-contact a:hover,.head-top .head-contact i, .head-top .head-contact em,.foot-cate a:hover, .foot-right a:hover, .foot-main a:hover{color:#eee}