/* 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:#1879bd;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;}

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

@media all and (max-width:1600px) {
.container{padding-left:15px;padding-right:15px;}
.header .logo{left:15px;}
.headR{right:15px;}
.newsMenu a {width: 24.4%;}
.header .nav {padding: 0 240px 0 300px;}
.service-box li {width: 18.4%;}
.zqLink .list .item {width: 19.5%;}
.zq-content .contact1 ul li .zbox{ padding:0 30px 10px 30px;}
.zq-content .contact1 ul li {width: 23.2%;}	
.newsShow .right .case .list li {width: 48.5%;}
.business-box dl,.newsShow .business-box dl {/* height: 350px; */margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 120px;height: 120px;top: 120px;}
.business-box dt em img {width: 120px;height: 120px}
}

@media all and (max-width:1540px) {
.service-box li {width: 18.3%;}
.service-box li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: justify;text-justify: distribute-all-lines;}
.aboutTxt {width: 48%;}
.aboutTxt .txt p {line-height: 22px;padding-bottom: 12px;}
.business-box dl,.newsShow .business-box dl {/* height: 330px; */margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 110px;}
.business-box dt em img {width: 100px;height: 100px}
}

@media all and (max-width:1440px) {
.header .logo{width:340px;}
.header .nav{padding-left:290px;padding-right:270px;}
.headR span b{margin-right:20px;}
.newsMenu a {width: 24.3%;}
.header .nav .m>a {font-size: 16px;}
.newsMenu {font-size: 16px;}
.zq-list,.zq-listw{font-size:40px; margin-bottom: 36px;}
.service-box li {margin-right: 25px;}
.service-box li h4{font-size:20px;}
.footer .nav{width:43%}
.footer .middle{padding:20px 80px} 
.zqLink .list .item {width: 19.4%;}
.aboutTxt .more{ display:none;}
.list-banner .text .cn {font-size: 30px;}
.list-banner .text .des {margin-top: 15px;font-size: 16px;}	
.newsShow .right .case .list li {width: 48.3%;}
.business-box dl,.newsShow .business-box dl {/* height: 320px; */margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 100px;}
.business-box dt em img {width: 100px;height: 100px}
.newsList ul{margin-right:-15px;}
.newsList li{padding-right:15px;}
.zsLogin{background-image: url('../images/bg1.jpg');}
}

@media all and (max-width:1330px) {
.list-banner .text {margin-left: 0;left: 3%;}
.zq-message {margin-top: 40px;margin-bottom: 40px;}
.form-content .one .item input {font-size: 15px;}
.form-content .one .item {height: 50px;line-height: 48px;}
.form-content .sub {width: 160px;height: 40px;}
.zq-content .contact1 ul li {width: 23%;}
.newsShow .left .newsList1 {padding: 40px 20px;}
.business-box dl,.newsShow .business-box dl {/* height: 310px; */margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 80px;}
.business-box dt em img {width: 100px;height: 100px}
}

@media all and (max-width:1240px) {	
.pd60, .listWrap {padding-top: 50px;padding-bottom: 50px;}
.headR{line-height:1.2;width:190px;}
.headR span b{display: block;margin-right:0;margin-top:5px;}
.header .nav{padding-right:210px;font-size:.875em;padding-left: 210px;}
.zq-list,.zq-listw{font-size:38px;}
.service-box li {width: 17.9%;}
.footer .nav{width:35%;}
.footer .nav li{width:33.3%}
.footer .middle{padding:20px 30px}
.zqLink .list .item {width: 19.3%;}
.aboutTxt .txt {margin-bottom: 0;}
.list-banner .text .des {font-size: 16px;}
.list-banner .text .cn {font-size: 30px;}
.zq-content .contact1 ul li .zbox{ padding:0 10px 10px 10px;}
.zq-content .contact2 .contact2Body{ width:450px;}
.zq-content .contact1 ul li { margin-right:26px;}
.newsShow .right .case .list li {width: 47.8%;}
.newsShow .left .title .tit {font-size: 22px;}
.newsShow .left .content img {width: 80% !important;}
.business-box dl,.newsShow .business-box dl {/* height: 310px; */margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 80px;}
.business-box dt em img {width: 100px;height: 100px}
.zq-about1 .left{height:460px;}
.zq-about1 .tie{margin-bottom:15px;padding-top:0;}
.newsList li{width:33.3%;}
.zsCharacteristic{padding-left:0;padding-right:0;}
.zsLogin{background-image: url('../images/bg3.jpg');}
.logFrom {right: 240px;height: 397px;}
.zsLogin {height: 524px;}
}

