/** layui */
.layui-form-select dl dd.layui-this {background: #036EB8;}
.layui-form-select .layui-edge { width: 10px; height: 6px;margin-top: -3px;border: none;background: url(../images/select-arrow.png) center center no-repeat;}
.layui-form-select dl{top: 48px;}
.layui-form-checked[lay-skin=primary] i{background: #036EB8;border-color: #036eb8!important;}
.layui-form-checkbox[lay-skin=primary] span{font-size: 16px;color: #191817;}
.layui-form-checked span{color: #036EB8!important;}
.form-tips {text-align: right;width: 100%;margin-bottom: 15px;}
.form-input {width: 100%;padding: 0 12px;height: 48px;border: 1px solid rgba(17, 17, 17, .1);}
.layui-input,.layui-select {height: 48px;}
.layui-input:focus,
.layui-select:focus{ border-color: var(--main-color) !important;}
.layui-form-checkbox span{padding: 0;}
.layui-form-checkbox[lay-skin=primary] span{padding-right: 0;}

.layui-laydate-footer span:hover,
.layui-laydate-header i:hover, .layui-laydate-header span:hover{ color:#036eb8 !important;}
.layui-laydate .layui-this, .layui-laydate .layui-this>div{ background-color:#036eb8 !important;}

.file-item {display: inline-block;margin: 10px 10px 10px 0; position: relative;vertical-align: top;}
.file-preview {width: 120px;height: 120px;object-fit: contain;border: 1px solid rgba(17, 17, 17, .1);border-radius: 4px;background-color: #f9f9f9;}
.file-name {display: none;margin-top: 5px;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.file-icon {font-size: 100px;color: #ccc;text-align: center;line-height: 120px;}
.delete-btn {position: absolute;top: 5px;right: 5px;background-color: #f44336;color: white;border: none;border-radius: 50%;width: 25px;height: 25px;font-size: 12px;cursor: pointer;display: none;}
.file-item:hover .delete-btn {display: block;}

.mask-box{position: fixed;width: 100%;height: 100%;background: rgba(17,17,17,.45);left: 0;top: 0;z-index: 999;display: none;}
.mask-content{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #FFFFFF;border-radius: 12px;z-index: 1000;display: none;}
.mask-content .form-content{ max-height: 85vh; overflow-y: auto;}

/** cookie policy */
.cookie-policy {margin: .85rem 0 .8rem;line-height: 30px;}
.cookie-policy h3 {line-height: .6rem;margin-bottom: .3rem;}
.cookie-policy h5 {margin: .35rem 0 .1rem;}
.cookie-policy p {font-size: 16px;color: #474645;line-height: 30px;}

/** contact us */
.contact-us { margin-bottom: 1.3rem; }
.contact-form-tips {text-align: right;width: 100%;margin-bottom: 15px;}
.contact-form .item { width: 49%;margin-bottom: 15px; }
.contact-form .form-input {width: 100%;padding: 0 12px;height: 48px;border: 1px solid rgba(17, 17, 17, .1);}
.contact-form .layui-input, .contact-form .layui-select {height: 48px;}
.contact-form textarea.form-input {width: 100%;resize: none;padding: 16px 12px;min-height: 110px;}
.contact-us .sub-btn {width: 615px;height: calc(28px + .2rem);background: #036EB8;border: none;margin-top: .55rem; cursor: pointer;}
.contact-us .code-box {width: 100%;margin-top: 15px;}
.contact-us .code-box .form-input {width: 50%;margin: 0 20px;}
.contact-us .code-btn {color: #036EB8;}
.contact-us .code-btn .icon {margin: 3px 3px 0 0;}
.contact-us .reset-code {cursor: pointer;text-decoration: underline;}
.xinzengtupian{ margin:50px auto; text-align:center; }

.eng-list li {width: 18.75%; margin: 50px 1.25% 0 0;border-radius: 8px;overflow: hidden;transition: all .5s;}
.eng-list li:nth-child(5n) {margin: 50px 0 0;}
.eng-list li .eng-list-pic {width: 100%;overflow: hidden;}
.eng-list li .eng-list-pic .imgBg {padding-bottom: 116.67%; transition: all 1s;}
.eng-list .eng-list-text {margin-top: 30px;}
.eng-list .eng-list-text h4 {position: relative;padding-left: 12px;line-height: 24px;transition: all .5s;}
.eng-list .eng-list-text h4:before {position: absolute;content: '';width: 4px;height: 18px;background: #036EB8;left: 0;top: 50%;transform: translateY(-50%);}
.eng-list .eng-list-text .text-desc {color: rgba(25, 24, 23, .8);line-height: 18px;margin-top: 15px;}
.eng-list .text-desc .position span{display: inline-block; vertical-align: midder; max-width: 92%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 5px;}

.eng-list li:hover .eng-list-text h4 {color: #036EB8;}
.eng-list li:hover .imgBg{ transform: scale(1.1);}

/** engineer detail */
.engineer-detail{margin-bottom: .2rem;}
.engineer-detail .detail-pic{width: 36.875%;border-radius: 8px;overflow: hidden;}
.engineer-detail .detail-pic img {width: 100%;}
.engineer-detail .detail-cont{width: 58.75%;}
.engineer-detail .detail-title{margin-bottom: 30px; padding:0 0.12rem; }

.engineer-detail .detail-cont .name{position: relative;line-height: 40px;padding-left: 12px;margin-bottom: 5px;}
.engineer-detail .detail-cont .name::before{position: absolute;content: '';width: 4px;height: 18px;background: #036EB8;left: 0;top: 50%;transform: translateY(-50%);}
.engineer-detail .detail-cont .position{color: #036EB8;background: url(../images/engineer/empty-star.png) right center no-repeat;display: inline;padding-right: 20px;}
.engineer-detail .detail-cont .download{background: url(../images/engineer/engineer-ico.png) left center no-repeat;padding-left: 60px;background-size: 48px 48px;line-height: 48px;}
.engineer-detail .detail-cont .download span{text-decoration: underline;cursor: pointer;transition: all .5s;}
.engineer-detail .detail-cont .download:hover {color: #036EB8;}
.detail-others{padding: 25px 0.12rem;border-top: 1px solid rgba(17, 17, 17, .1);border-bottom: 1px solid rgba(17, 17, 17, .1);margin-bottom: 25px;}
.detail-others .others-text p{line-height: 30px;}
.detail-others .others-text .wechat{background: #FFFFFF;border-radius: 8px;padding: 13px;box-shadow: 0 5px 13px 0 rgba(17, 17, 17, .5);}
.detail-others .others-text .wechat img{width: 114px;height: 114px;}
.engineer-detail .others-share a{position: relative;display: inline-block;margin-left: 7px;}
.engineer-detail .others-share .wechat{ width:120px; position: absolute;left: 50%;transform: translateX(-50%);top: -135px;opacity: 0;transition: all .3s;}
.engineer-detail .others-share a:hover .wechat{opacity: 1;top: -130px;}
.engineer-detail .info-item {width: 100%; color: rgba(25, 24, 23, 0.8);line-height: 30px;border-bottom: 1px solid rgba(17, 17, 17, .1);padding-bottom: 25px;margin-bottom: 25px;}
.engineer-detail .info-item:last-child{border-bottom: 0;}
.engineer-detail .info-item .info-title{color: rgba(25, 24, 23, 1);margin-bottom: 15px;}
.engineer-detail .info-others{font-weight: 700;}
.engineer-detail .star-item {line-height: 30px;margin-bottom: 5px;white-space: nowrap;}
.engineer-detail .star-box {white-space: nowrap;}
.engineer-detail .star-item:nth-child(2n-1) {width: 40%;}
.engineer-detail .star-item:nth-child(2n) {width: 55%;}
.engineer-detail .info-text h5{margin-top: 10px;}

/** join us */
.join-us .reason-list li {width: 48.75%;border: 1px solid rgba(17, 17, 17, .1);padding: .45rem;box-sizing: border-box;overflow: hidden;margin-bottom: .4rem;}
.join-us .reason-list li .list-ico{width: 60px;float: left;margin-right: .28rem;}
.join-us .reason-list li .list-ico img{max-width: 100%;max-height: 100%;}
.join-us .reason-list li:hover .list-ico{animation: swing 1s linear infinite;}
.join-us .reason-list li .list-text{overflow: hidden;}
.join-us .reason-list li .desc{line-height: 28px;margin-top: 30px;}
.join-us .reason-list li .txt-title{position: relative;line-height: 28px;}
.join-us .reason-list li .txt-title::after{position: absolute;content: '';width: 12px;height: 2px;bottom: -15px;left: 0;background: #036EB8;}
.join-us .employee{width: 100%;background: #f6f6f6;padding: 1.2rem 0;margin: 0.8rem 0 1.2rem;}
.join-us .employee-box{width: 100%;margin-top: .5rem;overflow: hidden;position: relative;}
.join-us .employee-box .imgBg{padding-bottom: 42.5%;}
.join-us .employee-box .employee-text{position: absolute;left: 0;bottom: 0;z-index: 5;padding: .35rem;width: 41%;width: 100%;}
.join-us .employee-box .employee-text::after{content: '';position: absolute;left: 50%;width: 1px;height: 120px;background: rgba(255,255,255, .35);top: 50%;transform: translateY(-50%);}
.join-us .employee-box .employee-text .text-item{max-width: 45%;}
.join-us .employee-box .employee-text h4{margin-bottom: 20px;}
.join-us .employee-box .employee-text li{position: relative;padding-left: 15px;line-height: 28px;}
.join-us .employee-box .employee-text li::after{content: '';position: absolute;left: 0;top: 12px;width: 4px;height: 4px;border-radius: 50%;background: #FFFFFF;;}
.join-us .employee-box .text-item{line-height: 28px;}
.join-us .benifits-list li{width: 13%;margin-right: 1.5%;}
.join-us .benifits-list li:last-child{margin-right: 0;}
.join-us .benefits .list-tit{margin-top: 10px;height: 48px;line-height: 24px;}
.join-us .benefits .list-ico {width: 65px;height: 65px;overflow: hidden;margin: 0 auto 5px;}
.join-us .benefits .list-ico img{width: 100%;height: 100%;}
.join-us .join-box{margin: 1.2rem 0;width: 100%;position: relative;overflow: hidden;}
.join-us .join-box .imgBg{padding-bottom: 40%;transition: all 1s;}
.join-us .join-box:hover .imgBg{transform: scale(1.1);}
.join-us .join-box .box-text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.join-us .join-box .box-btn{width: 205px;height: 48px;line-height: 48px;text-align: center;background: #036EB8;border-radius: 30px;transition: all 0.5s;}
.join-us .join-box .box-btn:hover{background: rgba(3, 110, 184, .8);}
.join-us .benefits li:hover .list-ico{animation: swing 1s linear infinite;}

/**job posting*/
.job-posting{margin-top: .75rem;}
.job-posting .job-search{width: 19.125%;}
.job-posting .job-search .search-tit{font-weight: 600;}
.job-posting .job-search .job-search-btn{width: 100%;height: 42px;line-height: 42px;background: #f8f8f8;display: block;border-radius: 25px;margin-top: 20px;cursor: pointer;transition: all .5s;}
.job-posting .job-search .job-search-btn:hover{background-color: #036EB8;color: #FFFFFF;}
.job-posting .job-search .filter-box{margin-top: .3rem;border-top: 1px solid rgba(17, 17, 17, .1);padding-top: .25rem;}
.job-posting .job-search .filter-box h4{line-height: 24px;font-weight: 600;margin-bottom: 10px;}
.job-posting .job-search .check-item{line-height: 28px;}
.job-posting .job-list{width: 75.8%;position: relative;}
.job-posting .job-list:before{content: '';position: absolute;width: 1px;height: 80%;background-color: rgba(17, 17, 17, .1);left: -35px;top: 0;}
.job-posting .job-list li{border-bottom: 1px solid rgba(17, 17, 17, .1);padding: .3rem 0;}
.job-posting .job-list li:first-child{padding: 0 0 .3rem;}
.job-posting .job-list .lef-title{cursor: pointer;}
.job-posting .job-list .lef-title h4{line-height: 28px;margin-bottom: 10px;transition: all .5s;}
.job-posting .job-list .lef-title span{margin-right: .25rem;}
.job-posting .job-list .lef-title span:last-child{margin-right: 0;}
.job-posting .job-list .job-desc{background: #f8f8f8;padding: .4rem .5rem;margin-top: .3rem;line-height: 30px;display: none;}
.job-posting .job-list .job-req span{margin-right: .25rem;font-weight: 600;}
.job-posting .job-list .job-req span:last-child{margin-right: 0;}
.job-posting .job-list .job-desc h5{margin: .35rem 0 .25rem 0;}
.job-posting .job-btns{margin-top: .5rem;}
.job-posting .job-btns a{display: inline-block;width: 190px;height: 48px;line-height: 44px;text-align: center;border: 2px solid #036EB8;color: #036EB8;border-radius: 30px;font-weight: 600;}
.job-posting .job-btns a.apply-btn{background-color: #036EB8;color: #FFFFFF;margin-right: 15px;}
.job-posting .list-ico{width: 36px;height: 36px;background: #dfdfdf;border-radius: 50%;}
.job-posting .list-ico .faq-btn{margin-left: 0;cursor: pointer;}
.job-posting .faq-btn::before, .faq-btn::after{background-color: #FFFFFF;}
.job-posting .job-list li:hover .lef-title h4,.job-posting .job-list li.active .lef-title h4{color: #036EB8;}
.job-posting li.active .list-ico{ background-color: #036EB8;}
.job-posting li.active .faq-btn::after{ height: 0;}

/** wnterprise registration */
.enterprise{ max-width: 1280px; margin: .8rem auto .85rem;}
.enterprise .item{width: 100%;margin-bottom: 16px;}
.enterprise .upload-item{margin-top: .15rem;}
.enterprise .item .upload-btn{width: 180px;height: 48px;text-align: center;line-height: 46px;border: 1px solid rgba(17, 17, 17, .1);color: #191817;margin: 0 18px;cursor: pointer; transition: all .3s;display: block;}
.enterprise .item .upload-btn:hover{ border-color: var(--main-color); color: var(--main-color);}
.enterprise .enter-top{margin-bottom: .2rem;width: 100%;}
.enterprise .form-tips{width: auto;margin-bottom: 0;}
.layui-upload-list{ display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px;}
.layui-upload-list .item{ width: 185px; height: 130px; max-width: 1.85rem; max-height: 1.3rem; padding: 5px; margin-right: 5px; border: 1px solid rgba(17, 17, 17, .1);}
.layui-upload-list img{ display: block; max-width: 100%; max-height: 100%;}
.enterprise .agree-item{margin-bottom: .15rem;}
.enterprise .agree-item a{text-decoration: underline;}
.enterprise .sub-btn{width: 615px;height: calc(28px + .2rem);background: #036EB8;margin:.4rem auto 0;border: none;display: block;cursor: pointer;}
.submit-tips-box{width: 520px;height: 285px;}
.submit-tips-box>div{width: 100%;height: 100%;}
.submit-tips-box .tips-img{}
.submit-tips-box p{margin-top:.2rem;}
.submit-tips-box .close-btn{position:absolute;right: 20px;top: 15px;font-size: 20px;cursor: pointer;}

/** individual registry */
.enterprise .language-select{width: 50%!important;}
.enterprise .input-line{border: none;border-bottom: 1px solid rgba(17, 17, 17, .1);height: 48px;margin: 0 6px;width: 200px;}
.enterprise .lang-others{margin-left: 22px;}
.enterprise .fill-text{white-space: nowrap;}
.enterprise .social-links{color: rgba(25, 24, 23, .8);}
.enterprise .second-title{width: 100%;margin: 5px 0 10px 0;}
.enterprise .social-box{background: #F6F6F6;padding: 0.48rem;width: 100%;margin-bottom: 20px;}
.enterprise .social-item{margin-bottom: 15px;}
.enterprise .social-box label{color: rgba(25, 24, 23, .8);width: 110px;margin-right: 25px;}
.enterprise .social-box .social-input{height: 48px;border: none;padding: 0 12px;overflow: hidden;flex: 1;}
.enterprise .social-box .social-btn{width: 258px;height: 48px;background: rgba(3, 110, 184, .8);line-height: 48px;text-align: center;margin-left: 5px;cursor: pointer;display: block;}
.enterprise .social-box .upload-box{position: relative;}
.enterprise .social-box .social-btn:hover{ color: #FFFFFF;}
.enterprise .social-box .upload-box {position: relative;}
.enterprise .social-box .white-bg{color: rgba(25, 24, 23, .8);background: #FFFFFF;}
.enterprise .social-box .white-bg:hover{ color: var(--main-color);}
.enterprise .past-title{width: 100%;}
.enterprise .past-title span{display: inline-block;white-space: nowrap;}
.indiv-title{margin: 30px 0 15px 0;width: 100%;}
.enterprise .rate-item{width: 100%;}
.layui-rate{padding: 6px 5px 6px 0;}
.layui-rate li i.layui-icon{color: #036EB8;}
.enterprise textarea{resize: none;min-height: 110px;padding: 15px 12px;}
.layui-upload-file{position:absolute;z-index:9999;opacity: 0;height:48px;left:0;top:0; display: block !important;}

/** news */
.news{}
.news .first-new{margin: 0.55rem 0 0;cursor: pointer;}
.news .first-pic{width: 50%;position: relative;overflow: hidden;}
.news .first-pic .imgBg{padding-bottom: 51%;transition: all 1s;}
.news .first-text{margin-left: .7rem;flex: 1;}
.news .first-text .date{color: rgba(25, 24, 23, 0.8);}
.news .first-text .title{line-height: 40px;height: 80px;width: 100%;margin: 20px 0 25px 0;}
.news .first-text .title a{transition: all .5s;}
.news .first-text .desc{line-height: 28px;height: 84px;}
.news .box-more{margin-top: .3rem;}
.news .first-new:hover .imgBg{transform: scale(1.1);}
.news .first-new:hover .title {color: var(--main-color);}
.news .first-new:hover .title a{color: var(--main-color);}
.news-list li{width: 33.33%;border-top: 1px solid rgba(17, 17, 17, .1);border-right: 1px solid rgba(17, 17, 17, .1);padding: .5rem .4rem 0 .4rem;box-sizing: border-box;margin-top: .5rem;cursor: pointer;}
.news-list li:nth-child(3n){border-right: none;}
.news-list li .new-pic{width: 100%;position: relative;overflow: hidden;margin-top: .2rem;}
.news-list li .imgBg{padding-bottom: 51.04%;transition: all 1s;}
.news-list li i{opacity: 0;transition: all 1s;}
.news-list li .title{line-height: 32px;height: 96px;margin-bottom: .45rem;transition: all .5s;}
.news-list li:hover .imgBg{transform: scale(1.1);}
.news-list li:hover .title{color: var(--main-color);}
.news-list li:hover i{opacity: 1;}

.news-detail .detail-title{line-height: 60px;border-bottom: 1px solid rgba(17, 17, 17, .1);padding-bottom: .4rem;}
.news-detail .detail-title span{display: block;}
.news-detail .others{margin: .32rem 0;}
.news-detail .dtl-tips{background: rgba(3, 110, 184, 0.03);color: #036EB8;padding: .25rem .3rem;border-radius: 12px;}
.news-detail .details-text{color: #474645;margin-top: .55rem;line-height: 30px;}
.news-detail .details-text img{max-width: 100%;display: block;margin: auto;}
.news-detail .rec-news{border-top: 1px solid rgba(17, 17, 17, .1);margin: .8rem 0 .55rem 0;padding-top: .55rem;}
.news-detail .back-list{width: 52px;height: 52px;border: 1px solid rgba(17, 17, 17, .1);transition: all .5s;}
.news-detail .back-list:hover{border: 1px solid #036EB8;color: #036EB8;}
.news-detail .rec-item{max-width: 40%;line-height: 30px;}
.news-detail .rec-item a{-webkit-line-clamp: 1;transition: all .5s;margin-top: .1rem;}
.news-detail .next-news{text-align: right;}
.news-detail .rec-item a:hover{color: #036EB8;text-decoration: underline;}

/** product */
.product{padding-top: .65rem;}
.product .pro-nav{width: 270px;margin-right: .5rem;}
.product .menu-item{line-height: 60px;}
.product .sub-nav{line-height: 45px;padding: 10px 24px;display: none;}
.product .menu-item .iconfont{transition: all .5s;}
.product .menu-item > a{width: 100%;border-bottom: 1px solid rgba(17, 17, 17, .1);height: 100%;font-family: HarmonyOS_Sans_SC_Medium;transition: all .5s;}
.product .level-three{padding: 0 20px;display: none;}
.product .level-three > a{display: block;position: relative;padding-left: 10px;transition: all .5s;}
.product .level-three > a::before{width: 4px;height: 4px;border-radius: 50%;content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #999;}
.product .menu-item:hover > a,
.product .menu-item.active > a{color: #036EB8;}
.product .menu-item.has-sub.active .iconfont {transform: rotate(180deg);}
.product .level-three > a:hover,
.product .level-three > a.active{color: #036EB8;}


.product .sub-menu-item > a:hover,
.product .sub-menu-item.active > a{color: #036EB8;}

.product .sub-menu-item.active2 > a:hover,
.product .sub-menu-item.active2 > a{color: #036EB8;}

.pro-list,.project-list{flex: 1;}
.product .pro-list-tit{font-weight: bold;position: relative;line-height: 36px;}
.product .pro-list-tit::after{content: '';position: absolute;width: 30px;height: 2px;background: #036EB8;left: 0;bottom: -15px;}
.pro-list li{width: 32.03%;border: 1px solid rgba(17, 17, 17, .1);border-radius: 8px;margin-right: 1.95%;margin-top: .4rem;overflow: hidden;transition: all 1s;}
.pro-list li:nth-child(3n),
.project-list li:nth-child(3n){margin-right: 0;}
.pro-list .pro-pic,
.project-list .pro-pic{width: 100%;position: relative;overflow: hidden;}
.pro-list .imgBg{padding-bottom: 59.76%;transition: all 1s;}
.pro-list .pro-text{padding: .4rem .3rem;box-sizing: border-box;}
.pro-list .pro-text h4{position: relative;transition: all 1s;margin-bottom: 25px;}
.pro-list .pro-text h4::after{content: '';position: absolute;width: 18px;height: 2px;background: #036EB8;left: 50%;transform: translateX(-50%);bottom: -12px;}
.pro-list li:hover{box-shadow: 0 8px 13px 0 rgba(17,17,17,.1);}
.pro-list li:hover .imgBg,
.project-list li:hover .imgBg{transform: scale(1.1);}
.pro-list li:hover h4,
.project-list li:hover .pro-tit{color: #036EB8;}
.lmnrsm{ margin-top:30px; }
.lmnrsm img{ max-width:100%; }
/** product -project */
.project-list li{width: 32.03%;margin-right: 1.95%;margin-top: .4rem;}
.project-list .pro-pic{border-radius: 8px;overflow: hidden;}
.project-list .imgBg{padding-bottom: 56.1%;transition: all 1s;}
.project-list .pro-tit{-webkit-line-clamp: 2;margin-top: 25px;transition: all 1s;}
.project-list .pro-others{margin-top: 10px;}

/** product details */
.product-details {position: relative;}
.product-details .top-bar{width: 100%;background: #036EB8;height: 90px;line-height: 90px;position: sticky;top: 90px;z-index: 111; overflow:hidden; }
.product-details .top-bar li{margin-left: 55px;position: relative;height: 100%;}
.product-details .top-bar li a{display: inline-block;height: 100%;}
.product-details .top-bar li::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: transparent;transition: all .5s;}
.product-details .top-bar li.active::after,
.product-details .top-bar li:hover::after{background: #FFFFFF;}
.product-details .top-bar li:hover a{  color:#fff;  }
.top-name{ max-width:800px; overflow:hidden; height:90px; overflow:hidden; }

.function{padding: .78rem 0 1.28rem 0;}
.function .func-list{}
.function .list-item{width: 22.5%;margin-right: 3%;}
.function .list-item:last-child{margin-right: 0;}
.function .list-title{font-weight: bold;position: relative;margin: 22px 0 35px 0; height:60px; line-height:30px; overflow:hidden; }
.function .list-title::after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px;width: 12px;height: 2px;background: #036EB8;}
.function .list-ico{width: 120px;height: 120px;border-radius: 50%;background: #F8F8F8;margin: auto;}
.function .list-ico img{transition: all 1s;width: 60px;height: 60px;}
.function .list-item:hover .list-ico img{animation: swing 1s linear infinite;}
.specifications{background: #F8F8F8;width: 100%;padding: .78rem 0 1.28rem 0;}
.specifications ul{border-top: 2px solid #191817;}
.specifications ul > li{border-bottom: 1px solid rgba(17, 17, 17, .1); display:flex; flex-wrap:wrap; }
.specifications ul > li > .title{font-weight: bold;background: rgba(17, 17, 17, 0.03);width: 285px;}
.specifications ul > li > .desc{line-height: 36px;padding: .25rem 1rem;flex: 1;}
.selection{background: #036EB8;padding: .78rem 0 1.28rem 0;}
.selection .table-box{width: 100%;overflow-y: auto;}
.selection table{width: 100%;color: #FFFFFF;text-align: center;min-width: 800px;}
.selection table thead{background: #FFFFFF;color: #036EB8;}
.selection table td,.selection table th{padding: .25rem 0;}
.selection table th{border-right: 1px solid #4292CA;}
.selection table td{border-right: 1px solid #4292CA;border-bottom: 1px solid #4292CA;}
.selection table td:last-child{border-right: none;}
.highlights{padding: .78rem 0 .5rem 0;}
.highlights-swiper .slide-list > li{width: 48.75%;border: 1px solid rgba(17, 17, 17, .1);padding: .5rem .45rem;overflow: hidden;margin-bottom: .4rem;}
.highlights-swiper .slide-ico{width: 60px;height: 60px;float: left;margin-right: .3rem;}
.highlights-swiper .slide-ico img{width: 100%;height: 100%;}
.highlights-swiper .slide-text{overflow: hidden;}
.highlights-swiper .slide-text h4{position: relative;margin-bottom: .4rem;}
.highlights-swiper .slide-text h4::after{content: '';position: absolute;width: 12px;height: 2px;background-color: #036EB8;left: 0; bottom: -15px;}
.highlights-swiper .swiper-pagination-bullet{border: 1px solid #D6D6D6;opacity: 1;}
.highlights-swiper .swiper-pagination-bullet-active{background: #191817;border: 1px solid #191817;}
.application{background: #F8F8F8;padding: 0.78rem 0 1.28rem 0;}
.application-swiper .slide-box{position: relative;width: 100%;}
.application-swiper .slide-img{width: 100%;overflow: hidden;}
.application-swiper .slide-box .imgBg{padding-bottom: 49.23%;transition: all 1s;}
.application-swiper .slide-text{position: absolute;width: 100%;bottom: 0;left: 0;max-width: 60%;padding: .45rem;}
.application-swiper .slide-text h4{position: relative;margin-bottom: 35px;}
.application-swiper .slide-text h4::after{content: '';position: absolute;left: 0;bottom: -15px;width: 18px;height: 2px;background: #FFFFFF;}
/* .application-swiper .swiper-container{overflow: visible;} */
.application-swiper .swiper-pagination{position: absolute;bottom: 30px;right: 12%;width: auto;text-align: right;}
.application-swiper .swiper-pagination-bullet{width: 40px;height: 3px;border-radius: 0;max-width: 40px;max-height: 3px;}
.application-swiper .swiper-slide{transform: scale(0.85);opacity: 0.3;width: 81.25%;transition: all 0.3s ease;}
.application-swiper .swiper-slide-active {transform: scale(1);opacity: 1;}
.related{padding: 0.78rem 0 1.28rem 0;}
.related .pro-list li{width: 24.06%;margin: 0 1.25% 0 0;}
.related .pro-list li:last-child{margin-right: 0;}
.classic{padding: 0.78rem 0 1.28rem 0;background: #F8F8F8;}
.classic .project-list li{margin-top: 0;}
.online-service {padding: 1.28rem 0;}
.online-service .service-pic{width: 50%;overflow: hidden;border-radius: 8px;}
.online-service .service-pic .imgBg{padding-bottom: 61.25%;}
.online-service .service-text{width: 43.875%;}
.online-service .little-tit{color: #036EB8;}
.online-service .service-title{line-height: 52px;margin: .2rem 0 .3rem 0;}
.online-service .service-desc{line-height: 30px;}
.online-service .service-btn{display: block;width: 185px;height: 48px;line-height: 48px;text-align: center;border-radius: 30px;margin-top: .6rem;border: 2px solid #191817;}

/** used machines */
.machines{margin-top: .55rem;}
.top-btns{text-align: right;}
.top-btns .btn{display: inline-block;width: 195px;height: 48px;border-radius: 8px;line-height: 48px;display: flex;align-items: center;justify-content: center;transition: all .5s;}
.top-btns .buy-btn{background: #004871;}
.top-btns .btn img{width: 18px;height: 20px;display: block;margin-right: 8px;}
.top-btns .sell-btn{background: #417736;margin-left: 16px;}
.top-btns .btn:hover{color: #FFFFFF;transform: scale(1.05);}
.machines-list li{border: 1px solid rgba(17, 17, 17, .1);border-radius: 8px;padding: .35rem;margin-top: .35rem;transition: all .5s;}
.machines-list .list-content{overflow: hidden;width: 80%;}
.machines-list .list-img{width: 145px; overflow: hidden;margin-right: 30px;float: left;}
.machines-list .list-img .imgBg{padding-bottom: 100%;}
.machines-list .list-text{overflow: hidden;margin-top: 15px;}
.machines-list .list-text h4{margin-bottom: .25rem;width: 100%;}
.machines-list .list-text h4 a{transition: all .5s;width: 100%;}
.machines-list .MultiLine{-webkit-line-clamp: 1;}
.machines-list .other-item{padding-right: 25px;position: relative;margin-right: 25px;line-height: 30px;}
.machines-list .other-item::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 40px;background: rgba(17, 17, 17, .1);}
.machines-list .other-item:last-child{padding: 0;margin-right: 0;}
.machines-list .other-item:last-child::after{height: 0;}
.machines-list .other-item span{display: block;}
.list-btns a{display: flex;align-items: center; justify-content: center;transition: all .3s;width: 230px;height:48px; line-height: 44px;border-radius: 24px;border: 2px solid #191817;}
.list-btns img{margin-right: 8px;width: 24px;height: 18px;}
.list-btns .poster-btn{border: 2px solid #036EB8;color: #036EB8;}
.list-btns .poster-btn .blue-ico{display: block;}
.list-btns .poster-btn .white-ico{display: none;}
.lfs-btn{margin-top: 16px;}
.lfs-btn .black-ico{display: block;}
.lfs-btn .white-ico{display: none;}
.list-btns .poster-btn:hover{background: #036EB8;color: #FFFFFF;}
.list-btns .poster-btn:hover .white-ico{display: block;}
.list-btns .poster-btn:hover .blue-ico{display: none;}
.lfs-btn:hover{border: 2px solid #036EB8;background: #036EB8;color: #FFFFFF;}
.lfs-btn:hover .black-ico{display: none;}
.lfs-btn:hover .white-ico{display: block;}
.machines-list li:hover{box-shadow: 0 4px 10px 0 rgba(17, 17, 17, .1);}
.machines-list .list-text h4:hover a{color: #036EB8;}

.machines-bg{background: #f8f8f8;}
.machines-detail{padding-bottom: 1.3rem;}
/* .machines-detail .detail-infos{width: 48.9%;} */
.machines-detail .detail-infos{flex: 1;margin-left: .95rem;}
.machines-detail .detail-infos h4{position: relative;margin-bottom: 55px;}
.machines-detail .detail-infos h4::after{content: '';position: absolute;width: 30px;height: 2px;background: #036EB8;left: 0;bottom: -25px;}

.machines-detail .info-desc{line-height: 28px; color:#999; }
.machines-detail .info-others{margin: 45px 0 20px 0;line-height: 30px;width: 100%;}
.machines-detail .info-others li{width: 25%;margin-bottom: 35px;white-space: nowrap;}
/* .machines-detail .info-others li{width: 22.95%;margin-bottom: 35px;margin-right: 1.2%;} */
.machines-detail .info-others li:nth-child(4n){padding-left: .3rem;box-sizing: border-box;}
.machines-detail .info-others span{display: block;}
.machines-detail .list-btns .lfs-btn{margin: 0 0 0 15px;}
/* .machines-detail .swiper-box{width: 45%;overflow: hidden;height: 560px;} */
.machines-detail .swiper-box{width: 720px;overflow: hidden;height: 550px; height: 420px;}
.machines-detail .gallery-top{width: 77.77%;height: 100%;overflow: hidden;}
.machines-detail .gallery-top .swiper-container{height: 100%;}
.machines-detail .gallery-top .swiper-pic{width: 100%;overflow: hidden;border-radius: 8px;}
.machines-detail .gallery-top .imgBg{padding-bottom: 100%;}
.machines-detail .gallery-thumbs{width: 19.45%;height: 82%;position: relative;margin-top: 7%; }
.machines-detail .gallery-thumbs .swiper-container{height: 100%;overflow: hidden;}
.machines-detail .gallery-thumbs .thumb-pic{width: 100%;border-radius: 8px;overflow: hidden;cursor: pointer; height: 100%;}
.machines-detail .gallery-thumbs .imgBg{padding-bottom: 100%; padding-bottom: 0; height: 100%;}
.machines-detail .swiper-button{width: 100%; height: 35px;background: rgba(0, 0, 0, .3);left: 0;position: absolute;}
.machines-detail .swiper-button-next{bottom: -47px;border-radius: 8px 8px 0 0;top: auto;}
.machines-detail .swiper-button-prev{top: -30px;border-radius: 0 0 8px 8px;}
.machines-detail .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.machines-detail .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{transform: rotate(90deg);}
.detail-btm{margin: 1rem 0 .85rem;}
ul.service-list{ padding:0 5%; }
.service-list li{width: 13.375%;text-align: center;font-family: HarmonyOS_Sans_SC_Bold;margin: 0 3% 35px 0;}
.service-list li .list-pic{width: 100px;height: 100px;border-radius: 50%;background: #F8F8F8;transition: all .5s;border: 2px solid transparent;box-sizing: border-box;display: flex;align-items: center;justify-content: center;margin: auto;cursor: pointer;}
.service-list li .list-pic img{width: 50px;height: 50px;}
.service-list li:nth-child(6n){margin: 0;}
.service-list li .list-tit{margin-top: 24px;line-height: 24px;transition: all .5s;}
.service-list li:hover .list-pic{border: 2px solid #036EB8;background: transparent;}
.service-list li:hover .list-tit{color: #036EB8;}
.machines-popup{width: 860px;border-radius: 12px;overflow: hidden;}
.machines-popup .popup-content{padding: .6rem .6rem 1rem .6rem;box-sizing: border-box;}
.machines-popup .popup-content p{line-height: 28px;margin-bottom: .25rem;}
.machines-popup .popup-title,
.machines-second-popup .popup-title{background: #036EB8;height: 90px;line-height: 90px;padding: 0 .6rem;}
.machines-popup .close-btn,
.machines-second-popup .close-btn{top: 0!important;font-size: 24px!important;color: #FFFFFF;}
.machines-popup .lef-title,
.machines-second-popup .lef-title{background: url("../images/machines/detail/title-ico.png") left center no-repeat;padding-left: 58px;background-size: 40px 40px;}
.machines-popup .content-box{max-height: 500px;overflow-y: auto;}

.machines-second-popup{width: 1160px;border-radius: 12px;overflow: hidden;}
.machines-second-popup .layui-form{padding: .6rem .6rem .85rem .6rem;box-sizing: border-box;}
.machines-second-popup .item{margin-bottom: 16px;}
.machines-second-popup .downtime{ display:none; vertical-align: midder; min-width: 200px; height: 34px; font-size: 14px; border: none; border-bottom: 1px solid rgba(17, 17, 17, .1); }
.machines-second-popup .downtime:focus{ border-color: transparent; border-bottom: 1px solid rgba(17, 17, 17, .1); box-shadow: none;}
.machines-second-popup textarea{resize: none;min-height: 110px;padding: 15px 12px;}
.machines-second-popup .sub-btn {width: 615px;height: calc(28px + .2rem);background: #036EB8;border: none;margin: .65rem auto 0; cursor: pointer;display: block;}
.buy-popup .lef-title{background: url("../images/machines/detail/buy-ico.png") left center no-repeat;padding-left: 52px;background-size: 38px 32px;}
.sells-popup .lef-title{background: url("../images/machines/detail/sell-ico.png") left center no-repeat;padding-left: 50px;background-size: 32px 32px;}
.layui-input-block{margin-left: 25px;}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: #036EB8;}
.layui-form-select dl dd.layui-this{color: #FFFFFF;}
.machines-second-popup .item .upload-btn{width: 180px;height: 48px;text-align: center;line-height: 46px;border: 1px solid rgba(17, 17, 17, .1);color: #191817;margin: 0 18px;cursor: pointer;display: block;}

@media (max-width:1600px) {
	/** product */
	.product-details .top-bar li{margin-left: 26px;}
	
	/** machines */
	.machines-detail .info-desc{line-height: 22px;}
	.machines-detail .info-others{margin: 20px 0 10px 0;}
	.machines-detail .info-others li{margin-bottom: 20px;}
	.machines-detail .detail-infos{margin-left: .55rem;}
	.machines-detail .detail-infos h4{margin-bottom: 40px;}
	.machines-detail .detail-infos h4::after{bottom: -15px;}
	.machines-detail .swiper-box{width: 550px;height: 428px;}
	.machines-detail .gallery-thumbs{height: 81.5%;margin-top: 8%;}
	.machines-detail .swiper-button-prev{top: -20px;}
	.machines-detail .swiper-button-next{bottom: -38px;}
    
}
@media (max-width:1400px) {
	/** cntact join us */
	.join-us .benefits .list-ico{width: 45px;height: 45px;}
	
	/** machines */
	.machines-list .list-img{width: 100px;}
	.machines-list .list-text{margin-top: 10px;}
	.machines-list .other-item{line-height: 24px;}
	.machines-list .list-content{width: 65%;}
	/*.list-btns a{width: 48.5%;}*/
	.machines-detail .list-btns .lfs-btn{margin: 0 0 0 3%;}
    
}
@media (max-width:1200px) {
    /** contact join us*/
	.join-us .reason-list li{width: 100%;padding: .3rem;margin-bottom: 10px;}
	.join-us .reason-list li .list-ico{width: 50px;}
	.join-us .reason-list li .desc{line-height: 24px;}
	.join-us .employee{padding: .15rem 0 .55rem 0;margin: 0.5rem 0 .45rem}
	.join-us .join-box{margin: .25rem 0 .5rem 0;}
	.join-us .employee-box .employee-text li{line-height: 22px;}
	.join-us .employee-box .employee-text{position: static;color: #191817;padding: 0.35rem 0 0 0;}
	.join-us .employee-box .employee-text li::after{background: #191817;}
	.join-us .employee-box .employee-text .text-item{max-width: 100%;margin-bottom: .3rem;}
	.join-us .employee-box .employee-text .text-item:last-child{margin-bottom: 0;}
	.join-us .employee-box .employee-text h4{margin-bottom: 10px;}
	.join-us .benifits-list li{width: 18.8%;margin-bottom: .2rem;}
	.join-us .benifits-list li:nth-child(5){margin-right: 0;}
	.join-us .benefits .list-tit{height: 44px;line-height: 22px;}
	/** engineer */
	.eng-list .eng-list-text .text-desc{line-height: 18px;}
	.eng-list .eng-list-text{margin-top: 15px;}
	.eng-list li{margin: 20px 1.25% 0 0;}
	.eng-list li:nth-child(5n){margin: 20px 0 0 0;}
	.engineer-detail .star-item:nth-child(2n-1),.engineer-detail .star-item:nth-child(2n){width: 100%;}
	.engineer-detail .info-item,.detail-others .others-text p{line-height: 24px;}
	.detail-others{padding: 15px 0;margin-bottom: 15px;}
	.engineer-detail .detail-cont .download{background-size: 30px 30px;padding-left: 40px;line-height: 30px;}

	/** news */
	.news .first-text .title{height: 70px;line-height: 35px;margin: 10px 0 15px 0;}
	.news .first-text .desc{line-height: 24px;height: 72px;}
	.news .first-new{margin: .35rem 0 0;}
	.news .first-text{margin-left: .4rem;}
	.news-list li .title{line-height: 26px;height: 78px;margin-bottom: 0.2rem;}
	.news-list li{padding: .3rem .2rem 0 .2rem;}
	.news-detail .detail-title{line-height: 40px;padding-bottom: 0.25rem;}
	.news-detail .others{margin: .2rem 0;}
	.news-detail .dtl-tips{padding: .15rem .2rem;}
	.news-detail .details-text{margin-top: .3rem;line-height: 24px;}
	.news-detail .rec-news{padding-top: .3rem;margin: .45rem 0 .4rem 0;}
	
	/** product */
	.function, .highlights, .related, .classic, .application, .selection, .specifications{padding: .05rem 0 .55rem 0;}
	.function .list-ico{width: 90px;height: 90px;}
	.function .list-ico img{width: 40px;height: 40px;}
	.function .list-title{margin: 15px 0 25px 0;}
	.highlights-swiper .slide-ico{width: 45px;height: 45px;}
	.highlights-swiper .slide-text h4{line-height: 35px;}
	.highlights-swiper .slide-list > li{padding: .3rem .25rem;}
	.pro-list .pro-text{padding: .25rem .15rem;}
	.project-list .pro-tit{margin-top: 15px;}
	.project-list .pro-others{margin-top: 6px;}
	.online-service .service-title{line-height: 40px;}
	.online-service .service-desc{line-height: 24px;}
	.online-service .service-btn{margin-top: .35rem;}
	.online-service{padding: .55rem 0;}
	.product-details .top-bar{top: 60px;line-height: 24px;height: auto;padding: 10px 0;}
	.product-details .top-bar .top-name{display: none;}
	.product-details .top-bar .top-con{ display: block;}
	.product-details .top-bar ul{justify-content: center; margin: 0 -.15rem;}
	.product-details .top-bar li{width: auto; padding: 5px 0; margin: 0 .15rem; margin-left: 0;text-align: center;line-height: 24px; height: auto;}
	.product-details .top-bar li::after{ height: 2px;}
	.pro-list .pro-text{padding: .2rem .15rem;}
	.product{padding-top: .3rem;}
	
	/** machines */
	.machines-list .list-content{width: 100%;}
	.list-btns{width: 100%;display: flex;align-items: center;margin-top: .3rem;flex-wrap: wrap;}
	.machines-list .lfs-btn{margin: 0 0 0 3%;}
	.list-btns a{height: 36px;line-height: 32px;width: 48.5%;}
	.machines-list li{padding: .25rem;}
	.machines-list .list-text h4{margin-bottom: 10px;}
	.machines-detail .top-btns{width: 100%;margin-bottom: 15px;}
	.top-btns .btn{width: 49%;line-height: 36px;height: 36px;}
	.top-btns .sell-btn{margin-left: 2%;}
	.machines-list .list-text{margin-top: 5px;}
	.detail-btm{margin: .55rem 0 .55rem;}
	.service-list li{width: 22.75%;}
	.service-list li:nth-child(4n){margin: 0 0 25px 0;}
	.service-list li:nth-child(6n){margin: 0 3% 25px 0;}
	
	.machines-second-popup{width: 90%;}
	.machines-second-popup .layui-form{padding: .3rem .3rem .35rem .3rem;}
	.machines-detail{padding-bottom: .55rem;}
	.machines-detail .swiper-box{width: 100%;height: auto;}
	.machines-detail .detail-infos{width: 100%;margin:30px 0 0 0;}
	.machines-detail .gallery-top,
	.machines-detail .gallery-thumbs{width: 100%; margin-top.3rem;}
    .machines-detail .gallery-thumbs .thumb-pic{ height: auto;}
    .machines-detail .gallery-thumbs .imgBg{padding-bottom: 100%; height: 0;}
	.machines-detail .swiper-button-next{bottom: 0;width: 35px;height: 100%;right: 0;left: auto;border-radius: 0 8px 8px 0;}
	.machines-detail .swiper-button-prev{top: 22px;width: 35px;height: 100%;border-radius: 8px 0 0 8px;}
	.machines-detail .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .machines-detail .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{transform: rotate(0);}
	
}
@media (max-width:991px) {
	/** contact us */
	.contact-form .item{width: 100%;margin-bottom: 10px;}
	.contact-us .sub-btn{width: 100%;margin-top: .35rem;}
	.contact-us{margin-bottom: .7rem;}
	/** cookie policy */
	.cookie-policy{margin: .45rem 0;}
	.cookie-policy p{line-height: 24px;}
	
	/** join us */
	.join-us .join-box .box-text{position: static;}
	.join-us .box-title{margin: .3rem;}
	.join-us .box-title-h2, .join-us .box-title-des{color: #191817;}
	
	/** engineer */
	.eng-list li{width: 32.5%;}
	.eng-list li:nth-child(5n){margin: 20px 1.25% 0 0;}
    .eng-list li:nth-child(3n){margin: 20px 0 0 0;}
	
	/** registry */
	.enterprise .language-select{width: 100%!important;}
	.enterprise .lang-others{margin-left: 0;}
	.enterprise .fill-box{width: 100%;}
	.enterprise .input-line{width: 80%;}
	.enterprise .upload-tips{width: 100%;margin-top: 8px;}
	.enterprise .social-box{padding: .3rem;}
	.enterprise .social-box .social-btn{width: 150px;}
	.indiv-title{margin: 20px 0 10px 0;}
	.enterprise .form-tips{width: 100%;margin-top: 5px;text-align: left;}
	.enterprise .past-tips{width: 100%;margin: -5px 0 10px 0;}
	
	/** news */
	.news .first-pic,.news .first-text{width: 100%;}
	.news .first-text{margin: 15px 0 0;}
	.news-list li .title{line-height: 24px;height: 72px;}
	.news-list li{width: 50%;}
	.news-list li:nth-child(3n){border-right: 1px solid rgba(17, 17, 17, .1);}
	.news-list li:nth-child(2n){border-right: none;}
	
	/** product */
	.function .list-item{width:47.5%;margin-bottom: .3rem}
	.function .list-item:nth-child(2n){margin-right: 0;}
	.function .list-ico{width: 70px;height: 70px;}
	.highlights-swiper .slide-text h4{margin-bottom: .3rem;}
	.highlights-swiper .slide-text h4::after{bottom: -.15rem;}
	.related .pro-list li{width: 49%;margin: 0 2% 15px 0;}
	.related .pro-list li:nth-child(2n){margin-right: 0;}
	.online-service .service-pic,
	.online-service .service-text{width: 100%;}
	.online-service .service-text{margin-top: .3rem;}
	.online-service .service-btn{width: 100%;height: 36px;line-height: 34px;}
	.product .pro-nav{width: 100%;margin-right: 0;}
	.pro-list, .project-list{flex: auto;width: 100%;margin-top: .3rem;}
	.product .menu-item{line-height: 40px;}
	.product .sub-nav{line-height: 35px;}
	.specifications ul > li > .desc{line-height: 22px;padding: .15rem .3rem;}
	.specifications ul > li > .title{width: 180px;}
	.application-swiper .swiper-pagination{right: 20px;bottom:5px;text-align: center;}
	.application-swiper .swiper-pagination-bullet{width: 20px;}
	.application-swiper .slide-text{max-width: 100%;padding: .45rem .25rem;}
	.application-swiper .slide-text .desc{line-height: 18px;}
	.application-swiper .slide-text h4{margin-bottom: 28px;}
	
	/** machines */
	.machines-popup{width: 90%;}
	.machines-popup .popup-content p{line-height: 22px;}
	.machines-popup .popup-content{padding: .35rem .35rem .5rem .35rem;}
	.machines-popup .content-box{height: 300px;overflow-y: auto;}
	.machines-popup .lef-title,.machines-second-popup .lef-title{background-size: 25px 25px;padding-left: 35px;}
	.machines-popup .popup-title, .machines-second-popup .popup-title{padding: 0 .35rem;height: 55px;line-height: 55px;}
	.machines-popup .close-btn, .machines-second-popup .close-btn{font-size: 20px!important;}
	.machines-second-popup .sub-btn{width: 100%;margin-top: .35rem;}
	.machines-second-popup .item{margin-bottom: 10px;}
	
	.form-input{height: 40px;}
	
	.submit-tips-box{width: 90%;}
	
}
@media (max-width:767px) {
	/** contact us */
	.contact-us .code-btn{width: 100%;margin-top: 10px;}
	
	/** join us */
	.join-us .benifits-list li{width: 32.33%;margin-bottom: 15px;}
	.join-us .benifits-list li:nth-child(3n){margin-right: 0;}
	.join-us .reason-list li .list-ico{width: 40px;}
	.join-us .benefits .list-ico{width: 40px;height: 40px;}
	
	/** engineer */
	.engineer-detail .detail-pic,.engineer-detail .detail-cont{width: 100%;}
	.engineer-detail .detail-cont{margin-top: 20px;}
	
	/** registration */
	.enterprise .sub-btn{width: 100%;margin: .2rem auto 0;}
	.enterprise .item,.enterprise .social-item{margin-bottom: 10px;}
	.enterprise .item .upload-btn,
	.machines-second-popup .item .upload-btn{width: 120px;line-height: 34px;height: 36px;}
	
	/** product */
	.highlights-swiper .slide-list > li{width: 100%;margin-right: 0;margin-bottom: 10px;}
	.highlights-swiper .slide-text h4{line-height: 26px;}
	.project-list li{width: 49%;margin: 0 2% 15px 0;}
	.project-list li:nth-child(3n){margin-right: 2%;}
	.project-list li:nth-child(2n){margin-right: 0;}
	.pro-list li{width: 49%;margin-right: 2%;}
	.pro-list li:nth-child(3n){margin-right: 2%;}
	.pro-list li:nth-child(2n){margin-right: 0;}
	.product .pro-list-tit{margin-bottom: .4rem;}
	.product .pro-list-tit::after{bottom: -.1rem;}
	
	/** machines */
	.machines-list .other-item{display: flex;align-items: end;width: 100%;margin-bottom: 6px;line-height: 20px;}
	.machines-list .other-item:last-child{margin-bottom: 0;}
	.machines-list .other-item .item-tit{margin-left: 10px;}
	.machines-list .other-item::after{height: 0;}
	.machines-list .other-item{margin-bottom: 0;}
	.machines-list .list-img{width: 50px;margin-right: 15px;}
	.service-list li{width: 31.33%;}
	.service-list li:nth-child(3n){margin: 0 0 25px 0;}
	.service-list li:nth-child(4n){margin: 0 3% 25px 0;}
	.service-list li .list-pic{width: 90px;height: 90px;}
	.service-list li .list-pic img{width: 45px;height: 45px;}
	.service-list li .list-tit{margin-top: 12px;line-height: 20px;}
	
}
@media (max-width:640px) {
	/** registration */
	.enterprise .upload-tips{width: 100%;margin-top: 5px;}
	/** news */
	.news .first-text .title{line-height: 26px;height: 52px;}
	/** product */
	.online-service .service-title{line-height: 26px;}
	.online-service .service-desc{line-height: 20px;}
	.specifications ul > li > .title{width: 100%;line-height: 30px;}
	
	/** machines */
	.list-btns img{width: 18px;height: 12px;}
	.layui-input-block{width: 100%;margin-left: 0;}
	.machines-detail .info-others li{width: 50%;line-height: 20px;}
	.machines-detail .info-others li:nth-child(4n){padding-left: 0;}

}
@media (max-width:460px) {
	/** engineer */
	.eng-list li{width: 49.375%;}
	.eng-list li:nth-child(3n){margin: 20px 1.25% 0 0;}
	.eng-list li:nth-child(2n){margin: 20px 0 0 0;}
	#proof-upload{width: 100%;margin: 10px 0 0 0;}
	
	/** product */
	.function .list-item{width: 100%;margin-right: 0;}
	.highlights-swiper .slide-text h4{line-height: 22px;}
	.related .pro-list li,
	.project-list li{width: 100%;margin: 0 0 10px 0;}
	.project-list .pro-tit{margin-top: 10px;}
	.pro-list li{width: 100%;margin: 0 0 10px 0;}
	
	/** news */
	.news-list li{width: 100%;padding: 15px 0 0 0;border-right: none!important;}
	.news-list li .title{height: 48px;}
	.news-list .MultiLine-3{-webkit-line-clamp: 2;}
	
	/** machines */
	.list-btns a{width: 100%;}
	.lfs-btn{margin: 10px 0 0 0;}
	.service-list li{width: 48.5%;}
	.service-list li:nth-child(2n){margin: 0 0 25px 0;}
	.service-list li:nth-child(3n){margin: 0 0 25px 0;}
	.machines-detail .list-btns .lfs-btn{margin: 10px 0 0 0;}
}
.a01 .gallery-thumbs{ display:none; }
.machines-detail .a01 .gallery-top{ width:100%; }