@charset "utf-8";
.common-main .pro-detail img{display:block;width:100%}
.common-container .common-content .common-main p{margin-bottom:0}
.wmkc-template-33 .wmkc-flex{display:flex;background:0 0;align-items:center}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{position:static!important;max-height:inherit!important}
.project-content{word-break:break-word}
.home-container .news-product .news-content .ircn{padding-bottom:7px;-webkit-line-clamp:1}
.home-container{margin:0 auto;max-width:1920px}
.l-wrap{margin:0 auto;max-width:1600px}
.wmkc-video{position:relative;margin-top:110px}
.wmkc-video video{width:100%;height:auto}
.wmkc-video-size{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;background-color:#00000082;flex-direction:column;justify-content:center;align-items:center}
.wmkc-video-title p:nth-of-type(1){margin-bottom:50px;color:#f8c300;text-align:center;text-transform:uppercase;font-size:100px;font-family:fantasy}
.wmkc-video-title p:nth-of-type(2){margin:0 auto;width:100%;color:#fff;text-align:center;text-transform:capitalize;font-size:34px;font-family:fantasy;line-height:1.5}
.wmkc-video-title{margin-bottom:30px}
.more-btn{padding:14px 60px;border:1px solid #eeb313;background:#eeb313;color:#fff;transition:color ease .3s,background ease .3s}
.main-title{margin-bottom:12px;color:#666}
.main-part{text-transform:uppercase;font-size:2.375em}
.main-part,.main-title{text-align:center}
#about{padding:100px 0}
#about .l-wrap{display:-ms-flexbox;display:flex;justify-content:center}
#about .about-con,#about .about-img{width:50%}
#about .about-con{padding-left:100px}
#about .about-con .title{margin-bottom:22px;color:#eeb313;font-weight:700}
#about .about-con h3{margin-bottom:30px;width:80%;text-transform:uppercase;font-size:2.375em}
#about .about-con h3>span{color:#eeb313}
#about .about-con .con{color:#868686;line-height:1.5em}
#about .about-con ul{position:relative;margin:50px 0 60px;padding-left:70px;color:#222}
#about .about-con ul li{position:relative;margin-bottom:10px;line-height:1.5em}
#about .about-con ul li:after{position:absolute;top:6px;left:-22px;width:14px;height:14px;background:#eeb313;content:""}
#about .about-con ul:before{position:absolute;left:0;width:1px;height:100%;background:#eeb313;content:""}
#about .about-con ul:after{position:absolute;top:-22px;left:14px;width:1px;height:100%;background:#dbbb6494;content:""}
#about .about-con ul:before{top:10px}
#about .about-img{padding-top:60px}
#about .about-img img{right:0;display:block;width:90%;height:auto}
#about .about-img .img-wrap{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}
#about .about-img .box,#about .about-img .dot{position:absolute}
#about .about-img .dot{z-index:-2;background-image:radial-gradient(#d8d8d8 1.2px,rgba(0,0,0,0) 1px);background-size:16px 16px}
#about .about-img .box{z-index:-1;background:#f1f4f9}
@media screen and (max-width:1470px){#about .about-con{padding-left:50px}}
@media screen and (max-width:768px){#about{padding:9.6vw 0}
#about .l-wrap{display:block}
#about .about-con,#about .about-img{width:100%}
#about .about-img{margin-bottom:40px}
#about .about-img img{width:100%}
#about .about-con{padding-left:0}
#about .about-con h3{font-size:18px}
#about .about-con .title{margin-bottom:16px}
#about .about-con ul{margin:30px 0 40px;padding-left:60px}}
#ind{display:flex;overflow:hidden;margin:0 auto;padding:100px 0;max-width:1920px}
#ind>div{-ms-flex:1;flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:90px 120px}
#ind .ind-l{z-index:1;background:#2a3140}
#ind .ind-l h3{margin-bottom:46px;color:#fff;font-size:2.125em}
#ind .ind-l .con{margin-bottom:34px;color:#98a0b4;line-height:1.5em}
#ind .ind-r{position:relative;top:-54px;z-index:0;margin-left:-100px}
#ind .ind-r>img{display:block;width:100%;height:auto}
#ind .ind-r .play{position:absolute;top:50%;left:50%;display:-ms-flexbox;display:flex;width:77px;height:77px;border-radius:50%;background:#eeb313;transform:translate(-50%,-50%);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
#ind .adv-icon{display:-ms-flexbox;display:flex;margin:0 -16px;-ms-flex-wrap:wrap;flex-wrap:wrap}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:28px;padding:0 16px;width:50%}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:30px;background:#262c39;color:#fff}
#ind .adv-icon .icon-img{margin-right:24px}
#ind .adv-icon .num{display:flex;font-size:2.125em;align-items:center}
#ind .adv-icon .text{margin-top:4px;color:#98a0b4}
@media screen and (max-width:1680px){#ind .ind-wrap{padding:100px}
#ind .ind-r .play{top:40%}}
@media screen and (max-width:1470px){#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:14px}
#ind .ind-r .play{top:45%}}
@media screen and (max-width:768px){#ind{padding:20px 0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
#ind .ind-r{position:relative;top:0;margin:0}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:4vw}
#ind .ind-l h3{margin-bottom:20px;font-size:24px}
#ind .adv-icon .icon-img{margin-right:0}
#ind .adv-icon .icon-item{padding:4vw;height:100%;-ms-flex-direction:column;flex-direction:column}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
#product{margin-bottom:100px}
#product .pro-list{display:-ms-flexbox;display:flex;margin:56px -20px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}
#product .pro-list>li{box-sizing:border-box;margin-bottom:36px;padding:0 20px;width:25%}
#product .pro-list .pro-item{padding:15px;border:1px solid #e3e3e3;transition:border .3s ease}
#product .pro-list .pro-item:hover{border-color:#eeb313}
#product .pro-list .pro-item:hover img{transform:scale(1.05)}
#product .pro-list .pro-img{position:relative;padding-top:100%}
#product .pro-list .pro-img img{transition:transform .3s ease}
#product .pro-list .img-wrap{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
#product .pro-list .pro-name{display:block;overflow:hidden;margin:15px 0;color:#000;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:18px}
#product .pro-list .pro-more{display:block;width:100%;height:40px;background:#f2f2f2;color:#09162a;text-align:center;line-height:40px;transition:color .3s ease,background .3s ease}
#product .pro-list .pro-more:hover{background:#eeb313;color:#fff}
#product .product-more{text-align:center}
#product .product-more .more-btn{display:inline-block;margin:50px auto 0;padding:14px 36px;border-color:#000002;background:#fff;color:#000;text-transform:uppercase}
#product .product-more .more-btn:hover{border-color:#eeb313;background:#eeb313;color:#fff}
#product .product-more .more-btn em,#product .product-more .more-btn i{display:inline-block;margin-left:14px;transform:rotate(180deg)}
@media screen and (max-width:1470px){#product .pro-list .pro-item{padding:20px 16px}}
@media screen and (max-width:768px){#product{margin-bottom:5.3333333333vw}
#product .pro-list{margin:4vw -2vw}
#product .pro-list>li{margin-bottom:4vw;padding:0 2vw;width:50%}
#product .pro-list .pro-name{margin:4vw 0;font-size:14px}
#product .pro-list .pro-item{padding:3.2vw 4.5333333333vw}
#product .pro-list .pro-more{font-size:12px}
#product .product-more .more-btn{margin:0}}
#appli{background-color:#f6f6f6;background-image:url(/uploads/39553/back.jpg);background-position:center bottom;background-size:100%;background-repeat:no-repeat}
#sol-swiper{padding-bottom:60px}
#sol-swiper .swiper-slide{display:-ms-flexbox;display:flex}
#sol-swiper .swiper-slide>div{-ms-flex:1;flex:1}
#sol-swiper .sol-img img{width:100%;height:auto}
#sol-swiper .sol-r-wrap{display:-ms-flexbox;display:flex;box-sizing:border-box;padding:0 11% 0 9%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}
#sol-swiper .sol-r{background:#fff}
#sol-swiper .sol-title{margin-bottom:26px;color:#222;text-transform:uppercase;font-weight:700;font-size:2em}
#sol-swiper .sol-con{margin-bottom:44px;color:#868686;line-height:1.5em}
#sol-swiper .swiper-pagination-bullet{background:#eeb313}
.sol-top{background:url(/uploads/39553/application-bg.jpg) repeat-x left top}
.sol-top h3{padding:70px 0;color:#fff;text-align:center;text-transform:uppercase;font-size:2.375em}
.advan{padding:60px 0 85px}
.advan h3{margin-bottom:30px;text-align:center;text-transform:uppercase;font-size:2.375em}
.advan .title{margin:0 auto;margin-bottom:54px;max-width:48%;color:#828282;text-align:center}
.advan .advan-list{display:-ms-flexbox;display:flex;margin:0 -25px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.advan .advan-list>li{box-sizing:border-box;padding:0 25px;width:25%}
.advan .advan-item{position:relative;box-sizing:border-box;padding:38px 20px 46px;height:100%;background:#fff}
.advan .advan-item .tit{margin:0 auto;margin:24px 0 40px;text-align:center;font-weight:700;font-size:1.25em}
.advan .advan-item .con{color:#666;text-align:center;line-height:1.5em}
.advan .advan-item:hover .advan-icon{background-color:#eeb313}
.advan .advan-item:hover .advan-icon .qa{background-position:-36px 0}
.advan .advan-item:hover .advan-icon .gs{background-position:-108px 0}
.advan .advan-item:hover .advan-icon .rn{background-position:-180px 0}
.advan .advan-item:hover .advan-icon .fd{background-position:-252px 0}
.advan .advan-item:hover:after{border-bottom:24px solid #eeb313;border-left:24px solid transparent}
.advan .advan-item:after{position:absolute;right:14px;bottom:14px;display:block;width:0;height:0;border-bottom:14px solid #eeb313;border-left:14px solid transparent;content:"";transition:border .3s ease}
.advan .advan-icon{display:-ms-flexbox;display:flex;margin:0 auto;width:65px;height:65px;border-radius:5px;background:#f6f6f6;transition:background-color .3s ease;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.advan .advan-icon>em,.advan .advan-icon>i{display:block;width:36px;height:36px;background:url(../images/advan_icon.png) no-repeat}
.advan .advan-icon .gs{background-position:-72px 0}
.advan .advan-icon .rn{background-position:-144px 0}
.advan .advan-icon .fd{background-position:-216px 0}
@media screen and (max-width:1470px){.advan .advan-item{padding:20px 16px 30px}
.advan .advan-item .tit{margin:18px 30px}}
@media screen and (max-width:768px){#sol-swiper .swiper-slide{display:block}
#sol-swiper .sol-title{font-size:18px}
#sol-swiper .sol-r-wrap{padding:5.3333333333vw 4vw}
#sol-swiper .sol-con{margin-bottom:4vw;font-size:14px}
.sol-top h3{padding:9.3333333333vw 0;font-size:19px}
.sol-top{background-position:top 0 center;background-size:auto 30%}
.more-btn{padding:10px 30px;font-size:14px}
.advan h3{font-size:19px}
.advan .title{margin-bottom:5.3333333333vw;max-width:100%;font-size:14px}
.advan{padding:5.3333333333vw 0}
.advan .advan-list>li{margin-bottom:4vw;padding:0 2vw;width:50%}
.advan .advan-list{margin:0 -2vw}
.advan .advan-item .tit{margin:4vw 0;font-size:16px}
.advan .advan-item .con{font-size:14px}}
.swiper-slide a,.swiper-slide img{width:auto}
.advan .advan-list>li:hover .advan-icon img{filter:grayscale(200%) brightness(500%)}
#new{padding:100px 130px}
#new .new-list{display:-ms-flexbox;display:flex;margin:36px -25px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}
#new .new-list>li{box-sizing:border-box;padding:0 25px;width:33.3333%}
#new .new-item{padding-bottom:30px;box-shadow:0 0 70px 0 rgba(184,184,184,.33)}
#new .new-img{position:relative;display:block}
#new .new-img img{display:block;width:100%;height:auto}
#new .new-date{position:absolute;bottom:0;left:30px;padding:10px 14px;background:#eeb313;color:#fff;font-weight:700;font-size:14px}
#new .new-date i{margin-right:6px}
#new .new-more{display:-ms-flexbox;display:flex;margin:0 30px;-ms-flex-pack:justify;justify-content:space-between}
#new .new-more i{font-weight:700;transform:rotate(180deg)}
#new .new-title{display:block;overflow:hidden;margin:18px 30px;padding-bottom:18px;border-bottom:1px solid #e3e3e3;color:#222;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1.125em}
#new .new-title:hover{color:#eeb313}
@media screen and (max-width:1470px){#new .new-title{margin:12px 20px}
#new{padding:50px 0}}
@media screen and (max-width:768px){#new{padding:4vw 0}
#new .new-list{margin:4vw -2vw}
#new .new-list>li{padding:0 2vw;width:50%}
#new .new-list>li:last-child{display:none}
#new .new-date{left:10px;padding:4px 6px;font-size:12px}
#new .new-item{padding-bottom:4px}
#new .new-title{margin:6px 10px;padding-bottom:6px;font-size:16px}
#new .new-more{margin:10px;font-size:12px}}
#contact{padding:30px 0;background:#2e2e2e}
#contact .l-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
#contact .foot-contact{padding:0 14px;height:45px;background:#eeb313;color:#fff;white-space:nowrap;line-height:45px}
#contact .foot-title{color:#fff;text-transform:uppercase;font-size:1.6em;line-height:45px}
@media screen and (max-width:768px){#contact{display:none}}
@media (max-width:1630px){.l-wrap{padding:0 3%}}
@media (max-width:1024px){#about .about-con h3{margin-bottom:15px;width:100%;text-transform:uppercase;font-size:24px}
#about .about-con ul{margin:30px 0}
#ind .ind-l h3{margin-bottom:30px;font-size:24px}
#ind .adv-icon .num{font-size:22px}
#ind{padding:50px 0}
#sol-swiper .sol-title{margin-bottom:10px;font-size:22px}
#sol-swiper .sol-con{margin-bottom:20px}
.more-btn{padding:10px 30px}
#product .pro-list .pro-name{font-size:14px}
#product .product-more .more-btn{margin:0 auto}
#about,.sol-top h3{padding:50px 0}
.advan h3,.main-part,.sol-top h3{font-size:30px}
.wmkc-video-title p:nth-of-type(1){margin-bottom:20px;font-size:62px}
.wmkc-video-title p:nth-of-type(2){font-size:26px}}
@media (max-width:768px){.home-container .about-img{display:block}
#about .about-con .con,#about .about-con ul li,#ind .ind-l .con{font-size:18px}
#ind .adv-icon .text{font-size:20px}
#ind .adv-icon .num{justify-content:center}
.main-title{font-size:14px}
.wmkc-video-title p:nth-of-type(1){font-size:52px}
.wmkc-video-title p:nth-of-type(2){font-size:24px}}
@media (max-width:450px){#about .about-con .con,#about .about-con ul li,#ind .ind-l .con{font-size:16px}
#about,.sol-top h3{padding:30px 0}
#ind .adv-icon .text{font-size:14px}
#ind .adv-icon .num{font-size:20px}
.advan h3,.main-part,.sol-top h3{font-size:24px}
#about .about-con h3{font-size:20px}
#ind{padding:0 0 30px}
.wmkc-video-title p:nth-of-type(1){margin-bottom:10px;font-size:24px}
.wmkc-video-title p:nth-of-type(2){font-size:16px}
.wmkc-video-im img{max-width:70%}
.wmkc-video {position:relative}}
.common-container.pro-detail-container .common-content{margin:50px auto;max-width:1200px;padding:0 20px;box-sizing:border-box}
.bvideo{position:relative;width:100%;height:calc(100vh - 150px)}
.bvideo iframe{position:absolute;top:0;left:0;max-height:100%}
@media (max-width:768px){.bvideo{padding:0;height:calc(100vh - 16vw - 40px)}
.wmkc-video{margin-top:16vw}}
.tshare {display:flex;margin-left:10px}
.tshare a {margin-left:10px}
.tshare a i {font-size:20px}
@media (max-width:960px){.tshare{display:none}}
header .header-top .top-right >span,header .header-top .top-right >ul{display:none}
.download .download-list{display:flex;flex-wrap:wrap;justify-content: space-between}
.download .download-list li{width:49%;text-align:center}
.download .download-list li .download-btn span{font-weight:var(--fontbold7);color:#FB1314;}
@media (min-width:769px){header nav ul>li {margin:0 10px}
header nav>ul>li>a {white-space:nowrap;font-size:15px}}
@media (max-width:1600px){body header nav>ul>li>a{font-size:13px}}