@media all and (max-width:1140px) {
.business-box dl,.newsShow .business-box dl {/* height: 310px; */margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 80px;}
.business-box dt em img {width: 100px;height: 100px}
}

@media all and (max-width:1040px) {
.list-banner .text .des {font-size: 16px;}
.list-banner .text .cn {font-size: 30px;}
.business-box dl,.newsShow .business-box dl {height: 310px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 79px;height: 79px;top: 80px;}
.business-box dt em img {width: 79px;height: 79px;}
}

@media all and (max-width:1024px) {	
body{padding-top:60px;font-size:.875rem;}
.navTrigger,.wapTel,.footMenu_wap,.relative_pro li:nth-child(4),.proSider .title i{display:block;}
.nav_on{opacity:1;transform: translateX(0);}
.footer,.footMain{padding:0;}
.footMenu_wap li{float:left; width:25%;text-align:center;height:40px;line-height:40px;border-bottom:1px solid #444;border-right: 1px solid #444;}
.copyRight p{float:none;}
.headR,.header .nav,.gr_kefu,.footLog,.footMenu,.firendlink,.footR,.proMenu a::after,.searFont,.breadCrumb,.picShow_r,.bshare-custom,.feedbackL,.caseL,.downL .tel,.proAdv .pic,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase{display:none;}
.searMain,.applyL,.applyR,.newsR,.proSider,.proR,.gallery,.proShow_R,.picShow_l,.feedbackR,.aboutBox1 .left,.aboutBox1 .right,.downL,.downR,.contactR,#dituContent,.caseR,.aboutTop .font,.cultureL,.cultureR,.proShow_con,.applySlide,.applyFont,.aboutBox2 .left,.aboutBox2 .right,.newsList{float:none;width:100%;}
.pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
.search,.searMain .sear_text,.searMain{height:60px;line-height:60px;}
.searMain .sear_btn{margin-top:10px;background-position:right center;}
.hTitle{font-size:.875rem;}
.hTitle span{font-size:2.4em;}
.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;}
.banner .big{ display:none;} 
.banner .small{ display:block;} 
.newsMenu a {width: 24.6%;}
.newsPic {float: none;width: 100%;}
.news .fr{float: none;width: 100%;margin-top: 30px;}
.zq-list,.zq-listw{font-size:28px; margin-bottom: 25px;}
.service-box li h4{font-size:18px;}
.service-box li {width: 19.1%;margin-right: 10px;margin-bottom: 10px;}
.footer .nav{display: none;}
.footer .middle{display: none;}
.footer .right{float:left;}
.footer .right span{text-align: left;}
.footer { padding: 60px 0 30px 0;} 
.zqLink .list .item {width: 24.3%;}
.zqLink .list .item:nth-child(4n+0){ margin-right:0;}
.zqLink .list .item:nth-child(5){ margin-right:8px;}
.aboutTxt{float: none;width: 100%;}
.aboutPic{float: none;width: 100%;}
.list-banner {height: 200px;}
.list-banner .picture img{height: 200px;}
.zq-content .contact1{ margin:0 -10px;}
.zq-content .contact1 ul li {width: 25%;margin-right:0;}
.zq-content .contact1 ul{ margin-top:80px;}
.zq-content .contact1 ul li{ padding:0 10px;}
.zq-content .contact1 ul li .zbox{ padding:0 10px 10px 10px; height:180px;}
.zq-content .contact1 ul li .zbox .ico{ width:80px; height:80px; margin-top:-40px;}
.zq-content .contact1 ul li .zbox h5{ margin-top:15px; line-height:20px; font-size:16px;letter-spacing:1px;}
.zq-content .contact1 ul li .zbox h6{ letter-spacing:0px;}
.zq-content .contact1 ul li .zbox .jj{ margin-top:12px; line-height:22px; font-size:12px; letter-spacing:0px;}
.zq-content .contact1 ul li .zbox .btn{ width:100%; height:70px; line-height:70px;}
.zq-content .contact1 ul li .zbox .btn > img{ width:20px;}
.zq-content .contact1 ul li .zbox .btn .ewm{ width:70px; height:70px; margin-left:-35px;}
.zq-content .contact2{  margin:20px 0 40px 0;}
.newsShow .left{ float:none; width:100%;}
.newsShow .left .title .tit {font-size: 24px;}
.newsShow .right{ float:none; width:100%;}
.newsShow .right .case .list li {width: 49.4%;}
.contact-left{ display:none;}
.business-box {padding: 30px 0;}
.business-box dd h3 { font-size:18px;}   
.business-box dl,.newsShow .business-box dl {width: 100%;height: 540px;margin-bottom:20px;}
.business-box dt em {width: 79px;height: 79px;top: 180px;right: 20px;}
.business-box dt em img {width: 79px;height: 79px;}
.business-box dd h3 a {font-size: 20px; font-weight:bold;}
.business-box dd {padding: 25px 15px 0 15px;}
.business-box dd p {line-height: 25px;}
.zq-about1 .left,.zq-about1 .right{float:none;width:100%;}
.zq-about1 .left{margin-bottom:20px;}
.zq-about1 .txt{height:auto;}
.zq-about1 .tie {font-size: 22px;}
.culture dl {width: 100%; margin-bottom:20px;}
.culture dl:last-child(2n){margin-bottom:0;}
.culture dt { float:none; width:100%;}
.culture dd { float:none; width:100%;}
.environment li {width: 50%;}
.newsTop li{width:100%;float:none;margin-bottom:10px;}
.zsCharacteristic{padding:0;}
.zsCharacteristic li{margin:15px 0;}
.zsLogin{background-image: url('../images/bg3.jpg');}
.logFrom {right: 240px;height: 397px;}
.zsLogin {height: 524px;}
}

