/*! 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, .w1040, .w384{ width:100%;}
	.PC-Box, .nav, .sNav, .pageTop, .footNav, .pageNav{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore{ display:block;}
	.headD{ height:1.2rem;}
    .headDiv{ height: 1.2rem; top:0; }
    .headDiv-logo{ top: 0.25rem; left:0.3rem; margin-left: 0; }
    .headDiv-logo img{ width: 1.6rem; }
    .headDiv .topRight{ right: 1.3rem; }
    .headDiv .topSearch{ margin-right:0.25rem;}
    .headDiv .topSearch em{ width:0.8rem; height:1.2rem; background-size: 0.36rem; }
    .headDiv .lan a{ padding-left: 0.5rem; line-height:1.2rem; 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; }

    .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: 80%; font-size: var(--fs36); line-height: 0.64rem;}
    .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{ width: 33.33%; 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: 1.65rem; padding:0 0.3rem; }
    .indNews .box .txt .name{ height: 0.96rem; line-height: 0.48rem; }
    .indNews .box .txt .zi{ line-height: 0.48rem;}
    .indNews .box .txt .time{ margin-top: 0.15rem; }
    .indNews .box a:hover .txt{ padding: 0.8rem 0.3rem 0; }
    .indNews .box a:hover .zi{ margin-top: 0.25rem; height: 0.96rem; }
    .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.28rem; }
    .footDiv .tel{ font-size: var(--fs48); line-height: 0.48rem; }
    .footDiv .msglist{ padding-top: 0.24rem; }
    .footDiv .msglist li{ line-height: 0.48rem; }
    .footDiv .ewm{ position: relative; width:2rem; margin: 0.5rem auto 0;}
    .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;}

}