/* 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{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:#07599f;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{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}

@media all and (max-width:2600px) {
/*--*/	
.listBanner, .newsScroll li .pic, .listBan {height: 700px;}	

}

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

@media all and (max-width:1640px) {
/*--*/	
.container{padding-left:30px;padding-right:30px;}
.pd60,.listWrap{overflow:hidden;}
.logo img{height:96px;}
/*--*/ 
.listBanner h3,.listBan h3{padding-left: 15px;}
/*--*/ 
.brand-box li {width: 30.4%;}
/*--*/ 
.hz-culture .img-box{float: right;}
.hz-culture .text-box{width: 50%;}
/*--*/ 
.hz-participate ul {margin-top: 0;}
.hz-participate .fr {margin-top: 0;}
.hz-participate .pic { bottom:auto;}

}

@media all and (max-width:1440px) {
/*--*/	
.logo img{height:40px;}
.headTie{font-size:.875em;padding-top:22px;}
.logo img{height:89px;}
/*--*/	
.proMenu li a{height:102px;padding-top:25px;}
.proMain li {width: 48.7%;}
/*--*/	
.newsList li{width:33.3%;}
/*--*/
.brand-box li {width: 30.2%;}
/*--*/
.culture-list li {margin-bottom: 18px;}
/*--*/
.hz-guarantee{height:600px}
.hz-guarantee .right .box-1{padding:30px;}
.hz-guarantee .right .box-1 span{font-size:15px}  
/*--*/
.hz-participate{font-size:.875em;}
.hz-participate li{margin-bottom:40px;}
.hz-participate ul{max-width:380px;}
.hz-participate .fr {max-width: 350px;}
/*--*/	
.contactTel li{height:300px;padding:2%;}

}

@media all and (max-width:1330px) {
/*--*/	
.logo img{height:80px;} 
/*--*/
.aboutNum li span {font-size: 50px;}
/*--*/
.brand-box li {width: 29.8%;height: 770px;}
/*--*/
.hz-participate .fr {max-width: 320px;}
.hz-participate ul{max-width: 340px;}
.hz-participate li {margin-bottom: 9px;height: 98px;line-height: 26px;font-size: 16px;}

}

@media all and (max-width:1240px) {
/*--*/	
.container,.oddsBox{padding-left:15px;padding-right:15px;}
.header{font-size:.875rem;line-height:89px;}
.headTel{right:15px;}
.logo img{height:77px;} 
.pd60,.pd90,.listWrap{padding-top:50px;padding-bottom:50px;overflow: hidden;}
/*--*/
.aboutNum{font-size:1em;padding-right:2%;}
.aboutR .title1 {font-size: 32px;margin-bottom: 20px;}
.aboutR .txt p {margin-bottom: 10px;line-height: 24px;}
/*--*/
.hTitle span {font-size: 30px;}
.hTitle {margin-bottom: 10px;}
.proMenu li a{height:90px;padding-top:20px;}
.proMain li {width: 48.5%;}
/*--*/
.joinL .title2{font-size:2em;}
.joinR li i{width:100px;line-height:100px;text-align:center;height:100px;}
/*--*/
.listBanner,.listBan{height:400px;}
/*--*/
.listMenu{font-size:1rem;}
.menuBox  p{display:none;}
/*--*/
.aTie{font-size:36px;}
.aTie span{font-size:14px;}
.hz-goodness ul{font-size:1em;}
.hz-goodness .left{padding-top:0;}
.hz-goodness .font{font-size:1em;line-height:1.6;}
/*--*/
.culture-list li{display: inline-block;vertical-align: top;margin-right: 20px;}
.hz-culture .img-box{text-align: center;}
/*--*/
.brand-box li {width: 29.2%;height: 790px;}
/*--*/
.hz-guarantee{height:500px;}
.hz-guarantee .right .box-1{padding:30px;}
.hz-guarantee .right .box-1 span{font-size:15px}
.hz-guarantee .right .box-1 .wx{margin: 10px 0 20px 0;line-height: 22px;}
.hz-guarantee .right .box-2 h3{font-size:25px}
/*--*/
.hz-media{padding:3rem 1%;}
/*--*/
.partnerL{font-size:.75rem;}
.hz-partner .container{min-height:auto;}
/*--*/
.hz-participate .pic {left: 49.4%;}
.hz-participate ul{max-width:300px;}
.hz-participate .fr {max-width: 280px;}
/*--*/
.contactTel li{font-size: 1.143em;}
#dituContent .gogo {width: 200px;height: 46px;line-height: 46px;}

}

