@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;font-size: 18px;font-weight: 600;}
.wapNav li i{font-family:"iconfont";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:#2f318f;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height: 46px;line-height: 46px;padding-left:40px;font-size: 18px;border-top:1px solid #e5e5e5;font-weight: normal;}
.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{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
/* wapNav */


/* -------------------------PC端--------------------------- */

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

.zj-service .text {padding: 0px 80px 0 40px;}

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

/*--*/	
.container {padding: 0 3% 0 3%;}
/*--*/
.header .logo,.headTie,.headR {padding-top: 20px;}	
.nav .container {padding: 0 3% 0 3%;}
/*--*/
.zj-business .business-box li .pic{ width:400px; height:266px;}
/*--*/	
.list-banner .title .cn {font-size: 50px;}
/*--*/	
.zj-service {padding: 80px 0;}
.service-box {padding: 40px;}
.zj-service .text h5, .zj-service .text h2 {font-size: 36px;margin-top: 50px;}
.zj-service .text h6, .zj-service .text h1 {margin: 20px 0 36px;}
.zj-service .text a{margin-top: 52px;}
.zj-service .text {padding: 0px 54px 0 20px;}
/*--*/	
.zj-elbow{ padding-top:50px;}
.zj-elbow .list li {width: 18.3%;margin-bottom: 10px}
.zj-elbow .list li .picture img {padding: 5px;}
/*--*/	
.zj-contact .right img{ height:100%;}

}

@media  screen and (max-width:1585px){
.zj-contact .left .dt{ padding:39px 20px 24px 48px;}
.zj-contact .left .dd{ padding:33px 20px 34px 0px;}
.zj-contact .left .dd:nth-child(2) li:nth-child(2){ padding-right:0;}
.zj-contact .left .dd li .ewm{ right:0%;}
}

@media all and (max-width:1540px) {
/*--*/	
.zj-elbow{ padding-top:50px;}
.zj-elbow .list li {width: 18.1%;}
}

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

/*--*/	
.ptm100 {padding-top: 82px; padding-bottom:82px;}
/*--*/
.info-box li p{font-size:12px;}
.info-box li a{padding:20px;}
.info-box .txt a{padding:37px 20px;}
/*--*/
.footer .list li ~ li {margin-left: 50px;}
.footer .list li dt a {font-size: 18px;}
.footer .list li dt {margin-bottom: 6px;}
.footer .content .tel .pt p {font-size: 20px;}
/*--*/	
.list-banner .ce {left: 0;}
.list-banner .title .cn {font-size: 48px;}
.list-banner .title .des {margin-top: 24px; font-size:18px; line-height:32px;}
/*--*/	
.zj-show .left .title .tit{ font-size:26px;}
/*--*/	
.zj-service .text {padding: 0px 40px 0 0;}
.zj-service .text h5, .zj-service .text h2 {margin-top: 34px;}
/*--*/	
.zj-title span,.zj-titlew span{ font-size:40px;padding-bottom: 25px;}
.zj-title,.zj-titlew{ font-size:20px; margin-bottom:46px;}
.zj-contact .contact-box .right .title{ font-size:30px;}
/*--*/	
.zj-message {padding-bottom: 82px;}

}

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

/*--*/	
.ptm100 {padding-top: 60px; padding-bottom:60px;}
/*--*/	
.footer {padding-top: 60px;}
/*--*/	
.list-banner .title .cn {font-size: 40px;}
.list-banner .title {margin-left: 0;}
/*--*/
.zj-title,.zj-titlew{ margin-bottom:40px;}
/*--*/	
.zj-service .text h5, .zj-service .text h2 {margin-top: 28px;font-size: 32px;}
.zj-service .text h6, .zj-service .text h1 {margin: 18px 0 24px;font-size: 18px;}
.zj-service .text a {margin-top: 32px;}
.zj-service {padding: 68px 0;}
/*--*/	
.zj-message {padding-bottom: 60px;}
/*--*/	
.zj-elbow{ padding-top:30px;}
.zj-elbow .list li {width: 17.9%;}
/*--*/	
.zj-contact .left{ width:100%;}
.zj-contact .right{ display:none;}
}

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

/*--*/
.zj-menu{ font-size:14px;}
.zj-menu .list{font-size:1rem;}
.zj-menu .list a{margin:0 20px;}
/*--*/	
.zj-title span,.zj-titlew span{ font-size:38px;}
.zj-title,.zj-titlew{ font-size:18px;margin-bottom:32px;}
/*--*/	
.zj-service .text h6, .zj-service .text h1{line-height: 26px;}
/*--*/	
.zj-elbow .list li {width: 17.7%;}
}

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

