/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	.indmh{ height: 220vh;}
}

@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, .pageNav, .footNav, .sideNews{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore{ display:block;}
	.headD, .headDiv .wal{ height:1.2rem;}
    .headDiv{ height: 1.2rem; top:0; }
    .headDiv-logo{ top: 0.45rem; left:0.3rem; margin-left: 0; }
    .headDiv-logo img{ width: 2.4rem; }
    .headDiv .topRight{ right: 1.3rem; }
    .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 a{ width: 0.6rem; height:1.2rem; background-size: 0.36rem; }
    .headDiv:hover .lan a, .headDiv.mini .lan a, .headDiv.ny .lan a{ background-size:0.36rem;}
    .head-search .search-box { width: 90%; }
    .ind-banner .swiper-slide .img{ height: 75vh; }
    .ind-banner .swiper-slide .img img{ height: 100%; object-fit: cover; }
    .ind-banner .onebox{ left: 0.3rem; margin-left: 0; top: 35%; }
    .ind-banner .onebox .cn{ font-size: var(--fs48); line-height: 0.6rem; }
    .ind-banner .onebox .en{ font-size: var(--fs18); line-height: 0.42rem; }
	.ind-banner .onebox .btnDiv{ margin-top:0.45rem; width:2.1rem; height:0.8rem; line-height:0.83rem; font-size:var(--fs16);}
    /*.ind-banner .twobox{ left: 0.3rem; margin-left: 0; top: 35%; }
    .ind-banner .twobox .cn{ font-size: var(--fs48); line-height: 0.6rem; }
    .ind-banner .twobox .cn em{ display: block; padding-left: 0.6rem; }
    .ind-banner .twobox .en{ font-size: var(--fs18); padding-left: 0.6rem; line-height: 0.42rem; }
    .ind-banner .threebox{ left: 0.3rem; margin-left: 0; top: 35%; }
    .ind-banner .threebox .cn{ font-size: var(--fs48); line-height: 0.6rem; width: 5.4rem; }
    .ind-banner .fourbox{ left: 0.3rem; margin-left: 0; top: 35%; }
    .ind-banner .fourbox .cn{ font-size: var(--fs48); line-height: 0.6rem; padding: 0.25rem 0; }
    .ind-banner .fourbox .cn:before{ width: 8px; height: 8px; border: #e60012 solid 2px; }
    .ind-banner .fourbox .en{ line-height: 0.42rem; }*/
    .ind-banner .list{ margin-top: 0.55rem; }
    .ind-banner .list li .g_img{ width:1.5rem; height:1.5rem; }
    .ind-banner .list li .wen{ line-height: 0.36rem; }
    .ind-banner .look{ margin-top: 0.5rem; }
    .ind-banner .look a{ width: 1.6rem; height: 1.6rem; }
    .ind-banner .look a:after{ margin-left: -0.65rem; margin-top: -0.65rem; width: 1.3rem; height: 1.3rem; }
    .ind-banner .look a img{ margin-left: -0.28rem; margin-top: -0.28rem; width: 0.56rem; height: 0.56rem;  }
    .ind-banner .swiper-pagination-bullet { width: 6px; height: 6px; } 
    .ind-banner .swiper-pagination-bullet-active { width: 36px; } 
    .ind-banner .se{ display: none; }

    .indexP1{ padding: 1.2rem 0.3rem; height: auto; }
    .indpro:before, .indpro:after{ display: none; }
    .indexP1 .imgList { width: 100%; left: 0; margin-left: 0;}
	.indexP1 .swiper-slide .imgDiv{ height:5.2rem;}
    .indexP1 .swiper-slide .imgDiv img{ transform:scale(1);-webkit-transform:scale(1); }
    .indexP1 .swiper-slide .hideDiv{ width: 100%;}
    .indexP1 .swiper-slide .name{ font-size: var(--fs22); line-height: 0.56rem; text-align: center; height: 0.56rem; }
    .indexP1 .swiper-slide .msg{ font-size: var(--fs22); line-height: 0.56rem; height: 0.56rem; text-align: center; }
    .indexP1 .swiper-slide .more{ width: 2.8rem;}
    .indexP1 .swiper-slide .more a{ padding-left: 0.98rem; height: 0.82rem; line-height: 0.82rem; }
    .indexP1 .swiper-slide .more a:before{ width: 0.82rem; height: 0.82rem;}
    .indexP1 .swiper-slide .more a:hover{ padding-left: 0.35rem; }
    .indexP1 .swiper-slide .more a:hover:before{ width: 2.8rem; background: #e60012 url(../images/ico1.png) 2.2rem center no-repeat; background-size: 0.1rem;}

    .indexP1 .swiper-slide.swiper-slide-prev .imgDiv img{ right: 0; }
    .indexP1 .swiper-slide.swiper-slide-next .imgDiv img{ left: 0; }
    .indexP1 .swiper-slide.swiper-slide-prev .hideDiv{ right: 0; }
    .indexP1 .swiper-slide.swiper-slide-next .hideDiv{ left: 0; }
    .indexP1 .swiper-slide-active .name{ text-align: center; font-size: var(--fs22); line-height: 0.56rem; height: 0.56rem; }
    .indexP1 .swiper-slide-active .msg{ font-size: var(--fs22); line-height: 0.56rem; height: 0.56rem; text-align: center; }
    .indexP1 .swiper-slide-active .hideDiv{ width: 100%;}

    .indexP1 .se{ font-size: var(--fs22); top: 30%; }
    .indexP1 .prev{ left: 0; margin-left: 0; padding-left: 18px; background: url(../images/nimg7_left.png) left center no-repeat;} 
    .indexP1 .next{ right: 0; margin-right: 0; padding-right: 18px; background: url(../images/nimg7_right.png) right center no-repeat; }
    .indexP1 .prev:hover{ color: #e60012; background: url(../images/nimg7_lefton.png) left center no-repeat;}
    .indexP1 .next:hover{ color: #e60012; background: url(../images/nimg7_righton.png) right center no-repeat;}
 

    .indmh{ height: auto; }
    .indmh-logo, .indmh-text{ display: none; }
    .indexP2{ height: auto; }
    .indexP2 .detail-box .item .bg{ height: auto; }
    .indexP2 .detail-box .item .bg img{ height: auto; object-fit: cover; }
    .indexP2 .layer{ opacity: 1; left: 0.3rem; margin-left: 0; top: 1.5rem; width: 6.2rem; }
    .indexP2 .layer .txt{ font-size: var(--fs20); line-height: 0.26rem; }
    .indexP2 .layer .name{ font-size: var(--fs28); line-height: 0.4rem; margin-bottom: 0.2rem; }
    .indexP2 .layer .content{ font-size: var(--fs16); line-height: 0.48rem; height: 2.88rem; width:5.78rem; display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
    .indexP2 .layer .more{ margin-top: 0.35rem; }
    .indexP2 .layer .more a{ font-size: var(--fs16); width: 1.94rem; height: 0.72rem; line-height: 0.7rem; border: rgba(255,255,255,0.2) solid 1px;}
    .indexP2 .box-container{ padding-top: 0.2rem; }
    .indexP2 .temeDiv{ width: 7rem;}
    .indexP2 .year-swiper{ width: 5rem; }
    .indexP2 .round{ width: 1.16rem; height: 1.16rem; }
    .indexP2 .round .before img{ max-width: 0.8rem; }
    .indexP2 .round .after{ border: none; }
    .indexP2 .round .after em{ font-size: var(--fs14); line-height: 0.28rem; }
    .indexP2 .se{ margin-top: -0.43rem; width: 0.86rem; height: 0.86rem; }
    .indexP2 .prev{ background-size: 12px; }
    .indexP2 .next{ background-size: 12px; }
    .indexP2 .prev:hover{ background-size: 12px;}
    .indexP2 .next:hover{ background-size: 12px;}
    .indexP3{ height:10.0rem; }
	.indexP3 .bg{ height:100%; }
	.indexP3 .bg img{ height:100%; object-fit: cover;}
    .indexP3 .bg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
    .indexP3 .conDiv{ left: 0.3rem; margin-left: 0; top: 0.8rem; width: 5.78rem; }
    .indexP3 .title{ font-size: var(--fs20); line-height: 0.3rem; }
    .indexP3 .txt{ font-size: var(--fs40); line-height: 0.42rem; margin-bottom: 0.2rem; }
    .indexP3 .content{ line-height: 0.48rem; height: auto; }
    .indexP3 .more{ margin-top: 0.3rem; }
    .indexP3 .more a{ font-size: var(--fs16); width: 1.94rem; height: 0.72rem; line-height: 0.7rem; border: rgba(255,255,255,0.2) solid 1px;}
    .indexP3 .numList{ left: 0; margin-left: 0; bottom: 0.5rem; width: 100%; }
	.indexP3 .numList li{ width:50%; margin-bottom:0.4rem;}
    .indexP3 .numList li .numUp{ font-size: 0.56rem; line-height: 0.48rem; }
    .indexP3 .numList li p{ height: 0.45rem; }
    .indexP3 .numList li span{ width: 10px; height: 10px; background-size: 10px; }
    .indexP3 .numList li .wen{ font-size: var(--fs16); line-height: 0.26rem;}

    .indexP4{ padding: 1.1rem 0.3rem; }
    .indexP4 .mxfDiv{ overflow: visible; }
    .indexP4 .leftDiv{ width: auto; float: none; }
    .indexP4 .toptop{ height: auto; padding-bottom: 0.6rem; }
    .indexP4 .title{ margin-bottom: 0.2rem; }
    .indexP4 .wen{ line-height: 0.28rem; }

    .indNews .imgDiv{ height: 4.2rem; }
    .indNews .layer{ position:relative; border-top-right-radius: 0; width: 100%; height: 2.3rem; padding: 0.3rem 0.4rem 0 0.3rem }
    .indNews .time{ line-height: 0.26rem; }
    .indNews .name{ line-height: 0.48rem; max-height: 0.96rem; }
    .indNews .swiper-pagination{ left: 0.3rem; bottom: 0.3rem; } 
    .indNews .swiper-pagination-bullet { width: 0.46rem; height: 2px; margin: 0 0.15rem 0 0!important; } 

    .indexP4 .rightDiv{ width: auto; margin-top: 0.3rem; float: none; }
    .indexP4 .list li a{ padding: 0.3rem 0; }
    .indexP4 .list li .time{ line-height: 0.42rem; }
    .indexP4 .list li .name{ height: 0.48rem; line-height: 0.48rem; }
    .indexP4 .more{ position: relative; margin: 0.7rem auto 0; width: 2.1rem; }
    .indexP4 .more a{ width: 100%; line-height: 0.8rem; height: 0.8rem; }

    .indexP5{ padding: 1.0rem 0.3rem; }
    .indexP5 .toptop{ height: auto; padding-bottom: 0.6rem; }
    .indexP5 .title{ line-height: 0.86rem; }
    .indexP5 .arrowDiv .se{ width: 0.86rem; height: 0.86rem; }
    .indexP5 .arrowDiv .prev{ background-size: 6px; }
    .indexP5 .arrowDiv .next{ background-size: 6px; }
    .indexP5 .arrowDiv .prev:hover{ background-size: 6px;}
    .indexP5 .arrowDiv .next:hover{ background-size: 6px;}

    .indPartner:before{ display: none;}
    .indPartner .list{ overflow: hidden; }
    .indPartner .list li a{ height: 8.4rem; padding: 0.8rem 0.4rem 0; border-radius: 0.24rem; }
    .indPartner .list li .time{ line-height: 0.26rem; }
    .indPartner .list li .time em{ font-size: 0.6rem; }
    .indPartner .list li .name{ line-height: 0.56rem; height: 1.12rem;  }
    .indPartner .list li .msg{ line-height: 0.48rem; height: 4.32rem; position:relative; bottom:0; padding:0; margin-top:0.3rem; }
    .indPartner .list li a:hover .msg{ height: 4.32rem; bottom: 0; }



    .footDiv .toptop{ padding: 1.0rem 0.3rem 0.8rem; }
    .footDiv .leftDiv{ width: auto; }
    .footDiv .logo img{ width: 3rem; }
    .footDiv .msglist li{ line-height: 0.42rem; margin-bottom: 0.3rem; }
    .footDiv .msglist li .tel{ line-height: 0.42rem; }
    .footDiv .botbot{ padding: 0.4rem 0.3rem; }
    .footDiv .botright{ float:none;}
	.footDiv .share{ margin-top: 0.3rem; }
    .footDiv .share li{ margin-right: 0.2rem;}
    .footDiv .share li a{ width: 0.9rem; height: 0.9rem; }
    .footDiv .share li img{ width: 18px; margin-left:-9px; margin-top:-9px;}
    .footDiv .msg{ margin-top: 0.35rem; line-height: 0.48rem;}
    .footDiv .botleft{ float:none; padding-top:0; position: relative; line-height: 0.48rem; left: -0.15rem; font-size: 0.26rem; }
    .footDiv .botleft a{ padding: 0 0.15rem;}
    .sideBar{ right: 0; margin-top: -1.0rem; }
    .sideBar .list{ width: 0.9rem; }
    .sideBar .list li{ width: 0.9rem; height: 0.9rem; }
    .sideBar .list li .lbox img{ margin-left: -0.2rem; margin-top: -0.2rem; width: 0.4rem; }
    .sideBar .topA a{ width: 0.9rem; height: 0.9rem; }
    .sideBar .topA img{margin-left: -0.2rem; margin-top: -0.2rem; width: 0.4rem; }
    .sideBar .list li:nth-child(2) .mouse{ left: -2.52rem; width: 2.42rem; height: 2.78rem; }
    .sideBar .list li:nth-child(2).on .mouse{ left: -2.42rem; }
    .sideBar .list li:nth-child(2) .mouse .ewm{ width: 2rem; }
    .sideBar .list li:nth-child(3) .mouse{ left: -3.02rem; width: 2.92rem; height: 0.9rem; }
    .sideBar .list li:nth-child(3).on .mouse{ left: -2.92rem; }
    .sideBar .list li:nth-child(3) .mouse .tel{ line-height: 0.9rem; }

    .pageBanner .info{ left: 0.3rem; display: block; top:38%; }
    .pageBanner .cn{ font-size: 0.48rem; line-height: 0.48rem; }
	.pageBanner .look{ margin-top:0.25rem;}
    .product{ padding: 1.0rem 0.3rem 0.6rem; }
    .product .list ul{ margin-right: 0; }
    .product .list li{ float: none; width: auto; }
    .product .list li .box{ margin-right: 0; }
    .product .list li a{ padding: 0 3.6rem 0 0.3rem; }
    .product .list li .en{ font-size: var(--fs20); height: 0.52rem; line-height: 0.52rem; }
    .product .list li .cn{ font-size: var(--fs20); height: auto; white-space:normal; max-height: 1.04rem; line-height: 0.52rem; }
    .product .list li .more{ display: none; }
    .cooperation{ padding: 1.0rem 0.3rem 1.2rem; }
    .cooperation .mainBox{ padding: 0.8rem 0.3rem 1.0rem; }
    .cooperation .title{ margin-bottom: 0.65rem; }
    .cooperation .form ul{ margin-right: 0; }
    .cooperation .form li{ float: none; width: 100%; margin-bottom: 0.3rem; }
    .cooperation .form .li01{ width: auto; }
    .cooperation .form .li03{ padding-right: 2.5rem; }
    .cooperation .form li .box{ margin-right: 0; border-radius: 0.2rem; }
    .cooperation .form li .txt{ left: 0.25rem; line-height: 0.94rem; }
    .cooperation .form li .input1{ padding-left: 1.45rem; height: 0.94rem; line-height: 0.94rem; }
    .cooperation .select{ height: 0.94rem; }
    .cooperation .caption { height: 0.94rem; line-height: 0.94rem; padding-left: 2.6rem;}
    .lyb .caption{ padding-left: 2.0rem; }
    .cooperation .xlist { max-height: 4.5rem; border-radius: 0.2rem;}
    .cooperation .xlist a { height: 0.9rem; line-height: 0.9rem; }

    .cooperation .form li textarea{ padding: 0.2rem 0 0 1.45rem; height: 2.6rem; line-height: 0.48rem; }
    .cooperation .form li .single{ padding-left: 0.3rem; padding-top: 0.8rem; padding-bottom: 0.3rem;}
    .cooperation .form li .single dd{ margin-right: 0.5rem; }
    .cooperation .form li .yzm{ margin-top: -0.35rem;}
    .cooperation .form li .yzm img{ height: 0.7rem; }
    .cooperation .choose{ line-height: 0.32rem; }
    .cooperation .choose input{width: 0.3rem; height: 0.3rem; top: 0.1rem; }
    .cooperation .btnDiv{ width: 3.4rem; }
    .cooperation .btnDiv a{ height: 0.96rem; line-height: 0.96rem; border-radius: 0.2rem; }
    .rulesLayer{ width: 94%; height: 7.4rem; padding: 0.65rem 0.5rem 0; }
    .rulesLayer .close{ right: 0.3rem; top: 0.3rem; width: 0.48rem; height: 0.48rem; background-size: 0.48rem;}
    .rulesLayer .title{ font-size: var(--fs28); height: 0.9rem; line-height: 0.4rem;}
    .rulesLayer .content{ line-height: 0.52rem; height: 5.2rem; padding-right: 0.25rem; }
    .service{ padding: 1.0rem 0.3rem; }
    .service .content{ line-height: 0.48rem; margin-bottom: 0.8rem; }
    .service .list{ border-radius: 0; height: auto; overflow: hidden; background-image: none!important; }
    .service .list li{ float: none; width: auto; height: 4.8rem; margin-bottom: 0.3rem;}
    .service .list li:after{ display: none; }
    .service .list li .layer{ bottom: 0.6rem; padding: 0 0.5rem; }
    .service .list li .ico img{ width: 0.64rem; }
    .service .list li .txt{ font-size: var(--fs22); line-height: 0.48rem; }
    .service .list li .pjDiv{ height: 1.5rem; }
    .service .list li .msg{ display: none; }
    .service .list li .more{ opacity: 1; visibility: visible; width: 2.45rem; height: 0.86rem; margin-left: -1.22rem; border: rgba(255,255,255,0.5) solid 1px; }
    .service .list li .more em{ margin-left: 0.2rem; width: 6px; height: 12px; background-size: 6px; }
    .service .list li a:hover{ background: rgba(0,0,0,0.7); }
    .service .list li a:hover .layer{ bottom: 0.6rem; top: auto; margin-top: 0; }
    .service .list li a:hover .pjDiv{ height: 1.5rem; }
    .contactP1{ padding: 1.1rem 0.3rem 1.0rem; }
    .contactP1 .mxfDiv{ display: block; height: auto; }
    .contactP1 .conDiv{ padding: 0.7rem 0.3rem; width: auto; }
    .contactP1 .imgDiv{ width: 100%; height: auto; }
    .contactP1 .imgDiv img{ height: auto; }
    .contactP1 .txt{ font-size: var(--fs24); line-height: 0.36rem; }
    .contactP1 .msgList li{ line-height: 0.56rem; padding-left: 0.56rem; }
    .contactP1 .msgList li img{ width: 0.32rem; margin-top: -0.16rem; }

    .contactP2{ padding: 0 0.3rem 1.1rem; }
    .contactP2 .list ul{ margin-right: 0; }
    .contactP2 .list li{ float: none; width: auto; margin-bottom: 0.3rem; }
    .contactP2 .list li .box{ margin-right: 0; }
    .contactP2 .list li a{ height: 4rem; }
    .contactP2 .list li .ico img{ margin-left: -0.28rem; margin-top: -0.28rem; width: 0.56rem; }
    .contactP2 .list li .name{ margin-top: 0.35rem; font-size: var(--fs24); line-height: 0.36rem; }
    .contactP2 .list li .msg{ line-height: 0.28rem; }
    .contactP2 .list li a:hover .conDiv{ margin-top: -1.15rem; }
    .investor{ padding: 1.1rem 0.3rem; }
    .investor .mxfDiv{ padding-left: 0; min-height: 1.0rem;}
    .investor .layer{ position: relative; margin-bottom: 0.5rem; }
    .investor .title{ line-height: 0.72rem; }
    .investor .more{ margin-top: 0; position: absolute; right: 0; top: 0; }
    .investor .more a{ padding-left: 0.88rem; height: 0.72rem; line-height: 0.72rem; }
    .investor .more a:before{ width: 0.72rem; height: 0.72rem; background-size: 6px;}
    .investor .list li{ border-bottom: #e1e1e1 solid 1px; }
    .investor .list li a{ height: auto; padding-top: 0.2rem; }
    .investor .list li .name{ float: none; display: block; font-size: var(--fs18); width: auto; height: auto; padding-right: 0; line-height: 0.48rem; }
    .investor .list li .time{ float: none; }
    .investor .list li .look{ top: auto; bottom: 0;}
    .newsP1{ padding: 1.1rem 0.3rem; }
    .newsP1 .toptop{ height: auto; margin-bottom: 0.65rem; }
    .newsP1 .title{ line-height: 0.8rem; }
    .newsP1 .more a{ width: 2.32rem; height: 0.8rem; }
    .newsP1 .more span{ padding-right: 0.2rem;}
    .newsP1 .more span:after{ margin-top: -5px; width: 6px; height: 11px; background-size: 6px; }
    .newsP1 .leftDiv{ width: auto; float: none; }
    .newsP1 .leftDiv ul{ margin-right: -0.2rem; }
    .newsP1 .leftDiv li .box{ margin-right: 0.2rem; }
    .newsP1 .leftDiv li .imgDiv{ height: 1.96rem; }
    .newsP1 .leftDiv li .botDiv{ height: 2.32rem; padding: 0.32rem 0.3rem 0; }
    .newsP1 .leftDiv li .name{ font-size: var(--fs20); line-height: 0.48rem; height: 0.96rem; padding-right: 0; }
    .newsP1 .leftDiv li .content{ display: none; }
    .newsP1 .leftDiv li .look{ margin-top: 0.2rem; line-height: 0.3rem; }
    .newsP1 .rightDiv{ margin-top: 0.3rem; float: none; width: auto; height: auto; padding: 0.4rem 0.3rem; }
    .newsP1 .rightDiv li .name{ line-height: 0.48rem; height: 0.96rem; }
    .newsP1 .rightDiv li .time{ line-height: 0.28rem; }
    .newsP2{ padding: 1.1rem 0.3rem; }
    .newsP2 .toptop{ height: auto; margin-bottom: 0.65rem; }
    .newsP2 .title{ line-height: 0.8rem; }
    .newsP2 .se{ width: 0.9rem; height: 0.9rem; }
    .newsP2 .prev { background-size: 6px;}
    .newsP2 .next { background-size: 6px;}
    .newsP2 .prev:hover{ background-size: 6px;}
    .newsP2 .next:hover{ background-size: 6px;}
    .newsPic .imgList{ width: 100%; }
    .newsPic .imgList .box{ width: auto; }
    .newsPic .imgList .imgDiv{ height: 4.64rem; }
    .newsPic .imgList .name{ display: block; margin-top: 0.15rem; line-height: 0.48rem; height: auto; overflow: visible; }
    .newsPic .imgList .wen{ line-height: 0.48rem; height: 0.96rem; }
    .newsPic .imgList .look{ margin-top: 0.2rem; line-height: 0.26rem; background-size: 6px; }
    .newsP3{ padding: 1.1rem 0.3rem 0.7rem; }
    .newsP3 .title{ margin-bottom: 0.65rem;}
    .newsP3 .list ul{ margin-right: 0; }
    .newsP3 .list li{ float: none; width: auto; margin-bottom: 0.5rem; }
    .newsP3 .list li .box{ margin-right: 0; }
    .newsP3 .list li .imgDiv{ height: auto; border-radius: 0.2rem; }
    .newsP3 .list li .imgDiv:after{ width: 1.0rem; height: 1.0rem; margin-left: -0.5rem; margin-top: -0.5rem; background-size: 1.0rem; }
    .newsP3 .list li .imgDiv img{ height: auto; }
    .newsP3 .list li .name{ height: 0.48rem; line-height: 0.48rem; }
    .newsP3 .list li .msg{ line-height: 0.48rem; height: 0.96rem;  }
    .newShow{ padding: 1.1rem 0.3rem; }
    .newShow .name{ line-height: 0.56rem; }
    .newShow .time em{ padding-right: 0.35rem; line-height: 0.48rem; }
    .newShow .content{ line-height: 0.52rem; }
    .newShow .content img{ max-width: 100%; }
    .pageDown{ padding-top: 0.75rem; }
    .pageDown li{ margin-bottom: 0.3rem; }
    .pageDown li a{ padding: 0.25rem 0.3rem 0; height: 1.5rem; line-height: 0.48rem; }
    .pageDown li p{ height: 0.48rem; }
    .news{ padding: 1.0rem 0.3rem 1.1rem; }
    .zjMxf .select{ float: none; width: 100%; height: 1.0rem; }
    .zjMxf .caption { height: 1.0rem; line-height: 1.0rem; }
    .zjMxf .caption.on{ border-top-left-radius:0.48rem; border-top-right-radius:0.48rem;}
    .zjMxf .xlist { max-height: 4.3rem; border-bottom-left-radius:0.48rem; border-bottom-right-radius:0.48rem;}
    .zjMxf .xlist a { height: 0.86rem; line-height: 0.86rem; }


    .zjMxf .form{ float: none; margin-left: 0; margin-top: 0.2rem; width: 100%; height: 1.0rem; background: #f6f6f6 url(../images/nimg20_4.png) 0.3rem center no-repeat; background-size: 0.36rem;}
    .zjMxf .form .input1{ padding-left: 0.8rem; height: 1.0rem; line-height: 1.0rem; }
    .zjMxf .btnDiv{ margin-top: 0.2rem; margin-left: 0; float: none;}
    .zjMxf .btnDiv a{ width: 2.1rem; height: 0.8rem; line-height: 0.8rem; }
	.news .list li{ border-bottom:#eee solid 1px;}
    .news .list li a{ height: 2.4rem; padding: 0.2rem 0 0.3rem 3.2rem; }
    .news .list li .imgDiv{ left: 0; top: 50%; margin-top: -0.93rem; width: 2.84rem; height: 1.86rem; border-radius: 0.2rem;}
    .news .list li .name{ font-size: var(--fs26); height: 0.96rem; line-height: 0.48rem; white-space:normal; padding-right: 0; }
    .news .list li .content{ padding-right: 0; font-size: var(--fs16); height: 0.96rem; line-height: 0.48rem; }
    .news .list li .bot{ display:none; }
    .news .list li a:hover{ padding: 0.2rem 0 0.3rem 3.2rem; box-shadow: none;}
	.news .list li a:hover .imgDiv{ left: 0; }
    .joinP1{ padding: 1.1rem 0.3rem; }
    .joinP1 .mxfDiv{ border-radius: 0.24rem; }
    .joinP1 .imgDiv{ float: none; width: auto; border-radius: 0; }
    .joinP1 .conDiv{ position: relative; top: 0; margin-top: 0; width: auto; height: auto; padding: 0.7rem 0.4rem; border-radius: 0; }
    .joinP1 .content{ font-size: var(--fs16); line-height: 0.48rem; }
    .joinP2{ padding: 0 0.3rem 1.1rem; }
    .joinP2 .title{ margin-bottom: 0.6rem;}
    .joinP2 .msg{ font-size: var(--fs16); line-height: 0.48rem; width: auto; margin: 0 auto 0.7rem;}
    .joinP2 .list { width: 100%; position: relative; left: 0; margin-left: 0;}
    .joinP2 .swiper-slide .img { width: 100%; height: 4.6rem; border-radius: 0.24rem; }
    .joinP2 .se { width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; }
    .joinP2 .prev { left: 0.2rem; margin-left: 0; }
    .joinP2 .next { right: 0.2rem; margin-right: 0; }
    .joinP2 .prev:after{ margin-left: -3px; margin-top: -5px; width: 6px; height: 11px; background-size: 6px; }
    .joinP2 .next:after{ margin-right: -3px; margin-top: -5px; width: 6px; height: 11px; background-size: 6px; }

    .joinP3{ padding: 0 0.3rem 1.0rem; }
    .joinP3 .title{ margin-bottom: 0.6rem;}
    .joinP3 .msg{ font-size: var(--fs16); line-height: 0.48rem; width: auto; margin: 0 auto 0.7rem;}
    .demeanour .list li .imgDiv{ border-radius: 0.16rem; height: 4.2rem; }
    .demeanour .list li .name{ margin-top: 0.25rem; height: 0.48rem; line-height: 0.48rem; }
    .demeanour .se { width: 0.9rem; height: 0.9rem; margin-top: -0.459rem; background: #fff; }
    .demeanour .prev { left: 0.2rem; margin-left: 0; }
    .demeanour .next { right: 0.2rem; margin-right: 0; }
    .demeanour .prev:after{ background-size: 6px; }
    .demeanour .next:after{ background-size: 6px; }
    .demeanour .prev:hover:after{ background-size: 6px;}
    .demeanour .next:hover:after{ background-size: 6px;}

    .joinP4{ padding: 0 0.3rem 1.1rem; }
    .joinP4 .mxfDiv{ border-radius: 0.24rem; }
    .joinP4 .mxfDiv:before{ width: 4.2rem; }
    .joinP4 .imgDiv{ height: 3.6rem; }
    .joinP4 .imgDiv img{ height: 100%; object-fit: cover; }
    .joinP4 .layer{ left: 0.35rem; }
    .joinP4 .title{ margin-bottom: 0.2rem;}
    .joinP4 .msg{ font-size: var(--fs18); line-height: 0.48rem; }
    .joinP4 .btnDiv{ margin-top: 0.45rem; }
    .joinP4 .btnDiv a{ width: 2.3rem; height: 0.82rem; }
    .joinP4 .btnDiv em{ margin-left: 0.15rem; width: 6px; height: 11px; background-size: 6px;}
    .joinP4 .btnDiv a:hover em{ background-size: 6px;}
    .platformP1{ padding: 1.1rem 0.3rem; }
    .platformP1 .conDiv{ width: auto; float: none; margin-bottom: 0.65rem; }
    .platformP1 .name{ margin-bottom: 0.45rem; }
    .platformP1 .content{ font-size: var(--fs18); line-height: 0.52rem; }
    .platformP1 .imgDiv{ width: auto; border-radius: 0.24rem; float: none;}

    .platformP2{ padding: 0 0.3rem 1.1rem; }
    .platformP2 .title{ margin-bottom: 0.6rem; }
    .platformP2 .msg{ line-height: 0.52rem; width: auto; }
    .platformP2 .list ul{ display: flex; margin-right: 0; }
    .platformP2 .list li{ float: none; width: auto;}
    .platformP2 .list li .box{ margin-right: 0; height: 3.8rem; padding: 0.8rem 0.65rem 0; border-radius: 0.24rem; }
    .platformP2 .list li .ico{ height: 1.45rem; }
    .platformP2 .list li .ico img{ width: 0.96rem; }
    .platformP2 .list li .name{ font-size: var(--fs24); line-height: 0.48rem; }
    .platformP2 .swiper-pagination{ display: block; }

    .platformP3{ padding: 0 0.3rem 1.1rem; }
    .platformP3 .title{ margin-bottom: 0.6rem; }
    .platformP3 .msg{ line-height: 0.52rem; width: auto; }
    .platformP3 .longDiv{ overflow: auto;}
    .platformP3 .imgDiv{ width: 13.0rem;}
    .platformP3 .imgDiv img{ max-width: auto; width: 100%; }

    .platformP4{ padding: 1.1rem 0.3rem 0.8rem; }
    .platformP4 .list ul{ margin-right: 0; }
    .platformP4 .list li{ float: none; width: auto; margin-bottom: 0.3rem; }
    .platformP4 .list li .box{ margin-right: 0; }
    .platformP4 .list li a{ padding-top: 0.45rem; border-radius: 0.24rem; }
    .platformP4 .list li .name{ margin-bottom: 0.3rem; }
    .platformP4 .list li .more{ padding-left: 0.88rem; height: 0.72rem; line-height: 0.72rem; }
    .platformP4 .list li .more:before{ width: 0.72rem; height: 0.72rem; background-size: 6px;}    
    .platformP4 .list li .ico{ position: absolute; right: 0.7rem; top: 50%; margin-top: -0.65rem; }
    .honor{ padding: 1.1rem 0.3rem 0; border-bottom: #eee solid 1px;}
    .honor .title{ margin-bottom: 0.6rem; }
    .honor .content{ line-height: 0.52rem; padding-bottom: 1.0rem;}
    .honorPic{ padding-bottom: 1.0rem; }
    .honorPic:after{ display: none; }
    .honorPic .imgList{ overflow: hidden; padding-bottom: 1.5rem;}
    .honorPic .box{ width: 3.2rem; }
    .honorPic .mxfDiv{ min-width: 3.2rem; height: 4.2rem; }
    .honorPic .imgDiv img{ width: 3.2rem; }
    .honorPic .name{ opacity: 1; visibility: visible; margin-top: 0.3rem; display: block; height: auto; line-height: 0.48rem; font-size: var(--fs18); }
    .honorPic .swiper-slide.swiper-slide-active .imgDiv img{ width: 3.2rem; }
    .honorPic .swiper-slide.swiper-slide-active .name{ opacity: 1; visibility: visible; }
    .honorPic .arrowDiv{ left: 0; bottom: 0; text-align: center; width: 100%; }
    .honorPic .arrowDiv .se{ float: none; display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 50%;}
    .honorPic .arrowDiv .prev{ background: #f6f6f6 url(../images/nimg10_left.png) center no-repeat; background-size: 6px; margin-right: 0.2rem; }
    .honorPic .arrowDiv .next{ background: #f6f6f6 url(../images/nimg10_right.png) center no-repeat; background-size: 6px; margin-left: 0.2rem;}
    .honorPic .arrowDiv .prev:hover{ background: #e60012 url(../images/nimg10_lefton.png) center no-repeat; background-size: 6px;}
    .honorPic .arrowDiv .next:hover{ background: #e60012 url(../images/nimg10_righton.png) center no-repeat; background-size: 6px;}
    .aboutP1{ padding: 1.1rem 0.3rem; }
    .aboutP1 .title{ margin-bottom: 0.6rem; }
    .aboutP1 .content{ line-height: 0.52rem; }
    .aboutP1 .numList li{ width: 50%; margin-bottom: 0.45rem; }
    .aboutP1 .numList li .numUp{ font-size: 0.64rem; line-height: 0.64rem; }
    .aboutP1 .numList li p{ height: 0.56rem; }
    .aboutP1 .numList li span{ width: 8px; height: 8px; background-size: 8px; }
    .aboutP1 .numList li .wen{ line-height: 0.42rem; width: auto; }
    .aboutP1 .aboutP1-3D { display: none;}
    .aboutP2 .videobox{ margin-top: 0; height: 3.82rem; }
    .aboutP2 .videobox .imgDiv{ height: 3.82rem; }
    .aboutP2 .videobox video{ max-height:3.82rem; }
    .aboutP2 .videobox .playbox{ width: 0.96rem; height: 0.96rem; margin-left: -0.48rem; margin-top: -0.48rem; }
    .aboutP2 .videobox .playbox img{ width: 0.96rem; }
    .aboutP2 .videobox .close{ right:0.3rem; width:0.7rem; height:0.7rem; background-size:0.7rem;}
	.aboutP3{ padding: 1.1rem 0.3rem; }
    .aboutP3 .title{ margin-bottom: 0.6rem; }
    .aboutP3 .msg{ line-height: 0.52rem; padding-bottom: 0.75rem;}

    .historyPic:before{ top: 0.68rem; }
    .historyPic .box-container .year-swiper{ padding: 0 0.7rem; height: 1.3rem; }
    .historyPic .box-container .swiper-slide{ height: 1rem; }
    .historyPic .box-container .swiper-slide .year{ font-size: 0.36rem; line-height: 0.36rem; }
    .historyPic .box-container .swiper-slide .ico{ margin-left: -0.28rem; width: 0.56rem; height: 0.56rem; }
    .historyPic .box-container .swiper-slide .ico:after{ margin-left: -0.13rem; margin-top: -0.13rem; width: 0.26rem; height: 0.26rem;}
    .historyPic .box-container .se{ top: 0.24rem; width: 0.9rem; height: 0.9rem; }
    .historyPic .box-container .prev { left: 0; margin-left: 0;}
    .historyPic .box-container .next { right: 0; margin-right: 0; }
    .historyPic .detail-box .item { padding-top: 0.8rem;}
    .historyPic .detail-box .mxfDiv{ width: 100%;}
    .historyPic .detail-box .mxfDiv:before{ left: 0.8rem; width: 0.5rem; height: 0.5rem; background-size: 0.5rem; }
    .historyPic .detail-box .mxfDiv:after{ right: 0.8rem; width: 0.5rem; height: 0.5rem; background-size: 0.5rem; }

    .historyPic .detail-box .contentDiv{ height: 4.2rem; padding: 0.95rem 0.65rem 0 0.5rem; }
    .historyPic .detail-box .year{ right: 0.5rem; top: 0.35rem; font-size: 0.8rem; }
    .historyPic .detail-box .content{ height: 2.88rem; }
    .historyPic .detail-box .content li{ padding-left: 0.25rem; line-height: 0.48rem; }
    .historyPic .detail-box .content li:before{ top: 0.18rem; width: 4px; height: 4px;  }
    .videoLayer { width: 96%; padding: 15px; }
    .videoLayer .close{ top: -0.8rem; right:0; width:0.6rem; height: 0.6rem; background-size: 0.6rem;}
    .productP1{ padding: 1.1rem 0.3rem; }
    .productP1 .mxfDiv{ display: block; }
    .productP1 .leftDiv{ width: auto; }
    .productP1 .msg{ margin-top: 0.3rem; font-size: var(--fs16); line-height: 0.48rem; }
    .productP1 .rightImg{ margin-top: 0.5rem; width: auto; }
    .productP2{ padding: 1.1rem 0.3rem 1.0rem; }
    .productP2 .wen{ position: relative; line-height: 0.52rem; text-align: left; width: auto; margin-top: 0.5rem; }
    .productP2 .list{ margin-top: 0.7rem; }
    .productP2 .list ul{ display: flex; margin-right: 0; }
    .productP2 .list li{ float: none; width: auto;}
    .productP2 .list li .box{ margin-right: 0; height: 4.15rem; padding: 0.6rem 0.35rem 0; border-radius: 0.24rem; }
    .productP2 .list li .name{ margin-top: 0.3rem; }
    .productP2 .list li .msg{ margin: 0.2rem auto 0; line-height: 0.42rem; width: auto; }
    .productP2 .swiper-pagination{ display: block; }
    .productP3{ padding: 1.0rem 0.3rem; height: auto; }
    .productP3 .title{ line-height: 0.64rem; }
    .productP3 .rightImg{ position: relative; width: 100%; height: 5.0rem; }
    .productP3 .leftDiv{ margin-top: 0.8rem; width: auto; margin-bottom: 0.6rem; }
    .productP3 .list li{ margin-bottom: 0.5rem; padding-left: 1.8rem; min-height: 1.5rem; }
    .productP3 .list li .ico{ width: 1.5rem; height: 1.5rem; }
    .productP3 .list li .ico img{ position: absolute; left: 50%; top: 50%; width: 0.62rem; margin-left: -0.31rem; margin-top: -0.31rem; }
    .productP3 .list li .name{ line-height: 0.48rem;}
    .productP3 .list li .msg{ margin-top: 0.2rem; line-height: 0.48rem; }
    .productP4{ padding: 0.9rem 0.3rem; }
    .productP4 .title{ margin-bottom: 0.65rem; line-height: 0.64rem; }
    .productP4 .list li{ display: block; margin-bottom: 0.7rem; }
    .productP4 .list li .imgDiv{ width: auto; height: auto; }
    .productP4 .list li .imgDiv{ height: auto; }
    .productP4 .list li .conDiv{ width: auto; margin-top: 0.5rem;}
    .productP4 .list li .msg{ line-height: 0.48rem; }

    .productP5{ padding: 1.0rem 0.3rem 0; }
    .productP5 .title{ margin-bottom: 0.7rem; }
    .productP5 .tabDiv{ height: 0.76rem; }
    .productP5 .tabDiv li{ font-size: var(--fs20); line-height: 0.3rem; height: 0.76rem; margin-right: 0.6rem; }
    .productP5 .tabDiv li:after{ height: 3px; }
    .sceneBox{ margin-top: 0.7rem; padding-bottom: 1.2rem; }
    .sceneBox .box{ display: block; }
    .sceneBox .imgDiv{ width: 100%; height: 3.4rem; }
    .sceneBox .conDiv{ padding-top: 0.65rem; width: auto; }
    .sceneBox .msg{ line-height: 0.48rem; }
    .sceneBox .arrowDiv{ bottom: 0; width: 100%; text-align: center; }
    .sceneBox .se{ width: 0.9rem; height: 0.9rem; float: none; display: inline-block; }
    .sceneBox .prev { margin-right: 0.2rem; background: #f6f6f6 url(../images/nimg10_left.png) center no-repeat; background-size: 6px;}
    .sceneBox .next { margin-left: 0.2rem; background: #f6f6f6 url(../images/nimg10_right.png) center no-repeat; background-size: 6px;}
    .sceneBox .prev:hover{ background-size: 6px;}
    .sceneBox .next:hover{ background-size: 6px;}
    .productP6{ padding: 1.1rem 0.3rem; }
    .productP6 .longDiv{ overflow: auto;}
    .productP6 .table{ width: 11.5rem;}
    .productP6 .table th{ height: 1.0rem; }
    .productP6 .table th:nth-child(1){ width: 3.6rem; }
    .productP6 .table th:nth-child(2){ width: 3.6rem; }
    .productP6 .table td{ height: 1.0rem; }
    .productP7{ padding: 1.0rem 0.3rem 0.7rem; }
    .productP7 .title{ margin-bottom: 0.65rem; }
    .productP7 .list ul{ margin-right: 0; }
    .productP7 .list li{ float: none; width: auto; margin-bottom: 0.3rem; }
    .productP7 .list li .box{ margin-right: 0; }
    .productP7 .list li a{ padding-top: 0.45rem; border-radius: 0.24rem; }
    .productP7 .list li .name{ margin-bottom: 0.3rem; }
    .productP7 .list li .more{ padding-left: 0.88rem; height: 0.72rem; line-height: 0.72rem; }
    .productP7 .list li .more:before{ width: 0.72rem; height: 0.72rem; background-size: 6px;}    
    .productP7 .list li .ico{ position: absolute; right: 0.7rem; top: 50%; margin-top: -0.65rem; }
    .productP8{ padding: 0 0.3rem 0.7rem; }
    .productP8 .title{ margin-bottom: 0.65rem; }
    .productP8 .list ul{ margin-right: -0.2rem; }
    .productP8 .list li{ width: 50%; margin-bottom: 0.3rem; }
    .productP8 .list li .box{ margin-right: 0.2rem; }
    .productP8 .list li a{ padding-top: 0.3rem; height: 4.8rem; border-radius: 0.2rem; }
    .productP8 .list li .name{ margin-top: 0.2rem; line-height: 0.48rem; height: 0.96rem; padding: 0 0.2rem; }

	.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: 0.26rem; line-height: 0.48rem;}
	.searchBox .list li a { padding: 0.2rem 0; }
    .searchBox .list .title { font-size: 0.26rem; line-height: 0.48rem; margin-right: 0.6rem; }
    .searchBox .list p { font-size: 0.26rem; }
    .searchBox .tips { font-size:0.28rem; }
    .ewmLayer { width: 3.6rem; padding: 0.2rem; }
    .ewmLayer .limg img{ width: 3.2rem; }
    .ewmLayer .close{ right: -0.8rem; top: -0.8rem; width:0.6rem; height: 0.6rem; background-size: 0.6rem;}
    .job{ padding: 1.0rem 0.3rem; }
    .jobTop{ height: 1.2rem;}
    .jobTop li{ height: 1.2rem; line-height: 1.2rem; font-size: 0.26rem;}
    .jobTop .li01{ width: 45%; padding-left: 0.3rem; }
    .jobTop .li02{ width: 38%; }
    .jobTop .li03, .jobTop .li04{ display: none; }
    .jobTop .li05{ width: 17%; }
    .job .list{ margin-bottom: 0.6rem;}
    .job .list li .msgDiv{ height: 1.2rem; position:relative;}
    .job .list li .msgDiv a{ height: 1.2rem; }
    .job .list li .txt{ font-size: 0; width: 1.2rem; line-height: 1.2rem; }
    .job .list li .txt span{ width: 0.65rem; background-size: 0.24rem;}
    .job .list li .txt em{ width: 0.65rem; background-size: 0.24rem;}
    .job .list li .msgDiv dd{ height: 1.2rem; font-size:0.26rem;}
    .job .list li .msgDiv dd em{ height: 1.2rem; line-height: 0.3rem; }
    .job .list li .msgDiv .dd01{ width: 45%; padding-left: 0.3rem; padding-right: 0.1rem; }
    .job .list li .msgDiv .dd02{ width: 38%; }
    .job .list li .msgDiv .dd03{ display: none; }
    .job .list li .msgDiv.aNow .txt span, .job .list li .msgDiv.aNow .txt em{transform:translateY(-1rem);-webkit-transform:translateY(-1rem);-moz-transform:translateY(-1rem)}
    .job .list li .box{ padding: 0.5rem 0.3rem;}
    .job .list li strong{ font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.3rem; }
    .job .list li .content{ line-height:0.56rem; padding-bottom: 0.4rem; font-size:0.26rem;}
    .job .list li .btnDiv a{ width: 2.6rem; height: 0.86rem; font-size: 0.28rem; line-height: 0.84rem; }

}