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


@media screen and (max-width: 2600px) {



}



@media screen and (max-width: 1920px) {




}



/* 1680 */
@media screen and (max-width: 1680px) {
	
	.hls-iadvantages .text {width: 300%;}
	.hls-company-pic {width:50%;}
	.histor-time-line {background: url("../upload/hline.svg") center bottom no-repeat;background-size: 100%;}
	.interpretation .txt {padding: 2% 3% 5% 5%;}
	.interpretation.int2 .txt {padding: 5% 4% 0 4%;}
	.hls-brand .concept {margin-top:10%;}
	.prodcutlist a .pic,.otherprodcut a .pic {max-height: 300px;min-height:auto;}
	.dealers-right {padding:0 4%;}
	.technical .left {width: 44%;padding:0 3% 0 3%;}
	.technical .left .data li {width: 98%;padding: 13px 0;margin-bottom: 10px;}


	
}



/* 1440 */
@media screen and (max-width: 1440px) {

	.hls-iadvantages .text {font-size: 250px;}
	.inewslist .inews a .txt h5 {font-size: 14px;line-height: 22px;margin: 20px 0;}
	.hls-icontact .icontact a {font-size: 24px;width: 450px;height: 100px;line-height: 100px;margin-left: -225px;margin-top: -50px;}
	.prodcutlist a .txt h4 {font-size: 14px;}
	.prodcutlist a .txt h5 {font-size: 12px;}
	.dtitle  {font-size: 20px;}
	.dtitle h2  {font-size: 30px;}
	.detailmain {width: 46%;padding-left: 5%;}
	.prodcutlist a,.otherprodcut a {width: 19%;margin: 0.3%;}
	.hls-page-case .ptitle h2 {width: 300%;font-size: 250px;line-height: 250px;}
	.casetitle h5 {font-size: 16px;}
	.caselistpic {width:60%;}
	.caselistright {width: 32%;padding: 3% 0 0 8%;}
	.dealers-list a span h5 {font-size: 14px;}
	.dealers-list a span h6 {font-size: 14px;line-height: 23px;}
	.dealers-map {width: 58%;}
	.dealers-right {padding: 0 0 0 2%;}
	.dealers-list a {padding: 10px 0;}
	.scroll_wrap {height:480px;}
	.technical .left .data li h5 {font-size: 14px;}
	.technical .left {width: 40%;padding: 0 3% 0 3%;}
	.technical .pic {width: 54%;}
	.nnav {width:45%;}


}



/* 1366 */
@media screen and (max-width: 1366px) {
	
	footer .hls-footer .leftnav ul {width: 18%;}
	.title h2 {font-size: 40px;}
	.iacase li a h4 {font-size: 18px;}
	.inewslist .inews a .txt h4 {font-size: 14px;}
	.inewslist .inews a .txt h5 {font-size: 12px;line-height: 20px;}
	.hls-page-about .ptitle h2 {font-size: 250px;line-height: 250px;width: 300%;}
	.hls-page-about .ptitle h3 {font-size: 70px;}
	.aboutnav {width: 65%;}
	.hls-company {padding:7% 5%;}
	.interpretation .txt {padding:1% 0 0 3%;width: 30%;}
	.interpretation .txt h5 {font-size: 14px;line-height: 22px;}
	.hls-brand .concept .main .text {width: 100%;font-size: 14px;line-height: 30px;}
	.hls-brand .advantage .main {width: 50%;padding: 5% 0 0 0;}
	.download li h5 {font-size: 14px;}
	.hls-page-case .ptitle h3 {font-size:70px;}
	.storestxt h4,.project .txt h4 {font-size: 14px;line-height: 30px;}
	.viewmap {font-size: 12px;}
	.technical .left .data li span h3 {font-size:16px;}
	.serviceconsulting {width: 90%;}
	
	
 
}