/*--*/
.headTie {margin-top: 6px;}
.headTie span {font-size: 18px;}
.nav .m>a {font-size: 16px;}
/*--*/	
.zj-business .business-box{ padding:60px;}
.zj-business .business-box li{ padding:40px 15px 60px 15px;}
/*--*/	
.footer {padding-top: 54px;}
.footer .list li dt a {font-size: 16px;}
.footer .list li dd a {font-size: 13px;}
.footer .list li ~ li {margin-left: 20px;}
.footer .copyright .container{ padding-bottom:9%;}
/*--*/	
.foot {display: block;}
/*--*/
.list-banner .title .cn {font-size: 26px;}
.list-banner .title .des {font-size: 16px;margin-top: 16px;}
.list-banner .picture img {left: 0;margin-left: 0;max-width: -webkit-fill-available;}
/*--*/	
.zj-service .text{width: 100%;padding: 0;}
.zj-service .picture{width: 100%;margin-top: 40px;}
.zj-service .text h5, .zj-service .text h2{margin-top: 0;}
/*--*/	
.zj-elbow .list li {width: 17.3%;}
/*--*/
.ContactInner .long .left{width: 40%;}
.ContactInner .long .right{width: 60%;} 
}

@media  screen and (max-width:1199px){
.zj-contact .left{height: 295px;}
.zj-contact .left .dt{ padding:29px 20px 14px 30px;}
.zj-contact .left .dt h3{ font-size:24px; line-height:42px;}
.zj-contact .left .dt h5{ font-size:14px; line-height:27px; letter-spacing:12px;}
.zj-contact .left .dd{ padding:23px 20px 24px 0;}
.zj-contact .left .dd li{ padding-left:85px;}
.zj-contact .left .dd li .ico{ left:30px; width:38px; height:38px;}
.zj-contact .left .dd li .ewm{width:60px;height:60px;margin-top:-30px;}
.zj-contact .left .dd li h5{ font-size:14px; line-height:25px;}
.zj-contact .left .dd li h6{ font-size:14px; line-height:22px;}
.zj-contact .right{/* padding:20px 19px 0 18px; */height: 295px;}
}


/* ------------------------手机端-------------------------- */

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