@media all and (max-width:920px) {
.newsMenu a {width: 24.5%;}	
.service-box li {width: 18.8%;}
.zqLink .list .item {width: 24.2%;}	
.zq-message {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;}
.zq-content .contact1 ul li .zbox {padding: 0 20px 10px 20px;}
.newsShow .right .case .list li {width: 49.2%;}	
.business-box dt em {top: 170px;}
.zsCharacteristic li:nth-child(2){border: none;}
.zsCharacteristic li {margin: 10px 0 5px 0;}
.logFrom {right: 180px;height: 397px;}
.zsCharacteristic li{width:50%;}
}

@media all and (max-width:880px) {
.business-box dt em {top: 160px;} 	
}

@media all and (max-width:768px) {
.newsMenu a {width: 24.4%;}	
.service-box li { width:100%;}	
.foot-fixed{display: block;}
.footer{padding:30px 0 20px 0;}
.footer .right{float:none;display: table; margin: auto;}
.footer .right b{font-size:20px;}
.footer .right .add{margin-top:20px;}
.footer .ewm-wap{display: table;}
.footer .copy{margin-top:20px;padding-top:15px;}
.footer .copy .share{display: none;}
.footer .copy .share a{width: 30px;line-height: 30px;font-size: 18px;}
.footer .link{display: none;}
.zqLink .list .item {width: 24%;}
.zqLink .list .item .pic {height: auto;}
.zq-list, .zq-listw {font-size: 25px;margin-bottom: 15px;}
.list-banner {height: auto;}
.list-banner .picture img { left:0;max-width: -webkit-fill-available;margin-left: 0;height: auto;}
.list-banner .text .cn {font-size: 18px;}
.list-banner .text .des {font-size: 14px;margin-top: 10px;}
.zq-message {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;}
.zq-content .contact1{ margin:0 0;}
.zq-content .contact1 ul{ margin-top:0;}
.zq-content .contact1 ul li:nth-child(1),.zq-content .contact1 ul li:nth-child(2){margin-top:0;}
.zq-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.zq-content .contact2{  margin:10px 0 20px 0;}
.zq-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
.zq-content .contact1{ margin:0 0;}
.zq-content .contact1 ul{ margin-top:20px;}
.zq-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.zq-content .contact2{  margin:10px 0 20px 0;}
.zq-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
.zq-feedback {padding-top: 40px;padding-bottom: 40px;}
.zq-feedback .form-one { margin-top: 0; } 
.newsShow .right .case .list li {width: 49%;}	
.newsShow .left .title .tit {font-size: 18px;}
.newsShow .left .title {padding: 20px 20px;}
.newsShow .left .back{ display:none;}
.newsShow .left .newsList1 {padding: 20px 20px;}
.business-box dl,.newsShow .business-box dl {height: 490px;}
.business-box dt em {top: 120px;}
.newsList li{width:50%;}
.logFrom {right: 120px;}
}