@media all and (max-width:1024px) {
/*--*/	
body{padding-top:60px;font-size:.875rem;}
.header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;z-index:90;}
.header .logo img{height:63px;}
.headTie{padding-top:6px;}
.nav_on{opacity:1;transform: translateX(0);}
.navTrigger,.wapTel,.footMenu_wap{display:block;}
.nav .m,.headTel,.footR,.footMenu em,.gr_kefu,.firendlink,.breadCrumb,.newsTxt,.show-synopsis{display:none;}
/*--*/
.banner .swiper-pagination{bottom:5px;}
.pd60,.pd90,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
.relative_pro li:nth-child(4),.proSider .title i,.footMenu_wap,.relative_pro li:nth-child(4),.proSider .title i,.footMenu a:last-child,.foot{display:block;}
.aboutMenu p,.picShow_r,.bshare-custom,.feedbackL,.downL .tel,.proAdv .pic,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase,.relative_pro,.proShow_R .wx,.footR,.footMenu em{display:none;}
.footL,.aboutPic,.aboutTxt,.oddsL,.oddsR,.newsL,.newsR,.proSlide,.supportBox3 li,.proR,.aTie,.aboutBox1 ul,.gallery,.proShow_R,.picShow_l,.feedbackR,.aboutBox2 .left,.aboutBox2 .right,.downL,.downR,.contactR,#dituContent,.caseR,.aboutTop .font,.newsList,.proShow_con,.supportBox3 li:nth-child(2n),.cultureL,.cultureR,.honorL,.honorR,.aboutL,.aboutR,.newsL,.newsR,.contactR,#dituContent,.partnerL,.partnerR,.newsSlide,.listMenu,.aTie,.hz-goodness ul,.hz-introduction .left,.hz-introduction .right{float:none;width:100%;} 
/*--*/
.aboutR .title1 {margin-bottom: 10px;font-size: 32px;}
.aboutNum{position: static;width:100%;height:auto;padding:20px 15px;} 
.aboutNum li span {font-size: 30px;}
/*--*/
.proMenu,.proMain{float:none;width:100%;}
.proMenu h4{text-align:center;background:none;color:#333;padding:0;margin-bottom:30px;}
.proMenu ul{margin-bottom:25px;display:flex;flex-flow:row wrap;justify-content:space-between;}
.proMenu li{flex-grow:1;margin-left:-1px;margin-top:-1px;text-align:center;}
.proMenu li a{padding:15px 0;height:auto;}
.proMenu li i{display:none;}
.proMain li {width: 48.3%;}
/*--*/
.newsMain{height:auto;}
.newsL{margin-bottom:10px;}
.newsL,.newsR,.aboutBox1 .font{height:auto;}
.newsScroll li h4{ font-size:18px;}
.newsR li h4{ font-size:18px;margin-bottom:5px;}
.newsR li p{height: 100px;}
/*--*/
.joinR{max-height:100%;}
.joinR li{width:33.3%;margin-bottom:30px;}
.joinL .more{width:100%;}
/*--*/
.listBanner,.listBan{height:360px;text-align:center;}
/*--*/
.aTie,.hz-goodness .aTie{text-align:center;margin-bottom:30px;}
.hz-goodness ul{width:100%;}
.hz-introduction .left,.proShow_R{padding-top:20px;}
/*--*/
.hz-guarantee{height:auto;}
.hz-guarantee .left{width:100%;display: block}
.hz-guarantee .right{width:100%;display: block}
.hz-guarantee .right .box-2{height:350px}
.hz-guarantee .right .box-3{height:350px}
/*--*/
.hz-product .list{margin-bottom:-20px}
.hz-product .list li{margin-bottom:20px;}
.hz-product .list .box{padding:30px;width:50%; margin:50px;}
.hz-product .list h3{font-size:28px;margin-bottom:20px;}
.hz-product .list p{margin-bottom:20px;}
/*--*/
.hz-clinch li{width:50%;}
/*--*/
.advantage-box {margin: 0;}
.advantage-box li {width: 50%;padding: 30px 20px;}
.advantage-box h4{font-size: 18px;margin-top: 10px;}
.advantage-box p{ font-size:16px;}
/*--*/
.process-box{margin:0 0 -20px -20px; }
.process-box li{ width: calc(16.6% - 20px);margin: 0 0 20px 20px; }
.process-box li:after{display:none;} 
.process-box em{ width: 80px;height: 80px; }
.process-box em img{width:50%} 
.process-box h4{ font-size:16px;margin-top:10px; }
/*--*/
.menuBox {padding:0;height:auto;line-height:100%;text-align:center;} 
.listMenu{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;}
.listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
.listMenu .cur{background:#d70c00;color:#fff;}
/*--*/
.newsSlide .btn{display:inline-block;}
.newsList li {width:50%;}
.newsList li h3 {font-size: 18px;margin-bottom: 5px;}
.brand-box li {width: 100%;height: 680px;}
/*--*/
.showTie h2 {font-size: 18px;margin-bottom: 15px;}
.showTie {margin-bottom: 20px;}
/*--*/
.partnerL,.partnerL .tie{max-width:100%;}
.partnerR{padding-top:30px;overflow:hidden;padding-right:0;}
.partnerR li,.partnerR li:nth-child(1),.partnerR li:nth-child(8),.partnerR li:nth-child(2),.partnerR li:nth-child(3){margin:0;margin-top:-1px;}
.partnerList li{width:16.6%;}
.partnerL .tie span {font-size: 22px;}
.partnerL .tie {font-size: 18px;margin-bottom: 10px;}
/*--*/	
.hz-culture .text-box {width: 100%;}
.hz-culture .img-box {width: 100%;}
.hz-culture .box {overflow: hidden;}
.hz-culture {padding: 40px 0 40px;}
/*--*/	
.hz-participate .pic {bottom: auto;left: none;max-width: 100%;width: 100%;overflow: hidden;display: block;position: relative;right: auto;text-align: center;}
.hz-participate .pic img{ height:auto;}
.hz-participate ul{margin-top:0;}
.hz-participate ul{max-width:100%; float:none; width: 100%;}
.hz-participate .fr {max-width: 100%; float:none; width: 100%;}
.hz-participate li {height: 58px;}
.main-gdgjw {line-height: 25px;font-size: 18px;overflow:auto}
/*--*/
.contactBox2{margin:0;}
.contactBox2 li{width:49%;margin:0;margin-bottom:15px;}
.contactBox2 li:nth-child(2n){float:right;}
.contactTel li,.faq li{width:50%;}
#dituContent{height:420px;}
/*--*/
.jobList li{padding:0 20px;}

}

@media all and (max-width:920px) {
/*--*/	
.header .logo img{height:57px;}
/*--*/
.proMain li {width: 47.9%;}
/*--*/
.hz-media .titl{font-size:1.5rem;}
.hz-media .txtl{font-size:13px;line-height:1.7;}
/*--*/
.partnerR li{width:25%;}
/*--*/
.hz-participate .pic { float: none;width: 100%;max-width: 100%;}
/*--*/
.culture-list li{width: 49%;margin-right: 2%;}
.culture-list li:nth-child(2n){margin-right: 0;}
.culture-list .name {font-size: 17px;}
.culture-list p {font-size: 16px;line-height: 28px;}
/*--*/
.jobList .top span{width:33.3%;}
	
}

@media all and (max-width:768px) {
/*--*/	
.header .logo img{height:65px;}
/*--*/
.aboutR .title1 {font-size: 25px;margin-bottom: 2px;}
.aboutR .title2 {margin-bottom: 10px;}
.aboutR .txt p {margin-bottom: 5px;line-height: 22px;}
.aboutR .txt {margin-bottom: 10px;}
/*--*/
.hTitle span {font-size: 25px;}
.hTitle {margin-bottom: 0;}
.proMenu li a{font-size:14px;padding:10px;line-height:28px;}
.proMenu li span{display:none;}
.proTop,.proTop .pic,.proTop .txt,.proTop .txt p{height:auto;overflow:hidden;}
.proTop .pic{height:380px;display:block;}
.proTop .pic,.proTop .txt{float:none;width:100%;}
.proMain li{width:100%;}
.proMain li:nth-child(2) {margin-top: 0;}
.proMain li:nth-child(1) {margin-top: 0;}
/*--*/
.joinL,.joinR{float:none;width:100%;}
.joinR li{width:25%;}
.joinL .more{display:none;}
.joinL .tel {padding-left: 40px;margin-bottom: 10px;}
/*--*/
.listBanner,.listBan{height:300px;}
.listBanner h3,.listBan h3{font-size:2em;top:42%;font-weight:normal;}
.listBanner h3 span,.listBan h3 span{display:none;}
/*--*/	
.listMenu{font-size:.875rem;}
/*--*/
.brand-box li {height: 730px;}
/*--*/
.hz-guarantee .left a{height:auto;}
.hz-guarantee .left img{ height:auto;}
.hz-guarantee .right .box-1{padding:20px 15px}
.hz-guarantee .right .box-1 h3{font-size:16px}
.hz-guarantee .right .box-1 span{font-size:12px}
.hz-guarantee .right .box-1 .wx{font-size:12px;line-height:20px}
.hz-guarantee .right .box-1 a.more{font-size:12px;padding: 8px 30px 8px 15px;}
.hz-guarantee .right .box-1 a.more:before{top:12px;right:10px}
.hz-guarantee .right .box-2 em{width:80px;height:80px;background-size: 50px;}
.hz-guarantee .right .box-2 h3{font-size:16px}
.hz-guarantee .right .box-3 h3{font-size:16px}
.hz-guarantee .right .box-2 h3 font{font-size:12px}
.hz-guarantee .right .box-2,.hz-guarantee .right .box-3{height:200px;width: 50%;float: ;display: block;vertical-align: top;}
/*--*/
.hz-product .list{margin-bottom:-15px}
.hz-product .list li{margin-bottom:15px;border: 1px #ddd solid; height:auto;}
.hz-product .list .bg{position:initial;}
.hz-product .list .box{padding: 20px;width: 100%;margin: 0;}
.hz-product .list h3{font-size: 18px;margin-bottom: 15px;}
.hz-product .list span{font-size:12px}
.hz-product .list p{margin-bottom: 0px;}
/*--*/
.process-box{margin:0 0 -15px -15px; }
.process-box li{ width: calc(33.3% - 15px);margin: 0 0 15px 15px; }
.process-box em{ width: 65px;height:65px; }
.process-box h4{ font-size:15px;margin-top:8px; }
/*--*/	
.newsRelative li {float: none;width: 100%;}
.showPage a {width: 100%;padding-left: 30px;}
/*--*/	
.partnerList li{width:20%;}
/*--*/	
.hz-participate ul{width:49%;}
.hz-participate li{margin-bottom:10px;font-size: 15px;height: 66px;}
.main-gdgjw {font-size: 17px;word-break: normal;line-height: 27px;height: auto;padding: 0 10px;}
/*--*/
.contactBox2 li{min-height:130px;padding-left:10%;}
#dituContent{height:380px;}
#dituContent .gogo {margin-left: -100px;margin-top: -20px;}
/*--*/
.hz-job li{width:100%;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.hz-job li i{font-size:4em;}
.jobList .font .txt{margin-bottom:20px;}
.jobList .font .txt .tie{margin-bottom:10px;}
.jobList .font .txt{float:none;width:100%;}
.jobList .font .txt p {font-size: 15px;line-height: 24px;}

}

@media all and (max-width:640px) {
/*--*/	
.aboutNum{flex-flow: row wrap;padding:15px;}
.aboutNum li{width:33%;margin:10px 0;}
.aboutNum li i{float:right; font-size:16px;font-weight:normal;font-style:normal;top:5px;margin-left:5px; display:none;} 
/*--*/
.proMenu a{height:40px;line-height:40px;padding:0 6px;}
.proMenu ul li {width: 33%;}
/*--*/
.newsSlide,.newsSlide li a{height:380px;}
.newsSlide li p{height:50px;line-height:50px;font-size:1.143em;}
.newsList li {margin-bottom: 60px;}
.newsList li p{padding-bottom:15px;margin-bottom:20px;}
.newsR li{width:100%;float:left;}
.newsR li a{height:auto;padding:15px;}
.newsR li .date b{font-size:2em;line-height:1.2;}
.newsR li {padding-right: 0;}
/*--*/	
.media-box li{width:48%;margin:2% 1%;}
.media-box li img{width:100px;height:100px;}
.media-box li .tit2{font-size:16px;}
.media-box li .txt2{font-size:14px;}
/*--*/	
.footer a { font-size: 14px; }
.footer .fta .aleft dl dt { font-size: 16px; }
.footer .fta .aleft dl dd p.spt { font-size: 28px; padding: 0; line-height: 1; margin-bottom: 10px; }
.footer .fta .aleft dl dd p { padding: 4px 0; font-size: 15px; }
.footer .ftb .aright { font-size: 14px; }
.footer .ftb .aright a{ display:none;}
.footer .ftb .aleft { font-size: 14px;display: none; }
.footer .fta .aleft dl { display: none; }
.footer .fta .aleft dl:last-child { display: block; margin-bottom: 0; margin-top: 0;}
.footer .fta .aright img { max-width: 100%; }
.footer .fta .aright { width: 80px; font-size: 12px; }
.footer .fta .aright p { margin-top: 5px; text-align: center; font-size: 10px; }
.footer .fta .aleft { flex: 1; padding-right: 20px; }
.footer .fta .aleft dl dt { display: none; }
.footer .fta {padding: 25px 0 10px 0;}	
.footer .ftb {padding-bottom: 56px;}
/*--*/
.listBanner,.process li .bgImg,.newsL .pic,.listBan{height:280px;}
/*--*/
.hz-goodness li span{font-size:4em;}
.hz-introduction .right,.aboutL{height:320px;}
.hz-introduction .tie{font-size:2em;}
/*--*/
.brand-box li {height: 760px;margin-bottom: 15px;}
/*--*/
.hz-culture{padding: 30px 0;}
.culture-list li{width: 100%;margin-right: 0;margin-bottom: 20px;}
/*--*/
.hz-clinch li h4 {font-size: 16px;}
/*--*/
.listMenu a{padding:0 10px;line-height:42px;height:42px;}
/*--*/
.newsSlide,.newsSlide li a{height:380px;}
.newsSlide li p{height:50px;line-height:50px;font-size: 16px;font-weight: bold;}
.newsList li p{padding-bottom:15px;margin-bottom:20px;}
.newsList li {width: 100%;float: none;}
/*--*/
.showCon iframe{width:100%;height:300px;}
/*--*/
.partnerL .zx{width:100%;}
.partnerList li{width:25%;}
.partnerList li p,.courseR .pic{display:none;}
/*--*/	
.hz-participate ul{width:100%;float:none;max-width:100%;}
.hz-participate .fr{width:100%;float:none;max-width:100%; margin-top:0;}
/*--*/
.contactTel li{width:100%;height:auto;border-right:none;border-bottom: 1px solid #ddd;}
.feedback p,.feedback .sub{width:100%;}
.feedback .code .c{width: 60%;}
.feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
.feedback p{padding-left: 40px;}
#dituContent{height:300px;}
.contactR{padding-right:0;}
.contactR .wx,.contactR .font{float:none;margin-right:0;width:100%;}
.contactR .wx p{float: left;width:50%;width:120px;margin-right:30px;}
/*--*/
.jobList .top{padding-right:0;}
.jobList .top a{margin-right:0;width:100%;margin-top:10px;}
.jobList .top span{width:50%;}
.jobList .top .tie{width:100%;}

}

@media all and (max-width:480px) {
/*--*/	
.newsSlide,.newsSlide  li a{height:240px;}
.newsL li .pic,.settingTop .bgImg,.applyList li .pic{height:200px;}	
.newsScroll li h4{ font-size:17px;}
.newsR li h4{ font-size:17px;margin-bottom:5px;}
.newsR li p{height: 130px; font-size:15px; line-height:26px;}
/*--*/	
.joinR li i{width:80px;height:80px;line-height:80px;font-size:2.5em;}
/*--*/	
.footer .down .fr{ display:none;}
/*--*/	
.listBanner,.newsScroll li .pic,.listBan{height:180px;}
/*--*/	
.hz-goodness{padding-bottom:10px;}
.hz-goodness li {width:50%;font-size:14px;margin-bottom:30px;}
.hz-goodness li span{font-size:38px;}
.hz-introduction .right,.aboutPic{height:220px;}
/*--*/	
.picList li{ width:100%;}
/*--*/	
.newsSlide,.newsSlide  li a{height:240px;}
.newsL li .pic,.settingTop .bgImg,.applyList li .pic{height:200px;}
/*--*/	
.partnerR li{width:33.3%;}
.partnerR li:nth-child(9){display:block}
/*--*/	
.hz-participate .listTie span{font-size:18px;}
/*--*/	
.contactBox2 li{min-height:auto;padding:5% 3% 5% 15%}
.contactBox2 li p{font-weight:400;}
.contactBox2 li,.contactBox2 li:nth-child(2n){float:none;width:100%;}
#dituContent,.aboutL{height:220px;}

}

@media all and (max-width:380px) {
/*--*/	
.header .logo img{height:51px;}
/*--*/	
.joinR li p {margin-top: 5px;height: 42px;}

}