﻿


.common-main {
    box-sizing: border-box;
 /*   padding: 30px 0;  默认样式，适用于桌面端 */
margin-top: -50px;
}

/* 针对手机端的样式 */
@media (max-width: 767px) {
    .common-main {
        padding: 0px 0; /* 在手机屏幕上减少内边距 */
    }
}


.team .teamtitle{text-align:center;font-size:36px;color:var(--fontcolor);font-weight:var(--fontweight5);line-height:28px}
.team .teamdes{color:#11b97f;line-height:28px;margin:20px auto;text-align:center}
.team .team-member .team-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.team .team-member .team-list .item{width:18%;overflow:hidden}
.team .team-member .team-list .item .member-img{border-radius:var(--border);overflow:hidden;position:relative}
.team .team-member .team-list .item .member-img img{width:100%;transition:all .2s ease;transform:scale(1)}
.team .team-member .team-list .item:hover .member-img img{transform:scale(1.03)}
.team .team-member .team-list .item .show::before{content:'';display:inline-block;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#11b97f;opacity:0;transition:all .2s ease}
.team .team-member .team-list .item .list{position:absolute;right:0px;top:50%;width:50px;height:128px;background-color:#f2f2f2;transform:translate(50px,-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#11b97f;transition:all .2s ease;border-radius:var(--border);border-top-right-radius:0;border-bottom-right-radius:0}
.team .team-member .team-list .item .list>a{width:30px;height:30px;border-radius:var(--border);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}
.team .team-member .team-list .item .list em{font-size:20px}
.team .team-member .team-list .item .member-tit{text-align:center;box-sizing:border-box;border-radius:0 0 3px 3px;border-bottom:4px solid #11b97f;padding:20px 0px;transition:all .2s ease}
.team .team-member .team-list .item .member-tit .tit{color:var(--fontcolor);font-weight:var(--fontweight5);font-size:20px;display:block;margin:10px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.team .team-member .team-list .item .member-tit .ceo{display:block;font-size:16px;color:#11b97f;font-weight:var(--fontweight5)}
.team .team-member .team-list .item:hover .show::before{opacity:.8}
.team .team-member .team-list .item:hover .list{transform:translate(0,-50%)}
.team .team-member .team-list .item:hover .member-tit{padding-bottom:10px}
.team .team-member .team-list .item .list>a:hover{background-color:#11b97f}
.team .team-member .team-list .item .list>a:hover em{color:#FFF}
.support .support-maintenance .item{display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #EEE}
.support .support-maintenance .item .info{flex:1}
.support .support-maintenance .item .info p{margin-bottom:20px}
.support .support-maintenance .item .img{width:30%}
.support .support-maintenance .item .img img{border-radius:var(--border);display:inline-block}
.support .support-maintenance .item.top .img{text-align:right}
.page{width:100%;background-color:#F6F6F6;display:flex;justify-content:center;align-items:center;padding:1% 0;gap:2%}
.page a{background-color:#FFF;box-shadow:0 0 9px 0 rgba(0,0,0,.14);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s linear}
.page .btn{height:40px;box-sizing:border-box;padding:1% 1%}
.page .num{box-sizing:border-box;width:40px;height:40px}
.page a:hover{background-color:#11b97f;color:#FFF}
.share-like{display:flex;align-items:center;margin:3% 0}
.share-like .st-btn{width:40px;height:40px;border:1px solid #dcdcdc;border-radius:var(--border);display:flex;align-items:center;justify-content:center;color:#11b97f;cursor:pointer;margin-right:2%;transition:all .2s linear}
.share-like .st-btn:hover{transform:translateY(-10px)}
.contact #feedbackForm .select-menu{margin-bottom:20px}
.contact #feedbackForm .select-menu input{color:#333;margin-bottom:0px}
.contact #feedbackForm input,.contact #feedbackForm textarea{background-color:#FFF;border:1px solid #e5e5e5;color:#333}
.contact #feedbackForm input::placeholder,.contact #feedbackForm textarea::placeholder{color:#333}
.contact #feedbackForm .send-btn{margin:30px auto}
#feedbackForm .select-menu{width:100%;position:relative}
#feedbackForm .select-menu .select-menu-div{position:relative;width:100%}
#feedbackForm .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:all .4s ease}
#feedbackForm .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
#feedbackForm .select-menu .select-menu-div em::after,#feedbackForm .select-menu .select-menu-div em::before{content:"";width:10px;height:2px;background:#11b97f;position:absolute;top:50%;left:0px;transform:rotate(45deg)}
#feedbackForm .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:6px}
#feedbackForm .select-menu .select-menu-div .select-menu-input{cursor:pointer;user-select:none}
#feedbackForm .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;opacity:0;display:none;width:100%;text-align:left;border:1px solid #ddd;background:#FFF;position:absolute;z-index:1}
#feedbackForm .select-menu .select-menu-ul li{padding:0px 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#feedbackForm .select-menu .select-menu-ul li:hover{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n){background:#f5f4f4}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n):hover{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li.select-this{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li.select-this:hover{background:#f2faea!important}
#feedbackForm input.input-error{border-color:red}
#feedbackForm input:focus{border-color:#11b97f}
#feedbackForm textarea:focus{border-color:#11b97f}
.inquiry-pc{margin-top:50px;background-color:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);margin-bottom:20px;border-radius:var(--border)}
.inquiry-pc .inquiry{padding:20px}
.inquiry-pc .title{font-size:24px;color:var(--fontcolor);font-weight:var(--fontweight5);margin:0px;text-transform:capitalize}
.inquiry-pc .title::after {content:''; display:inline-block;width:83px;height:3px;background-color:#11b97f}
.inquiry-pc .sidebar-title{background:0 0;font-size:20px}
.inquiry-pc #feedbackForm .inquiry-form{display:flex;flex-wrap:wrap}
.inquiry-pc #feedbackForm .select-menu{flex:1;margin-bottom:20px}
.inquiry-pc #feedbackForm .select-menu input{width:100%;color:var(--summarycolor);margin-bottom:0px}
.inquiry-pc #feedbackForm input::placeholder,.inquiry-pc #feedbackForm textarea::placeholder{color:var(--summarycolor)}
.inquiry-pc #feedbackForm input{width:32%;margin-right:2%;height:46px;background:#f1f5fe;border-radius:3px;outline:0;border:1px solid #f1f5fe;padding:0px 15px;margin-bottom:20px;transition:all .1s linear}
.inquiry-pc #feedbackForm input:focus{border-color:#11b97f}
.inquiry-pc #feedbackForm input.input-error{border-color:red}
.inquiry-pc #feedbackForm input:nth-child(3n){margin-right:0px}
.inquiry-pc #feedbackForm textarea{font-family:inherit;width:100%;background:#f1f5fe;border-radius:3px;outline:0;border:1px solid #f1f5fe;padding:20px 15px;margin-bottom:20px;resize:none;font-size:16px;color:var(--summarycolor);height:160px}
.inquiry-pc #feedbackForm textarea:focus{border-color:#11b97f}
.inquiry-pc #feedbackForm textarea.input-error{border-color:red}
.inquiry-pc #feedbackForm .send-btn{background:#11b97f;color:#FFF;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:6px 15px;width:211px;height:60px;border-radius:3px;cursor:pointer;margin:0 auto;box-shadow:0 0 0 #11b97f;transition:all .1s linear}
.inquiry-pc #feedbackForm .send-btn:hover{box-shadow:0 0 4px #11b97f}
.feedback-main article a{color:#11b97f}
.inquiry-prolist{margin:20px 0px}
.inquiry-prolist .inquiry-pro-item{display:flex;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:160px}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{border:1px solid #EEE}
.inquiry-prolist .inquiry-pro-item .pro-item-name{flex:1;padding:0px 10px;color:#999}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{color:#11b97f;font-size:18px;font-weight:var(--fontweight5)}
.inquiry-prolist .inquiry-pro-item .pro-item-del{background:#11b97f;margin-right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#FFF;cursor:pointer;border-radius:4px;transition:all .2s linear}
.newsendinquiry{cursor:pointer}
.download-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.download-list li{width:49%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear;padding:15px;margin-bottom:20px}
.download-list li:hover{box-shadow:1px 2px 10px rgba(0,0,0,.2)}
.download-list li .download-img{width:80px}
.download-list li .download-img img{width:100%}
.download-list li .download-info{flex:1;padding:0px 20px}
.download-list li .download-btn{background:#11b97f;display:flex;align-items:center;justify-content:center;color:#FFF;border-radius:4px;width:140px;height:36px;transition:all .2s linear;white-space:nowrap;overflow:hidden;padding:0px 10px}
.download-list li .download-btn:hover{box-shadow:1px 2px 10px #11b97f}
.feedback-main .send-inquiry{padding:20px}
.ey-template-55>.ey-faq-list>.ey-faq-item{border:1px solid #ddd;padding:10px;box-sizing:border-box;margin:10px auto;position:relative}
.ey-template-55>.ey-faq-list>.ey-faq-item>.ey-faq-tit>p{padding-right:40px;margin:0px;line-height:1.6;font-weight:var(--fontweight7);font-size:16px;cursor:pointer;position:relative}
.ey-template-55>.ey-faq-list>.ey-faq-item>.ey-faq-tit>p::after,.ey-template-55>.ey-faq-list>.ey-faq-item>.ey-faq-tit>p::before{content:"";width:16px;height:2px;background-color:#000;position:absolute;top:14px;right:12px}
.ey-template-55>.ey-faq-list>.ey-faq-item>.ey-faq-tit>p::after{transform:rotate(90deg)}
.ey-template-55>.ey-faq-list>.ey-faq-item>.ey-faq-tit.active>p::after{opacity:0}
.ey-template-55>.ey-faq-list>.ey-faq-item>.ey-faq-box{color:#666;line-height:1.5;padding-top:6px}
.technology-nr .technology-top{width:60px;height:60px}
.technology-nr .technology-top .technology-mod em{color:#11b97f;font-size:80px;position:absolute;z-index:-1;left:50%;top:-80%;transform:translate(-50%) rotate(-90deg)}
.technology-nr .technology-top>em{top:-30px;left:0px;position:absolute;color:#11b97f;font-size:60px;z-index:1}
