@charset "utf-8";
/* CSS Document */

/* wapNav */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#3366ff;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
/* wapNav */

@media all and (max-width:1800px) {
	
/*--*/
.mx-banner .text {margin-left: -600px;}

}

@media all and (max-width:1620px) {

/*--*/
.container{padding-left:15px;padding-right:15px;}
/*--*/
.proMain li {width: 23.5%;}
/*--*/
.newsTxt li p{font-size:13px; line-height:1.6;}
/*--*/
.mx-inspect li{padding:2%;}

}

@media all and (max-width:1520px) {

/*--*/
.proMain li {width: 23.4%;}
/*--*/
.mx-content .contact1 ul li .zbox{ padding:0 30px 10px 30px;}
.mx-content .contact1 ul li {width: 23.2%;}

}

@media all and (max-width:1440px) {

/*--*/
.proMain li {width: 23.8%;margin-right: 20px;margin-bottom: 20px;}
/*--*/
.mx-banner .text .cn {font-size: 30px;}
.mx-banner .text .des {margin-top: 15px;font-size: 16px;}
/*--*/
.mx-inspect li h4{font-size:1.571em;}
/*--*/
.mx-equipment li {width: 32.3%;margin-right: 20px;}

}

@media all and (max-width:1330px) {

/*--*/
.proMain li {width: 23.7%;}
/*--*/
.mx-banner .text {margin-left: 0;left: 3%;}
/*--*/
.mx-content .contact1 ul li {width: 23%;}

}

@media all and (max-width:1260px) {

/*--*/
.newsMain{font-size:.75rem;}
.newsTxt li{width:100%;}
.newsTxt,.newsPic{width:50%;}
/*--*/
.mx-solution li .item{height:320px;}
.mx-solution li:nth-child(1) .item{height:650px;}
/*--*/
.foot-contact .item ~ .item {margin-left: 50px;}

}

@media all and (max-width:1200px) {

/*--*/
.proMain li {width: 23.4%;}
/*--*/
.aboutNum{font-size:1em;}
/*--*/
.mx-banner .text .des {font-size: 16px;}
.mx-banner .text .cn {font-size: 30px;}
/*--*/
.mx-environment .title {font-size: 24px;}
.mx-environment li {width: 50%;}
/*--*/
.mx-inspect li p{min-height:60px}
/*--*/
.mx-content .contact1 ul li .zbox{ padding:0 10px 10px 10px;}
.mx-content .contact2 .contact2Body{ width:450px;}
.mx-content .contact1 ul li { margin-right:26px;}

}


