/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	.nav li{ font-size: 16px; padding: 0 0.25rem;}
	.indexP3 .prev { margin-left: -8.0rem; }
	.indexP3 .next { margin-right: -8.0rem; }

}

@media screen and ( max-width:1440px ){
	.nav li{ font-size: 14px; padding: 0 0.15rem;}

}	

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


@media screen and ( max-width:1024px ){
	.wal, .wal2, .w1040, .w384{ width:100%;}
	.PC-Box, .nav, .footNav, .pageNav, .sideNews .title, .sideNews .list{ display:none;}
	.pageX{ display:none!important;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore{ display:block;}
	.headDiv .toptop{ height: 0.25rem; }
	.headDiv .botbot{ height: 1.1rem; }
	.headDiv .botbot .wal{ height: 1.1rem; }
	.headDiv .logo{ left: 0.3rem; top: -0.15rem; }
	.headDiv .logo img{ width: 3.3rem; }

	.headDiv .topRight{ right: 1.2rem; }
	.headDiv .topSearch{ margin-left: 0.2rem; }
	.headDiv .topSearch em{ width: 0.48rem; height: 1.1rem; background-size: 0.4rem;}
	.headDiv.ny .topSearch em{ background-size: 0.4rem;}
	.headDiv .lan { padding-left:0.48rem; background-size: 0.4rem; line-height: 1.1rem; font-size:0.24rem;}
	.headDiv .lan a{ padding:0 2px;}


	.head-search .search-box { width: 90%; }
	.ind-banner{ padding-top:1.35rem;}
	.ind-banner .onebox{ left: 0.3rem; margin-left: 0; top: 20%; }
	.ind-banner .onebox .name{ font-size: 0.6rem; line-height: 0.6rem; padding-bottom: 0.3rem; }
	.ind-banner .onebox .txt{ font-size: 0.36rem; line-height: 0.36rem; border-bottom: #e50013 solid 0.05rem;}
	.ind-banner .onebox .txt em{ font-size: 0.42rem; }
	.ind-banner .onebox .btnDiv{ margin-top: 0.45rem; width: 2.16rem; height: 0.7rem; border: #e50013 solid 1px; font-size: 0.28rem; }
	.ind-banner .onebox .btnDiv em{ margin-left: 0.15rem; width: 12px; height: 9px; background-size: 9px; }
	.ind-banner .onebox .btnDiv:hover em{ background-size: 9px;}
	.ind-banner .swiper-pagination{ bottom: 0.3rem; }
	.indexP1{ border-top: none; padding: 1.0rem 0.3rem; height: auto; background: url(../images/indexP1Tel.jpg) center no-repeat; }
	.indexP1 .leftDiv{ width: auto; padding-bottom: 0.7rem; }
	.indexP1 .title{ text-align: center; }
	.indexP1 .title:after{ left: 50%; margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.indexP1 .txt{ padding: 0.5rem 0 0.3rem; font-size: 0.4rem; width: auto; line-height: 0.56rem; text-align: center; }
	.indexP1 .content{ font-size: 0.26rem; line-height: 0.42rem; width: auto; text-align: center; }
	.indexP1 .numList li{ width: 50%; padding-bottom: 0.5rem; }
	.indexP1 .numList li:nth-child(2){ width: 50%; }
	.indexP1 .numList li:nth-child(3){ width: 50%; }
	.indexP1 .numList li .ss{ height: 0.74rem;}
	.indexP1 .numList li .num{ font-size: 0.26rem; }
	.indexP1 .numList li .wen{ font-size: 0.26rem; line-height: 0.26rem; }
	.indexP1 .btnDiv{ padding-top: 0.2rem; width: 2.16rem; margin: 0 auto; }
	.indexP1 .btnDiv a{ width: 100%; height: 0.7rem; background: #e50013; font-size: 0.26rem; }
	.indexP1 .btnDiv em{ margin-left: 0.15rem; }
	.indexP1 .rightDiv{ position: relative; width: 100%; top: 0; }
	.indexP1 .videobox{ border-radius: 0.12rem; }
	.indexP1 .videobox .imgDiv{ height: 4.2rem; }
	.indexP1 .videobox video{ max-height: 4.2rem; }
	.indexP1 .videobox .playbox{ width: 1.2rem; height: 1.2rem; margin-left:-0.6rem; margin-top:-0.6rem; }
	.indexP1 .videobox .playbox:after{ margin-left: -6px; margin-top: -8px; width: 13px; height: 16px; background-size: 13px; }
	.indexP2{ padding: 1.0rem 0.3rem 0.8rem; }
	.indexP2 .toptop{ height: 1.5rem; }
	.indexP2 .title:after{ width: 0.5rem; height: 2px; }
	.indexP2 .more{ top: 0; }
	.indexP2 .more a{ width: 2.16rem; height: 0.7rem; background: #e50013; font-size: 0.26rem; }
	.indexP2 .more em{ margin-left: 0.15rem; }
	.indexP2 .list ul{ margin-right: 0; }
	.indexP2 .list li{ float: none; width: auto; padding-bottom: 0.2rem; }
	.indexP2 .list li:first-child{ width: auto; }
	.indexP2 .list li .box{ margin-right: 0; }
	.indexP2 .list li .imgDiv{ height: 4.0rem; }
	.indexP2 .list li .layer{ padding: 0 0.4rem; }
	.indexP2 .list li .layer:after{ display: none;}
	.indexP2 .list li .cn{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.2rem; }
	.indexP2 .list li .en{ font-size: 0.26rem; line-height: 0.26rem; }
	.indexP3{ padding: 1.0rem 0.3rem; }
	.indexP3 .title{ margin-bottom: 0.75rem; }
	.indexP3 .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.indexP3 .list { width: 100%; left: 0; margin-left: 0;}
	.indexP3 .swiper-slide { position: relative; overflow: hidden; }
	.indexP3 .swiper-slide .img { width: auto; border-radius: 0.12rem;}
	.indexP3 .swiper-slide .txtLayer{ top: 0.2rem; padding: 0.8rem 0.6rem 0; }
	.indexP3 .swiper-slide .name{ font-size: 0.36rem; line-height: 0.36rem; position: relative; padding-bottom: 0.4rem; font-family:'semibold'; }
	.indexP3 .swiper-slide .content{ font-size: 0.26rem; line-height: 0.42rem; max-height: 1.26rem; overflow: hidden; }
	.indexP3 .swiper-slide .more{ padding-top: 0.3rem; }
	.indexP3 .swiper-slide .more a{ height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; padding-right: 0.72rem; }
	.indexP3 .swiper-slide .more a:after{ width: 0.6rem; height: 0.6rem; background-size: 0.2rem;}
	.indexP3 .swiper-slide .more a:hover:after{ background-size: 0.2rem;}
	.indexP3 .swiper-slide-active .img:after{ background: rgba(0,0,0,0.35); }
	.indexP3 .swiper-slide-active .txtLayer{ top: 0; opacity:1; visibility: visible;}
	.indexP3 .se { display: none; }
	.indexP3 .swiper-pagination{ display: block; } 
	.indexP4{ padding: 1.0rem 0.3rem; }
	.indexP4 .toptop{ height: auto; padding-bottom: 0.6rem; }
	.indexP4 .title{ text-align: center; }
	.indexP4 .title:after{ left: 50%; margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.indexP4 .tab2{ position: relative; padding-top: 0.4rem; }
	.indexP4 .tab2 ul{ text-align: center; }
	.indexP4 .tab2 li{ display: inline-block; float: none; margin-left: 0.05rem; margin-right: 0.05rem; line-height: 0.72rem; font-size: 0.28rem; }
	.indexP4 .tab2 .liNow{ font-size: 0.3rem; }
	.indexP4 .list ul{ margin-right: 0; }
	.indexP4 .list li{ float: none; width: 100%; padding-bottom: 0.5rem;}
	.indexP4 .list li:last-child{ padding-bottom: 0; }
	.indexP4 .list li .box{ margin-right: 0; }
	.indexP4 .list li .imgDiv{ border-radius: 0.16rem; height: 4.2rem; }
	.indexP4 .list li .time{ margin-top: 0.35rem; line-height: 0.48rem; font-size: 0.26rem; }
	.indexP4 .list li .name{ margin-top: 0.2rem; font-size: 0.34rem; line-height: 0.52rem; height: 1.04rem; }
	.footDiv{ padding: 1.2rem 0.3rem 0.6rem; }
	.footDiv .rightDiv{ float: none; }
	.footDiv .wen{ font-size: 0.28rem; line-height: 0.28rem; text-align: center; }
	.footDiv .tel{ text-align: center; font-size: 0.48rem; line-height: 0.48rem;}
	.footDiv .ewmDiv{ float: none; width: 2.4rem; margin: 0 auto; padding-top: 0.4rem;}
	.footDiv .ewmDiv .limg img{ width: 100%; }
	.footDiv .ewmDiv p{ width:2.4rem; font-size: 0.24rem; padding-top: 0.2rem; }
	.footDiv .share{ text-align: center; float: none; padding-top: 0.45rem; }
	.footDiv .share li{ float: none; display: inline-block; margin-left: 0.15rem; margin-right: 0.15rem; }
	.footDiv .botDiv{ padding-top: 1.0rem; }
	.footDiv .links{ font-size: 0.26rem; line-height: 0.56rem; }
	.footDiv .links a{ padding: 0 0.15rem; }
	.footDiv .msg{ line-height: 0.56rem; font-size: 0.26rem; }
	.pageBanner{ margin-top:1.35rem;}
	.pageBanner .info{ left: 0.3rem;}
	.pageBanner .cn{ font-size: 0.42rem; line-height: 0.42rem; }
	.pageBanner .en{ font-size: 0.28rem; line-height: 0.28rem; padding-bottom: 0.3rem; }
	.pageBanner .en:after{ width: 0.5rem; }
	.pageBanner .huge{ font-size: 0.64rem; line-height: 0.8rem; }
	.aboutP1{ padding: 1.0rem 0.3rem 0.5rem; }
	.aboutP1 .title:after{ left: 50%; margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.aboutP1 .txt{ padding: 0.5rem 0 0.3rem; font-size: 0.42rem; width: auto; line-height: 0.56rem; text-align: center; }
	.aboutP1 .content{ font-size: 0.26rem; line-height: 0.42rem; width: auto; text-align: center; }
	.aboutP1 .numList ul{ display: block; }
	.aboutP1 .numList li{ float: left; width: 50%; padding-bottom: 0.5rem; }
	.aboutP1 .numList li:nth-child(2){ width: 50%; }
	.aboutP1 .numList li:nth-child(3){ width: 50%; }
	.aboutP1 .numList li .ss{ height: 0.74rem;}
	.aboutP1 .numList li .num{ font-size: 0.26rem; }
	.aboutP1 .numList li .wen{ font-size: 0.26rem; line-height: 0.26rem; }
	.aboutP2 .videobox{ height: 4.8rem; }
	.aboutP2 .videobox video{ height: 4.8rem; }
	.aboutP2 .videobox .imgDiv{ height: 4.8rem; }
	.aboutP2 .videobox .ico{ width: 1.6rem; height: 1.6rem; }
	.aboutP2 .videobox .play{ width: 1.2rem; height: 1.2rem; margin-left: -0.6rem; margin-top: -0.6rem; background-size: 0.36rem;}
	.aboutP2 .videobox .txt{ padding-top: 0.2rem; font-size: 0.42rem; line-height: 0.42rem; }
	
	.aboutP3 .box-container{ margin-top: 0.6rem; position: relative; width: 100%; height: 50px;}
	.aboutP3 .box-container .year-swiper{ margin: 0 0.9rem; }
	.aboutP3 .box-container .swiper-slide{ height: 50px; }
	.aboutP3 .box-container .swiper-slide .year{ font-size: 0.36rem; line-height: 0.36rem; }
	.aboutP3 .box-container .prev { left: 0.3rem; margin-left: 0; top: 14px; width: 40px; height: 40px; }
	.aboutP3 .box-container .next { right: 0.3rem; margin-right: 0; top: 14px; width: 40px; height: 40px; }

	.aboutP3 .detail-box{ padding: 0.8rem 0.3rem 0; }
	.aboutP3 .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;}
	.aboutP3 .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;}
	.aboutP3 .detail-box .name:after{ width: 0.6rem; }
	.aboutP3 .detail-box .msg{ font-size: 0.26rem; line-height: 0.48rem; }
	.aboutP4{ padding: 1.0rem 0.3rem; height: auto;  }
	.aboutP4 .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.aboutP4 .list{ padding-top: 0.7rem; }
	.aboutP4 .list ul{ margin-right: -0.2rem; }
	.aboutP4 .list li{ width: 50%; padding-bottom: 0.3rem;}
	.aboutP4 .list li .box{ margin-right: 0.2rem; height: 6.4rem; padding: 0.6rem 0.2rem 0; }
	.aboutP4 .list li .ico img{ width: 0.64rem; }
	.aboutP4 .list li .name{ font-size: 0.28rem; line-height: 0.32rem; height: 0.6rem; }
	.aboutP4 .list li .name:after{ margin-left: -0.2rem; width: 0.4rem; height: 2px; }
	.aboutP4 .list li .msg{ padding-top: 0.25rem; font-size: 0.24rem; line-height: 0.36rem; }
	.aboutP5{ padding: 1.0rem 0.3rem; }
	.aboutP5 .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.aboutP5 .wen{ font-size: 0.32rem; line-height: 0.48rem;}
	.honorPic:before{ display: none; }
	.honorPic .swiper-container { width: 100%; }
	.honorPic .mxfDiv{ padding-right: 0; height: 2.22rem;}
	.honorPic .mxfDiv:after{ display: none; }
	.honorPic .imgDiv{ width: 100%; height: 2.22rem; }
	.honorPic .name{ width: auto; margin-top: 0.2rem; font-size: 0.28rem; line-height: 0.42rem; height: 0.84rem; }
	.honorPic .bottom{ margin-top: 0.45rem; }
	.honorPic .swiper-pagination { width: calc(100% - 2.4rem); }
	.honorPic .arrowDiv .se{ width: 0.96rem; height: 0.96rem;}
	.product{ padding: 1.0rem 0.3rem; }
	.product .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px;}
	.product .list{ padding: 0.75rem 0 0.2rem; }
	.product .list ul{ margin-right: -0.3rem; }
	.product .list li{ width: 50%; padding-bottom: 0.5rem;}
	.product .list li .box{ margin-right: 0.3rem; }
	.product .list li .imgDiv{ height: 2.5rem; }
	.product .list li .name{ height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; }
	.cardModal-box .card-box { width: 90%; height: auto; padding: 0.9rem 0.3rem 0.7rem; }
	.cardModal-box .card-box .imgDiv{ float: none; width: auto; height: 3.6rem; }
	.cardModal-box .card-box .right { display: block; width: auto; float: none; height: auto; padding-top: 0.5rem; }
	.cardModal-box .card-box .name:after{ width: 0.6rem; }
	.cardModal-box .card-box .brief dd{ font-size: 0.26rem; line-height: 0.48rem; padding-bottom: 0.15rem; }
	.cardModal-box .card-box .close { right: 0.2rem; top: 0.2rem; width: 0.56rem; height: 0.56rem; }
	.advantage{ padding: 1.0rem 0.3rem; }
	.advantage .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.advantage .list{ padding-top: 0.65rem; }
	.advantage .list li{ margin-bottom: 0.5rem; display: block; height: auto; }
	.advantage .list li .imgDiv{ width: auto; height: auto; }
	.advantage .list li .imgDiv img{ height: auto; }
	.advantage .list li .conDiv{ display: block; width: auto; padding: 0.6rem 0.4rem; height: auto; box-shadow: 0 0.1rem 0.3rem 0 rgba(0,0,0,0.15); }
	.advantage .list li .name{ padding-bottom: 0.3rem; }
	.advantage .list li .name:after{ width: 0.5rem; }
	.advantage .list li .content{ font-size: 0.26rem; line-height: 0.52rem; padding-top: 0.4rem; }
	.newsP1{ padding: 1.0rem 0.3rem; }
	.newsP1 .detail a{ height: auto; padding: 0; background: url(../images/nimg768Bg.jpg) bottom no-repeat; }
	.newsP1 .detail .imgDiv{ position: relative; width: 100%; height: 4.5rem;}
	.newsP1 .detail .conDiv{ height: auto; display: block; padding: 0.6rem 0.3rem; }
	.newsP1 .detail .time{ font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.3rem;}
	.newsP1 .detail .name{ height: 1.0rem; line-height: 0.5rem; font-size: 0.36rem; }
	.newsP1 .detail .content{ font-size: 0.26rem; line-height: 0.5rem; height: 1.5rem; }
	.newsP1 .detail .more{ display: none; }
	.newsP2{ padding: 1.0rem 0.3rem 1.1rem; }
	.newsP2 .list{ padding-bottom: 0.2rem; }
	.newsP2 .list ul{ margin-right: 0; }
	.newsP2 .list li{ float: none; width: auto; padding-bottom: 0.4rem; }
	.newsP2 .list li .box{ margin-right: 0; }
	.newsP2 .list li .imgDiv{ height: 4.2rem; }
	.newsP2 .list li .botDiv{ height: auto; padding: 0.6rem 0.4rem; }
	.newsP2 .list li .time{ font-size: 0.3rem; line-height: 0.3rem; }
	.newsP2 .list li .name{ font-size: 0.34rem; line-height: 0.52rem; height: 1.56rem; }
	.newsTop{ padding: 2rem 0.3rem 0.8rem; }
	.newsTop .name{ font-size: 0.42rem; line-height: 0.64rem; padding-bottom: 0.3rem;  }
	.newsTop .msg li{ font-size: 0.26rem; line-height: 0.42rem; padding-left: 0.48rem; margin-right: 0.3rem;}
	.newsTop .msg li img{ margin-top: -0.14rem; width: 0.36rem; }
	.newsBot{ padding: 0.8rem 0.3rem 1.0rem; }
	.newsBot .content{ font-size: 0.28rem; line-height: 0.56rem; }
	.newsBot .imgDiv{ padding: 0.3rem 0; }
	.newsBot .imgDiv img{ width: 100%!important; height:auto!important; }
	.pageDown{ padding-top: 0.5rem; }
	.pageDown li{ font-size: 0.28rem; }
	.pageDown li a{ height: 0.64rem; line-height: 0.64rem; }
	.newsBot .share li a{ width: 0.9rem; height: 0.9rem; }
	.backBtn{ padding-top: 0.5rem; }
	.backBtn a{ height: 1rem; line-height: 1rem; font-size: 0.28rem; }
	.backBtn img{ padding-left: 0.15rem; width: 0.26rem;}
	.job{ padding: 0.9rem 0.3rem 1.0rem; }
	.job .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.selectGroup{ padding: 0.75rem 0; }
	.selectGroup .box{ display: block; height: 0.92rem; margin: 0 0 0.3rem 0;}
	.selectGroup .caption { height: 0.92rem; line-height: 0.9rem; width: 100%; padding: 0 1.0rem 0 0.3rem; font-size: 0.28rem;}
	.selectGroup .caption:after { right: 0.3rem; }
	.selectGroup .select .xlist{ max-height: 3.6rem; } 
	.selectGroup .select .xlist a{ line-height: 0.9rem; height: 0.9rem; font-size: 0.26rem; padding: 0 0.3rem; }
	.selectGroup .form{ width: 2.1rem; height: 0.96rem; box-sizing: border-box;}
	.selectGroup .btnDiv a{ width: 2.1rem; font-size: 0.28rem; height: 0.96rem; line-height: 0.96rem; }
	.job .list{ padding-bottom: 0.6rem; }
	.job .list li{ margin-bottom: 0.2rem; }
	.job .list li .topDiv{ padding: 0.5rem 0 0.4rem; }
	.job .list li .name{ padding-left: 0.4rem; }
	.job .list li .name .dj{ display: block; width: auto; }
	.job .list li .name b{ font-size: 0.34rem; }
	.job .list li .wenList dd{ padding: 0 0.2rem; font-size: 0.26rem;}
	.job .list li .wenList dd:first-child{ padding: 0 0.2rem 0 0; }
	.job .list li .msgList{ padding: 0.2rem 0.3rem 0 0.4rem; }
	.job .list li .msgList dd{ line-height: 0.46rem; font-size: 0.26rem;}
	.job .list li .hideBox{ padding: 0.5rem 0.4rem 1.0rem; }
	.job .list li .ico{ right: 0.4rem; top: 0.4rem; width: 0.86rem; height: 0.86rem; background-size: 0.26rem;}
	.job .list li .txt{ font-size: 0.28rem; padding-bottom: 0.2rem; line-height: 0.28rem; }
	.job .list li .msg{ font-size: 0.26rem; line-height: 0.46rem; padding-bottom: 0.3rem; }
	.job .list li .tips{ font-size: 0.26rem; line-height: 0.26rem; }
	.job .list .liNow .ico{ background-size: 0.26rem;}
	.contactP1{ padding: 1.0rem 0.3rem 0.6rem; }
	.contactP1 .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.contactP1 .list{ padding-top: 0.75rem; }
	.contactP1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap;}
	.contactP1 .list li{ width: 50%; padding-bottom: 0.4rem; }
	.contactP1 .list li .ico{ width: 1.6rem; height: 1.6rem; }
	.contactP1 .list li .ewm{ width: 1.6rem; height: 1.6rem; }
	.contactP1 .list li .name{ padding-top: 0.35rem; height: 0.64rem; font-size: 0.32rem; line-height: 0.32rem; }
	.contactP1 .list li .txt{ font-size: 0.26rem; line-height: 0.48rem; height: auto;}
	.contactP2{ padding: 1.0rem 0.3rem; height: auto; background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
	.contactP2 .title:after{ margin-left: -0.25rem; width: 0.5rem; height: 2px; }
	.contactP2 .list{ padding-top: 0.75rem; overflow: hidden; }
	.contactP2 .list ul{ display: block; }
	.contactP2 .list li{ margin: 0; float: left; width: 50%; padding-bottom: 0.4rem;}
	.contactP2 .list li .ico{ width: 1.6rem; height: 1.6rem; margin: 0 auto; }
	.contactP2 .list li .name{ padding-top: 0.35rem; font-size: 0.3rem; line-height: 0.3rem; }

}