/*--*/	
body{padding-top:60px;font-size:.875rem;}
.nav_on {opacity: 1;transform: translateX(0);}
.headR,.nav,.headTie,.zj-menu::after,.zj-menu p,.proSider .title span,.proSide_sub,.relaCase,.zj-application li .txt,.proSider{display:none;}
.navTrigger, .wapTel, .wapLang{display: block;}
.zj-menu .list,.zj-case,.zj-show li .picture, .zj-show li .text,.zj-industry li .text,.zj-industry li .picture,.proSider,.proR,.proShow_R,.picShow_l{float:none;width:100%;}
.navTrigger, .wapTel, .wapLang,.relative_pro li:nth-child(4) {display: block;}
/*--*/	
.ptm100 {padding-top: 40px; padding-bottom:40px;}
.pd60 {padding-top: 40px; padding-bottom:40px;}
/*--*/	
.header{height: 60px;line-height: 60px;}
.header .logo img {width: 260px;padding-bottom:0;}
.header .logo, .headTie, .headR { padding-top:0;}
.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;}
/*--*/	
.zj-business .business-box{ padding:30px;}
.zj-business .business-box li{ padding:20px 15px 30px 15px;}
.zj-business .business-box li .pic{ width:100%; margin-top:20px; height:auto; padding-bottom:66.5%; position:relative;}
.zj-business .business-box li h2{ font-size:40px; line-height:46px; letter-spacing:1px;}
.zj-business .business-box li .p{ margin-top:12px; font-size:14px; line-height:24px; letter-spacing:0px;}
.zj-business .business-box li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.07);}
/*--*/	
.zj-application li h4{position: static;padding-bottom:0;background:none;color:#333;font-size:1.143em;height:40px;line-height:40px;padding:0;}
.zj-application li img{opacity:1;}
.zj-application li {width: 50%;}
/*--*/	
.zj-company{padding-bottom:0;}
.zj-company .main{min-height:auto;margin-bottom:30px;}
.zj-company .setting{padding:3%;padding-bottom:0;}
.zj-company .setting li p{height:40px;line-height:40px;}
/*--*/	
.info-box .txt a{padding:20px;}
.info-box li h4{padding:0;}
.info-box li .bgImg,.info-box li:last-child,.downL .tel{display:none;}
.info-box li{width:50%;}
.info-box li h4{margin-bottom:20px;}
/*--*/	
.footer {padding-top: 32px;}
.footer .list li ~ li:nth-child(3),.footer .list li ~ li:nth-child(4),.footer .list li ~ li:nth-child(5),.footer .list li ~ li:nth-child(6) { display:none;}
.footer .copyright a{ margin:0;}
/*--*/
.list-banner .title .cn {font-size: 24px;}
.list-banner .title .des {font-size: 16px;}
/*--*/	
.zj-menu {padding:0;height:auto;line-height:100%;text-align:center;} 
.zj-menu .list{display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;}
.zj-menu .list a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
.zj-menu .list .cur{background:#2853bc;color:#fff;}
/*--*/	
.zj-title span,.zj-titlew span{ font-size:28px; padding-bottom:10px;}
.zj-title,.zj-titlew{ font-size:16px;margin-bottom:25px;}
/*--*/	
.zj-about .culture ul li{width:100%;}
.zj-about .text h2 {font-size: 24px;margin-bottom: 20px;}
/*--*/	
.zj-partner .list li {width: 50%;}
/*--*/	
.zj-reality .reality-box .list li{width:50%;}
.zj-reality .reality-box .list h4{ font-size:16px; padding:10px 20px; }
.zj-reality .reality-box .list li:nth-child(1){width:50%}
.zj-reality .reality-box .list li:nth-child(5){display: none;}
.zj-reality .reality-box .list li:nth-child(n+6){display: block;}
/*--*/	
.proSider{margin-bottom:40px;}
.proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}
.proSide_sub li a{height:45px;line-height:45px;}
.proSide_sub ul li{height:30px;line-height:30px}
.zj-ultrasonic .proR {width: 100%;}
.zj-ultrasonic .proList{margin-right:-10px;}
.zj-ultrasonic .proList li {width: 50%;}
.proTie {height: 40px;line-height: 40px;font-size: 24px;margin-bottom: 15px;margin-top: 20px;}
.proTie span {height: 40px;font-size: 24px;}
.proShow_R .main img,.proShow_R1 .main img{ height:auto!important;}
.proShow_R1 .list li{ width:47.8%; margin-right:20px; margin-bottom:0;}
.proShow_R1 .list li:nth-child(2n){margin-right: 0;}
/*--*/
.proShow_R .list li  {width: 50%;}
/*--*/	
.zj-news li {width: 100%;}
.zj-news li .picture img {width: 100%;}
/*--*/	
.zj-industry li,.zj-industry li .picture,.zj-industry li .text{height:auto;}
.zj-industry li h4{font-size:2em;}
/*--*/	
.zj-case li p{min-height:auto;}
.zj-case li .picture{width:320px;height:240px;margin-right:30px;}
/*--*/	
.zj-show .left {width: 100%;}
.zj-show .right {display: none;}
.zj-show .left .title .tit{ font-size:20px;}
/*--*/	
.zj-equipment li{width:50%;margin-bottom: 0;}
/*--*/	
.zj-support ul li{width:50%;margin-bottom:20px;}
.zj-support ul li img{max-width:40%;}
.zj-support ul li span{width:110px;height:110px;background-size:contain;line-height:110px;}
/*--*/	
.zj-question .list li,.zj-question .list li:nth-child(2n){width:100%;float:none;}
/*--*/	
.zj-contact .contact-box .right {width: 100%;padding: 40px 210px 40px 40px;}
.zj-contact .contact-box .picture {width: 100%;height: auto;}
.zj-contact .contact-box .right .title{ font-size:26px;}
.zj-contact .contact-box .right .tel font {font-size: 30px;}
/*--*/
.listMessage {margin-top: 40px;margin-bottom: 40px;}
.form-content .one .item input {font-size: 14px;}
.form-content .one .item {height: 50px;line-height: 48px;}
.form-content .sub {width: 200px;height: 46px;font-size: 16px;}
.flex-between {flex-wrap: wrap;}
.zj-message {padding-bottom: 40px;}
/*--*/	
.zj-job li{padding:0 20px;}
.zj-job .top{padding-right:0;}
.zj-job .top a{margin-right:0;width:100%;margin-top:10px;}
.zj-job .top span{width:50%;}
/*--*/	
.zj-route .route-box ul {width: 100%;}
.zj-route .route-box li {width: 100%;height: 260px;margin-bottom:20px;}
.zj-route .route-box li .picture {width: 100px;height: 100px;}
/*--*/	
.zj-elbow .list li {width: 16.6%;}
/*--*/
.ContactInner .long .left,.ContactInner .long .right{height: auto;}
.ContactInner #dituContent{height: 300px;}
.ContactInner .long .left{display: none;}
.ContactInner .long .right{width:100%;padding: 45px 40px;}
.ContactInner .long .right .title{font-size:22px;}
.ContactInner .long .right .tel{margin-top:20px;}
.ContactInner .long .right .wx{min-height: initial;}
.ContactInner .long .right .consult{top: 50px;right: 40px;}
}