@media all and (max-width:640px) {
.pd60, .listWrap {padding-top: 30px;padding-bottom: 30px;}	
.header .logo img{height:30px;}
.newsMenu a {width: 24.3%;}	
.zqLink .list .item {width: 32.3%;}
.zqLink .list .item:nth-child(3n+0){ margin-right:0;}
.zqLink .list .item:nth-child(4),.zqLink .list .item:nth-child(5),.zqLink .list .item:nth-child(8){ margin-right:8px;}
.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; }
.newsShow .right .case .list li {width: 48.8%;}
.newsShow .left .newsList1 li {margin-bottom: 10px;padding-bottom: 10px;}
.business-box dl,.newsShow .business-box dl {height: 460px;}
.business-box dt em {top: 70px;}
.zq-about1 .left{height:380px;}	
.newsList li .date{display:none;}
.newsTop{padding-bottom:30px;margin-bottom:30px;}
.newsTop li .pic{height:260px;}
.newsList li,.newsTop li .pic,.newsTop li .txt{width:100%;float:none;display:block;}
.newsTop li,.newsTop li p{height:auto;}
.newsList li p{padding-bottom:0;border-bottom: none;height:auto;margin-bottom:10px;}
.logFrom {right: 40px;}
}

@media all and (max-width:540px) {
.newsMenu a {width: 24.2%; font-size:14px; padding:0 5px; height:40px; line-height:40px;}	
.newsTxt li h4 {font-size:15px;margin-bottom: 8px;}
.newsMenu {margin-bottom: 20px;}
.zqLink .list .item {width: 49%;}
.zqLink .list .item:nth-child(2n+0),.zqLink .list .item:nth-child(4),.zqLink .list .item:nth-child(8){ margin-right:0;}
.zqLink .list .item:nth-child(3),.zqLink .list .item:nth-child(5){ margin-right:8px;}	
.aboutTxt .title {font-size: 18px;margin-bottom: 16px;}
.aboutPic {height: 290px;}
.setting {padding-top: 20px;}
.setting li p {line-height: 40px;border: 1px solid #e6e6e6;}
.zq-content .contact1 ul li .zbox .ico {width: 40px;height: 40px;}
.zq-content .contact1 ul li .zbox .jj p{overflow-wrap: break-word;}
.newsShow .right .case .list li {width: 48.6%;}
.newsShow .left .newsList1 li a{ font-size:14px;}
.logFrom {width: 400px;right: 0;right: 0;text-align: center;margin: 0 auto;position: relative;}
.logTitle {height: 82px;margin: 0 20px 33px;}
.textBox input {padding-left: 43px;padding-right: 30px;}
.textBox img {left: 45px;}
.titPassword {margin-top: 0;line-height: 81px;}
} 

@media all and (max-width:480px) {
.pd60, .listWrap {padding-top: 20px;padding-bottom: 20px;}	
.newsMenu a {width: 24%;}	
.zqLink .list .item {width: 48.6%;}	
.zqTitle span, .zqTitlew span {font-size: 20px;padding-bottom: 5px;margin-bottom: 12px;}
.newsShow .right .case .list li {width: 100%;}
.newsShow .left .other p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsShow .right .case {padding: 20px;margin-bottom: 10px;}
.newsShow .right .case .list li {margin-bottom: 10px;}
.business-box dl,.newsShow .business-box dl {height: 490px;}
.business-box dt em {top: 60px;}
.business-box dd p { font-size:14px;}   
.zq-about1 .left{height:200px;}
.zq-about1 .tel span{display:block;} 
.zq-about1 .tie {font-size: 18px;}
.zq-about1 .txt p{ font-size:14px;padding-bottom: 5px; line-height:26px;}
.culture p span {padding-bottom: 10px;margin-bottom: 15px;font-size: 18px;}
.culture p:nth-child(1) {min-height: 100px;font-size: 14px;}
.culture p {font-size: 14px;}
.newsTop li .pic,#dituContent{height:220px;}
.logFrom {width: 300px;}
.titPassword {margin: 41px 50px 0 30px;}
.textBox input {width: 236px;}
.logOn button {width: 233px;}
.zsCharacteristic li{ border:1px solid #e5e5e5;}
.zsCharacteristic li:nth-child(2){ float:right;border:1px solid #e5e5e5; margin-right:0;}
.zsCharacteristic li:nth-child(4){ float:right;border:1px solid #e5e5e5; margin-right:0;}
.zsCharacteristic li:nth-child(3),.zsCharacteristic li:nth-child(4){ margin-bottom:10px;}
.zsCharacteristic li:nth-child(4),.zsCharacteristic li:nth-child(3){border:1px solid #e5e5e5;}
.zsCharacteristic li {width: 48%;margin-right: 5px;}
.zsCharacteristic li a{display: block; padding-left:0;padding-bottom: 5px;}
.zsCharacteristic li i{height:50px;width:50px;background-size:200px;margin-left: 0;}
.zsCharacteristic li:nth-child(2) i{background-position: -50px 0;}
.zsCharacteristic li:nth-child(3) i{background-position: -100px 0;}
.zsCharacteristic li:nth-child(4) i{background-position: -150px 0;}
.zsCharacteristic li:nth-child(5) i{background-position: -200px 0;}
.zsCharacteristic li span {font-size: 16px;line-height: 50px;}
}

@media all and (max-width:380px) {
.newsMenu a {width: 49%;margin-bottom: 5px; height:35px; line-height:35px;}
.newsTxt li .date i {font-size: 12px;}
.newsTxt li h4{ font-size:14px;}	
.news .fr {margin-top: 20px;}
.newsMenu {margin-bottom: 15px;}	
.newsPic li a {height: 260px;}
.newsPic li p{ height:50px; line-height:50px; padding:0 80px 0 15px;}
.newsPic .swiper-pagination{ bottom:15px;}
.list-banner .text .des{ display:none;}
.list-banner .text .cn {font-size: 16px;}
.business-box dl,.newsShow .business-box dl {/* height: 260px; */}
.business-box dt em {top: 50px;}
.logFrom {width: 270px;}
.titPassword {margin: 0 40px 0 30px;line-height: 101px;}
.textBox input {width: 206px;font-size: 14px;}
.logOn button {width: 203px; height:30px;font-size: 16px;}
.logRegister {margin-left: 38px;}
.logPassword {margin-right: 40px;}
}