﻿.home-about .l-wrap{display:flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.home-about.home .unify .title{text-align:left;}
.home-about .about-img{width:54%;box-sizing:border-box;padding-left:40px;padding-bottom:40px;position:relative}
.home-about .about-img img{width:100%}
.home-about .about-img .img{border-radius:5px;overflow:hidden;transition:all .2s ease}
.home-about .about-img .img-info{position:absolute;left:0px;bottom:0px;width:180px;height:180px;box-sizing:border-box;padding:20px;background-color:var(--color);display:flex;flex-direction:column;justify-content:center;color:var(--headercolor);line-height:1.4;border-radius:5px;overflow:hidden;transition:all .2s ease}
.home-about .about-img .img-info::before{content:"";position:absolute;right:-90px;top:-90px;background-color:#FFFFFF;opacity:.1;width:200px;height:200px;border-radius:50%;z-index:1;animation:aboutposition1 2s linear infinite}
.home-about .about-img .img-info::after{content:"";position:absolute;right:-48px;top:-50px;background-color:#FFFFFF;opacity:.1;width:120px;height:140px;border-radius:50%;z-index:10;animation:aboutposition2 2s linear infinite}
.home-about .about-img .img-info .p1{font-size:46px;font-weight:var(--fontbold5)}
.home-about .about-img .img-info p{font-size:var(--fontsize16);text-transform:capitalize}
.home-about .about-img .about-play{width:80px;height:80px;border-radius:50%;background-color:#FFFFFF;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;transition:all .2s ease}
.home-about .about-img .about-play em{font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--color)}
.home-about .about-img .about-play::after{content:"";width:100px;height:100px;border:2px solid #FFFFFF;border-radius:50%;position:absolute;top:-12px;left:-12px;transition:all .2s ease}
.home-about .about-img:hover .img{transform:translate(-5px,5px)}
.home-about .about-info{width:46%;box-sizing:border-box;padding-left:40px}
.home-about .home-des-box{justify-content:left}
.home-about .home-title{text-align:left}
.home-about .about-text{margin:20px 0px}
.home-about .about-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.home-about .about-adv li{display:flex;list-style:none;color:var(--fontcolor);font-size:var(--fontsize18)}
.home-about .about-adv em{color:var(--color);font-size:var(--fontsize20);margin-right:8px;}
.home-about .home-more{background-color: var(--color);color: var(--headercolor);display: inline-flex;align-items: center;justify-content: center;overflow: hidden;min-width: 150px;height: 48px;position: relative;z-index: 1;border-radius:5px;margin-top:20px;}
.home-about .home-more:after{content: "";width: 0%;height: 100%;left: 0px;top: 0px;position: absolute;z-index: 0;background-color: rgba(0, 0, 0, .1);transition: all .2s ease;}
.home-about .home-more:hover:after{width: 100%;}
@keyframes aboutposition1{0%{right:-90px;top:-90px;opacity:.1}
50%{right:-80px;top:-80px;opacity:.2}
100%{right:-90px;top:-90px;opacity:.1}}
@keyframes aboutposition2{0%{right:-48px;top:-50px;opacity:.1}
50%{right:-38px;top:-40px;opacity:.2}
100%{right:-48px;top:-50px;opacity:.1}}
@media(max-width:1440px){.home-about .about-img .img-info{width:160px;height:160px;padding:15px}
.home-about .about-img .img-info .p1{font-size:48px}}
@media(max-width:1024px){.home-about{padding:50px 0px}
.home-about .about-img{padding-left:20px;padding-bottom:20px}}
@media (max-width:768px){.home-about{background-repeat:no-repeat;background-size:cover;padding:0 20px;}
.home-about .about-img{width:100%}
.home-about .about-img .img-info .p1{font-size:36px}
.home-about .about-img .about-play{width:60px;height:60px}
.home-about .about-img .about-play::after{width:80px;height:80px}
.home-about .about-info{width:100%;padding-left:0px;margin-top:2em}
.home-about .about-text{margin:15px 0px}
.home-about .home-more{min-width:120px;height:40px;margin-top:15px}}
@media(max-width:500px){.home-about .about-img{padding-left:10px;padding-bottom:10px}
.home-about .about-img .img-info{width:140px;height:140px;padding:10px}
.home-about .about-img .img-info .p1{font-size:var(--fontsize24)}
.home-about .about-img .img-info p{font-size:var(--fontsize14)}
.home-about .about-img .about-play{width:40px;height:40px}
.home-about .about-img .about-play::after{width:60px;height:60px}
.home-about .about-adv li{font-size:var(--fontsize16)}}
@media (min-width:769px){.home-choose .choose-list .item{width:24%;}}
.home-choose{background-repeat: no-repeat;background-size: cover;background-position: center;}
@media (min-width:1025px) {
.home-product .homepro-list .proitem .item-info .item-tit{height: 43px;}
.home-product .homepro-list .proitem .item-info .text{height: 76px;}
}
.index-febg{background: #000000a0;position: fixed;top: 0;width: 100vw;height: 100vh;align-items: center;justify-content: center;display: none;z-index: 9999;}
.index-febg.act{display: flex;}
.index-feex{max-width: 700px;padding: 20px;background: #fff;}
.index-febg .detail-title{font-size: var(--fontsize22);padding-bottom: 10px;margin: 10px auto;border-bottom: 1px solid #E7EEEE;color:#fff}
.index-feexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: relative;float: right;cursor: pointer;}
.index-feexit span{width: 3px;height: 40px;background: #000;position: absolute;}
.index-feexit span:nth-child(1){transform: rotate(45deg);}
.index-feexit span:nth-child(2){transform: rotate(-45deg);}
.index-feed .wmkcfeedback input,.index-feed .wmkcfeedback textarea{border: 1px #cbcbcb solid;background-color: #f0f0f0;}
.index-fetop{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.index-fetitle{font-size: 24px;}
.home-faq{padding:4% 0;}
.home-faq-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.faq-flex-lef{width:54%;}
.faq-flex-rig{flex:1;padding-left:40px;}
.faq-flex-rig .home-title{text-align:left;}
.faq-flex-riglist li{border:1px solid #ddd;margin-top:25px;list-style:none;}
.faq-flex-riglist li .faq-flex-tit{display:flex;align-items:center;padding:10px 15px;justify-content:space-between;cursor:pointer;}
.faq-flex-riglist li .faq-flex-tit p{flex:1;padding-right:15px;line-height:1.3;}
.faq-flex-riglist li .faq-flex-tit em{font-size:var(--fontsize20);font-weight:bold;transition:.3s;transform:rotate(-180deg)}
.faq-flex-riglist li .faq-flex-txt{padding:10px 15px;display:none;}
.faq-flex-riglist li .faq-flex-tit.active{background:var(--color);color:#fff;}
.faq-flex-riglist li .faq-flex-tit.active em{transform:none}
@media (max-width:1024px){.faq-flex-lef{width:100%;}
.faq-flex-rig{width:100%;padding:15px 0 0}
.faq-flex-riglist li{margin-top:15px}}
@media (max-width:768px){.home-faq{padding:30px 0;}}