@media  screen and (max-width:991px){
.zj-contact{ padding-top:38px; padding-bottom:40px;}
.zj-contact .left,.zj-contact .right{ width:100%; height:auto;}
.zj-contact .left .dt{ padding:19px 10px 10px 20px;}
.zj-contact .left .dd{ padding:13px 10px 24px 20px;}
.zj-contact .left .dt h3{ font-size:24px; line-height:32px;}
.zj-contact .left .dt h5{ margin-top:6px; font-size:14px; line-height:20px;}
.zj-contact .left .dd:nth-child(2) li:nth-child(2){ padding-right:0;}
.zj-contact .left .dd li{ padding-left:50px;}
.zj-contact .left .dd li .ewm{ right:10%;}
.zj-contact .left .dd li .ico{ width:32px; height:32px; left:0;}
.zj-contact .left .dd li h5{ font-size:14px; line-height:25px;}
.zj-contact .left .dd li h6{ font-size:14px; line-height:22px;}
}

@media all and (max-width:768px) {
/*--*/	
.pd60 {padding-top: 20px; padding-bottom:20px;}	
/*--*/
.header .logo img {width: 200px;padding-bottom:0;}
/*--*/	
.zj-title span,.zj-titlew span{ font-size:20px; padding-bottom:2px;}
.zj-title,.zj-titlew{ font-size:16px;margin-bottom:15px;}
/*--*/
.service-box {padding: 15px;margin-top: 25px;}
/*--*/
.proShow_R1 .list li{ width:47.6%;}
/*--*/
.listMessage {margin-top: 30px;margin-bottom: 30px;}
.form-content .one .item {width: 100%;height: 40px;line-height: 38px;}
.form-content .one .item ~ .item {margin-top: 10px;}
.form-content .one .item input {height: 30px;padding-left: 15px;padding-right: 15px;font-size: 14px;}
.form-content .one .item:nth-child(3) {width: 100%;}
.form-content .two textarea {height: 100px;padding: 10px 15px;font-size: 14px;}
.form-content .sub {margin: 28px auto 0;width: 150px;height: 40px;line-height: 40px;border-radius: 28px;font-size: 16px;}
/*--*/	
.zj-elbow .list li {width: 31.6%; margin-right:15px;}
.zj-elbow .list li:nth-child(3n) {margin-right: 0;}
.zj-elbow .list li:nth-child(5),.zj-elbow .list li:nth-child(10),.zj-elbow .list li:nth-child(20),.zj-elbow .list li:nth-child(25){margin-right: 15px;}
/*--*/
.ContactInner .long .right{padding: 20px;}
.ContactInner .long .right .title{font-size: 18px;}
.ContactInner .long .right .tel{margin-top:10px;font-size:14px;}
.ContactInner .long .right .tel:before{top:32px; width:10px; height:3px;}
.ContactInner .long .right .tel:after{left:13px;top:32px; width:25px; height:3px;}
.ContactInner .long .right .tel font{margin-top: 25px;font-size: 26px;}
.ContactInner .long .right .wx{min-height:auto;margin-top:20px;font-size:14px;line-height: 24px;}
.ContactInner .long .right .consult{position: initial;margin-top: 25px;}
.ContactInner .long .right .ewm{ float: left;margin-right: 40px;}
.ContactInner .long .right .ewm img{max-width:90px;}
.ContactInner .long .right .ewm:before{content:"";position:absolute;right: -20px;top: 20%;width:1px;height: 60%;border-right: 1px #ddd dashed;}
.ContactInner .long .right .ewm:after{right:-20px;}
.ContactInner .long .right .online{float: left;display: table;margin: 40px 0 0 0px;font-size:13px;padding:5px 20px;}
.ContactInner .long .right .rt{margin-top:15px;}
.ContactInner #dituContent{height:220px;}
}

@media  screen and (max-width:767px){
.zj-contact{ padding-top:18px; padding-bottom:20px;}
.zj-contact .left{ width:100%;}
.zj-contact .left .dt{ padding:12px 10px 10px 10px;}
.zj-contact .left .dd{ padding:8px 10px 14px 10px;}
.zj-contact .left .dt h3{ font-size:18px; line-height:26px;}
.zj-contact .left .dt h5{ margin-top:4px; font-size:12px; line-height:18px;}
.zj-contact .left .dd:nth-child(2) li:nth-child(2){ padding-right:0;}
.zj-contact .left .dd li{width:100%;margin:15px 0;padding-left:40px;}
.zj-contact .left .dd li h5{ line-height:21px;}
.zj-contact .left .dd li h6{ line-height:20px;}
.zj-contact .right{ padding:10px 10px 15px 10px;}
.zj-contact .left .dd li .ewm{right:3%;}
}

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

/*--*/
.proShow_R1 .list li{ width:47.4%;}
/*--*/		
.zj-contact .contact-box .right .consult{ display:none;}
.zj-contact .contact-box .right{padding: 40px 40px 40px 40px;}
.zj-contact .contact-box .right, .zj-contact #dituContent {height: auto;}	
/*--*/	
.zj-business .business-box{ padding:20px;}
.zj-business .business-box li{ width:100%; padding:20px 15px 15px 15px;}
.zj-business .business-box li h2{ font-size:24px; line-height:34px; letter-spacing:0px;}
.zj-business .business-box li .p{ margin-top:8px; font-size:12px; line-height:20px;}
.zj-business .business-box li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.07);}
/*--*/	
.info-box{margin-right:0;}
.info-box li{width:100%;float:left;padding-right:0;border-bottom: 1px solid #ddd;margin-top:0;}
.info-box li a,.info-box .txt a{border:none;padding:10px;}
.info-box li p{height:auto;padding-bottom:0;margin-bottom:15px;}
.info-box li h4{margin-bottom:10px;}
.info-box li .date{display:none;}
.info-box li h4{padding-left:0;}
/*--*/	
.footer .list li{ display:none;}
.footer .fr{ width:100%; margin:0 auto; text-align:center;}
.footer .copyright{ margin-top:26px; display:inline-flex;}
.footer .copyright .fr{ display:none;}
/*--*/
.list-banner .title{ top:30%;}
.list-banner .title .cn {font-size: 18px; font-weight:normal;}
.list-banner .title .des { display:none;}
/*--*/	
.zj-menus a {padding: 0 20px;font-size: 14px; line-height:40px;}
.zj-menu .list a{padding:0 10px;line-height:42px;height:42px;}
/*--*/	
.zj-case li .more,.zj-case li .date{display:none;}
.zj-case li .picture{width:280px;height:auto;float:none;width:100%;margin-bottom:15px;display: block;}
.zj-case li h3{font-size:1.286em;margin-bottom:20px;}
/*--*/	
.zj-service{padding: 40px 0;}
.zj-service .picture {margin-top: 36px;}
.zj-service .text h5, .zj-service .text h2{font-size: 24px;}
.zj-service .text h6, .zj-service .text h1 {margin: 16px 0 18px;}	
/*--*/	
.zj-elbow .list li {width: 31.1%;}	
}

@media all and (max-width:480px) {
	
/*--*/
.list-banner h3 {font-size: 16px;}
.list-banner h3 span {font-size: 12px;}
.list-banner .title .des { display:none;}
/*--*/
.proShow_R1 .list li{ width:46%;}
/*--*/
.zj-contact .contact-box .right .title{ font-size:20px;}
/*--*/	
.zj-elbow .list li {width: 30.4%; margin-bottom:1px; margin-right:10px;}
/*--*/	
.zj-contact .left .dd li .con{ width:100%; float:none;}
.zj-contact .left .dd li .ewm{width:100%;float:none;border: none;position: relative;height: auto;right: 0;display: grid;}
.zj-contact .left .dd li .ewm img{text-align: center;margin: 0 auto;margin-top: 8px;}
}

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

/*--*/
.proShow_R1 .list li{ width:45%;}	
/*--*/
.zj-contact .contact-box .right .consult{ display:none;}
.zj-contact .contact-box .right{padding: 20px;}
.zj-contact .contact-box .right, .zj-contact #dituContent {height: auto;}	
	
}