/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	.nav li{ font-size: 14px; padding: 0 0.25rem; }
	.sNav li{ font-size:14px; margin:0 0.25rem;}
	.footNav li dd a{ font-size: 14px; }

	
	
}

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

}	

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


@media screen and ( max-width:1024px ){
	.wal, .w1370, .w890, .w360{ width:100%;}
	.PC-Box, .nav, .footNav, .pageNav, .sideNews{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel{ display:block;}
	.headD{ height: 0; }
	.headDiv, .headDiv .wal{ height: 1.2rem; z-index:5;}
	.headDiv{ position: relative;}
	.headDiv:hover, .headDiv.hov{ background: #fff; }
	.headDiv .logo{ left: 0.3rem; top: 0.4rem;}
	.headDiv .logo img{ width: 3.2rem; }
	.headDiv .topRight{ right: 1.4rem; margin-right: 0; top: 0.2rem; }
	.headDiv .topSearch{ height: 0.8rem; }
	.headDiv .topSearch em{ width: 0.6rem; height: 0.8rem; background-size: 0.32rem;}

	.head-search .search-box { width: 90%; }
	section.homepage-banner, section.homepage-banner .swiper-slide {height: 4.2rem;}
	section.homepage-banner .swiper-scroller{ display: none; }
	section.homepage-banner .swiper-control{ display: block; }
	section.homepage-banner .banner-swiper-container .swiper-control-pre .control-btn{right: 1.5rem; bottom:0.3rem; width: 0.9rem; height: 0.9rem;}
	section.homepage-banner .banner-swiper-container .swiper-control-next .control-btn{ bottom:0.3rem; width: 0.9rem; height: 0.9rem;}
	.homepage-banner .conLayer{ top: 12.5%; }
	.homepage-banner .content{ width:6.0rem; font-size: 0.26rem; line-height: 0.48rem; max-height:0.96rem; }
	.homepage-banner .more{ width: 2.1rem; height: 0.68rem; line-height: 0.68rem; font-size: 0.26rem; border-radius: 0.48rem; margin: 0.3rem auto 0; }
	.homepage-banner .more img{ margin-left: 0.1rem; width: 12px; }

	.indexTxt .en{ display: none; }
	.learn { min-width: 2.1rem; line-height: 0.8rem; border:#e95625 solid 1px; padding: 0 0.2rem; color: #e95625; font-size: 0.26rem;}
	.learn i { display: none; }
	.learn:hover{ background: #e95625; color: #fff; }

	.indexP1{ padding: 1.0rem 0 0; }
	.indexP1 .indexTxt{ position: relative; text-align: center; left: 0; top: 0; padding-bottom: 0.6rem;}
	.indexP1 .indexTxt .cn{ color: #333; }
	.indexP1 .swiper-slide .pic:after{ display: none;}
	.indexP1 .swiper-slide .pic img { height: auto; }
	.indexP1 .swiper-slide .info { position: relative; top: 0; padding: 0.5rem 0.3rem 0.7rem; background: #f7f7f7; width: auto;}
	.indexP1 .swiper-slide .inner { width: auto; }
	.indexP1 .swiper-slide .en,
	.indexP1 .swiper-slide .name,
	.indexP1 .swiper-slide .desc,
	.indexP1 .swiper-slide .learn {
	  transform: translateY(0);
	  -webkit-transform: translateY(0);
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	  opacity: 1;
	  visibility: visible;
	}
	.indexP1 .swiper-slide .en{ display: none;}
	.indexP1 .swiper-slide .name{ font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: 400; padding-bottom: 0.3rem; }
	.indexP1 .swiper-slide .desc { color: #333; font-size: 0.26rem; line-height: 0.48rem; max-height: 1.44rem; margin-bottom: 0.5rem; }
	
	.indexP1 .tab-box { position: relative; width: auto; padding: 0 0.3rem 0.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
	.indexP1 .tab-box a { float: none; width: 30%; height: 0.9rem; background: #e9e9e9; border-radius: 4px;}
	.indexP1 .tab-box a:after{ display: none; }
	.indexP1 .tab-box .inner{ position: relative; padding-left: 0; text-align: center; display: block;}
	.indexP1 .tab-box .icon{ display: none; }
	.indexP1 .tab-box p{ font-size: 0.28rem; line-height: 0.9rem; color: #333; }
	.indexP1 .tab-box a.on p{ color: #fff; }
	.indexBox:after{ width: 2.3rem; height: 2.3rem; background-size: 2.3rem; }
	.indexBox:before{ width: 2.18rem; height: 3.4rem; background-size: 2.18rem; }
	.indexP2{ padding: 1.0rem 0;}
	.indexP2 .btn { position: relative; width: auto; padding: 0.6rem 0.3rem 0.5rem; height: auto; }
	.indexP2 .btn ul{display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
	.indexP2 .btn li { display: block; margin: 0; width: 30%; height: 0.9rem; line-height: 0.9rem; font-size: 0.28rem; background: #e9e9e9; color: #333; border-radius: 4px;}
	.indexP2 .btn li:after{ display: none; }
	.indexP2 .btn li.on{ color: #fff; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal; }
	.indexP2 .imgList .box{ padding-top: 0; padding-right:0; }
	.indexP2 .imgList .imgDiv{ height: 3.8rem; border-radius: 0; }
	.indexP2 .imgList .conLayer{ position: relative; padding: 0 0.3rem; width: 100%; height: 4.5rem; border-radius: 0; }
	.indexP2 .imgList .conLayer:after{ right: 0.3rem; }
	.indexP2 .imgList .txt{ display: none; }
	.indexP2 .imgList .content{ margin-top: 0.3rem; font-size: 0.26rem; line-height: 0.48rem; height: 1.44rem; }
	.indexP2 .imgList .more{ margin-top: 0.35rem;}
	.indexP2 .imgList .more a{ width: 2.4rem; height: 0.76rem; line-height: 0.76rem; border-radius: 0.48rem; font-size: 0.26rem; }
	.indexP2 .imgList .more a img{ width: 10px; }
	.indexP2 .arrowDiv .se { top: 30%; margin-top: 0; width: 0.9rem; height: 0.9rem; border: #e95625 solid 1px; }
	.indexP2 .arrowDiv .prev { left: 0.3rem; }
	.indexP2 .arrowDiv .next { right: 0.3rem; }

	.indexP3{ padding: 0 0.3rem 1.0rem;}
	.indexNews{ margin-top:0.6rem;}
	.indexNews .list li .box{ border-radius: 0; }
	.indexNews .list li .imgDiv{ height: 4.2rem; }
	.indexNews .list li .botDiv{ height: 3rem; }
	.indexNews .list li .time{ font-size: 0.26rem; line-height: 0.42rem; }
	.indexNews .list li .name{ line-height: 0.48rem; height: 0.96rem; font-size: 0.32rem; }
	.indexNews .list li .ico{ margin-top: 0.3rem; width: 34px; height: 24px; border: #f27d2c solid 1px; }
	.indexNews .se{ display: none; }
	.indexNews .swiper-pagination{ display: block; }
	.indexP3 .moreBtn{ width:2.4rem;}
	.indexP3 .moreBtn a{ font-size: 0.26rem; height: 0.76rem; line-height:0.76rem; border-radius:0.48rem;}

	.indexP4{ padding: 1.0rem 0.3rem; height: auto; background: #e7f2fa url(../images/indexP4Tel.jpg) center bottom no-repeat; background-size: 100%;}
	.indexP4 .leftDiv{ width: auto; float: none; }
	.indexP4 .indexTxt{ text-align: center; }
	.indexP4 .wen{ padding-top: 0.4rem; font-size: 0.34rem; line-height: 0.34rem; text-align: center; }
	.indexP4 .rightDiv{ padding-top: 0.6rem; width: auto; float: none; }
	.partnerPic .list .box{ border-radius: 4px; margin-bottom: 10px; }
	.partnerPic .list .box img{ max-width: 1.4rem; max-height: 0.8rem; }
	.partnerPic .arrowDiv{ padding-top: 0.4rem; text-align: center;}
	.partnerPic .arrowDiv .se{ display: inline-block; float: none; width: 0.9rem; height: 0.9rem; margin: 0 0.2rem;}

	.footDiv{ padding: 1.0rem 0.3rem 0.7rem; }
	.footDiv .rightDiv{ float: none; }
	.footDiv .msgList li{ text-align: center; padding-bottom: 0.45rem; color: #fff;}
	.footDiv .msgList li .wen{ font-size: 0.28rem; line-height: 0.28rem; font-weight: 400;}
	.footDiv .msgList li .tel{ font-size: 0.36rem; line-height: 0.36rem; color: #fff; }
	.footDiv .msgList li .address{ font-size: 0.32rem; line-height: 0.48rem; color: #fff;}
	.footDiv .ewmList{ text-align:center; float:none;}
	.footDiv .ewmList li{ float:none; display:inline-block; margin-right:0.1rem;}
	.footDiv .ewmList li .limg{ width: 1.86rem; }
	.footDiv .ewmList li .zi{ padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.24rem; }

	.footDiv .botbot{ padding-top: 0.5rem; }
	.footDiv .msg{ font-size: 0.26rem; line-height: 0.42rem; text-align: center; padding-top: 0; }
	.pageBanner .bg{ height: 5.0rem; padding: 0 0.4rem;}
	.pageBanner .txt{ font-size: 0.42rem; line-height: 0.42rem; }
	.pageTitle{ font-size: 0.38rem; line-height: 0.38rem; }
	.pageTitle:after{ margin-left: -0.3rem; width: 0.6rem; height: 2px; }
	.pageTitle2:after{ margin-left: 0; }
	.solution{ padding: 0.9rem 0.3rem 0.7rem; }
	.solution .list{ padding: 0.6rem 0 0; }
	.solution .list li .bg{ height: 3.5rem; }
	.solution .list li .layer{ position: relative; left: 0; top: 0; transform: translateY(0); width: auto; padding: 0.5rem 0.4rem; background: #e95625; }
	.solution .list li:nth-child(even) .layer{ right: 0; }
	.solution .list li .name:after{ width: 0.6rem; }
	.solution .list li .content{ font-size: 0.26rem; line-height: 0.48rem; height: 1.44rem; }
	.solution .list li .more{ font-size: 0.26rem; }
	.solution .list li .more img{ margin-left: 0.2rem; width: 12px; }
	.solution .list li:hover .more{ color:#fff;}
	.solution .list li:hover .more:after{ background: url(../images/nimg13_1.png) no-repeat; }
	.case{ padding: 0.9rem 0.3rem; }
	.case .list{ padding: 0.6rem 0 0; }
	.case .list ul{ margin-right: 0; }
	.case .list li{ float: none; width: auto; padding-bottom: 0.4rem;}
	.case .list li .box{ margin-right: 0; }
	.case .list li .botDiv{ height: 2.9rem; padding: 0.35rem 0.45rem 0; }
	.case .list li .botDiv:after{ height: 2px; }
	.case .list li .name{ font-size: 0.32rem; line-height: 0.48rem; height: 0.48rem; }
	.case .list li .msg{ line-height: 0.48rem; font-size: 0.26rem; height: 0.96rem; }
	.case .list li .more{ margin-top: 0.2rem; font-size: 0.26rem; }
	.case .list li .more img{ position:relative; top:-0.04rem; margin-left: 0.2rem; width: 12px; }
	.newsP1{ padding: 0.9rem 0.3rem; }
	.newsP1 .detail a{ display: block; height: auto; padding: 0 0 0.6rem; }
	.newsP1 .detail .imgDiv{ position: relative; width: auto; height: 3.8rem;}
	.newsP1 .detail .conDiv{ padding: 0.5rem 0.3rem 0; }
	.newsP1 .detail .name{ height: 1.12rem; line-height: 0.56rem; font-size: 0.36rem; }
	.newsP1 .detail .content{ padding-right: 0; font-size: 0.26rem; line-height: 0.48rem; height: 1.44rem; }
	.newsP1 .detail .btnDiv{ margin-top: 0.35rem; width: 2.4rem; height: 0.86rem; line-height: 0.86rem; font-size: 0.28rem; text-indent: 0.45rem; }
	.newsP1 .detail .btnDiv:after{ right: 0.42rem; width: 0.36rem; height: 0.29rem; margin-top: -0.14rem; background-size: 0.36rem; }
	.newsP2{ padding: 0.6rem 0.3rem 0.9rem; }
	.newsP2 .list{ padding-bottom: 0; }
	.newsP2 .list ul{ margin-right: 0; }
	.newsP2 .list li{ float: none; width: auto; padding-bottom: 0.3rem; }
	.newsP2 .list li .box{ margin-right: 0; border-radius: 0;}
	.newsP2 .list li a{ display: block; height: 2.0rem; padding: 0 0.2rem 0 2.8rem; position: relative; }
	.newsP2 .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 2.8rem; height: 2rem; }
	.newsP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
	.newsP2 .list li .botDiv{ padding: 0.3rem 0.3rem 0; height: 2rem; box-sizing: border-box; }
	.newsP2 .list li .time{ font-size: 0.24rem; line-height: 0.36rem; }
	.newsP2 .list li .name{ line-height: 0.48rem; height: 0.96rem; font-size: 0.28rem; }
	.newsP2 .list li .ico{ display: none;}
	.newsBox{ padding: 0.9rem 0.3rem 1.0rem; }
	.newShow .name{ font-size: 0.38rem; line-height: 0.52rem; }
	.newShow .msg em{ padding-right: 0.5rem; line-height: 0.42rem; font-size: 0.26rem; }
	.newShow .content{ font-size: 0.26rem; line-height: 0.52rem; }
	.newShow .imgDiv{ padding: 0.5rem 0 0.25rem; }
	.newShow .content img{ width: 100%; }
	.newShow .content p{ font-size: 0.28rem; }
	.pageDown li a{ width: 2.0rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.48rem; text-align: center; font-size: 0.26rem; }
	.pageDown li .prev{ text-indent: 0; }
	.pageDown li .prev:before, .pageDown li .back:before, .pageDown li .next:before{ display: none; }
	.pageDown li .back{ text-indent: 0; }
	.pageDown li .next{ text-indent: 0; }
	.contactP1{ padding: 0.9rem 0.3rem 0.5rem; }
	.contactP1 .list{ padding: 0.65rem 0;}
	.contactP1 .list li{ float: none; width: auto; text-align: left; padding-left: 1.6rem; position: relative; min-height: 1.6rem;}
	.contactP1 .list li .ico{ width: 1.2rem; height: 1.2rem; position: absolute; left: 0; top: 0; }
	.contactP1 .list li .ico img{ width: 0.56rem; margin-left: -0.28rem; margin-top: -0.28rem; }
	.contactP1 .list li .wen{ padding-top: 0.2rem; font-size: 0.3rem; line-height: 0.3rem; height: 0.45rem;}
	.contactP1 .list li .txt{ font-size: 0.3rem; line-height: 0.46rem;  }
	.contactP1 .list li .address{ font-size: 0.28rem; line-height: 0.46rem;}
	.contactP2 .title{ font-size: 0.4rem; line-height: 0.4rem; }
	.contactP2 .msg{ font-size: 0.28rem; line-height: 0.28rem; }
	.contactP2 .list li{ margin: 0 0.2rem; }
	.contactP2 .list li .limg{ width: 1.86rem; }
	.contactP2 .list li .zi{ font-size: 0.24rem; line-height: 0.24rem; }
	.download{ padding: 0.9rem 0.3rem; }
	.download .list ul{ margin-right: -0.2rem; }
	.download .list li{ width: 50%; padding-bottom: 0.3rem; }
	.download .list li .box{ margin-right: 0.2rem; padding: 0.2rem; }
	.download .list li .name{ margin-top: 0.2rem; height: 0.48rem; line-height: 0.48rem; font-size: 0.26rem; }
	.download .list li .ico{ padding-top: 0.6rem; width: 1rem; height: 1rem; margin-left: -0.5rem; margin-top: -0.4rem; font-size: 0.24rem; line-height: 0.24rem; }
	.download .list li .ico:before{ margin-left: -7px; top: 0.15rem; width: 14px; height: 14px; background-size: 14px; }
	.download .list li .box:hover .ico{ margin-top: -0.5rem;}
	.caseP1{ padding: 0.9rem 0.3rem 1.1rem; }
	.casePic{ margin: 0.6rem 0 0.3rem; }
	.casePic .imgDiv{ height: 4.8rem; border-radius: 0.2rem; }
	.casePic .se{ margin-top: -0.45rem; width: 0.9rem; height: 0.9rem; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.07); }
	.casePic .prev{ left: 0.3rem;}
	.casePic .next{ right: 0.3rem;}
	.casePic .swiper-pagination{ bottom: 0.3rem; }
	.casePic .swiper-pagination-bullet { width: 0.8rem; height: 2px; } 
	.caseP1 .title{ font-size: 0.38rem; line-height: 0.38rem; }
	.caseP1 .content{ font-size: 0.26rem; line-height: 0.48rem; }
	.caseP2{ padding: 0.9rem 0.3rem; }
	.caseP2 .toptop{ height: 1.4rem; box-sizing: border-box; padding-top: 0.2rem; }
	.caseP2 .arrowDiv{ top: 0; }
	.caseP2 .se{ margin-left: 0.3rem; width: 0.9rem; height: 0.9rem; }
	.caseP2 .list .limg{ height: 3.5rem;}
	.caseP2 .list .botDiv{ padding: 0.32rem 0.35rem 0; height: 1.85rem; }
	.caseP2 .list .name{ height: 0.48rem; line-height: 0.48rem; font-size: 0.32rem; }
	.caseP2 .list .more{ font-size: 0.26rem; line-height: 0.26rem;}
	.caseP2 .list .more img{ position:relative; top:-0.04rem; margin-left: 0.2rem; width: 12px; }
	.product{ padding: 0.9rem 0.3rem 1.0rem; }
	.product .list{ padding: 0.7rem 0 0; }
	.product .list ul{ margin-right: 0; }
	.product .list li{ float: none; width: auto; padding-bottom: 0.3rem; }
	.product .list li .box{ margin-right: 0; }
	.product .list li .imgDiv{ margin-left: -2.0rem; width: 4.0rem; height: 4.0rem; }
	.product .list li .imgDiv img{ max-width: 4.0rem; max-height: 4.0rem; }
	.product .list li .layer{ position: absolute; z-index: 2; top: 0.6rem; left: 50%; margin-left: -2.8rem; width: 5.6rem; color: #fff; text-align: center;}
	.product .list li .name{ font-size: 0.38rem; line-height: 0.38rem; }
	.product .list li .content{ line-height: 0.48rem; font-size: 0.26rem; height: 1.44rem; }
	.product .list li .more{ display: none; }
	.solutionP1{ padding: 0.9rem 0.2rem 0.3rem; }
	.solutionP1 .list{ margin-top: 0.7rem; }
	.solutionP1 .list li .layer{ padding: 0 0.4rem; }
	.solutionP1 .list li .name{ font-size: 0.36rem; line-height: 0.36rem; height: 0.56rem; }
	.solutionP1 .list li .msg{ font-size: 0.24rem; line-height: 0.48rem; height: 2.4rem; color:#fff; }
	.solutionP1 .se{ margin-top:-0.45rem; width: 0.9rem; height: 0.9rem; }
	.solutionP1 .prev{ left: 0.3rem; }
	.solutionP1 .next{ right: 0.3rem; }
	.solutionP2{ height: 7.0rem; padding: 0 0.3rem; }
	.solutionP2 .txt{ font-size: 0.32rem; line-height: 0.52rem; padding: 0.5rem 0 0.2rem; }
	.solutionP2 .msg{ font-size: 0.26rem; line-height: 0.48rem; }
	.solutionP3{ padding: 1.0rem 0.3rem; }
	.solutionP3 .bigBox{ margin-top: 0.7rem; }
	.solutionP3 .list { width: auto; }
	.solutionP3 .list li .box{ width: auto; height: 4.2rem; }
	.solutionP3 .list li .conDiv{ padding: 0.45rem 0 0 0.4rem; width: 3.4rem;}
	.solutionP3 .list li .name{ font-size: 0.3rem; line-height: 0.3rem; height: 0.5rem; color: #000; font-weight: bold; }
	.solutionP3 .list li .msg{ font-size: 0.24rem; line-height: 0.48rem; height:0.96rem; overflow:hidden; color: #666; text-align: justify; }
	.solutionP3 .list li .more{ margin-top: 0.8rem; font-size: 0.24rem; width: 1.98rem; line-height: 0.78rem; height: 0.78rem; border-radius: 0.48rem; text-indent: 0.28rem; }
	.solutionP3 .swiper-pagination{ display: block; }
	.solutionP3 .se{ display:none;}
	.solutionP4{ padding: 0.9rem 0.3rem 0; height: 10.0rem; }
	.solutionP4 .pjDiv{ margin-top: 0.5rem; width: auto;}
	.solutionP4 .tab{ padding-bottom:0.2rem;}
	.solutionP4 .tab li{ font-size: 0.26rem; margin-right: 0.3rem; margin-bottom:0.2rem; min-width: 2.4rem; height: 0.86rem; line-height: 0.86rem; border-radius: 0.48rem; }
	.solutionP4 .tabContentDiv{ padding-top: 0.6rem; }
	.solutionP4 .txt{ font-size: 0.34rem; line-height: 0.34rem; height: 0.5rem; }
	.solutionP4 .content{ font-size: 0.26rem; line-height: 0.48rem; }
	.solutionP5{ padding: 0.9rem 0.3rem; }
	.solutionP5 .list{ padding-top: 0.7rem; }
	.solutionP5 .list ul{ margin-right: -0.2rem; }
	.solutionP5 .list li .box{ margin-right: 0.2rem; }
	.solutionP5 .list li .name{ bottom: 0.3rem; font-size: 0.34rem; line-height: 0.34rem; }
	.solutionP6{ padding: 1.0rem 0.3rem 0.9rem; }
	.solutionP6 .list{ padding-top: 0.7rem; }
	.solutionP6 .list ul{ margin-right: 0; }
	.solutionP6 .list li{ float: none; width: auto; padding-bottom: 0.2rem;}
	.solutionP6 .list li .box{ margin-right: 0; height: auto; min-height: 2.0rem; padding: 0.4rem 0.35rem 0.3rem 1.65rem; }
	.solutionP6 .list li .ico{ left: 0.38rem; width: 0.96rem; height: 0.96rem; line-height: 0.96rem; }
	.solutionP6 .list li .ico img{ width:0.48rem; height:0.48rem; margin-left:-0.24rem; margin-top:-0.24rem;}
	.solutionP6 .list li .name{ font-size: 0.32rem; line-height: 0.56rem; }
	.solutionP6 .list li .msg{ margin-top: 0.1rem; font-size: 0.26rem; line-height: 0.48rem; height: auto; padding-right: 0; }
	.solutionP7{ padding: 1.0rem 0.3rem; }
	.otherCase{ margin-top: 0.7rem; }
	.otherCase .list li{ border-radius: 0.2rem; }
	.otherCase .imgDiv{ height: 4.8rem;}
	.otherCase .name{ font-size: 0.3rem; height: 0.9rem; line-height: 0.9rem; }
	.otherCase .se{ margin-top:-0.45rem; width: 0.9rem; height: 0.9rem; }
	.otherCase .prev{ left: 0.3rem; margin-left: 0; background: #fff url(../images/nimg40_left.png) no-repeat; background-size: 0.9rem;}
	.otherCase .next{ right: 0.3rem; margin-right: 0; background: #fff url(../images/nimg40_right.png) no-repeat; background-size: 0.9rem;}
	.otherCase .prev:hover{ background: url(../images/nimg40_lefton.png) no-repeat; background-size: 0.9rem;}
	.otherCase .next:hover{ background: url(../images/nimg40_righton.png) no-repeat; background-size: 0.9rem;}
	.aboutP1{ padding: 1.0rem 0.3rem; }
	.aboutP1 .txt{ font-size: 0.32rem; line-height: 0.48rem; }
	.aboutP1 .content{ font-size: 0.26rem; line-height: 0.48rem; }
	.aboutP1 .numList li{ width: 50%; padding-left: 1rem; padding-bottom: 0.5rem;}
	.aboutP1 .numList li:last-child{ width: 505; float: left; }
	.aboutP1 .numList li .ico{ top: 0.1rem; }
	.aboutP1 .numList li .ico img{ width: 0.72rem; }
	.aboutP1 .numList li .num{ height: 0.85rem; }
	.aboutP1 .numList li .numUp{ font-size: 0.56rem; line-height: 0.56rem; }
	.aboutP1 .numList li .num img{ padding-left: 0.15rem; width: 0.28rem; }
	.aboutP1 .numList li .wen{ font-size: 0.26rem; line-height: 0.26rem; }
	.aboutP1 .videobox{ margin:0.5rem auto 0; width:100%;}
	.aboutP1 .videobox .imgDiv{ height: 4.2rem; }
	.aboutP1 .videobox video{ max-height:4.2rem;}
	.aboutP1 .videobox .playbox{ width: 1.2rem; height: 1.2rem; margin-left:-0.6rem; margin-top:-0.6rem;}
	.aboutP2{ padding: 1.0rem 0; height: auto;/* background-size: 100%;*/ }
/*	.aboutP2 .box-container{ margin-top: 0.6rem; position: relative; width: 100%; height: 50px;}
	.aboutP2 .box-container:before{ bottom: 10px; }
	.aboutP2 .box-container .year-swiper{ margin: 0 0.9rem; }
	.aboutP2 .box-container .swiper-slide{ height: 50px; }
	.aboutP2 .box-container .swiper-slide .year{ font-size: 0.36rem; line-height: 0.36rem; }
	.aboutP2 .box-container .prev { left: 0.3rem; margin-left: 0; top: 19px; width: 40px; height: 40px; }
	.aboutP2 .box-container .next { right: 0.3rem; margin-right: 0; top: 19px; width: 40px; height: 40px; }

	.aboutP2 .detail-box{ padding: 0.8rem 0.3rem 0; }
	.aboutP2 .detail-box .item { display: none; position: relative; overflow: hidden;}
	.aboutP2 .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
	.aboutP2 .detail-box .leftImg{ float: none; width: auto; border-radius: 0.2rem; animation: am_top 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_top 0.6s ease-in-out 0.2s backwards;}
	.aboutP2 .detail-box .conDiv{ float: none; width: auto; animation: am_top 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_top 0.6s ease-in-out 0.2s backwards;}
	.aboutP2 .detail-box .name:after{ width: 0.6rem; }
	.aboutP2 .detail-box .msg li{ font-size: 0.26rem; line-height: 0.48rem; }
	.aboutP2 .detail-box .msg li:before{ width: 4px; height: 4px; top: 0.22rem; }
*/	
	.aboutP2 .box-container{ margin-top: 0.6rem; position: relative; width: 100%; height: 50px;}
	.aboutP2 .box-container:before{ bottom: 10px; }
	.aboutP2 .box-container .year-swiper{ margin: 0 0.3rem; }
	.aboutP2 .box-container .year-swiper li{ height: 50px; }
	.aboutP2 .box-container .year-swiper li .year{ font-size: 0.36rem; line-height: 0.36rem; }
	.aboutP2 .box-container .swiper-btn{ display:none;}
	.aboutP2 .box-container .prev { left: 0.3rem; margin-left: 0; top: 19px; width: 40px; height: 40px; }
	.aboutP2 .box-container .next { right: 0.3rem; margin-right: 0; top: 19px; width: 40px; height: 40px; }

	.aboutP2 .detail-box{ padding: 0.8rem 0 0; margin:0 0.3rem; }
	.aboutP2 .detail-box .leftImg{ float: none; width: auto; border-radius: 0.2rem; animation: am_top 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_top 0.6s ease-in-out 0.2s backwards;}
	.aboutP2 .detail-box .conDiv{ float: none; width: auto; animation: am_top 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_top 0.6s ease-in-out 0.2s backwards;}
	.aboutP2 .detail-box .name:after{ width: 0.6rem; }
	.aboutP2 .detail-box .msg li{ font-size: 0.26rem; line-height: 0.48rem; }
	.aboutP2 .detail-box .msg li:before{ width: 4px; height: 4px; top: 0.22rem; }

	.aboutP3{ padding: 1.0rem 0.3rem; }
	.aboutP3 .leftDiv{ width: auto; float: none; }
	.aboutP3 .content{ font-size: 0.26rem; line-height: 0.48rem; }
	.aboutP3 .txt{ font-size: 0.32rem; line-height: 0.32rem; }
	.aboutP3 .list li{ height: auto; padding-bottom: 0.5rem;}
	.aboutP3 .list li:before, .aboutP3 .list li:after{ display: none;}
	.aboutP3 .list li .wen{ padding-left: 0.56rem; font-size: 0.28rem; height: 0.42rem; line-height: 0.28rem; }
	.aboutP3 .list li .ico{ width: 0.3rem; height: 0.3rem; }
	.aboutP3 .list li .ico:after{ margin-left: -0.1rem; margin-top: -0.1rem; width: 0.2rem; height: 0.2rem; }
	.aboutP3 .list li .zi{ padding-left: 0.56rem; font-size: 0.26rem; line-height: 0.48rem; }
	.aboutP3 .rightDiv{ width: auto; float: none; padding-top: 0.35rem; }
	.aboutP3 .rightDiv li .box{ border-radius: 0.2rem; }
	.aboutP4{ padding: 1.0rem 0.3rem; height: auto; }
	.aboutP4:after{ bottom:1.2rem; height: 2.06rem;  }
	.aboutP4 .btn{ padding-top: 0.6rem; height: 1rem; }
	.aboutP4 .btn li{ margin: 0 0.2rem; height: 0.48rem; font-size: 0.3rem; line-height: 0.3rem; }
	.aboutP4 .btn li:after{ height: 2px; }
	.aboutP4 .imgList { width: 100%; padding-bottom: 1.5rem; }
	.aboutP4 .imgList .box{ margin-right: 0; }
	.aboutP4 .imgList .imgDiv{ box-shadow: 0px 12px 0.2rem 0.9px rgba(147, 147, 149, 0.25);}
	.aboutP4 .arrowDiv .se { top: auto; margin-top: 0; bottom: 0; width: 0.96rem; height: 0.96rem; }
	.aboutP4 .arrowDiv .prev { left: 50%; margin-left: -1.2rem;}
	.aboutP4 .arrowDiv .next { right: 50%; margin-right: -1.2rem;}
	.aboutP5{ padding: 1.0rem 0.3rem; }
	.aboutP5 .btn{ padding-top: 0.6rem; height: 1.0rem; }
	.aboutP5 .btn li{ margin: 0 0.3rem; height: 0.48rem; font-size: 0.3rem; line-height: 0.3rem; }
	.aboutP5 .btn li:after{ height: 2px; }
	.aboutP5 .imgList{ padding-bottom: 1.5rem; }
	.aboutP5 .imgList .box{ border-radius: 0.2rem; }
	.aboutP5 .imgList .name{ padding: 0 0.3rem; font-size: 0.28rem; line-height: 0.48rem; height: 0.96rem; }
	.aboutP5 .arrowDiv .se { top: auto; margin-top: 0; bottom: 0; width: 0.96rem; height: 0.96rem; }
	.aboutP5 .arrowDiv .prev { left: 50%; margin-left: -1.2rem;}
	.aboutP5 .arrowDiv .next { right: 50%; margin-right: -1.2rem;}
	.pic-modal-box .box { padding: 0 0.25rem; }
    .pic-modal-box .main { width: 100%; padding: 0.8rem 0.3rem;}
  	.pic-modal-box .name { font-size: 0.3rem; line-height: 0.9rem; }
 	.pic-modal-box .close { right: 10px; top: 10px; width: 0.6rem; height: 0.6rem; background-size: 0.6rem;}
	.pic-modal-box .pic-box img { max-width: 6.2rem;}
	.aboutP6{ padding: 1.0rem 0; }
	.aboutP6 .mxfDiv{ position: relative; margin-top: 0.6rem; }
	.aboutP6 .mxfDiv:before, .aboutP6 .mxfDiv:after{ display: none;}
	.leftScroll .list li{ padding: 10px;}
	.leftScroll .list li .limg{ height: 1.2rem; width: 2.6rem; border-radius: 0.12rem; box-shadow: 4px 6px 0.1rem 0px rgba(135, 135, 135, 0.15);}
	.leftScroll .list li .limg img{ max-width: 1.5rem; max-height: 0.6rem; }
	.rightScroll .list li{ padding: 10px;}
	.rightScroll .list li .limg{ cursor: pointer; height: 1.2rem; width: 2.6rem; border-radius: 0.12rem; box-shadow: 4px 6px 0.1rem 0px rgba(135, 135, 135, 0.15);}
	.rightScroll .list li .limg img{ max-width: 1.5rem; max-height: 0.6rem; }
	.proBanner .bg{ padding: 0 0.3rem; }
	.proBanner .msg{ font-size: 0.26rem; line-height: 0.48rem; width: 80%; }
	.proBanner .btnDiv{ margin-top: 0.35rem; }
	.proBanner .btnDiv a{ width: 2.1rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; border-radius: 0.48rem; }

	.proBanner .pjDiv{ position: absolute; top: 50%; margin-top: -2.59rem; right: 50%; margin-right: -7.68rem; z-index: 1; }
	.proBanner .detail-box{ width: 5.18rem; background: url(../images/nimg488Bg.png) center bottom no-repeat; background-size: 4.88rem;}
	.proBanner .detail-box .imgDiv{ height: 5.18rem; }
	.proBanner .detail-box .imgDiv img{ max-width: 4.88rem; max-height: 4.88rem; }
	.proBanner .box-container{ width: 1.12rem; height: 5.18rem; position: relative;}

	.proBanner .detail-box .list .item { display: none; position: relative;}
	.proBanner .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
	.proBanner .img-swiper{ width: 1.12rem; height: 3.56rem; margin: 0.86rem auto 0; }
	.proBanner .img-swiper .limg{ border: #fff solid 2px; background: #fff; height: 1.12rem; cursor: pointer; }
	.proBanner .img-swiper .swiper-slide img{ max-width: 1.12rem; max-height: 1.0rem;}
	.proBanner .swiper-slide.swiper-slide-active .limg{ border: #e95625 solid 2px; }
	.proBanner .swiper-btn{ position: absolute; z-index: 1; display: block; width: 0.56rem; height: 0.56rem; left: 50%; margin-left: -0.28rem; background: #fff; border-radius: 50%;}
	.proBanner .swiper-btn:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
	.proBanner .prev{ top: 0; }
	.proBanner .prev:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -5px; width: 18px; height: 10px; background: url("../images/nimg18_top.png") center no-repeat; }
	.proBanner .next{ bottom: 0;}
	.proBanner .next:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -5px; width: 18px; height: 10px; background: url("../images/nimg18_bot.png") center no-repeat; }
	.proBanner .prev:hover:before{ background: url("../images/nimg18_topon.png") center no-repeat;}
	.proBanner .next:hover:before{ background: url("../images/nimg18_boton.png") center no-repeat;}
	.productP0{ padding: 1.0rem 0.3rem; }
	.productP0 .videobox{ margin:0.6rem auto 0; width:100%;}
	.productP0 .videobox .imgDiv{ height: 4.2rem; }
	.productP0 .videobox video{ max-height:4.2rem;}
	.productP0 .videobox .playbox{ width: 1.2rem; height: 1.2rem; margin-left:-0.6rem; margin-top:-0.6rem;}
	.productP1{ padding: 1.0rem 0.3rem; }
	.productP1 .leftDiv{ width: auto; float: none; }
	.productP1 .leftDiv .imgDiv{ padding-top: 0.7rem; }
	.productP1 .leftDiv .imgDiv img{ max-width: 4.6rem; }
	.productP1 .rightDiv{ width: auto; float: none; padding-top: 0.7rem; }
	.productP1 .list li{ padding: 0.18rem 0.2rem 0.18rem 3.2rem; line-height: 0.42rem; font-size: 0.26rem; }
	.productP1 .list li em{ padding-top: 0.18rem; width: 3rem; line-height: 0.42rem;}

	.productP2 .mxfDiv{ height: auto; padding: 0.8rem 0; }
	.productP2 .mxfDiv .indmh-bg{ width: 100%; height: 100%; position:absolute; left: 0; margin-left: 0; background-repeat:no-repeat; background-position:center bottom;}
	.productP2 .mxfDiv.cur .indmh-bg{ height: 100%;}
	.productP2 .proImg{ position: relative; left: 0; bottom: 0; width: 6.0rem; height: 6.0rem; margin: 0 auto; }
	.productP2 .proImg img{ max-width: 6.0rem; max-height: 6.0rem; }
	.productP2 .mxfDiv .leftBg, .productP2 .mxfDiv .rightBg{ display: none; }
	.productP2 .listDiv{ padding: 0 0.3rem; height: auto; width: auto; position: relative; left: 0; margin-left: 0; }
	.productP2 .list_l li{ position: relative; opacity: 1; padding: 0.25rem 0 0 1.5rem; width: auto; height: 1.4rem; border-radius: 0.2rem;}
	.productP2 .list_l li:after{ width: 80%; }
	.productP2 .list_l li:before{ content: ''; opacity: 0; position: absolute; right: 0; bottom: 0; width: 0.9rem; height: 0.9rem; background: url(../images/nimg90Bg.png) no-repeat; background-size: 0.9rem; }
	.productP2 .list_l li .name{ font-size: 0.32rem; line-height: 0.48rem; }
	.productP2 .list_l li .msg{ font-size: 0.26rem; line-height: 0.42rem; }
	.productP2 .list_l .li01{ left: 0; top: 0; }
	.productP2 .list_l .li02{ top: 0; }
	.productP2 .list_l .li03{ top: 0; }
	.productP2 .list_l .li04{ left: 0; top: 0; }
	.productP2 .list_l li.cur{ animation: am_top 0.8s ease-in-out 0.8s backwards; -webkit-animation: am_top 0.8s ease-in-out 0.8s backwards;}

	.productP2 .list_r li{ position: relative; opacity: 1; padding: 0.25rem 0 0 1.5rem; width: auto; height: 1.4rem; border-radius: 0.2rem;}
	.productP2 .list_r li:after{ width: 80%; }
	.productP2 .list_r li:before{ content: ''; opacity: 0; position: absolute; right: 0; bottom: 0; width: 0.9rem; height: 0.9rem; background: url(../images/nimg90Bg.png) no-repeat; background-size: 0.9rem; }
	.productP2 .list_r li .name{ font-size: 0.32rem; line-height: 0.48rem; }
	.productP2 .list_r li .msg{ font-size: 0.26rem; line-height: 0.42rem; }
	.productP2 .list_r .li01{ right: 0; }
	.productP2 .list_r .li02{ top: 0; }
	.productP2 .list_r .li03{ top: 0; }
	.productP2 .list_r .li04{ right: 0; top: 0; }
	.productP2 .list_r li.cur{ animation: am_top 0.8s ease-in-out 0.8s backwards; -webkit-animation: am_top 0.8s ease-in-out 0.8s backwards;}


	.productP3{ padding: 1.0rem 0.3rem; }
	.productP3 .scene{ position: relative; margin-top: 0.6rem;}
	.productP3 .list { width: auto; }
	.productP3 .list .box{ margin-right: 0; }
	.productP3 .list .imgDiv{ border-radius: 0.2rem; }
	.productP3 .list .name{ font-size: 0.3rem; line-height: 0.36rem; text-align: center; }
	.productP3 .se{ margin-top:-0.45rem; width: 0.9rem; height: 0.9rem; }
	.productP3 .swiper-button-prev{ left: 0.3rem; margin-left: 0; background: #fff url(../images/nimg40_left.png) no-repeat; background-size: 0.9rem;}
	.productP3 .swiper-button-next{ right: 0.3rem; margin-right: 0; background: #fff url(../images/nimg40_right.png) no-repeat; background-size: 0.9rem;}
	.productP3 .swiper-button-prev:hover{ background: url(../images/nimg40_lefton.png) no-repeat; background-size: 0.9rem;}
	.productP3 .swiper-button-next:hover{ background: url(../images/nimg40_righton.png) no-repeat; background-size: 0.9rem;}
	/*.productP3 .prev{ left: 0.3rem; margin-left: 0; background: #fff url(../images/nimg40_left.png) no-repeat; background-size: 0.9rem;}
	.productP3 .next{ right: 0.3rem; margin-right: 0; background: #fff url(../images/nimg40_right.png) no-repeat; background-size: 0.9rem;}
	.productP3 .prev:hover{ background: url(../images/nimg40_lefton.png) no-repeat; background-size: 0.9rem;}
	.productP3 .next:hover{ background: url(../images/nimg40_righton.png) no-repeat; background-size: 0.9rem;}*/
}

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