/* 1280 */
@media screen and (max-width: 1280px) {


	.hls-company .company .text {padding:8% 0;font-size: 14px;line-height: 30px;}
	.interpretation .txt h2 {font-size: 40px;}
	.interpretation .txt h5 {font-size: 13px;}
	.hls-brand .brand .btitle h2 {font-size: 50px;}
	.hls-brand .advantage .main {padding: 0;}
	.pdata .text {font-size: 12px;line-height: 26px;}
	.pdata h4 {font-size: 14px;border-bottom: 1px solid #1b1b1b;padding: 5px 0;}
	.dtitle {font-size: 18px;}
	.otherprodcut a .txt h4,.casetitle h5  {font-size: 14px;}
	.otherprodcut a .txt h5 {font-size: 12px;}
	.casetitle h5 {padding:5px 0;}
	.storestxt h4 {line-height: 24px;padding: 8% 0;}
	.stores .swiper-button-ctrl {margin-top: 80px;}
	.technical .left {width: 40%;padding: 0 3% 0 0;}
	.technical .left .data li h5 {font-size: 12px;padding: 0 0 0 5%;width: 60%;}
	.technical .pic {width: 57%;}
	.technical .left .data li span {min-width:30%;}
	.technical .left .data li span h3 {font-size: 14px;} 
	.technical:last-child .left {width: 40%;padding: 0 0 0 3%;}
	.serviceconsulting .left ul {padding: 5% 0;}
	.recruitment {width: 90%;}
	.talentconcept .txt {width: 35%;padding: 0 0 5% 10%;}
	.talentconcept .txt .text {padding:10% 0 0 0;font-size: 14px;line-height: 30px;}
	.xy-index-banner .text h2 {font-size: 40px;}
	.xy-index-banner .text h3 {font-size: 20px;}

	
	
}




/* 1152 */
@media screen and (max-width: 1152px) {


	.nnav {width:55%;}
	header .hls-header .right .hls-nav a {font-size: 15px;margin-right:30px;}
	header .hls-header .right .other a {font-size: 15px;}
	.hls-iadvantages .right {padding:3% 5% 0 5%;}
	.inewslist .inews a .txt h5 {display: none;}
	.inewslist .inews a .txt h6 {padding:5% 0;}
	header.header-fixed .hls-header .right .hls-nav a {margin-right:30px;}
	.interpretation .txt h5 {font-size: 12px;}
	.hls-brand .advantage .main .text li {font-size: 14px;}
	.electricity a {width: 30.3333333%;}


}


/* 1024 */
@media screen and (max-width: 1024px) {




}



/* 860 */
@media screen and (max-width: 860px) {
	
	
	 
	header,.pcshow,.suspension { display:none!important;}
	.mbshow,.nav_mobile {display:block!important; }
	.rolling-top {display: none!important;}
	footer .hls-footer {padding: 10% 0 ;}
	footer .hls-footer .leftnav {display: none}
	footer .hls-footer .right {width: 100%;float: none;text-align: center;}
	footer .hls-footer .right ul {float: none;}
	footer .hls-footer .right ul a.flogo {margin: auto;}
	footer .hls-footer .right ul li {text-align: center;}
	footer .hls-footer .right ul:last-child a{display: block;}
	.xy-index-banner .text {width:90%;left:5%;top: 35%;margin-left:0px;}
	.xy-index-banner .text h2 {font-size: 20px;}
	.xy-index-banner .text.left {left: 5%;}
	.xy-index-banner .text.right {right: 5%;}
	.xy-index-banner .text h6 {font-size: 14px;width: 140px;height:42px;line-height: 42px;}
	.title h2 {font-size:24px;}
	.title h3 {font-size:18px;}
	.ptb5 {padding:15% 0;}
	.tmore {width: 70px;top:45%;}
	.tmore a {font-size: 12px;padding-bottom: 10px;}
	.hls-iproduct .iproduct,.hls-iproduct .iproduct.ip1,.hls-iproduct .iproduct.ip2,.hls-iproduct .iproduct.ip4 {margin:1% 0px ;width:100%;max-width: 100%;float: none;}
	.hls-iproduct .iproduct .txt h4 {font-size: 18px;}
	.hls-iproduct .iproduct .txt h5 {font-size: 14px;}
	.hls-iadvantages .left {float: none;width: 100%;}
	.hls-iadvantages .right {float: none;width: 90%;padding: 10% 5% 0 5%;margin-bottom:10%;}
	.imore a {font-size: 14px;width: 130px;height:42px;line-height:42px;}
	.icase-nav {width: 100%;height: 40px;position: relative;right:auto;bottom:auto;padding:10% 0 0 0;}
	.icase-nav .swiper-slide li::after {width: 100%;left: 0;}
	.iacaselist .imore {margin-left: -62px;}
	.iacaselist .swiper-slide {padding-bottom: 40px;}
	.hls-inews {padding: 15% 0;}
	.inewslist .inews {width: 100%;float: none;margin-bottom:3%;}
	.inewslist .inews a .pic {width: 100%;float: none;}
	.inewslist .inews a .txt {position:relative;right:auto;top: auto;width: 90%;height:auto;padding:5%;overflow: hidden;}
	.inewslist .inews a .txt h5 {display: block;}
	.inewslist .inews a .txt h6 {padding:0;}
	.inewslist .inews:nth-child(3) .txt, .inewslist .inews:nth-child(4) .txt {left: auto;right: auto;}
	.hls-icontact .icontact a {font-size: 20px;width:60%;height:50px;line-height:50px;margin-left: 0;margin-top: -25px;left: 20%;}
	.pathbg {padding-top: 50px;}
	.hls-page-about .ptitle h2 {font-size: 200px;line-height: 200px;width: 1000%;}
	.hls-page-about .ptitle h3 {font-size: 40px;width:100%;left:0;margin-left:0px;text-align: center;bottom: 30%;}
	.aboutnav {width: 100%;}
	.aboutnav li a i {margin-top:0;}
	.aboutnav li a {padding:10px 0;}
	.hls-company-pic {position: relative;right:auto;top:auto;width: 100%;}
	.pt130 {padding-top: 10%;}
	.hls-company .company {width: 100%;}
	.hls-history {padding: 20% 0;}
	.histor-time h3 {padding:20px 0;font-size:20px;}
	.histor-time-line {background: url(../upload/hline.svg) center bottom no-repeat;background-size:400%;}
	.histor-main {width: 100%;margin: 50px auto auto;}
	.histor-main li {font-size: 14px;line-height:26px;}
	.hls-interpretation {padding:20% 0;}
	.interpretation .pic {width:100%;float: none;}
	.interpretation .txt {position: relative;width:100%;height: auto;left:auto;top: auto;padding:5% 0;}
	.interpretation.int2 .pic,.interpretation.int2 .pic:last-child {width: 100%;float: none;}
	.interpretation.int2 .txt {width: 100%;left: auto;padding:5% 0;}
	.hls-brand {background-size: 200%;}
	.hls-brand .brand .btitle h4 {font-size:16px;}
	.hls-brand .brand .btitle h2 {font-size: 22px;}
	.hls-brand .concept .pic {width: 100%;float: none;margin-top: 5%;}
	.hls-brand .brand .txt {text-align: center;font-size: 12px;line-height: 19px;position: relative;right: auto;top: auto;}
	.hls-brand .concept .main {width: 100%;padding: 10% 0;float: none;}
	.hls-brand .advantage .main {width: 100%;padding: 5% 0 0 0;}
	.hls-brand .advantage .pic {width: 100%;float: none;}
	.hls-brand .advantage .main .text {width: 100%;padding: 5% 0;font-size: 14px;line-height: 30px;}
	.title h6 {font-size: 14px;line-height: 28px;adding: 30px 0;width: 100%;}
	.swiper-button-nextC, .swiper-button-prevC,.swiper-button-nextD, .swiper-button-prevD {display: none;}
	.certification li {padding:10%;}
	.certification li .dtable,.certification li .dtable-cell,.certification li img {height:150px;max-height: 150px;}
	.downloadlist {padding: 10% 0;}
	.hls-page-container#A6 {padding: 10% 0;overflow: hidden;}
	.prodcutnav .swiper-wrapper {display: flex;}
	.prodcutnav2 {padding:10% 0;}
	.prodcutnav2 a {padding:10px;}
	.prodcutlist a, .otherprodcut a {width: 49%;margin: 0.5%;float: left;display: block;}
	.prodcutlist {padding:5% 0 15% 0;width: 101%;}
	.hls-page-prodcut {width: 101%;margin-left: -1%;}
	.detailpic {float: none;width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);}
	.detailpic .swiper-button-next, .detailpic .swiper-button-prev {width: 60px;height: 40px;bottom: 0px;}
	.detailpic .swiper-button-prev {right: 61px;}
	.detailpic .swiper-pagination.swiper-pagination-fraction {bottom:3%;}
	.detailmain {width: 100%;padding:5% 0;}
	.hls-page-prodcutdetail {padding: 5% 0 15% 0;}
	.dtitle {font-size: 16px;}
	.dtitle h2  {font-size: 20px;}
	.pdata ul li {font-size: 12px; margin-right: 10%; width: auto;}
	.otherprodcut a:last-child{display: none;}
	.hls-page-otherprodcut .prodcutnav{padding: 10% 0;}
	.hls-page-case .ptitle h2 {width: 1000%;font-size: 200px;line-height: 200px;}
	.hls-page-case .ptitle h3 {font-size: 40px;bottom:auto;top: 30%;}
	.hls-page-case .ptitle h4 {position: relative;width:90%;right:auto;bottom:auto;font-size: 14px;line-height: 24px;margin: auto;}
	.caselistpic {width: 100%;}
	.caselistright {width: 90%;padding:5%;}
	.caselistright.clr2,.caselistpic.clpic2,.caselistpic.clpic4{float: left;}
	.hls-icontact img {width: 200%;}
	.casedetail {width: 100%;}
	.case {float: none;width: 100%;margin: 1% 0;}
	.hls-page-casedetail {padding: 5% 0 15% 0;}
	.nnav {right:auto;left:auto; bottom:auto;width:97%;text-align: left;position: relative;margin:-50px auto auto;}
	.nnav a {font-size: 14px; margin-left: 0;padding:10% 0; overflow: hidden;margin-bottom: 10px;display: block;text-align: center;}
	.pagenum {padding: 1% 0 15% 0;}
	.hls-page-newsdetail {width: 90%;padding: 5% 0;}
	.hls-page-path {line-height: 22px;}
	.hls-page-newsdetail .title h2 {font-size:30px;}
	.news-detail-page a.prev,.news-detail-page a.next {text-indent: -999px;background-size: 26%;}
	.storespic,.stores.stores2 .storespic {float: none;width: 100%;}
	.storestxt {width: 100%;position: relative;height: auto;right: auto;top: auto;padding:5% 0;}
	.stores {margin-bottom: 15%;}
	.stores.stores2 .storestxt {right: auto;left:0;}
	.storestxt h2 {font-size:20px;}
	.dealers-map {width: 100%;}
	.dealers-right {float: left;width: 90%;padding: 5% 5%;}
	.dealers-list {margin: 5% 0 5% 0;height: 510px;overflow: auto;}
	.scroll_wrap {height:auto;}
	.scroll_bar {display: none;}
	.scroll_cont {height: auto;}
	.electricity a {width:100%;height:210px;margin:1% 0;}
	.feedback {padding-bottom: 13%;width:90%;margin: auto;}
	.feedback li {width:100%;margin:1% 0;}
	.textarea3 {width: 94.5%;}
	.submit3 {width: 98%;}
	.technical-nav a {line-height: 63px;width: 30%;}
	.technical .left {width: 100%;padding:5% 0;}
	.technical .pic {width: 100%;}
	.technical:last-child .left {width: 100%;padding:5% 0;}
	.serviceconsulting .left {float: none;width: 100%;}
	.serviceconsulting .right {float: none;width: 100%;padding:0%;}
	.serviceconsulting .right li .submit1 {width:100%;}
	.contact {margin-bottom: 10%;}
	.project {margin-bottom: 10%;}
	.project .pic {float: none;width:100%;}
	.project .txt {width: 100%;position:relative;height:auto;right:auto;top:auto;padding: 5% 0;}
	.project .txt h2 {font-size: 20px;}
	.project .txt h4 {padding: 5% 0;}
	.project.project2 .txt {right: auto;left:auto;}
	.jobtitle span,.joblist li a span{width: 30%;}
	.jobtitle span:last-child,.joblist li a span:last-child,.jobtitle span:nth-child(2),.joblist li a span:nth-child(2) {display: none;}
	.joblist li a {padding:5% 5%;}
	.jobli li {width:30%;float: left;}
	.jobbtn {margin: 30px 0;}
	.talentconcept .pic {float: none;width: 100%;}
	.talentconcept .txt {width: 100%;float: none;padding:5% 0;}
	.nnav.num3,.nnav.num4 {text-align: left;}
	.nnav.num3 .swiper-wrapper, .nnav.num4 .swiper-wrapper {display: flex;}
	.dealers {padding-bottom: 13%;}
	.pcrzshow {position: relative;left: auto;top: auto;margin-top:10px;}
	.joinapply .select3 {background: url(../images/sj.png) 95% center no-repeat;}
	
	
	.white_content {top:0;left:0;width:100%;height:100%; margin-left: -0px;margin-top: -0px;background: #fff;}
	.white_content .dtable{height:100%}
	.white_content .dtable .dtable-cell {height:100%!important;}
	.white_content form {position: inherit;}
	
 

}
 


/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {


}

/* phone 678 */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
	
}

/* phone 678 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
	
}


/* phone x 和 微信内高*/
@media only screen and (device-width : 375px) and (device-height : 812px) {
	
}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {
}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {


}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {




}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {




}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {


}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/*兼容IE11*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){

}