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

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',Zitino;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#3366ff;}

/* css */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd50{ padding-top:70px; padding-bottom:0; font-size:.875em;overflow:hidden;}
.pd60{padding:60px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}
.center {text-align: center;}
/* css */

/* header */
.header{height:140px;line-height:1.2;position:relative;z-index:90;}
.header::after{content:"";position: absolute;background:#f5f5f5;left:-50%;width:200%;height:30px;top:0;z-index:-1;}
.topBar{height:30px;line-height:30px;font-size:12px;margin-bottom:24px;}
.headTie a{display:block;color:#191919;padding-left:15px;margin-top: 12px;font-size: 18px;}
.headTie span{display:block;color:#3366ff;font-size: 28px;margin-bottom: 5px;font-weight:bold;}
.headR{background: url('../images/pIcon.png') no-repeat left center;padding-left:48px;color:#191919;font-size:.875em;}
.headR span{display: block;color:#3366ff;font-size:24px;font-family:Arial;}
.headR span:nth-child(2){color:#191919;letter-spacing:2px;line-height:1;}
/* header */

/* pc */
.nav{height:60px;line-height:60px;font-size:1.143em;background:#3366ff;}
.nav .m{float:left;text-align:center;position:relative;background: url('../images/nav_line.png') no-repeat right center; z-index:10;width:12.5%;}
.nav .m>a{color:#fff;display:block;position:relative;z-index:2;}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:0;height:0;background:#305de6;width:100%;transition:all .3s;z-index:-1;}
.nav .cur>a::after,.nav .m>a:hover::after{height:100%;}
.nav .cur>a,.nav .m>a:hover{color:#fff;}
.nav .navSub{position:absolute;left:0;top:100%;background:#eee;line-height:35px;width:100%;color:#333;font-size:.875rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:55px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#3366ff;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.nav .m:last-child{background:none;}
.navFix{position: fixed;top:0;width:100%;left:0;z-index:99;}
/* pc */

/* navTrigger */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#3366ff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel{position: absolute;color:#3366ff;right:53px;font-size:1.5rem;line-height:1;top:20px;display:none;}
/* navTrigger */

/* banner */
.banner{position:relative;overflow:hidden;}
.banner img{width:auto;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}
/* banner */

/* mx-title */
.mx-title{font-size:1rem;text-align:center;margin-bottom:25px;}
.mx-title span{display:block;font-size:42px;font-weight:normal;color:#191919;}
.mx-titlew{font-size:1rem;text-align:center;margin-bottom:25px;color:#fff;}
.mx-titlew span{display:block;font-size:42px;font-weight:normal;color:#fff;}
/* mx-title */

/* mx-product */
.proMenu{height:45px;line-height:45px;margin-bottom:40px;text-align:center; display: flex;flex-flow: row wrap;justify-content: center;}
.proMenu li{position:relative;z-index:10;background:#3366ff;margin:0 10px;}
.proMenu li a{color:#fff;display: block;}
.proMenu .tie>a{font-size:1.286em;padding:0 35px;}
.proMenu ul {position: absolute;background:#fff;left:0;top:110%;width:100%;opacity:0;transform: scale(0);transition:top .5s,opacity 0.4s;font-size:13px;}
.proMenu ul li{float:none;width:100%;line-height:30px;margin:0;}
.proMenu li:hover ul{opacity:1;transform: scale(1);top:100%;}
.proMenu ul li a:hover{background:#2f318b;}
/*--*/
.proMain li{float:left;width:31.9%;margin-right: 30px;font-size:1.143em;border: 1px solid #e5e5e5;margin-bottom: 30px;}
.proMain li:nth-child(3n+0){margin-right:0;}
.proMain li:nth-child(4),.proMain li:nth-child(5),.proMain li:nth-child(6){margin-bottom:0;}
.proMain li a{display:block;overflow:hidden;}
.proMain li .pImg{padding-top:76%;}
.proMain li .pImg::after,.proSlide .pImg::after{content:"";/* position: absolute; *//* left:15px; *//* top:15px; *//* right:15px; *//* bottom:15px; *//* transform:scale(0) rotate(-180deg); *//* opacity:0; *//* transition:all .4s; */}
.proMain li h4{height: 50px;padding: 15px 0;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;/* border: 1px solid #e5e5e5; */}
.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4,.proMain li a:hover i{color:#2f318b;}
/* mx-product */

/* mx-about */
.mx-about{overflow:hidden;color:#fff; background-color:#0761b7;}
.aboutPic{width:50%;height:470px;display:block;overflow:hidden;position: relative;}
.aboutPic .bgImg{animation:scale 30s infinite;}
/*--*/
.aboutTxt{width:46%;}
.aboutTxt .title{color:#fff;font-size:2em;margin-bottom:30px;background: url('../images/aTie_bg.png') no-repeat left bottom;padding-bottom:20px;}
.aboutTxt .txt{height: auto;margin-bottom:10px;overflow:hidden;line-height:1.8;}
.aboutTxt p{ font-size:16px; line-height:31px; padding-bottom:15px;}
.aboutTxt  .more {width:160px;height:40px;line-height:40px;background:#fff;color:#333;display:inline-block;text-align:center;border-radius:20px; margin-top:25px;}
.aboutTxt  .more i{font-style:normal;margin-left:10px;}
.aboutTxt  .more:hover{width:240px;}
/*--*/
.aboutNum{font-size:1.143em;height:140px; display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content: space-between;}
.aboutNum li{float:left;color:#fff;position:relative;}
.aboutNum li span{font-size:3em;position:relative;font-family:Arial;font-weight:bold;line-height:1.2;}
.aboutNum li i{position:absolute;font-size:16px;font-weight:normal;font-style:normal;bottom:10px;margin-left:5px;}
.aboutNum li:last-child::after{display:none;}
/* mx-about */

/* mx-news */
.newsMain{height:460px;overflow:hidden;}
.newsPic{float:left;width:36%;overflow:hidden;position:relative;font-size:1.143em;}
.newsPic li a{display: block;position: relative;height:460px;overflow:hidden;}
.newsPic li p{position: absolute;bottom:0;left:0;height:70px;line-height:70px;background:rgba(0,0,0,.7);width:100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;z-index:2;padding:0 120px 0 15px;color:#fff;font-size: 16px;/* font-weight: bold; */}
.newsPic li a:hover img{transform: scale(1.08);}
.newsPic .swiper-pagination{width:auto;right:20px;bottom:25px;left:auto;}
/*--*/
.newsTxt{width:63%;overflow:hidden;margin-right:-15px;}
.newsTxt li{float:left;width:50%;padding-right:15px;overflow:hidden;margin-bottom:10px;}
.newsTxt li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;padding:20px 25px;border:1px solid #d6d6d6;height:225px;}
.newsTxt li .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsTxt li h4{font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color: #191919;transition:all .3s;margin-bottom:15px;/* font-weight: bold; */}
.newsTxt li p{height:100px;border-bottom: 1px solid #e5e5e5;margin-bottom:20px;line-height: 28px;font-size: 15px;color: #191919;}
.newsTxt li .time{background-image: url(../images/icos-time.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;padding-left: 20px;}
.newsTxt li .author{background-image: url(../images/icos-author.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;padding-left: 20px;}
.newsTxt li span{display: inline-block;color: #999;font-size: 13px;}
.newsTxt li a:hover .bgImg{opacity:.15;}
.newsTxt li a:hover{color:#fff;background-color:#2853bc;}
.newsTxt li a:hover h4{color:#fff;}
/* mx-news */

/* mx-customer */
.mx-customer{ background:#fff;}
.mx-customer { margin:0 -7px;}
.mx-customer ul{ width:100%; float:left; }
.mx-customer ul li{ width:16.66%; float:left;padding:7px;}
.mx-customer ul li img{left:0;top:0;border:solid 1px #e5e5e5;}
/* mx-customer */

/* footer */
.flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-left { display: flex; flex-wrap: wrap }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flex-v-center { display: -webkit-flex; display: flex; align-items: center; justify-content: center }
.flex-v-bottom { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
/*--*/
.footer {border-top: 2px solid #017cc2;background: #24292f;padding-top: 60px;}
.foot-nav li {margin-right: 40px;}
.foot-nav li a {font-size: 18px;color: #ffffff;opacity: 0.7;line-height: 1;}
.foot-contact {margin-top: 70px;padding-bottom: 50px;}
.foot-contact .item ~ .item {margin-left: 110px;}
.foot-contact .item i {font-size: 20px;color: #017cc2;}
.foot-contact .item p {font-size: 16px;color: #ffffff;opacity: 0.6;}
.footer .right .qr {text-align: center;margin-left: 30px;}
.footer .right .qr p {color: rgba(170, 170, 170, 0.5);margin-top: 12px;font-size: 14px;}
.links {padding-bottom: 20px;color: rgba(255, 255, 255, .32);font-size: 14px;}
.links a {margin-right: 8px;color: rgba(255, 255, 255, .32);font-size: 14px;}
.copyright {border-top: 1px solid rgba(238, 238, 238, .1);}
.copyright {padding-top: 16px;padding-bottom: 16px;}
.copyright,
.copyright a {color: rgba(255, 255, 255, .32);font-size: 14px;}
.copyright a:hover,
.foot-nav li a:hover,
.links a:hover{color: #017cc2;}
.copyright .right a {margin-left: 14px;}
/* footer */

/* foot */
.foot{ display:none;}
.foot .box {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 45px;background: #3366ff;z-index: 66;box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.15);z-index: 9999999;}
.foot .box li {box-sizing: border-box;width: 50%;float: left;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.foot .box li .ico7 {width: 100%;float: left;}
.foot .box li .name {font-weight: bold;width: 100%;float: left;font-size: 1rem;color: #fff;line-height: 45px;width: 100%;height: 100%;}
.foot .box li .name img{width:22px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.foot #wxnr {width: 100%;height: 100%;max-width: 640px;min-width: 320px;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
.foot #wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 22rem;padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}
.foot #wxnr img {display: block;margin: 0 auto 0.8rem;}
.foot #wxnr p {display: block;font-size: 1.4rem;text-align: center;color: #666;}
.foot #wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
.foot #wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}
/* foot */

/* mx-banner */
.mx-banner{position: relative; overflow: hidden; height: 450px;}
.mx-banner .picture{overflow: hidden;}
.mx-banner .picture img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;position: relative;max-width: none;}
.mx-banner{height: auto;}
.banner-box{position: absolute;width:100%;height:100%;background-color: rgba(0,0,0,0.2);left:0;top:0; z-index:-100;}
.mx-banner .text{position: absolute; top: 37%; left: 50%; z-index: 2; margin-left: -700px;}
.mx-banner .text.center{left: 0; margin-left: 0; width: 100%;}
.mx-banner .text .cn{font-size: 36px; line-height: 1; color: #ececec;}
.mx-banner .text.black .cn{color: #ececec;}
.mx-banner .text .des{margin-top: 25px; font-size: 18px; line-height: 1; color: #fff;}
/* mx-banner */

/* mx-into */
.mx-into{overflow: visible;}
/*--*/ 
.intoTxt{width:46%;height: 370px;position:relative;}
.intoTxt .title{font-size:26px;margin-bottom:30px;padding-bottom:30px;position:relative;color:#191919;font-weight:bold;position:relative;}
.intoTxt .title span{display:block;text-transform:uppercase;opacity:.1;height:34px;line-height:1;overflow:hidden;font-size:1.7em;font-family:Arial;}
.intoTxt .title::after{height:4px;}
.intoTxt .txt{height: auto;margin-bottom:10px;overflow:hidden;line-height: 28px;}
.intoTxt .txt p{ font-size:16px; color:#191919;line-height: 31px;}
.intoTxt  .more {width:140px;height:40px;line-height:40px;display:inline-block;text-align:center;border:1px solid #13579d;border-radius:20px;}
.intoTxt  .more:hover{background:#13579d;color:#fff;width:200px;}
/*--*/ 
.intoPic{width:50%;height: 370px;display:block;overflow:hidden;position: relative;z-index:2;}
.intoPic .bgImg{animation:scale 30s infinite;}
/* mx-into */

/* setting */
.setting{padding-top:40px;overflow:hidden;text-align:center; padding-bottom:50px;}
.settingMain,.settingBox{overflow:hidden;}
.settingBox li{float:left;width:25%;font-size:1.143em;}
.settingBox li .pImg{padding-top:70%;border:1px solid #ddd;background:#000;}
.settingBox li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;font-size: 16px;}
.settingBox li:hover img{transform: scale(1.1);opacity:.4;}
.settingBox li:hover p{bottom:0;}
.settingBox .btn,.process .btn{width:24px;height:40px;background:rgba(0,0,0,.5);color:#fff;line-height:40px;text-align:center;font-family:"simsun";font-weight:700;left:0;z-index:5;pointer-events:initial;cursor:pointer;}
.settingBox .swiper-button-next{left:auto;right:0;}
.settingBox .btn:hover{background:#13579d;right:0;opacity:1;}
.process .btn{display:none;width:40px;height:24px;line-height:24px;}
/* setting */

/* mx-environment */
.mx-environment{background-image:url('../images/bg-2.png'); overflow:hidden;}
.mx-environment .title{color:#333333;font-size:40px;text-align:center;margin: 10px 0;width: 100%;}
.mx-environment .title hr{ display:table; border:none;margin:10px auto;width:30px;height:2px; background:#0e6eb8;}
.mx-environment .title span{display:block;color:#666;font-size:14px;}
.mx-environment .title.pg{margin:60px 0 10px 0}
.mx-environment .title.tm50{margin-bottom:50px;}
.mx-environment .title.tm60{margin-bottom:30px;}
.mx-environment ul{position:relative;margin-right:-10px;overflow:hidden;}
.mx-environment li{float:left;width:25%;padding-right:10px;margin-bottom:10px;}
.mx-environment li:nth-child(2){width:50%;}
.mx-environment li:last-child{position:absolute;left:0;bottom:0;}
.mx-environment li .pImg{padding-top:64%;;}
.mx-environment li p{background: rgba(0, 0, 0, .6);padding: 0 5%;position: absolute;left:0;bottom: -50px;color: #fff;width: 100%;height: 50px;line-height: 50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s;}
.mx-environment li:hover img{transform: scale(1.1);}
.mx-environment li:hover p,.settingSlide li p{bottom:0;}
/* mx-environment */

/* mx-idea */
.mx-idea{background:none;font-size:.985em;}
.mx-idea li{background:#ededed;overflow:hidden;margin-bottom:20px;}
.mx-idea li .pic{width:50%;overflow:hidden;display:block;height:430px;}
.mx-idea li .txt{width:50%;padding:4%;position:relative;}
.mx-idea li h4{font-size: 24px;font-weight: bold;position:relative;padding-bottom:15px;margin-bottom:30px;color: #191919;}
.mx-idea li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#3366ff;width:15px;transition:all 0.4s; }
.mx-idea li h4 a{color:#333;}
.mx-idea li .txt .info{min-height:130px;font-size: 16px;color: #191919;line-height: 32px;}
.mx-idea li:nth-child(2n) .txt{float:left;} 
.mx-idea li:nth-child(2n) .pic{float:right;}
.mx-idea li:hover .bgImg{transform: scale(1.05);}
.mx-idea li h4 a:hover{color:#3366ff;}
/* mx-idea */

/* mx-product */
.mx-product{width:100%;overflow:hidden;}
.mx-product li{/* border-bottom: 1px solid #ddd; *//* padding-bottom:40px; */margin-bottom:40px;transition: all .3s;overflow: hidden;border: 1px solid #ddd;}
.mx-product li .pic{float: left;width:45.5%;height:300px;margin-right:50px;overflow: hidden;}
.mx-product li img{transition: all .5s;width:100%;height:100%;}
.mx-product li h3{font-size: 24px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:12px;color: #191919;margin-top: 60px;font-weight: bold;}
.mx-product li h3 a{color:#333;}
.mx-product li p{min-height:80px;line-height: 34px;color: #191919;font-size: 16px;}
.mx-product li .date{display: block;color:#999;margin-bottom:25px;font-size:12px;}
.mx-product li .date i{font-style: normal;margin-left:8px;}
.mx-product li .more{display: inline-block;width:120px;height:38px;line-height:38px;text-align: center;margin-top:25px;border: 1px solid #ccc;}
.mx-product li .more:hover{background: #ff0000;border: 1px solid #ff0000;color:#fff;}
.mx-product li:hover{box-shadow: 6px 6px 6px #eee;}
.mx-product li:hover img{transform: scale(1.1);}
/* mx-product */

/* mx-quality */
.mx-quality .main{position:relative;overflow:hidden;margin-bottom:10px;}
.mx-quality .txt{position:absolute;right:0;bottom:0;width:48%;background: rgba(255, 255, 255,.9);padding:4% 5%;line-height:1.8;}
.mx-quality .txt h3{position:relative;margin-bottom:30px;padding-bottom:15px;color:#333;}
.mx-quality .txt h3 span{display:block;font-size:2em;}
/* mx-quality */

/* mx-mould */
.mould-box li{float:left;width:24%;margin:0 .5%;}
.mould-box li .pImg{padding-top:68%;}
.mould-box li p{height:70px;line-height:70px; text-align:center;}
/* mx-mould */

/* mx-matrix */
.mx-matrix{background:#e9e9e9;margin-bottom:20px;margin-top: 10px;}
.mx-matrix img{width:100%;}
.mx-matrix .txt{padding:1.4% 5%;}
.mx-matrix h4{color:#191919;font-size:2.143em;font-weight:700;margin-bottom: 10px;text-align: center;}
.mx-matrix p{text-align: center;padding-bottom: 10px;}
/* mx-matrix */

/* mx-inspect */
.mx-inspect{background: #141042;}
.mx-inspect .sTie{color:#fff;}
.mx-inspect ul{margin:0 -.5%;}
.mx-inspect li{float:left;background:#fff;background:#fff;width:24%;margin:0 .5%;padding: 1%;}
.mx-inspect li h4{color:#191919;font-size:1.714em;margin-bottom:20px;}
.mx-inspect li h4 i{display:block;opacity:.5;font-style:normal;font-size:2.692em;font-family:Arial;font-weight:bold;line-height:1;padding-bottom:10px;}
.mx-inspect li p{min-height: auto;/* padding-bottom:15px; */padding-top: 15px;text-align: center;}
.mx-inspect li p strong{color:#333;}
.mx-inspect li .pImg{padding-top:90%;}
/* mx-inspect */

/* mx-solution */
.mx-solution{ margin-bottom:-80px; padding-bottom:-80px;}
.mx-solution ul{margin-right:-10px;}
.mx-solution li{float:left;width:29%;padding-right:10px;padding-bottom:10px;}
.mx-solution li .item{display:block;height:385px;overflow:hidden;color:#fff;position: relative;}
.mx-solution li .bgImg{position: relative;z-index:2;transition:all .7s;}
.mx-solution li:nth-child(1){width:42%;}
.mx-solution li:nth-child(1) .item{height:780px;}
.mx-solution li:nth-child(4){width:26%;} 
.mx-solution li:nth-child(5){width:32%;}
.mx-solution li:nth-child(6){display:none;}
.mx-solution li h4{position: absolute;left:30px;top:30px;font-size:1.429em;padding-bottom:15px;z-index:3;transition:all .4s;}
.mx-solution li h4 span{display: block;font-size:12px;font-family:Arial;opacity:.6;}
.mx-solution li h4::after{content:"";position: absolute;bottom:0;width:10px;height:2px;background:#fff;left:0;bottom:0;transition:all .4s;}
.mx-solution li .bgImg::after{content:"";position: absolute;width:100%;height:100%;right:0;top:0;z-index:-1;transition:all .4s;}
.mx-solution li .item:hover .bgImg{transform: scale(1.1);}
.mx-solution li .item:hover h4{left:50px;transition-delay:.3s;}
.mx-solution li .item:hover h4::after{width:40px;transition-delay:.3s;}
/* mx-solution */

/* mx-other */
.other-box li{float:left;width:19%;margin:0 .5%;}
.other-box li .pImg{padding-top:150%;}
.other-box li p{height:70px;line-height:70px; text-align:center;}
/* mx-other */

/* mx-equipment */
.mx-equipment{padding-top:60px;}
.mx-equipment table{font-size: 16px;line-height: 44px;text-align: center;border: 1px solid #e6e6e6;}
.mx-equipment table .tl{background:#3366ff;color:#fff;font-weight: bold;}
.mx-equipment{overflow:hidden;}
.mx-equipment .title{font-size:1.857em;color:#333;position:relative;overflow:hidden;margin-bottom:35px;}
.mx-equipment .tie::after{content:"";position: absolute;width:100%;height:1px;background:#e5e5e5;top:25px;left:120px;}
.mx-equipment ul{margin-top: 40px;}
.mx-equipment li{float: left;width: 32%;margin-right:30px;margin-bottom: 10px;}
.mx-equipment li:nth-child(3n+0){margin-right:0;}
.mx-equipment li .pImg{border-radius:5px;overflow:hidden;padding-top:75%;position: relative;}
.mx-equipment li .pImg img{width:100%;height: 100%;overflow: hidden;display: block;transition:ease .5s;}
.mx-equipment li .pImg:hover img{transform: scale(1.04);}
.mx-equipment li p{text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding: 15px 0;font-size: 16px;}
.mx-equipment li a:hover img{transform:scale(1.08);}
.mx-equipment li a:hover .pImg{box-shadow:0 0 10px #ccc;}
/* mx-equipment */

/* mx-salary */
.salary-box {display: flex;margin-top: 0;}
.salary-box .picture {width: 47%;margin-right: 3%;overflow: hidden;display: flex;align-items: flex-end;}
.salary-box .picture img {float: left;width: 100%;}
.salary-box .content {width: 50%;display: flex;flex-wrap: wrap;}
.salary-box .co1 {width: 30px;height: 4px;background: rgb(41 22 111);margin-bottom: 25px;}
.salary-box .co2 {font-size: 22px;color: #333333;margin-bottom: 22px;}
.salary-box .co3 {font-size: 18px;color: #666666;line-height: 30px;}
.salary-box .item {display: flex;align-items: center;margin-top: 0;box-shadow: 0px 0px 3px 1px rgba(55, 105, 165, 0.15);padding: 40px;background: #fff;justify-content: space-between;position: relative;transition: all 0.4s;width: 50%;cursor: pointer;}
.salary-box .item:hover{box-shadow: 0px 0px 3px 1px rgba(55, 105, 165, 0.45);transform: scale(1.05);position: relative;z-index: 99;}
.salary-box .text {width: 98%;z-index: 30;}
.salary-box .number {font-size: 100px;font-family: BIN;color: rgb(243, 246, 249);position: absolute;right: 30px;margin-top: 15px;font-weight: 600;letter-spacing: 5px;}
/* mx-salary */

/* mx-servant */
.servant-box{ display: flex; justify-content: space-between; height: 450px; color: #fff; font-size: 16px; line-height: 2;}
.servant-box .left{ position: relative; background: url(../images/join-page2-left.jpg) center center; width: 50%; height: 100%;display: flex;  align-items: center;  justify-content: center; text-align: center; }
.servant-box em{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgb(0 ,0, 0,0.3); transform: scale(0); transition: all .5s;}
.servant-box .left:hover em,.servant-box .right:hover em{ transform: scale(1);}
.servant-box h2{ font-size: 40px; font-weight: 500; margin-bottom: 12px;}
.servant-box .right{position: relative;  background: url(../images/join-page2-right.jpg) center center; width: 50%;display: flex;  align-items: center;  justify-content: center; text-align: center;}
.servant-box .right>div{position: relative;z-index: 29;}
.servant-box .left>div{position: relative;z-index: 29;}
/* mx-servant */

/* mx-content */
.mx-content .contact1 ul{ width:100%; float:left; margin-top:132px;}
.mx-content .contact1 ul li{width: 23.5%;float:left;/* padding:0 16px; */margin-right: 30px;}
.mx-content .contact1 ul li:nth-child(4) {margin-right: 0;}
.mx-content .contact1 ul li .zbox{ width:100%; float:left; background:#f0f0f6; text-align:center; padding:0 50px 10px 50px; height:234px;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.mx-content .contact1 ul li .zbox .ico{display:inline-block;vertical-align:top;width: 80px;height: 80px;background: #3366ff;margin-top: -43px;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
.mx-content .contact1 ul li .zbox .ico img{ width:100%; float:left;}
.mx-content .contact1 ul li .zbox h5{width:100%;margin-top:27px;line-height:23px;font-size:18px;color:#333;letter-spacing:2px;font-weight: bold;}
.mx-content .contact1 ul li .zbox h6{ width:100%; line-height:18px; font-size:12px; color:#888787; letter-spacing:1px; font-family:Arial; text-transform:uppercase;}
.mx-content .contact1 ul li .zbox .jj{width:100%;margin-top:19px;line-height:26px;font-size: 16px;color: #333;letter-spacing:1px;}
.mx-content .contact1 ul li .zbox .btn{ width:100%; height:88px; line-height:88px; position:relative; margin-top:10px;}
.mx-content .contact1 ul li .zbox .btn .ewm{ width:88px; height:88px; position:absolute; left:50%; top:0; margin-left:-44px; padding:5px; background:white; overflow:hidden; opacity:0;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.mx-content .contact1 ul li .zbox .btn .ewm img{ width:100%; float:left;}
.mx-content .contact1 ul li .zbox .btn:hover .ewm{ opacity:1;}
.mx-content .contact2{ width:100%; float:left; margin:30px 0 80px 0; position:relative; background:url(../images/map.jpg) no-repeat center;height: 500px;}
/* mx-content */

/* mx-feedback */
.mx-feedback {padding-top: 60px;padding-bottom: 60px;background: url(../images/feedback-bg.jpg) no-repeat center;background-size: cover;margin-top: 60px;}
.mx-feedback .form-one { margin-top: 56px; }
.form-one input { width: 24.2%; height: 68px; background-color: #ffffff; font-size: 14px; color: #383635; padding: 0 25px; }
.form-one textarea { width: 100%; height: 120px; background-color: #ffffff; margin-top: 20px; padding: 20px 25px; }
.form-one .sub {width: 200px;height: 52px;background-image: linear-gradient(165deg, #028ad5 0%, #3366ff 100%);box-shadow: 0px 10px 20px 0px 
rgba(19, 91, 171, 0.09);border-radius: 26px;line-height: 52px;font-size: 16px;color: #ffffff;margin: 48px auto 0;display: block;cursor: pointer;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.form-one .sub:hover { width: 220px; }
/* mx-feedback */