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

@media screen and ( max-width:1440px ){	
  	:root {
	--fs16: 14px;
    --fs14: 13px;
  	}
    .videoLayer{ width: 1000px;}
}	

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

@media screen and ( max-width:1280px ){
	:root {
    --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.36rem;
    --fs24: 0.36rem;
    --fs28: 0.4rem;
    --fs30: 0.42rem;
    --fs36: 0.44rem;
    --fs42: 0.46rem;
    --fs40: 0.42rem;
    --fs48: 0.48rem;
    --fs72: 0.48rem;
  	}
	.wal, .w1050, .w376{ width:100%;}
	.PC-Box, .nav, .sNav, .pageTop, .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.15rem; left:0.3rem; margin-left: 0; }
    .headDiv-logo img{ width: 1.0rem; }
    .headDiv .topRight{ right: 1.3rem; }
    .headDiv .topSearch{ margin-right:0.25rem; margin-top: 0.2rem;}
    .headDiv .topSearch em{ width:0.8rem; height:0.8rem; background-size: 0.36rem; }
    .headDiv .lan{ margin-top: 0.2rem; }
    .headDiv .lan a{ width:0.8rem; height:0.8rem; background-size: 0.36rem; }

    .head-search .search-box { width: 90%; }
    .ind-banner .banner_index:after{ bottom: 0; }
    .ind-banner .onebox{ left: 0.3rem; margin-left: 0; top: 20%; }
    .ind-banner .onebox h2{ font-size: var(--fs42); line-height: 0.64rem; }
    .ind-banner .onebox h3{ margin-top: 0.1rem; font-size: var(--fs20); line-height: 0.48rem; }
	.ind-banner .swiper-pagination{ bottom: 0.5rem; }
    .indMore a{ width: 2.65rem; height: 0.96rem; line-height: 0.96rem; }
    .indTxt{ font-size: var(--fs36); line-height: 0.44rem; }

    .indexP1{ padding: 1.0rem 0.3rem; overflow: hidden; background: #f7f6f9 url(../images/indexP1.jpg) center bottom no-repeat; height: auto; background-size: 100%; }
    .indexP1 .leftDiv{ width: auto; }
    .indexP1 .wen{ font-size: var(--fs20); line-height: 0.3rem; margin-bottom: 0.2rem; }
    .indexP1 .txt{ width: auto; font-size: var(--fs36); line-height: 0.56rem;}
    .indexP1 .content{ line-height: 0.48rem;}
    .indexP1 .indMore{ margin-top: 0.65rem; }
    .indexP1 .rightDiv{ margin-top: 0.75rem; position: relative; right: 0; margin-right: 0; width: 100%; height: auto;}
    .indexP1 .rightDiv .layer{ left: 0; width: 2.22rem; height: 3.04rem; }
    .indexP1 .rightDiv .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 2.22rem; height: 1.75rem; background: url(../images/tuzi.png) no-repeat; background-size: 2.22rem; }
    .indexP1 .rightDiv .playBtn a{ position: absolute; right: 0.24rem; bottom: 0; display: block; width: 1.55rem; height: 1.55rem; background: url(../images/playBg.png) center no-repeat; background-size: 1.55rem; }
    .indexP1 .rightDiv .playBtn img{ position: absolute; left: 50%; top: 50%; margin-left: -0.38rem; margin-top: -0.38rem; width: 0.75rem; }
    .indexP1 .rightDiv .playBtn .videoDiv{ display: none; }
    .indexP1 .rightDiv .mxfDiv{ width: 90%; float: right; height: auto; position: relative; }
    .indexP1 .rightDiv .mxfDiv:after{ display: none; }
    .indexP1 .rightDiv .bigImg{ width: auto; }
    .videoLayer { width: 96%; padding: 15px; }
    .videoLayer .close{ top: -30px; right:0; width: 24px; height: 24px; background-size: 24px; }
    .videoLayer .videoBox{ height: 4.2rem; }
    .videoLayer video{ max-width: 6.4rem; max-height:4.2rem; }
    .indexP2{ padding: 1.0rem 0.3rem 1.1rem; }
    .indexP2 .tabDiv ul{ margin-right: -0.2rem; }
    .indexP2 .tabDiv li{ display: block; float: left; width: 50%; margin-left: 0; margin-right: 0; margin-bottom: 0.2rem; font-size: var(--fs14); }
    .indexP2 .tabDiv li .box{ margin-right: 0.2rem; width: auto; height: 0.86rem; line-height: 0.86rem; background: #fff; }
    .indexP2 .more{ display: none; }
    .goodsBox .box{ height: 4.88rem;}
    .goodsBox .botDiv{ height: 1.32rem; padding: 0.25rem 0.3rem 0; }
    .goodsBox .name{ height: 0.4rem; line-height: 0.4rem; }
    .goodsBox .look{ margin-top: 0.15rem;}
    .goodsBox .se{ margin-top: -0.45rem; width: 0.9rem; height: 0.9rem; border-radius: 50%; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.2);}
    .goodsBox .prev{ left: 0.2rem; margin-left: 0; background: #fff url(../images/nimg24_left.png) center no-repeat; background-size: 8px; }
    .goodsBox .next{ right: 0.2rem; margin-right: 0; background: #fff url(../images/nimg24_right.png) center no-repeat; background-size: 8px; }
    .goodsBox .prev:hover{ background: #fff url(../images/nimg24_lefton.png) center no-repeat; background-size: 8px; }
    .goodsBox .next:hover{ background: #fff url(../images/nimg24_righton.png) center no-repeat; background-size: 8px; }
    .indexP2 .indMore{ width: 2.65rem; margin: 0.75rem auto 0;}
    .indexP3{ padding: 1.0rem 0.3rem; }
    .indexP3 .leftDiv{ position: relative; left: auto; top: 0; margin-left: 0; width: auto; }
    .indexP3 .msg{ margin: 0.45rem 0 0.75rem; font-size: var(--fs22); }
    .indexP3 .arrowDiv{ position: absolute; right: 0; top: 0; }
    .indexP3 .se{ float: left; width: 0.9rem; height: 0.9rem; }
    .indexP3 .prev{ margin-bottom: 0; margin-right: 0.25rem; }
    .indexP3 .rightDiv{ width: auto; float: none; }
    .indNews .box a{ border-radius: 0.2rem; }
    .indNews .box a:before{ display: none; }
    .indNews .box .imgDiv{ height: 4.8rem; }

    .indNews .box .txt{ height: 2.35rem; padding:0 0.2rem; }
    .indNews .box .txt .name{ height: 1.44rem; line-height: 0.36rem; }
    .indNews .box .txt .zi{ display: none;}
    .indNews .box .txt .time{ margin-top: 0.15rem; }
    .indNews .box a:hover .txt{ padding: 0.8rem 0.2rem 0; }
    .indNews .swiper-pagination { height: 4px; }
    .indNews .swiper-pagination-progress .swiper-pagination-progressbar{ height: 4px; }
    .indexP4{ padding: 1.1rem 0.3rem 1.0rem; }
    .indexP4 .indTxt{ margin-bottom: 0.45rem; }
    .indexP4 .msg{ line-height: 0.48rem; margin-bottom: 0.65rem; }
    .indPartner .imgDiv{ height: 1.8rem; border-radius: 0.2rem;  }
    .indPartner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; } 
    .footDiv{ padding: 1.0rem 0.3rem 0.6rem; height: auto; background: none; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
    .footDiv .leftDiv, .footDiv .rightDiv{ width: auto; float: none;}
    .footDiv .logo{ display: none; }
    .footDiv .logo img{ width: 2.3rem; }
    .footDiv .wen{ margin: 0.3rem 0; font-size: var(--fs18); line-height: 0.42rem; background-size: 0.4rem; padding-left: 0.5rem; }
    .footDiv .email{ font-size: var(--fs30); line-height: 0.48rem; }
    .footDiv .botbot{ margin-top: 0.65rem; }
    .footDiv .msg{ margin-top: 0.35rem; float: none; text-align: center; line-height: 0.48rem;}
    .footDiv .msg a{ display: block; padding-left: 0; }
    .footDiv .share{ float: none; text-align: center; }
    .footDiv .share li{ float:none; display: inline-block; margin-left: 0.08rem; margin-right: 0.08rem;}
    .footDiv .share li a{ width:0.86rem; height:0.86rem; }
    .footDiv .share li img{ width: 16px; margin-left:-8px; margin-top:-8px;}
    .pageBanner2:after{ background: url(../images/bannerBg2.png) no-repeat left bottom; background-size: 100%;}
	.pageBanner .info{ left: 0.3rem; width: 80%; }
    .pageBanner .txt{ font-size: var(--fs48); line-height: 0.48rem; }
    .aboutP1{ padding: 1.0rem 0.3rem 1.2rem; }
    .aboutP1 .name{ font-size: var(--fs28); line-height: 0.48rem; }
    .aboutP1 .content{ font-size: var(--fs16); line-height: 0.52rem; }
    .aboutP1 .videobox{ height: 4.2rem; border-radius: 0.2rem; }
    .aboutP1 .videobox video{ height: 4.2rem;}
    .aboutP1 .videobox .imgDiv{ height: 4.2rem; }
    .aboutP1 .videobox .ico img{ margin-left: -9px; margin-top: -11px; width: 18px; }

    .aboutP2 .list ul{ margin-right: 0; }
    .aboutP2 .list li{ float: none; width: auto; }
    .aboutP2 .list li .box{ margin-right: 0; margin-bottom: 0.2rem; }
    .aboutP2 .list li .bg{ height: 3.5rem; }
    .aboutP2 .list li .txtLayer{ top: 0.8rem; }
    .aboutP2 .list li .msg{ margin: 0.25rem auto 0; line-height: 0.48rem; width: 6.8rem;}
    .aboutP2 .list li .box:hover .txtLayer{ top: 0.7rem; }

    .aboutP3{ padding: 0.9rem 0.3rem 1.1rem; }
    .historyPic .list{ width: 100%;}
    .historyPic .swiper-slide .box{ height: 2.75rem; padding: 0 0.4rem; }
    .historyPic .swiper-slide .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #dcdcdc; }
    .historyPic .swiper-slide .year{ font-size: var(--fs28); line-height: 0.4rem; }
    .historyPic .swiper-slide .msg{ margin-top: 0.3rem; line-height: 0.48rem; height: 1.92rem; }
    .aboutP3 .bottom{ margin-top: 0.6rem;}
    .aboutP3 .swiper-pagination { width: calc(100% - 2.76rem); }
    .aboutP3 .arrowDiv a{ width: 0.9rem; height: 0.9rem;}
    .aboutP4{ padding: 1.2rem 0.3rem 1.0rem; }
    .aboutP4 .pageTitle{ margin-bottom: 0.75rem; }
    .honorPic{ padding-bottom: 1.45rem; }
    .honorPic .imgList{ padding: 0; margin: 0;}
    .honorPic .imgList li .box{ padding-top: 0.3rem; }
    .honorPic .imgList li .imgDiv{ width: 2.5rem; height: 3.2rem; }
    .honorPic .imgList li .imgDiv img{ max-width: 2.4rem; max-height: 3rem; }
    .honorPic .imgList li .name{ padding: 0 0.2rem; line-height: 0.42rem; height: 0.84rem; }
    .honorPic .imgList li .box:hover{ box-shadow: none; }
    .honorPic .se{ width: 0.9rem; height: 0.9rem; bottom: 0; top: auto; margin-top: 0;}
    .honorPic .prev{ margin-left: -1.0rem;}
    .honorPic .next{ margin-right: -1.0rem;}
    .product{ padding: 1.0rem 0.3rem; }
    .product .toptop{ height: auto; padding-bottom: 0.65rem; }
    .product .form{ position: relative; margin-top: 0.5rem; width: 100%; height: 0.96rem; }
    .product .form .input1{ height: 0.96rem; line-height: 0.9rem; }
    .product .form .btn1{ width: 1.3rem; height: 0.96rem; background-size: 0.36rem; }
    .product .rightDiv{ width: auto; float: none; }
    .product .list{ padding-bottom: 0.65rem; }
    .product .list ul{ margin-right: -0.15rem; }
    .product .list li{ width: 50%; }
    .product .list li .box{ margin-right: 0.15rem; }
    .product .list li a{ height: 4.8rem; padding: 0.35rem 0.3rem 0; }
    .product .list li .name{ font-size: var(--fs20); line-height: 0.48rem; max-height: 0.96rem; }
    .product .list li .msg, .product .list li .more{ display: none; }
    .product .list li .imgDiv{ overflow: hidden; position: absolute; left: 50%; margin-left: -1.45rem; bottom: 0.2rem; width: 2.9rem; height: 2.9rem; }
    .product .list li .imgDiv img{ max-width: 2.9rem; max-height: 2.9rem; }
    .news{ padding: 1.0rem 0.3rem; }
    .news .pageTitle{ padding-bottom: 0.65rem; }
    .news .mxfDiv .imgDiv{ position: relative; width: 100%; height: auto; }
    .news .mxfDiv .imgDiv img{ height: auto; }
    .news .mxfDiv a{ padding:0; height: auto; }
    .news .mxfDiv .conDiv{ height: auto; display: block; padding: 0.5rem 0.4rem; }
    .news .mxfDiv .time{ line-height: 0.26rem; }
    .news .mxfDiv .name { font-size: var(--fs20); line-height: 0.48rem; height: 0.96rem; }
    .news .mxfDiv .content{ margin-top: 0.2rem; line-height: 0.52rem; height: 1.04rem; }
    .news .mxfDiv .more{ margin-top: 0.35rem; }
    .news .list{ padding: 0.65rem 0;  }
    .news .list ul{ margin-right: -0.2rem; }
    .news .list li{ width: 50%; margin-bottom: 0.3rem; }
    .news .list li .box{ margin-right: 0.2rem; }  
    .news .list li .box a{ border-radius: 0.2rem; }
    .news .list li .box a:before{ display: none; }
    .news .list li .box .imgDiv{ height: 4.8rem; }
    .news .list li .box .txt{ height: 2.35rem; padding:0 0.2rem; }
    .news .list li .box .txt .name{ height: 1.44rem; line-height: 0.36rem; }
    .news .list li .box .txt .zi{ display: none;}
    .news .list li .box .txt .time{ margin-top: 0.15rem; }
    .news .list li .box a:hover .txt{ padding: 0.8rem 0.2rem 0; }
    
    .newsTop{ padding: 0.8rem 0.3rem 1.0rem; height: auto; }
    .newsTop .name{ font-size: var(--fs28); }
    .newsTop .time{ font-size: var(--fs20); line-height: 0.36rem; }
    .newsBot{ padding: 0.85rem 0.3rem 1.0rem; }
    .newsBot .content{ line-height: 0.52rem; padding-bottom: 0.8rem; }
    .newsBot .content img{ width: 100%; }
    .newsBot .share{ background: #f5f5f5; height: 1.2rem; padding: 0.2rem 0 0 1.8rem; }
    .newsBot .share em{ left: 0.3rem; line-height:1.2rem; }
    .newsBot .share li a{ width: 0.8rem; height: 0.8rem; }
    .newsBot .share li img{ width: 0.36rem; margin-left: -0.18rem; margin-top: -0.18rem; }
    .pageDown{ margin-top: 0.6rem; }
    .pageDown li{ font-size: var(--fs20); }
    .backBtn{ padding-top: 0.65rem; }
    .backBtn a{ height: 1rem; line-height: 1rem; font-size: 0.28rem; }
    .backBtn img{ margin-left: 0.28rem; width: 0.26rem;}
    .contactP1{ padding: 1.0rem 0.3rem; }
    .contactP1 .pageTitle{ margin-bottom: 0.75rem; }
    .contactP1 .list ul{ margin-right: 0; }
    .contactP1 .list li{ float: none; width: auto; margin-bottom: 0.3rem; }
    .contactP1 .list li .box{ margin-right: 0; padding: 0.5rem 0.35rem 0; height: 4rem; border-radius: 0.2rem; }
    .contactP1 .list li .ico{ width: 0.86rem; height: 0.86rem;}
    .contactP1 .list li .ico img{ margin-left: -0.24rem; margin-top: -0.24rem; width: 0.48rem; }
    .contactP1 .list li .name{ font-size: var(--fs20); line-height: 0.36rem; padding: 0.3rem 0 0.15rem;}
    .contactP1 .list li .zi{ font-size: var(--fs16); line-height: 0.48rem; }
    .contactP1 .list li .after{ display: none; }
    .contactP1 .list li .box:hover .ico{ position: relative; left: 0; width: 0.86rem; height: 0.86rem; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
    .contactP1 .list li .box:hover .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.24rem; margin-top: -0.24rem; width: 0.48rem; }
    .contactP1 .list li .box:hover .name{ padding: 0.3rem 0 0.15rem; font-size: var(--fs20); line-height: 0.36rem; color: #000; text-align: center;}
    .contactP1 .list li .box:hover .zi{ color: #989898; text-align: center;}
    .contactP2{ padding: 1.0rem 0.3rem;  }
    .contactP2:after { display: none;}
    .contactP2 .msg{ font-size: var(--fs20); line-height: 0.48rem; padding: 0.3rem 0 0.6rem; }
    .contactP2 .list{ overflow: hidden; }
    .contactP2 .list .name{ font-size: var(--fs20); }
    .contactP2 .list .layer{ padding: 0.3rem 0.2rem 0; }
    .contactP2 .list .ewm img{ width: 2.34rem; }
    .contactP2 .list .tel{ color: #010101; font-size: var(--fs20); line-height: 0.36rem; }
    .contactP3{ padding: 1.0rem 0.3rem;}
    .contactP3 .msg{ font-size: var(--fs20); line-height: 0.48rem; padding: 0.3rem 0 0.6rem; }
    .contactP3 .form ul{ margin-right: 0; }
    .contactP3 .form li{ float: none; width: auto; margin-bottom: 0.4rem; }
    .contactP3 .form li .box{ margin-right: 0; }
    .contactP3 .form li .wen{ height: 0.56rem; line-height: 0.26rem; }
    .contactP3 .form li .wen em{ padding-left: 0.08rem; }
    .contactP3 .select{ height: 0.94rem; }
    .contactP3 .caption { height: 0.94rem; line-height: 0.94rem; background-size: 30px; border-radius: 0.12rem;}
    .contactP3 .xlist { max-height: 3.2rem;}
    .contactP3 .xlist a { font-size: 0.26rem; height: 0.8rem; line-height: 0.8rem; }
    .contactP3 .form li .input1{ height:0.94rem; line-height:0.94rem; border-radius: 0.12rem; }
    .contactP3 .form li textarea{ padding:0.2rem 0 0 0.3rem; height:3rem; line-height: 0.48rem; border-radius: 0.12rem;}
    .contactP3 .btnDiv{ width: 3.0rem; }
    .contactP3 .btnDiv a{ height: 0.96rem; line-height: 0.96rem; }
    .productP1{ padding: 1.0rem 0.3rem; }
    .productP1 .mxfDiv{ display: block; }
    .productP1 .leftDiv{ width: auto; }
    .productP1 .detail-box{ width: 100%; }
    .productP1 .detail-box .imgDiv{ height: 5.72rem; }
    .productP1 .box-container{ width: 100%; }
    .productP1 .img-swiper{ width: 5.2rem; }
    .productP1 .img-swiper .limg{ height: 1.25rem;}
    .productP1 .swiper-btn{ width: 0.84rem; height: 0.84rem; margin-top: -0.42rem; }
    .productP1 .prev{ left: -0.1rem; }
    .productP1 .next{ right: -0.1rem; }
    .productP1 .prev:after{ background-size: 6px; }
    .productP1 .next:after{ background-size: 6px;}
    .productP1 .prev:hover:after{ background-size: 6px;}
    .productP1 .next:hover:after{ background-size: 6px;}
    .productP1 .rightDiv{ width: auto; margin-top: 0.75rem; }
    .productP1 .txt{ font-size: var(--fs20); line-height: 0.42rem; min-height: 1.26rem; }
    .productP1 .wen{ font-size: var(--fs24); }
    .productP1 .wen2{ font-size: var(--fs18); line-height: 0.28rem; }
    .productP1 .content{ font-size: var(--fs16); line-height: 0.48rem; max-height: 100%; padding-right: 0; }
    .productP1 .share li img{ width: 0.76rem; }
    .productP2{ padding: 1.0rem 0.3rem 1.1rem; }
    .productP2 .leftDiv{ width: auto; float: none; }
    .productP2 .title{ font-size: var(--fs40); line-height: 0.42rem; }
	.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 .links{ padding-bottom:0.4rem;}
	.searchBox .links li{ margin-right:0.4rem;}
	.searchBox .links li a{ height:0.56rem; line-height:0.42rem; }
	.searchBox .list{ padding-bottom:0.5rem;}
	.searchBox .list ul{ margin-right:-0.2rem;}
	.searchBox .list li { width:50%; }
	.searchBox .list li .box{ margin-right:0.2rem;}
	.searchBox .list li .imgDiv{ height:2.4rem;}
	.searchBox .list li .botDiv{ height:1.8rem; }
	.searchBox .list li .name{ font-size: var(--fs20); line-height:0.42rem; height:0.84rem;}
	.searchBox .list li .time{ margin-top:0.1rem; font-size:var(--fs14); line-height:0.42rem; }
	  .searchBox .list p { font-size: 0.26rem; }
	  .searchBox .tips { font-size:0.28rem; }
	 .sideBar{ right:5px; margin-top:-3.0rem; }
	.sideBar li a{ 
	  width:1.2rem;
	  height:1.2rem;}
	.sideBar li p{ margin-top:3px; font-size:0.2rem; }
	.sideBar li .tel{ height:1.2rem; line-height:1.2rem; font-size:var(--fs22); }
	.sideBar li:nth-child(4) .mouse{ margin-top:-1.5rem; left: -3.1rem; width: 3.0rem; }
	.sideBar li:nth-child(4).liNow .mouse{ left: -3.0rem; }
	.sideBar li .ewm{ width:3.0rem; padding:0.2rem; }
}