@media all and (max-width:1024px) {

/*--*/
body{padding-top:60px;font-size:.875rem;}
/*--*/
.pd60,.listWrap,.listNews,.pd50{padding-top:40px;padding-bottom:40px;overflow: hidden;}
/*--*/
.mx-title span,.mx-titlew span {font-size: 26px;}
.mx-title,.mx-titlew {margin-bottom: 20px;}
/*--*/
.advantage li {width: 31.5%;}
.advantage li p {font-size: 14px;}
/*--*/
.topBar,.header::after,.nav,.headR,.proMenu,.copyright .right,.salary-box .picture,.links{display:none;}
.foot{ display:block;}
.aboutPic,.aboutTxt,.newsPic,.newsTxt.mx-product,.intoPic,.intoTxt{ float:none; width:100%;}
/*--*/
.header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
.header .logo {line-height:60px;border-right:none;width:auto;}
.header .logo img{height:38px;}
.headTie{ line-height:16px; padding-top:6px;}
.headTie a {margin-top: 15px;font-size: 12px;}
.headTie span {font-size: 18px;}
.navTrigger,.wapTel{display:block;}
.nav_on{opacity:1;transform: translateX(0);}
/*--*/
.proMain li{width:32.2%;margin-right: 15px;margin-bottom: 15px;}
.proMain li:nth-child(3n+0){margin-right:0;}
.proMain li:nth-child(4){margin-right:15px;}
.proMain li:nth-child(7),.proMain li:nth-child(8){ display:none;}
.proMain li:nth-child(4),.proMain li:nth-child(5),.proMain li:nth-child(6){ margin-bottom:0;}
/*--*/
.aboutPic {margin-bottom: 30px;}
.aboutPic {height: 350px;}
.aboutTxt .title {padding-bottom: 0;}
.aboutTie{position: static;width:100%;margin-top:30px;}
.aboutTxt .txt{height:auto;margin-bottom:30px;}
.aboutTxt .more{width:100%;}
.setting{ padding-top:0;padding-bottom:30px;}
/*--*/
.newsMain{height:auto;}
.newsTxt{margin-top:10px;}
.newsTxt li{padding-right:0;}
/*--*/
.mx-banner .text .des {font-size: 16px;}
.mx-banner .text .cn {font-size: 30px;}
.mx-banner {height: 200px;}
.mx-banner .picture img{height: 200px;}
/*--*/  
.intoTxt{height:auto;padding-top:30px;}
.intoTxt .txt{height:auto;margin-bottom:0;}
.intoTxt::after{height:100px;}
.settingMenu,.albumMenu{margin-bottom:25px;display: flex;justify-content: space-between;}
.settingMenu a,.albumMenu a{flex-grow:1;margin:0;border-right: 1px solid #ddd;}
.settingMenu::after,.settingMenu::before{display:none;}
.settingBox .btn{width:40px;height:26px;line-height:26px;}
/*--*/
.mx-idea li,.mx-idea li .pic,.mx-idea li .txt{height:420px;}
.mx-idea li h4{font-size:2em;}
/*--*/
.mx-product li p{min-height:auto;}
/*--*/
.mx-quality .txt{position:static;background:#eee;width:100%;}
.mx-quality .txt h3 {margin-bottom: 0;}
/*--*/
.mx-inspect li {width:49%;margin-bottom:20px;}
/*--*/
.mx-equipment li {width: 32.2%;margin-right: 15px;}
.mx-equipment li .pImg img {width: auto!important;height: auto!important;}
/*--*/ 
.mx-solution li,.mx-solution li:nth-child(1),.mx-solution li:nth-child(4),.mx-solution li:nth-child(5){width:33.3%;}
.mx-solution li:nth-child(6){display:block;}
.mx-solution li .item,.mx-solution li:nth-child(1) .item{height:280px;}
/*--*/ 
.salary-box .content {width: 100%;margin-top: 0;}
.salary-box .item {display: flex;align-items: center;margin-top: 0;box-shadow: 0px 0px 3px 1px rgb(55 105 165 / 15%);padding: 20px 10px 20px 10px;background: #fff;justify-content: space-between;position: relative;transition: all 0.4s;width: 50%;cursor: pointer;}
.servant-box {display: inherit;justify-content: space-between;height: auto;color: #fff;font-size: 16px;line-height: 2;}
.servant-box .left {position: relative;background: url(../images/join-page2-left.jpg) center center;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin-bottom: 10px;}
.servant-box .right {position: relative;background: url(../images/join-page2-right.jpg) center center;width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;}
.servant-box h2 {font-size: 20px;font-weight: 500;margin-bottom: 10px;}
.servant-box .left>div>p{font-size: 15px;line-height: 22px;}
.servant-box .right>div>p{font-size: 15px;line-height: 22px;}
.salary-box .co1 {width: 25px;height: 3px;background: rgb(41 22 111);margin-bottom: 25px;position:relative;top:5px;}
.salary-box .co3 {font-size: 15px;color: #666666;line-height: 24px;}
.salary-box .co2 {font-size: 18px;color: #333333;margin-bottom: 12px;}
.salary-box {display: inherit;margin-top: 0;}
/*--*/
.mx-content .contact1{ margin:0 -10px;}
.mx-content .contact1 ul li {width: 25%;margin-right:0;}
.mx-content .contact1 ul{ margin-top:80px;}
.mx-content .contact1 ul li{ padding:0 10px;}
.mx-content .contact1 ul li .zbox{ padding:0 10px 10px 10px; height:180px;}
.mx-content .contact1 ul li .zbox .ico{ width:80px; height:80px; margin-top:-40px;}
.mx-content .contact1 ul li .zbox h5{ margin-top:15px; line-height:20px; font-size:16px;letter-spacing:1px;}
.mx-content .contact1 ul li .zbox h6{ letter-spacing:0px;}
.mx-content .contact1 ul li .zbox .jj{ margin-top:12px; line-height:22px; font-size:12px; letter-spacing:0px;}
.mx-content .contact1 ul li .zbox .btn{ width:100%; height:70px; line-height:70px;}
.mx-content .contact1 ul li .zbox .btn > img{ width:20px;}
.mx-content .contact1 ul li .zbox .btn .ewm{ width:70px; height:70px; margin-left:-35px;}
.mx-content .contact2{  margin:20px 0 40px 0;}

}

@media all and (max-width:920px) {
	
/*--*/
.proMain li{width:32.1%;}
/*--*/
.mx-product li .pic{width:320px;height:240px;margin-right:30px;}

}

@media all and (max-width:880px) {

/*--*/
.proMain li{width:31.9%;}

}

@media all and (max-width:768px) {

/*--*/
.foot-nav { display: none; }
.foot-contact { margin-top: 0; padding-bottom: 40px; }
.footer { padding-top: 40px; }
.foot-contact .item { width: 50%; }
.foot-contact .item ~ .item { margin-left: 0; }
.foot-contact .item:last-child { width: 100%; margin-top: 20px; }
.foot-contact .item p { font-size: 14px; }
.footer .right{width:100%;}
.footer .right .qr {margin-right: 30px;margin-left: 0; width:100%;margin-bottom: 15px;}
.copyright { padding-top: 15px; padding-bottom: 15px; margin-top: 0;margin-bottom: 45px;}
.copyright .right a { margin-left: 0; margin-right: 5px; }
.footer .right .qr img {width: 100px;}
/*--*/
.proMain li{width:48.9%;}
.proMain li:nth-child(2n+0){margin-right:0;}
.proMain li:nth-child(3){margin-right:15px;}
.proMain li:nth-child(5),.proMain li:nth-child(6){ margin-bottom:15px;}
.proMain li:nth-child(7),.proMain li:nth-child(8){ display:block;}
/*--*/
.newsPic li a{height:420px;}
.newsTxt li{padding-right:0;margin-top:10px;margin-bottom:0;}  
/*--*/
.mx-customer ul li {width: 25%;}
/*--*/
.mx-banner {height: auto;}
.mx-banner .picture img { left:0;max-width: -webkit-fill-available;margin-left: 0;height: auto;}
.mx-banner .text .cn {font-size: 18px;}
.mx-banner .text .des {font-size: 14px;margin-top: 10px;}
/*--*/  
.intoPic{height:300px;}
.intoTxt .title{ margin-bottom:0;}
/*--*/
.mx-idea li,.mx-idea li .pic,.mx-idea li .txt{height:auto;}
.mx-idea li .pic{height:380px;}
.mx-idea li .pic,.mx-idea li .txt,.showPage a,.showPage a:nth-child(2){float:none;width:100%;}
.mx-idea li .txt .info{min-height:auto;}
/*--*/
.mx-product li .pic{width:280px;height:auto;}
.mx-product li h3{font-size:1.286em;margin-bottom:20px; margin-top:25px;}
/*--*/
.mx-solution li .item,.mx-solution li:nth-child(1) .item{height:200px;}
.mx-solution li h4{left:15px;}
/*--*/
.mould-box,.other-box{margin:0;}
.mould-box li.other-box li {margin:0 auto;width:49%;margin-bottom:20px;}
.mould-box li:nth-child(2n),.other-box li:nth-child(2n){float:right;}
.mould-box li p,.other-box li p{height:auto;padding:10px 0;line-height:1.4;}
.mould-box li{margin:0 auto;width:49%;margin-bottom:20px;}
/*--*/
.mx-matrix h4{font-size:22px;}
/*--*/
.other-box li{margin:0 auto;width:49%;margin-bottom:20px;}
/*--*/
.mx-equipment li {width: 31.9%;}
/*--*/
.mx-content .contact1{ margin:0 0;}
.mx-content .contact1 ul{ margin-top:20px;}
.mx-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.mx-content .contact2{  margin:10px 0 20px 0;}
.mx-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
.mx-feedback {padding-top: 40px;padding-bottom: 40px;margin-top: 40px;}
.mx-feedback .form-one { margin-top: 0; } 
  
}

@media all and (max-width:640px) {

/*--*/
.proMain li,.proList li,.picList li{width:48.4%;}
/*--*/
.newsTxt li a{padding:15px;height:auto;}
/*--*/
.mx-idea li .pic{height:320px;}
/*--*/
.mx-product li .pic{float:none;width:100%;margin-bottom:15px;display: block;}
.mx-product li h3{ padding:0 15px 0 15px; margin-bottom:0;}
.mx-product li p{ padding:10px 15px;}
/*--*/
.mx-inspect li{width:100%;}
.mx-inspect ul{margin:0;}
.mx-inspect li{margin:0;margin-bottom:20px;padding:25px 10px;}
.mx-inspect li p{min-height:auto;}
.mx-solution li,.mx-solution li:nth-child(1),.mx-solution li:nth-child(4),.mx-solution li:nth-child(5){width:50%;}
/*--*/
.form-foot .inp { width: 100%; height: 50px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-foot .inp:nth-child(3) { width: 100%; }
.form-foot .sub { width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.form-one input { width: 100%; height: 40px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-one textarea { width: 100%; height: 100px; margin-top: 0; padding: 15px 15px; }
.form-one .sub { width: 160px; height: 42px; line-height: 42px; font-size: 14px; margin: 35px auto 0; }

}

@media all and (max-width:480px) {

/*--*/
.intoPic{height:220px;}
/*--*/
.newsPic li p{height:50px;line-height:50px;}
.newsPic .swiper-pagination{bottom:12px;}
/*--*/
.mx-product li{margin-bottom:15px;}
.proMain li h4 {height: 38px;padding: 8px 0;}
.proMain li, .proList li, .picList li {width: 47.8%;}
/*--*/
.other-box li{width: 100%;margin-bottom:20px;}	
/*--*/
.mx-equipment li {width: 100%;}	
.mx-solution li .item,.mx-solution li:nth-child(1) .item{height:150px;}
.mx-solution li h4{top:20px;}	
	
}

@media all and (max-width:380px) {

}