/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	.safeguard .prev{ margin-left: -7.68rem; }
    .safeguard .next{ margin-right: -7.68rem; }
    .aboutP3 .prev{ margin-left: -7.68rem; }
    .aboutP3 .next{ margin-right: -7.68rem; }
	.casePic .se{ background:#fff;}
	.casePic .prev{ margin-left: -7.68rem; }
	.casePic .next{ margin-right: -7.68rem; }
	.performanceP2 .prev{ margin-left: -7.68rem; }
	.performanceP2 .next{ margin-right: -7.68rem; }
	.presalePic .prev{ margin-left: -7.68rem;}
	.presalePic .next{ margin-right: -7.68rem;}
}

@media screen and ( max-width:1440px ){	
  	:root {
	--fs16: 14px;
    --fs15: 13px;
    --fs14: 13px;
  	}
    .indmh{ height: 240vh;}
    .historyPic .detail-box .content li:before{ top: 0.13rem; width: 4px; height: 4px; }
    .videoLayer { width: 1000px; }
}	

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

@media screen and ( max-width:1280px ){
	:root {
    --fs15: 12px;
    --fs14: 12px;
  	}
}


@media screen and ( max-width:1024px ){
	:root {
    --fs14: 0.24rem;
    --fs15: 0.26rem;
    --fs16: 0.26rem;
    --fs18: 0.28rem;
    --fs20: 0.3rem;
    --fs22: 0.32rem;
    --fs24: 0.36rem;
    --fs28: 0.4rem;
    --fs40: 0.42rem;
    --fs48: 0.48rem;
    --fs72: 0.48rem;
    }
	.wal, .wal2, .w960, .w340{ width:100%;}
	.PC-Box, .nav, .sNav, .pageTop, .footNav, .sideNews{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore, .screenOpen, .screenClose{ display:block;}
	.headD, .headDiv .wal{ height:1.2rem;}
    .headDiv{ height: 1.2rem; top:0; }
    .headDiv-logo{ top: 0.3rem; left:0.3rem; margin-left: 0; }
    .headDiv-logo img{ width: 2.4rem; }
    .headDiv .topRight{ right: 1.2rem; }
    .headDiv .topSearch{ margin-left: 0.25rem;}
    .headDiv .topSearch em{ width:1.0rem; height:1.2rem; background-size: 0.36rem; }
    .headDiv:hover .topSearch em, .headDiv.mini .topSearch em, .headDiv.ny .topSearch em{ background-size:0.36rem; }
    .headDiv .lan{ margin-top: 0; height: 1.2rem; line-height: 1.2rem; }
    .headDiv .lan .name{ height: 1.2rem; padding-right: 0.45rem; }
    .headDiv .lan .name:before{ width: 0.3rem; height: 0.3rem; margin-top: -0.15rem; background-size: 0.3rem;}
    .headDiv .lan .name:after{ margin-top: -2px; width: 7px; height: 4px; background-size: 7px; }

    .headDiv .lan dl{ padding: 0.2rem 0; top: 0.96rem;}
    .headDiv .lan a{ height:0.64rem; line-height:0.64rem; }
    .headDiv .lan.on dl{ top: 0.86rem; }
    .head-search .search-box { width: 90%; }
    .ind-banner:before{ height: 2.0rem; }
    .ind-banner .swiper-slide .img{ height: 7.0rem; }
    .ind-banner .swiper-slide .img img{ height: 100%; object-fit: cover; }
    .ind-banner .twobox{ left: 0.3rem; margin-left: 0; }
    .ind-banner .twobox .cn{ font-size: var(--fs40); line-height: 0.56rem; }
    .ind-banner .twobox .more{ width: 2.2rem; height: 0.86rem; }
    .ind-banner .twobox .more em{ width: 12px; height: 8px; background-size: 12px; }
    .ind-banner .playbox{ width: 2rem; height: 2rem; margin-left: -1.0rem; margin-top: -1.0rem; }
    .ind-banner .playbox img{ width: 0.76rem; margin-left: -0.38rem; margin-top: -0.38rem; }
    .ind-banner .swiper-pagination{ bottom: 0.45rem; }
    .ind-banner .swiper-pagination-bullet { width: 36px; height: 4px; } 
    .indTxt{ padding-bottom: 0.3rem; }
    .indTxt:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
    .indTxt .title{ font-size: var(--fs48); line-height: 0.48rem; }
    .indTxt .txt{ margin-top: 0.25rem; font-size: var(--fs22); line-height: 0.32rem; }
    .indexP1{ padding: 0.85rem 0.3rem 0.9rem; }
    .indexP1 .tabDiv{ padding: 0.5rem 0 0.35rem; overflow: hidden; }
    .indexP1 .tabDiv ul{ margin-right: -0.2rem;}
    .indexP1 .tabDiv li{ float: left; width: 33.33%; display: block; margin: 0 0 0.3rem 0; }
    .indexP1 .tabDiv li .box{ margin-right: 0.2rem; width: auto; height: 0.88rem; line-height: 0.86rem; }
	.indexP1 .list{ width:100%;}
    .indexP1 .list li{ float: none; width: 100%; height: 4.2rem;  }
	.indexP1 .list li .pic{ display:none;}
    .indexP1 .list li .layer{ width: 5.0rem; padding: 0 0.35rem 0.3rem; }
    .indexP1 .list li .zi{ font-size: var(--fs18); height: 0.56rem; line-height: 0.56rem; }
    .indexP1 .list li .name{ font-size: var(--fs22); height: 0.56rem; line-height: 0.56rem;}
    .indexP1 .list li .more{ display: none; }
    .indexP1 .list li:hover { width: 100%; }
    .indexP1 .list li:hover .layer{ padding: 0 0.35rem 0.3rem; }
    .indexP1 .se{ width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; }
    .indexP1 .prev{ left: 0.3rem; }
    .indexP1 .next{ right: 0.3rem; }
    
    .indexP2{ padding: 0.9rem 0.3rem; height: auto; margin-bottom: 0.85rem; }
    .indexP2 .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .indexP2 .list{ margin-top: 0.75rem; }
    .indexP2 .list ul{ margin-right: -0.2rem;}
    .indexP2 .list li{ width: 33.33%; }
    .indexP2 .list li:nth-child(6), .indexP2 .list li:nth-child(7), .indexP2 .list li:nth-child(8), .indexP2 .list li:nth-child(9){ width: 33.33%; }
    .indexP2 .list li .box{ margin-right: 0.2rem; }
    .indexP2 .list li a{ padding-top: 0.3rem; height: 1.92rem; }
    .indexP2 .list li .limg{ width: 0.68rem; }
    .indexP2 .list li .name{ line-height: 0.48rem; }
    .indexP2 .list li .ico{ display: none; }
    .indexP3{ position: relative;}
    .indexP3 .indTxt{ position: relative; top: 0; margin-bottom: 0.65rem; }
    .indexP3 .indTxt:after{ background: #0066ff; }
    .indexP3 .indTxt .title{ color: #010101; }
    .indCase .imgList .imgDiv{ height: 5.6rem; }
    .indCase .imgList .imgDiv img{ height: 100%; object-fit: cover;}
    .indCase .imgList .botLayer{ width: 86%; padding-left: 0; padding-right: 16%; padding-top: 0.35rem; height: 2.4rem; }
    .indCase .imgList .name{ margin: 0 auto; width: 70%; }
    .indCase .imgList .more{ right: 42%; bottom: 0.8rem; }
    .indCase .imgList .more a{ font-size: var(--fs18); }
    .indCase .imgList .more a:after{ background-size: 12px; }
    .indCase .imgList .more a:hover:after{ background-size: 12px; }

    .indCase .layer{ width: 100%; left: 0; padding-left: 0; bottom: 0.3rem; }
    .indCase .layer .pjDiv{ width: 100%; }
    .indCase .swiper-pagination-bullet { width: 10px; height: 10px; } 
    .indCase .swiper-pagination-bullet-active { border: #fff solid 1px; } 
    .indCase .se{ display: none; }
    .indexP4{ padding-top: 0.9rem; }
    .indexP4 .indTxt{ margin-bottom: 0.65rem; }
    .indexP4 .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .indexP4 .botbot{ padding: 0 0.3rem; height: 80vh; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; }
    .indexP4 .msg{ line-height: 0.48rem; width: auto; height: 2.4rem; overflow: auto; }
    .indexP4 .numList{ margin-top: 0.5rem; overflow: hidden; }
    .indexP4 .numList ul{ display: block;}
    .indexP4 .numList li{ float: left; width: 50%; margin-bottom: 0.3rem; padding-left: 0.9rem; }
    .indexP4 .numList li .ico img{ width: 0.64rem; }
    .indexP4 .numList li .pj{ height: 0.75rem; }
    .indexP4 .numList li .numUp{ font-size: var(--fs48); line-height: 0.48rem; padding-right: 0.1rem;}
    .indexP4 .numList li p{ font-family: 'MiSans-L'; font-size: var(--fs16); height: 0.56rem; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
    .indexP4 .numList li span{ position: absolute; left: 0; top: 0; width: 0.22rem; height: 0.22rem; background: url(../images/nimg22_2.png) no-repeat; background-size: 0.22rem; }
    .indexP4 .numList li .wen{ font-size: var(--fs16); line-height: 0.32rem; height: 0.64rem; }
    .indexP4 .more{ margin: 0.2rem auto 0; width: 2.2rem; }
    .indexP4 .more a{ height: 0.86rem; }
    .indexP4 .more em{ margin-left: 0.15rem; width: 12px; height: 8px; background-size: 12px; }
    .indexP5{ padding: 1.0rem 0.3rem; }
    .indexP5 .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .indexP5 .list{ margin-top: 0.65rem; }
    .indexP5 .list ul{ margin-right: 0; }
    .indexP5 .list li{ float: none; width: auto; }
    .indexP5 .list li .box{ margin-right: 0; }
    .indexP5 .list li a{ display: block; position: relative; height: 2.4rem; padding: 0.3rem 0 0.3rem 3.2rem;}
    .indexP5 .list li .imgDiv{ position: absolute; left: 0; top: 50%; margin-top: -0.93rem; width: 2.84rem; height: 1.86rem;}
    .indexP5 .list li .time{ margin-top: 0; line-height: 0.42rem; }
    .indexP5 .list li .name{ font-size: var(--fs22); margin-top: 0.1rem; line-height: 0.48rem; height: 0.96rem; }
    .indexP5 .list li .more{ display: none; }
    .sidebar-box { width: 1.0rem; }
    .sidebar-box .online { background-size: 1.0rem; padding-top: 0.35rem; height: 3.38rem;}
    .sidebar-box .online img { width: 0.56rem; margin: 0 auto 0.2rem; }
    .sidebar-box .online p { font-size: var(--fs18); line-height: 1.0rem; }
    .sidebar-box ul { padding: 0.2rem 0 0.2rem; }
    .sidebar-box li{ margin-bottom: 0.2rem; }
    .sidebar-box li p { font-size: var(--fs16); line-height: 0.3rem;}
    .sidebar-box .tel .hidebox { line-height: 0.84rem; height:0.84rem; padding: 0 0.3rem; }
    .sidebar-box .tel .hidebox a { font-size: 0.36rem;}
    .sidebar-box .qrcode .hidebox { width: 2.36rem; padding: 0.2rem;}
    .sidebar-box .icon { width: 0.42rem; height: 0.42rem; }
    .commonForm{ padding: 1.0rem 0.3rem; }
    .commonForm .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .commonForm .indTxt .txt{ line-height: 0.48rem; }
    .commonForm .zi{ font-size: 0.28rem; line-height: 0.9rem; padding-left: 0.45rem; }
    .commonForm .zi img{ margin-top: -0.18rem; width: 0.36rem; }
    .commonForm .leftDiv{ width: auto; float: none; }
    .commonForm .leftDiv ul{ margin-right: 0; }
    .commonForm .leftDiv li{ float: none; width: 100%; margin-bottom: 0.3rem; }
    .commonForm .leftDiv li .box{ margin-right: 0; height: 0.9rem; padding-left: 1.2rem;}
    .commonForm .leftDiv li .input1{ height: 0.9rem; line-height: 0.9rem; font-size: 0.26rem; }
    .commonForm .rightDiv{ width: auto; float: none; }
    .commonForm .rightDiv .box2{ padding-top: 0.9rem; }
    .commonForm .rightDiv textarea{ height: 1.92rem; padding: 0.18rem 0.3rem 0 0.3rem; font-size: 0.26rem; line-height: 0.48rem; }
    .commonForm .btnGroup{ margin-top: 0.65rem; }
    .commonForm .btnGroup li a{ width: 2.6rem; height: 0.86rem; border: #0066ff solid 1px; font-size: 0.28rem; }
    .commonForm .btnGroup li em{ width: 0.4rem; height: 0.4rem; }
    .commonForm .btnGroup li:nth-child(1) em{ background-size: 0.4rem; }
    .commonForm .btnGroup li:nth-child(1) a:hover em{ background-size: 0.4rem; }
    .footDiv{ padding: 0.8rem 0.3rem 0; }
    .footDiv-logo{ height: auto; margin-bottom: 0.5rem; }
    .footDiv-logo img{ width: 2.4rem; }
    .footDiv .toptop{ padding-bottom: 0.75rem; display: block; }
    .footDiv h2{ font-size: var(--fs20); line-height: 0.3rem; height: 0.5rem; }
    .proNav{ display: none;}
    .footDiv .rightDiv{ position: relative; }
    .footDiv .msgList dd{ font-size: var(--fs18); line-height: 0.48rem; }
    .footDiv .msgList dd .tel{ line-height: 0.48rem; }
    .footDiv .ewmImg{ margin-top: 0; position: absolute; right: 0; top: 0;}
    .footDiv .ewmImg img{ width: 2.4rem; }
    .footDiv .botbot{ height: auto; padding: 0.3rem 0 0.4rem;}
    .footDiv .share{ position: relative; top: 0; margin-top: 0.3rem; overflow: hidden; }
    .footDiv .share li{ margin-right: 0.2rem; margin-left: 0;}
    .footDiv .share li a{ width: 0.9rem; height: 0.9rem; }
    .footDiv .share li img{ position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}
    .footDiv .share li a:hover{ border: #0066ff solid 1px; background: #0066ff; }
    .footDiv .msg{ font-size:var(--fs16); line-height: 0.52rem;}
    .pageBanner:before{ height: 2.0rem; }
    .pageBanner .cn{ font-size: var(--fs40); line-height: 0.42rem; }
    .pageTitle{ padding-bottom: 0.35rem; font-size: var(--fs40); line-height: 0.42rem; }
    .pageTitle:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
    .pageMore{ width: 2.3rem; }
    .pageMore a{ font-size: var(--fs16); height: 0.86rem; line-height: 0.86rem; }
    .pageMore a em{ width: 9px; height: 6px; background-size: 9px; }

    .performance{ padding: 1.0rem 0.3rem 1.2rem; }
    .performance .list{ padding: 0.8rem 0 0.4rem; }
    .performance .list ul{ margin-right: 0; }
    .performance .list li{ float: none; width: auto; margin-bottom: 0.4rem;}
    .performance .list li .box{ margin-right: 0; }
    .performance .list li .imgDiv{ height: auto; }
    .performance .list li .imgDiv:after{ height: 150px; background: url(../images/bg2.png) top repeat-x; }
    .performance .list li .imgDiv img{ height: auto; }
    .performance .list li .layer{ padding: 0 0.35rem; height: 1rem; }
    .performance .list li .layer .name{ font-size: var(--fs22); height: 1rem; line-height: 1rem; }
    .performance .list li .layer .msg{ line-height: 0.48rem; height: 0.96rem;}
    .performance .list li .layer .more{ margin-top: 0.35rem; width: 2.3rem; height: 0.86rem; }
    .performance .list li .layer .more em{ width: 12px; height: 8px; background-size: 12px; }
    .performance .list li .box:hover .layer{ height: 85%;}
    .performanceP1{ padding: 0.9rem 0.3rem 1.1rem; }
    .performanceP1 .title{ font-size: var(--fs48); line-height: 0.48rem; margin-bottom: 0.65rem; }
    .performanceP1 .name{font-size: var(--fs22); }
    .performanceP1 .content{ font-size: var(--fs16); line-height: 0.48rem; }
    .casePic .se{ width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; background: #fff; }
    .casePic .prev{ left: 0.3rem; margin-left: 0; }
    .casePic .next{ right: 0.3rem; margin-right: 0; }

    .performanceP2{ padding: 0.9rem 0.3rem 0.85rem; }
    .performanceP2 .toptop{ height: 1.4rem; }
    .performanceP2 .title{ font-size: var(--fs24); line-height: 0.56rem; }
    .performanceP2 .title:after{ width: 0.5rem; height: 2px; }
    .performanceP2 .se{ width: 0.9rem; height: 0.9rem; }
	.performanceP2 .prev{ left: 0.3rem; margin-left: 0; }
    .performanceP2 .next{ right: 0.3rem; margin-right: 0; }

    .facilityPic .imgList{ width: 100%; }
    .facilityPic .imgList .box{ width: 100%; }
    .facilityPic .imgList .name{ font-size: var(--fs22); line-height: 0.48rem; }

    .performanceP3{ padding: 0.95rem 0.3rem 0.7rem; }
    .performanceP3 .videobox{ height: 4.52rem;  }
    .performanceP3 .videobox video{ height:4.52rem;}
    .performanceP3 .videobox .imgDiv{ height: 4.52rem; }
    .performanceP3 .videobox .ico img{ width: 0.9rem; }
    .performanceP3 .videobox .txt{ padding-bottom: 0.25rem; font-size: var(--fs24); line-height: 0.36rem; }
    .performanceP3 .backBtn{ width: 2.4rem; }
    .performanceP3 .backBtn a{ height: 0.86rem; }
    .performanceP3 .backBtn em{ margin-left: 0.15rem; width: 12px; height: 8px; background-size: 12px; }
    .performanceP3 .backBtn a:hover em{ background-size: 12px;}

    .performanceP4{ padding: 1.0rem 0.3rem 0.9rem; }
    .performanceP4 .toptop{ height: 1.4rem; }
    .performanceP4 .title{ font-size: var(--fs24); line-height: 0.56rem; }
    .performanceP4 .title:after{ width: 0.5rem; height: 2px; }
    .performanceP4 .more{ top: 0; }
    .performanceP4 .more a{ width: 2.32rem; height: 0.8rem; line-height: 0.8rem; }
    .performanceP4 .list ul{ margin-right: -0.2rem; }
    .performanceP4 .list li{ width: 50%; margin-bottom: 0.3rem;}
    .performanceP4 .list li .box{ margin-right: 0.2rem; }
    .performanceP4 .list li .botDiv{ height: 2.0rem; padding: 0.25rem 0.3rem 0; }
    .performanceP4 .list li .name{ font-size: var(--fs20); line-height: 0.42rem; height: 0.42rem; }
    .performanceP4 .list li .msg{ line-height: 0.48rem; height: 0.96rem; }
    .performanceP4 .list li .ico{ display: none; }

    .product{ padding: 1.0rem 0.3rem 1.2rem; }
    .proList{ width: auto; float: none;}
    .proList .list{ padding-bottom: 0.4rem; }
    .proList ul{ margin-right: -0.18rem; }
    .proList li{ width: 50%; }
    .proList li .box{ padding: 0.5rem 0.2rem 0; height: 5.5rem; }
    .proList li .imgDiv{ width: 2.8rem; height: 2.3rem; }
    .proList li .imgDiv img{ max-width: 2.8rem; max-height: 2.3rem;}
    .proList li .name{ margin-top: 0.2rem; height: 0.96rem; line-height: 0.48rem; font-size: 0.28rem; white-space:normal; }
    .proList li .btnDiv{ width: 2.4rem; height: 0.76rem; margin: 0.2rem auto 0; font-size: 0.26rem; }
    .screenOpen{ left: 0; }
    .memberNav{ background: #fff; width: 100%; position: fixed; left: -100%; top: 0; height: 100%; z-index: 10; overflow: auto;}
    .memberNav li{ font-size: var(--fs22); }
    .memberNav li a{ height: 1.0rem; line-height: 1.0rem; }
    .memberNav li a:after{ margin-top: -4px; width: 13px; height: 8px; background-size: 13px;}
    .memberNav dl{ padding: 0.4rem; }
    .memberNav dd a{ height: 0.78rem; line-height: 0.78rem; font-size: var(--fs20); padding-left: 0.32rem; background-size: 0.12rem;}
    .memberNav dd a:hover, .memberNav dd a.on{ background-size: 0.12rem; }
    .productP1{ padding: 0.9rem 0.3rem 0.85rem; }
    .productP1 .leftDiv{ width: auto; float: none; }
    .productP1 .limg{ height: 6.2rem; background: #fff; overflow:hidden;}
    .productP1 .limg img{ max-width: 5.6rem; max-height: 4.55rem; }
    .productP1 .rightDiv{ width: auto; float: none; padding-top: 0.75rem; padding-right: 0; }
    .productP1 .name{ font-size: var(--fs40); }
    .productP1 .msgList{ margin-top: 0.5rem; min-height: 1.5rem; }
    .productP1 .msgList li{ font-size: var(--fs18); line-height: 0.52rem; }
    .productP1 .btnGroup a{ width: 2.32rem; height: 0.86rem; font-size: var(--fs16);}
    .productP1 .btnGroup a em{ margin-left: 0.15rem; width: 0.3rem; height: 0.3rem; background-size: 0.3rem;}
    .productP1 .btnGroup a:hover em{ background-size: 0.3rem; }
    .productP2{ padding: 0.95rem 0.3rem 0; }
    .productP2 .title{ font-size: var(--fs40); line-height: 0.42rem; margin-bottom: 0.75rem; }
    .productP2 .list ul{ margin-right: -0.2rem; }
    .productP2 .list li{ margin-bottom: 0.35rem; }
    .productP2 .list li .box{ margin-right: 0.2rem; }
    .productP2 .list li .imgDiv{ height: 3.0rem; }
	.productP2 .list li .imgDiv img{ max-height:3.0rem;}
	.productP2 .list li .name{ margin-top:0.2rem; font-size:var(--fs20); line-height:0.48rem; height:0.96rem; }
    .productP2 .backBtn{ margin: 0.5rem auto 0; width: 2.4rem; }
    .productP2 .backBtn a{ height: 0.86rem; }
    .productP2 .backBtn em{ margin-left: 0.15rem; width: 12px; height: 8px; background-size: 12px; }
    .productP2 .backBtn a:hover em{ background-size: 12px;}
    .presaleP1{ padding: 1.0rem 0.3rem 0.9rem; }
    .presaleP1 .indTxt .title{ color: #2e2624; font-size: var(--fs40); line-height: 0.42rem; }
    .presaleP1 .indTxt .txt{ font-size: var(--fs20); line-height: 0.48rem; }

    .presalePic{ margin-top: 0.7rem; padding-left: 0; }
    .presalePic .imgList{ width: 100%; }
    .presalePic .imgList .box{ width: 100%; }
    .presalePic .imgList .imgDiv{ height: 4.5rem; }
	.presalePic .imgList .imgDiv img{ max-width:6.0rem; max-height:4.5rem;}
    .presalePic .imgList .name{ font-size: var(--fs22); line-height: 0.48rem; }
    .presalePic .se{ width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; }
    .presalePic .prev{ left: 0.2rem; margin-left:0; }
    .presalePic .next{ right: 0.2rem; margin-right: 0; }

    .presaleP2{ padding: 1.0rem 0.3rem 0.8rem; }
    .presaleP2 .list ul{ margin-right: 0; }
    .presaleP2 .list li{ width: auto; }
    .presaleP2 .list li .box{ margin-right: 0; }
    .presaleP2 .list li .imgDiv{ height: 4.4rem; }
    .presaleP2 .list li .imgDiv:after{ left: 0.3rem; bottom: 0.3rem; width: 0.9rem; height: 0.9rem; background-size: 0.9rem; }
    .presaleP2 .list li .name{ margin-top: 0.25rem; line-height: 0.48rem; font-size: var(--fs22); }
    .presaleP2 .list li video{ height: 4.4rem; }
    .management{ padding: 1.0rem 0.3rem 1.2rem;}
    .management .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .management .indTxt .txt{ width: auto; font-size: var(--fs20); line-height: 0.48rem; }
    .management .longDiv{ overflow: auto;}
    .management .imgDiv{ width: 22.0rem;}
    .debug{ padding-top: 1.0rem;}
    .debug .mxfDiv{ padding: 0.85rem 0.3rem; height: auto; }
    .debug .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .debug .indTxt .txt{ width: auto; font-size: var(--fs20); line-height: 0.48rem; }
    .debug .list{ overflow: hidden; }
    .debug .list ul{ margin-right: 0; display: flex; }
    .debug .list li{ float: none; width: auto; }
    .debug .list li .box{ margin-right: 0; padding: 0.65rem 0.35rem 0; height: 5.42rem; }
    .debug .list li .ico{ width: 0.82rem; height: 0.82rem;}
    .debug .list li .ico img{ width: 0.82rem; }
    .debug .list li .name{ margin-top: 0.35rem; height: 0.48rem; line-height: 0.48rem; font-size: var(--fs24); }
    .debug .list li .msg{ font-size: var(--fs16); line-height: 0.48rem; }
    .debug .swiper-pagination{ display: block; }
    .aftersale{ padding-top: 1.0rem;}
    .aftersale .mxfDiv{ padding: 0.85rem 0.3rem; height: auto; }
    .aftersale .list{ padding-top: 0.75rem; }
    .aftersale .list ul{display: block; }
    .aftersale .list li{ width: auto; padding-left: 0; padding-right: 0; margin-bottom: 0.3rem; }
    .aftersale .list li .box{ height: auto; padding: 0.45rem 0.3rem; border-radius: 0.2rem; }
	.aftersale .list li .before{ height:auto;}
    .aftersale .list li .ico{ width: 0.8rem; height: 1.0rem; }
    .aftersale .list li .ico img{ width: 0.8rem; }
    .aftersale .list li .num{ font-size: 0.72rem; }
    .aftersale .list li .name{ font-size: var(--fs24); line-height: 0.36rem; height: 0.6rem; }
    .aftersale .list li .content{ margin-top: 0.2rem; line-height: 0.48rem; }


    .aftersale .list li.on{ width: 100%;}
    .aftersale .list li.on .box{ padding: 0.45rem 0.3rem; }
    .upkeep{ padding-top: 1.0rem;}
    .upkeep .mxfDiv{ padding: 0.85rem 0.3rem; height: auto; }
    .upkeep .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .upkeep .indTxt .txt{ font-size: var(--fs20); line-height: 0.48rem; }
    .upkeep .wen{ line-height: 0.48rem; text-align: left; width: auto; margin: 0.35rem auto 0; }
    .upkeep .list{ margin-top: 0.75rem; overflow: hidden; }
    .upkeep .list ul{ margin-right: 0; display: flex; }
    .upkeep .list li{ float: none; width: auto; }
    .upkeep .list li .box{ margin-right: 0; padding: 0.65rem 0.35rem 0; height: 5.2rem; }
    .upkeep .list li .name{ margin-top: 0.35rem; height: 0.48rem; line-height: 0.48rem; font-size: var(--fs24); }
    .upkeep .list li .msg{ font-size: var(--fs16); line-height: 0.48rem; }
    .upkeep .list li .box:hover{ top: 0;}
    .upkeep .swiper-pagination{ display: block; }
    .culture{ padding: 1.0rem 0.3rem 1.2rem; }
    .culture .list{ padding-top: 0.8rem; }
    .culture .list li{ display: block; margin-bottom: 0.95rem; }
    .culture .list li .imgDiv{ width: 100%; }
    .culture .list li .conDiv{ width: auto; margin-top: 0.6rem; }
    .culture .list li:nth-child(even) .conDiv{ padding-left: 0; width: auto; }
    .culture .list li .ico img{ width: 0.9rem; }
    .culture .list li .name{ font-size: var(--fs24); }
    .culture .list li .msg{ font-size: var(--fs20); line-height: 0.56rem; }
    .warrantyP1{ padding: 1.0rem 0.3rem 0.9rem; }
    .warrantyP1 .mxfDiv{ margin-top: 0.75rem; display: block; }
    .warrantyP1 .content{ width: auto; line-height: 0.52rem; height:auto; }
    .warrantyP1 .imgDiv{ margin-top: 0.6rem; width: auto; }
    
    .warrantyP2{ padding: 1.0rem 0.3rem; height: auto; }
    .warrantyPic{ position: relative; padding-bottom: 1.2rem;}
    .warrantyPic .imgList{ width: 100%;}
    .warrantyPic .box{ width: 100%; height: 4.8rem; padding: 0.52rem 0.4rem 0; border-radius: 0.2rem; }
    .warrantyPic .num{ width: 1.2rem; height: 0.9rem; line-height: 0.9rem; background-size: 1.2rem; }
    .warrantyPic .content{ line-height: 0.48rem; }
    .warrantyPic .pjDiv{ right: 0; margin-right: 0; }
    .warrantyPic .swiper-pagination { width: 2.5rem; }
    .warrantyPic .num1, .warrantyPic .num2{ font-size: var(--fs16); width: 0.48rem; }
    .warrantyPic .num1{ padding-right: 0.1rem;}
    .warrantyPic .num2{ padding-left: 0.1rem; }
    .warrantyPic .arrowDiv .se{ margin: 0 0.15rem; width: 0.9rem; height: 0.9rem; }
    .warrantyP3{ padding: 0 0.3rem 1.0rem; }
    .warrantyP3 .content{ line-height: 0.52rem; }
    .safeguard{ padding: 1.0rem 0.3rem 1.2rem; }
    .safeguard .content{ width: auto; line-height: 0.52rem; margin: 0.4rem auto 0.7rem; }
    .safeguard .imgList{ overflow: hidden; }
    .safeguard .imgList .swiper-slide{ width: 100%; }
    .safeguard .imgList .imgDiv{ width: 100%; height: 4.0rem; }
	.safeguard .imgList .name{ font-size: var(--fs22); line-height: 0.48rem; }
    .safeguard .se{ width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; }
    .safeguard .prev{ left: 0.3rem; margin-left: 0; }
    .safeguard .next{ right: 0.3rem; margin-right: 0; }
    .supply{ padding: 1.0rem 0.3rem 1.2rem; }
    .supply .msg{ line-height: 0.52rem; margin: 0.3rem auto 0.6rem; }
    .supply .leftImg{ width: auto; float: none; height: auto; margin-bottom: 0.3rem; }
    .supply .leftImg img{ height: auto; }
    .supply .rightDiv{ width: auto; float: none; }
    .supply .rightDiv li{ margin-bottom: 0.3rem; }
    .supply .rightDiv li .limg{ height: auto; }
    .supply .rightDiv li:last-child .limg{ height: auto;}
    .supply .rightDiv li .limg img{ height: auto; }
    .shareBox{ padding: 1.0rem 0.3rem; height: auto; }
	.shareBox .indTxt .title{ font-size: var(--fs40); line-height: 0.42rem; }
    .shareBox .indTxt .txt{ width: auto; font-size: var(--fs20); line-height: 0.48rem; }
    .shareBox .mxfDiv{ margin-top: 0.75rem; display: block; }
    .shareBox .conDiv{ display: block; width: 100%; height: auto; padding: 0.7rem 0.35rem; }
    .shareBox .content{ line-height: 0.48rem; }
    .shareBox .rightDiv{ width: auto; height: 6.64rem; }
    .shareBox .pjDiv{ margin-left: -2.58rem; margin-top: -2.73rem; width: 5.16rem; height: 5.46rem; }
    .shareBox .pjDiv li{ line-height: 0.32rem; }
    .shareBox .pjDiv li .zi{ width: 1.6rem; height: 1.6rem; }
    .shareBox .pjDiv li:nth-child(2){ margin-left: -0.8rem; }
    .shareBox .pjDiv li:nth-child(5){ margin-left: -0.8rem; }
    .newsP1{ padding: 0.85rem 0.3rem 1.1rem; }
    .newsP1 .toptop{ height: auto; }
    .newsP1 .pageTitle{ margin-bottom: 0.6rem; }
    .newsP1 .rightDiv{ position: relative; }
    .newsP1 .toptop{ margin-bottom: 0.7rem; }
    .newsP1 .toptop .select{ width: 100%; float: none; }
    .newsP1 .toptop .caption { font-size: var(--fs18); height: 0.96rem; line-height: 0.96rem; }
    .newsP1 .toptop .caption:after { width: 12px; height: 8px; background-size: 12px; right: 0.3rem; margin-top: -4px; }
    .newsP1 .toptop .xlist { max-height: 4.8rem;}
    .newsP1 .toptop .xlist a { height: 0.96rem; line-height: 0.96rem; }
    .newsP1 .form{ margin-top: 0.25rem; margin-left: 0; width: 100%; height: 0.96rem; float: none; }
    .newsP1 .form .input1{ font-size: var(--fs18); padding-left: 0.3rem; height: 0.96rem; line-height: 0.96rem; }
    .newsP1 .form .btn1{ width: 0.96rem; height: 0.96rem; background-size: 0.32rem; }
    .newsPic{ clear: both; }
    .newsPic .mxfDiv{ padding: 0 0 1.2rem 0; height: auto; }
    .newsPic .imgDiv{ position: relative; width: auto; height: auto;  }
    .newsPic .imgDiv img{ height: auto; }
    .newsPic .time{ padding: 0.5rem 0.4rem 0.3rem; font-size: var(--fs18); line-height: 0.28rem; }
    .newsPic .time em{ font-size: var(--fs40); }
    .newsPic .name{ padding: 0 0.4rem; font-size: var(--fs24); line-height: 0.48rem; height: 0.96rem; }
    .newsPic .content{ display: none; }
    .newsPic .more{ margin: 0.6rem 0.4rem 0; width: 2.5rem; height: 0.86rem; }
    .newsPic .more em{ margin-left: 0.15rem; width: 10px; height: 8px; background-size: 10px; }
    .newsPic .swiper-pagination{ bottom: 0.5rem!important; left: auto!important; right: 0.4rem; }
    .newsPic .swiper-pagination-bullet { width: 10px; height: 10px; margin-left: 0.15rem!important;}
    .newsP2 .toptop{ height: auto; padding: 0 0.3rem; }
    .newsP2 .toptop .wal{ height: auto; }
    .newsP2 .newsTab li{ margin-right: 0.5rem; margin-bottom:0.4rem; }
    .newsP2 .newsTab li a{ height: 0.9rem; font-size: 0.32rem; line-height: 0.32rem;}
    .newsP2 .newsTab li a:after{ height: 2px; }
    .newsP2{ padding: 0 0.3rem 1.0rem; }
    .newsP2 .list:before{ display: none; }
    .newsP2 .list li{ float: none; width: 100%; }
    .newsP2 .list li .box{ height: 4.0rem; border-right: none;}
    .newsP2 .list li .mxfDiv{ padding: 0.5rem 0 0; }
    .newsP2 .list li .time{ font-size: var(--fs18); line-height: 0.28rem; }
    .newsP2 .list li .name{ margin-top: 0.3rem; font-size: var(--fs24); line-height: 0.48rem; height: 0.96rem; }
    .newsP2 .list li .content{ font-size: var(--fs16); line-height: 0.48rem; height: 0.96rem; }
    .newsP2 .list li .imgDiv{ display: none;}
    .newsTop{ padding: 0.85rem 0.3rem 0.6rem; }
    .newsTop .name{ width: auto; font-size: var(--fs40); line-height: 0.64rem; }
    .newsTop .time{ font-size: var(--fs18); }
    .newsTop .time img{ margin-right: 0.2rem; width: 0.3rem; }

    .newsBot{ padding-bottom: 1.0rem; }
    .newsBot .leftDiv{ width: auto; float: none; }
    .newsBot .conDiv{ padding: 0.75rem 0.3rem 0.86rem; }
    .newsBot .content{ font-size: var(--fs18); line-height: 0.52rem; }
    .newsBot .backBtn{ margin: 0.7rem auto 0; width: 2.4rem; }
    .newsBot .backBtn a{ height: 0.86rem; font-size: var(--fs16); }
    .newsBot .backBtn em{ width: 10px; height: 8px; background-size: 10px; }
    .newsBot .backBtn a:hover em{ background-size: 10px;}
    .pageDown{ margin: 0.95rem 0.3rem 0; }
    .pageDown ul{ margin-right: 0; }
    .pageDown li{ float: none; width: auto; font-size: var(--fs16); margin-bottom: 0.25rem; }
    .pageDown li .box{ margin-right: 0; height: 1.4rem; padding-left: 1.55rem; padding-right: 0.35rem; }
    .pageDown li em{ margin-top: -0.2rem; line-height: 0.4rem; }
    .pageDown li a{ height: 1.4rem; line-height: 0.42rem; }
    .job{ padding:1.0rem 0.3rem;}
    .job .list{ padding: 0.75rem 0 0.6rem; }
    .job .list li{ margin-bottom: 0.3rem; }
    .job .list li .topDiv{ padding: 0.4rem 0; }
    .job .list li .name{ padding-left: 0.3rem; padding-right:1.5rem; }
    .job .list li .name .dj{ float: none; display: block; width: auto; font-size: var(--fs22); line-height:0.52rem; padding-bottom:0.1rem; }
    .job .list li .name dl{ float: none; }
    .job .list li .name dd{ padding-right: 0.4rem; font-size: var(--fs16); line-height:0.48rem;}
    .job .list li .hideBox{ padding: 0.25rem 0.4rem 0.9rem; }
    .job .list li .ico{ right: 0.3rem; margin-bottom:-0.43rem; width: 0.86rem; height: 0.86rem; }
    .job .list li .txt{ font-size: var(--fs18); line-height: 0.52rem; }
    .job .list li .msg{ font-size: var(--fs16); line-height: 0.52rem; padding-bottom: 0.3rem; }
    .job .list li .btnGroup dd a{ width:2.74rem; height:0.86rem; line-height:0.86rem; font-size:var(--fs18);}
    .job .list li .liNow .ico{ bottom:0.9rem; border:#0055b0 solid 2px; }
    .aboutP1{ padding: 0.9rem 0.3rem 1.0rem; }
    .aboutP1 .title{ font-size: var(--fs40); line-height: 0.56rem; margin-bottom: 0.25rem; }
    .aboutP1 .msg{ font-size: var(--fs24); line-height: 0.48rem; }
	.aboutP1 .flexDiv{ display:block;}
    .aboutP1 .content{ line-height: 0.48rem; width: auto; text-align: left; }
    .aboutP1 .videobox{ height: 4.52rem;  }
    .aboutP1 .videobox video{ height:4.52rem;}
    .aboutP1 .videobox .imgDiv{ height: 4.52rem; }
    .aboutP1 .videobox .ico img{ width: 1.0rem; }
    .aboutP2{ padding: 0 0.3rem 1.1rem; }
    .aboutP2 .leftDiv{ width: auto; float: none; }
    .aboutP2 .content{ line-height: 0.48rem; }
    .aboutP2 .rightDiv{ margin-top: 0.7rem; width: auto; float: none; }
    .aboutP2 .rightDiv li{ margin-bottom: 0.2rem; }
    .aboutP3{ padding: 1.0rem 0.3rem 1.2rem; }
    .aboutP3 .pageTitle{ margin-bottom: 0.65rem; }
    .aboutP3 .imgList{ overflow: hidden; }
    .aboutP3 .imgList .swiper-slide{ width: 100%; }
    .aboutP3 .imgList .imgDiv{ width: 100%; height: 4.0rem; }
    .aboutP3 .se{ width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; }
    .aboutP3 .prev{ left: 0.3rem; margin-left: 0; }
    .aboutP3 .next{ right: 0.3rem; margin-right: 0; }
    .cucoloris{ padding: 1.0rem 0.3rem; }
    .cucoloris:last-child{ padding: 1.0rem 0.3rem 1.5rem; }
    .cucoloris .pageTitle{ margin-bottom: 0.75rem; }
    .cucoloris .conDiv{ padding: 0 0 0.6rem; width: auto; float: none; }
    .cucoloris .conDiv .num{ line-height: 1.2rem; }
    .cucoloris .conDiv .bigName{ font-size: var(--fs40); line-height: 0.56rem; }
    .cucoloris .conDiv .msg{ margin: 0.5rem 0 0.2rem; line-height: 0.52rem; }
    .cucoloris .conDiv .wen{ font-size: var(--fs24); line-height: 0.64rem; }
    .cucoloris .conDiv .wen em{ font-size: 0.52rem; }
    .cucoloris:nth-child(even) .conDiv{ float: none; }
    .cucoloris .detail-box{ float: none; width: auto; }
    .cucoloris:nth-child(even) .detail-box{ float: none; }
    .cucoloris .detail-box .imgDiv{ height: 4.2rem; }
	.cucoloris .detail-box .imgDiv img{ max-height:4.2rem;}
    .cucoloris .detail-box .name{ width: 6.0rem; height: 1.26rem; font-size: var(--fs20); line-height: 0.42rem; padding: 0 0.3rem 0 1.5rem; }
    .cucoloris .box-container{ width: 100%; position: relative; margin-top: 0.2rem; }
    .cucoloris .img-swiper{ width: 100%; margin: 0 auto; }
    .cucoloris .img-swiper .limg{ height: 2.2rem; }
    .cucoloris .img-swiper .txt{ height: 1.2rem; font-size: var(--fs16); line-height: 0.3rem; }
    .cucoloris .swiper-btn{ width: 0.9rem; height: 0.9rem; top: 40%; margin-top: -0.45rem;}

    .videoLayer { width: 96%; padding: 15px; }
    .videoLayer .close{ top: -0.8rem; right:0; width:0.6rem; height: 0.6rem; background-size: 0.6rem;}
    
	.searchBox{ padding:0.8rem 0.3rem 1.2rem;}
    .searchBox .toptop{ padding-right: 0; height: auto; padding-bottom: 0.3rem;}
    .searchBox .result{ padding-top: 0.35rem;}
	.searchBox .result span{ font-size: var(--fs16); line-height: 0.48rem;}
	.searchBox .list li a { padding: 0.2rem 0; }
    .searchBox .list .title { font-size: var(--fs16); line-height: 0.48rem; margin-right: 0.6rem; }
    .searchBox .list p { font-size:var(--fs16); }
    .searchBox .tips { font-size:var(--fs18); }
}