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

}

@media screen and ( max-width:1440px ){
	.nav li{ font-size: 15px; padding: 0 0.3rem;}
	.contactP2 .form li .input1{ font-size:14px;}
	.contactP2 .form li textarea{ font-size:14px;}
	.contactP2 .btnDiv a{ font-size:14px;}
	.cardModal-box .card-box { width: 12.0rem;}
}	

@media screen and ( max-width:1366px ){
	.nav li{ padding: 0 0.25rem;}
}


@media screen and ( max-width:1024px ){
	.wal, .wal2, .w1040, .w384{ width:100%;}
	.PC-Box, .nav, .footNav, .pageNav, .sideNews .title, .sideNews .list{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore{ display:block;}
	.headDiv, .headD{ height: 1.2rem; }
	.headDiv .logo{ top: 0.2rem; margin-left: -0.52rem; }
	.headDiv .logo img{ width: 1.04rem; }
	.headDiv .topLeft{ left: 1.3rem; padding-left: 0; }
	.headDiv .login a{ padding-left: 0.45rem; background-size: 0.32rem; font-size: 0.26rem; line-height: 1.2rem; width: 0.6rem; }
	.headDiv .login .hide{ left:-0.3rem; top:1.2rem; width:2.0rem;}
	.headDiv .login .hide a{ width:auto; height:1.0rem; line-height:1.0rem; font-size:0.26rem; }

	.headDiv .topRight{ right: 0; padding-right: 1.4rem; }
	.headDiv .icoList{ width: 2.0rem; }
	.headDiv .icoList li{ margin-right: 0.1rem; }
	.headDiv .icoList li.lan{ padding-left: 0.4rem; background-size: 0.3rem; }
	.headDiv .icoList li a{ font-size: 0.26rem; width: 0.6rem; line-height: 1.2rem; height: 1.2rem; }
	.headDiv .icoList li img{ width: 0.3rem; margin-left: -0.15rem; margin-top: -0.15rem; }



	.head-search .search-box { width: 90%; }
	.ind-banner{ padding-top: 1.2rem;}
	.ind-banner .swiper-slide .img{ height: 5.0rem; }
	.ind-banner .swiper-slide .img img{ height: 100%; object-fit: cover;}
	.ind-banner .onebox{ right: 0.3rem; margin-right: 0; top: 20%; }
	.ind-banner .onebox .en em{ font-size: 0.56rem; line-height: 0.64rem; }
	.ind-banner .onebox .en span{ font-size: 0.2rem; line-height: 0.28rem; padding-left: 0.1rem; }
	.ind-banner .onebox .en2{ padding-left: 0.3rem; }
	.ind-banner .onebox .en2 em{ font-size: 0.56rem; line-height: 0.64rem; }
	.ind-banner .onebox .cn{ padding: 0.1rem 0 0 0.3rem; letter-spacing: 2px; }
	.ind-banner .swiper-pagination{ bottom: 0.3rem; }
	
	.indexTit .zi{ line-height: 0.32rem; font-size: 0.26rem; padding-bottom: 0.5rem; }
	.indexTit .cn{ font-size: 0.34rem; line-height: 0.34rem; }

	.indexP1{ padding: 0.9rem 0.3rem; }
	.indexP1 .mxfDiv{ margin-top: 0.65rem; }
	.indexP1 .leftDiv, .indexP1 .rightDiv{ width: auto; float: none; }
	.indexP1 .midDiv{ clear: both; width: auto; margin-left: 0; margin-top: 0.2rem; margin-bottom: 0.2rem; float: none; }
	.indexP1 .midDiv .imgDiv{ height: 5.6rem; }
	.indexP1 ul{ margin-right: -0.2rem; }
	.indexP1 li{ float: left; width: 50%; }
	.indexP1 li .box{ margin-right: 0.2rem; padding-top: 0.4rem; height: 3.6rem;  }
	.indexP1 li .imgDiv{ width: 2.8rem; height: 1.9rem; margin: 0 auto; }
	.indexP1 li .imgDiv img{ max-width: 2.8rem; max-height: 1.9rem; }
	.indexP1 li .name{ font-size: 0.28rem; height: 0.96rem; line-height: 0.48rem; overflow: hidden; padding: 0 0.2rem; }

	.indexP1 .moreBtn{ width: 2.1rem; margin: 0.5rem auto 0; }
	.indexP1 .moreBtn a{ font-size: 0.26rem; line-height: 0.86rem; height: 0.88rem; }

	.indexP2{ padding: 0.9rem 0.3rem 0.45rem; }
	.indexP2 .detail{ height: auto; margin-top: 0.65rem; }
	.indexP2 .detail a{ display: block; height: auto; }
	.indexP2 .detail .conDiv{ display: block; width: auto; padding: 0.75rem 0.4rem; height: auto; }
	.indexP2 .detail .name{ font-size: 0.36rem; line-height: 0.52rem; }
	.indexP2 .detail .txt{ padding-top: 0.2rem; font-size: 0.28rem; line-height: 0.52rem; }
	.indexP2 .detail .wen{ padding-top: 0.3rem; font-size: 0.3rem; line-height: 0.52rem; }
	.indexP2 .detail .price{ padding-top: 0.2rem; font-size: 0.26rem;}
	.indexP2 .detail .price del{ padding: 0 0.1rem; font-size: 0.24rem; }
	.indexP2 .detail .price em{ font-size: 0.28rem; }
	.indexP2 .detail .more{ margin-top: 0.5rem; width: 2.1rem; font-size: 0.26rem; line-height: 0.86rem; height: 0.88rem; }
	.indexP2 .detail .imgDiv{ width: auto; height: auto; }
	.indexP2 .detail .imgDiv img{ height: auto; }
	.indexP2 .list{ padding-top: 0.65rem; }
	.indexP2 .list ul{ margin-right: -0.2rem; }
	.indexP2 .list li{ width: 50%; }
	.indexP2 .list li .box{ margin-right: 0.2rem; }
	.indexP2 .list li .imgDiv{ height: 2.88rem; border-radius: 0.2rem; }
	.indexP2 .list li .name{ margin-top: 0.3rem; line-height: 0.36rem; height: 0.36rem; font-size: 0.28rem; }
	.indexP2 .list li .wen{ font-size: 0.26rem; line-height: 0.48rem; height: 0.48rem; }
	.indexP2 .list li .price{ padding-top: 0.2rem; font-size: 0.24rem;}
	.indexP2 .list li .price del{ padding-left: 0.1rem; }
	.indexP2 .list li .price em{ font-size: 0.26rem; line-height: 0.26rem; }
	.footDiv{ padding: 0.9rem 0.3rem; }
	.footDiv .logo{ display: none; }
	.footDiv .leftDiv{ float: none; }
	.footDiv .topLeft{ height: auto; }
	.footDiv .wen{ height: auto; font-size: 0.26rem; line-height: 0.26rem; padding-bottom: 0.3rem; }
	.footDiv .tel{ font-size: 0.32rem; line-height: 0.32rem; }
	.footDiv .msgList{ padding-top: 0.2rem; }
	.footDiv .msgList li{ font-size: 0.26rem; line-height: 0.52rem; }


	.footDiv .rightDiv{ float: none;}
	.footDiv .share{ height: auto; float: none; padding: 0.3rem 0; }
	.footDiv .share li{ margin-right: 0.2rem; margin-left: 0; }
	.footDiv .share li a{ width: 0.88rem; height: 0.88rem;}
	.footDiv .share li img{ width: 0.46rem; margin-left: -0.23rem; margin-top: -0.16rem; }
	.footDiv .msg{ text-align: left; line-height: 0.52rem; font-size: 0.26rem; }
	.pageBanner{ position: relative; }
	.pageBanner .bg{ height: 3.2rem; }
	.pageBanner .bg img{ height: 100%; object-fit: cover;}
	.pageBanner .info{ left: 0.3rem; width: 80%; }
	.pageBanner .cn{ font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.3rem; }
	.pageBanner .en{ padding-left: 0.5rem; font-size: 0.26rem; line-height: 0.38rem; }
	.message{ padding: 0.8rem 0.3rem 0.9rem; }
	.message .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.65rem; }
	.message .list{ padding-top:0.65rem;}
	.message .list ul{ margin-right: 0; }
	.message .list li{ float: none; width: auto; padding-bottom: 0.65rem; }
	.message .list li .box{ margin-right: 0; }
	.message .list li .imgDiv{ height: 3.8rem; }
	.message .list li .name{ margin-top: 0.3rem; height: auto; line-height: 0.52rem; font-size: 0.32rem; }
	.message .list li .msg{ margin-top: 0.2rem; }
	.message .list li .msg dd{ padding-left: 0.42rem; font-size: 0.28rem; line-height: 0.56rem; }
	.message .list li .msg dd img{ width: 0.3rem; top: 0.1rem; }
	.cardModal-box .card-box { width: 94%; }
	.cardModal-box .card-box .close { right: 0; margin-right: 0; top: -1.3rem; width: 0.9rem; height: 0.9rem; }
	.cardModal-box .card-box .close img { width: 0.4rem; margin-left: -0.2rem; margin-top: -0.2rem; }
	.contact{ padding: 0.9rem 0.3rem 1.0rem; }
	.contact .mxfDiv{ margin-top: 0.65rem; display: block;}
	.contact .conDiv{ width: auto; padding: 0.65rem 0.4rem 0.8rem; }

	.contact .imgDiv{ width: auto; }
	.contact .name{ font-size: 0.36rem; line-height: 0.36rem; }
	.contact .lie{ margin-top: 0.5rem; }
	.contact .lie li{ padding-left: 0.75rem; font-size: 0.28rem; line-height: 0.6rem; }
	.contact .lie li .ico{ width: 0.6rem; height: 0.6rem; }
	.contact .lie li .ico:after{ margin-left: -0.26rem; margin-top: -0.26rem; width: 0.52rem; height: 0.52rem; }
	.contact .lie li .ico img{ width: 0.24rem; margin-left: -0.12rem; margin-top: -0.12rem; }

	.contactP2{ padding:1.0rem 0.3rem; height:auto; }
	.contactP2 .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.65rem; }
	.contactP2 .form ul{ margin-right: 0;}
	.contactP2 .form li{ float:none; width:auto; padding-bottom:0.3rem;}
	.contactP2 .form li .box{ margin-right:0;}
	.contactP2 .form li .input1{ height:0.9rem; line-height:0.9rem; font-size:0.26rem; }
	.contactP2 .form li textarea{ height:2.98rem; line-height:0.48rem; font-size:0.26rem; }
	.contactP2 .btnDiv{ width:2.4rem; margin:0.4rem auto 0;}
	.contactP2 .btnDiv a{ height:0.86rem; line-height: 0.86rem; border-radius:0.48rem; font-size:0.28rem; }
	.recommend{ padding: 0.9rem 0.3rem 1.0rem; }
	.recommend .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.65rem; }
	.recommend .secondTab{ overflow: hidden; }
	.recommend .secondTab ul{ margin-right: -0.2rem; }
	.recommend .secondTab li{ display: block; float: left; width: 33.33%; margin-bottom: 0.2rem; }
	.recommend .secondTab li .box{ margin: 0 0.2rem 0 0;}
	.recommend .secondTab li a{ width: 100%; height: 0.78rem; line-height: 0.78rem; font-size: 0.28rem; }

	.recommend .list{ padding-bottom: 0.4rem; }
	.recommend .list ul{ margin-right: -0.2rem; }
	.recommend .list li{ width: 50%; padding-bottom: 0.45rem; }
	.recommend .list li .box{ margin-right: 0.2rem; }
	.recommend .list li .imgDiv{ height: 2.84rem; border-radius: 12px; }
	.recommend .list li .name{ margin-top: 0.25rem; font-size: 0.28rem; height: 0.42rem; line-height: 0.42rem; }
	.touDiv{ height: 1.4rem; }
	.touDiv .logo{ left: 0.3rem; top: 0.3rem; }
	.touDiv .logo img{ width: 1.2rem; }
	.touDiv .topRight{ right: 0.3rem; top: 0.3rem; }
	.touDiv .topRight li{ margin-left: 0.3rem; }
	.touDiv .topRight li a{ padding: 0 0.35rem; height: 0.78rem; line-height: 0.78rem; font-size: 0.28rem; }

	.loginBox .mxfDiv{ margin-left: -47%; margin-top: -3.5rem; width: 94%; height: 7.0rem; padding: 0.6rem 0.4rem 0; }
	.loginBox .mxfDiv2{ margin-top: -3.95rem; height: 8.86rem;}
	.loginBox .title{ line-height: 0.32rem; font-size: 0.32rem; padding-bottom: 0.5rem; }
	.loginBox .form li{ margin-bottom: 0.15rem; }
	.loginBox .form li .lbox{ border-radius: 0.48rem; height: 0.86rem; padding-left: 0.9rem; }
	.loginBox .form li .ico{ left: 0.3rem; margin-top: -0.18rem; }
	.loginBox .form li .ico img{ width: 0.36rem; }
	.loginBox .form li .input1{ height: 0.86rem; line-height: 0.86rem; font-size: 0.26rem; }
	.loginBox .form li .yzm{ z-index: 1; display: block; position: absolute; right: 0; top: 0; width: 1.08rem; height: 42px; line-height: 42px; color: #fff; text-align: center; font-size: 0.14rem; border-radius: 6px; background-image: linear-gradient(90deg, #05ab51 0%, #c0d854 100%); background-blend-mode: normal, normal; }
	.loginBox .botbot{ margin-top: 0.3rem; }
	.loginBox .forget{ font-size: 0.26rem; line-height: 0.46rem; }
	.loginBox .choose{ font-size: 0.26rem; line-height: 0.46rem; }
	.loginBox .choose input{ position: relative; top: 1px; margin-right: 8px; }

	.loginBox .mxfDiv2 .btnDiv{ padding-top: 0.15rem; }
	.loginBox .btnDiv li{ margin-bottom: 0.1rem; }
	.loginBox .btnDiv li a{ height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; }
	
	.productShow{ padding: 1.0rem 0.3rem; }
	.productShow .leftImg{ float: none; width: 100%; height: 6.0rem; border-radius: 12px; }
	.productShow .rightDiv{ width: auto; float: none; padding-top: 0.65rem; }
	.productShow .toptop .name{ font-size: 0.4rem; line-height: 0.56rem; }
	.productShow .toptop .content{ padding: 0.2rem 0 0.4rem; font-size: 0.26rem; line-height: 0.48rem; }
	.productShow .toptop .price{ font-size: 0.28rem;}
	.productShow .toptop .price del{ padding-left: 0.1rem; }
	.productShow .toptop .price em{ font-size: 0.36rem; line-height: 0.36rem; }
	.productShow .msgList{ padding-top: 0.6rem; width: auto;}
	.productShow .msgList li{ padding-left: 0.8rem; height: 1.3rem; font-size: 0.28rem; line-height: 1.3rem; }
	.productShow .msgList li .ico{ top: 50%; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; }
	.productShow .msgList li .ico:after{ margin-left: -0.26rem; margin-top: -0.26rem; width: 0.52rem; height: 0.52rem; }
	.productShow .msgList li .ico img{ width: 0.24rem; margin-left: -0.12rem; margin-top: -0.12rem; }

	.productShow .title{ font-size: 0.36rem; line-height: 0.36rem; padding: 0.8rem 0 0.5rem; }
	.productShow .list ul{ margin-right: -0.2rem; }
	.productShow .list li{ width: 50%; padding-bottom: 0.45rem; }
	.productShow .list li .box{ margin-right: 0.2rem; }
	.productShow .list li .imgDiv{ height: 2.84rem; border-radius: 12px; }
	.productShow .list li .name{ margin-top: 0.25rem; font-size: 0.28rem; height: 0.42rem; line-height: 0.42rem; }

	.productShow .form{ margin: 0.4rem 0 0.6rem; padding-right: 0; }
	.productShow .form .btnDiv{ position: relative; margin-top: 0.2rem; width: 2.1rem; }
	.productShow .form .btnDiv a{ height: 0.88rem; background-size: 0.4rem; }
	.productShow .form .liDiv{ float: none; margin-right: 0; width: 100%; margin-bottom: 0.25rem;}
	.productShow .form .liDiv2{ width: 100%;}
	.productShow .form .input1{ height: 0.88rem; font-size: 0.26rem; }


	.productShow .select{ height: 0.88rem; }
	.productShow .caption { height: 0.88rem; line-height: 0.88rem; font-size: 0.26rem; }
	.productShow .xlist { max-height: 4.5rem; }
	.productShow .xlist a { font-size: 0.26rem; height: 0.9rem; line-height: 0.9rem; padding: 0 0.2rem; }
	.tipsModal-box .tips-box { padding-top: 0.8rem; width: 5.2rem; height: 4.6rem; border-radius: 0.32rem;}
	.tipsModal-box .tips-box .title{ font-size: 0.36rem; line-height: 0.48rem; }
	.tipsModal-box .tips-box .btnDiv{ width: 3.2rem; }
	.tipsModal-box .tips-box .btnDiv li{ margin-bottom: 0.1rem; }
	.tipsModal-box .tips-box .btnDiv li a{ height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; }
	.tipsModal-box .tips-box .close { width: 0.6rem; height: 0.6rem;}
	
	.aboutP1{ padding: 0.9rem 0.3rem 1.0rem; }
	.aboutP1 .content{ font-size: 0.26rem; line-height: 0.52rem; }

	.aboutP1 .numList li{ width: 50%; padding-bottom: 0.5rem; }
	.aboutP1 .numList li .pj{ height: 0.7rem; }
	.aboutP1 .numList li .num{  display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
	.aboutP1 .numList li .numUp{ font-size: 0.64rem; line-height: 0.56rem; }
	.aboutP1 .numList li p{ font-size: 0.26rem; height: 0.52rem;}
	.aboutP1 .numList li span{ top: -4px; width: 8px; height: 8px; background-size: 8px; }
	.aboutP1 .numList li .wen{ padding-top: 0.24rem; font-size: 0.26rem; line-height: 0.26rem; }

	.aboutP1 .videobox .imgDiv{ height: 4.5rem; }
	.aboutP1 .videobox video{ max-height: 4.5rem; }
	.aboutP1 .videobox .playbox{ width: 1.4rem; height: 1.4rem; margin-left:-0.7rem; margin-top:-0.7rem; background-size: 1.4rem;}

	.aboutP2{ padding: 0.9rem 0.3rem 1.6rem; }
	.aboutP2 .mapList{ width: 6.0rem; height: 3.37rem; }
	.aboutP2 .mapList li{ width: 0.24rem; height: 0.36rem; background-size: 0.24rem; }
	.aboutP2 .mapList li .layer{ display: none; position: absolute; height: 0.66rem; line-height: 0.66rem; text-align: center; font-size: 0.2rem; color: #333; background: #fff; z-index: 1; border-radius: 6px; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.12); /*padding: 0 0.25rem;*/}
	.aboutP2 .mapList .france{ left: 0.5rem; top: 0.58rem; }
	.aboutP2 .mapList .france .layer{ width: 2.7rem; right: 0.35rem; top: 0;}
	.aboutP2 .mapList .thailand{ left: 1.92rem; top: 1.76rem; }
	.aboutP2 .mapList .thailand .layer{ width: 2.1rem; right: 0.35rem; top: 0.1rem;}
	.aboutP2 .mapList .china{ left: 2.15rem; top: 1.3rem; }
	.aboutP2 .mapList .china .layer{ width: 3.1rem; left: 0.35rem; top: 0;}
	.aboutP2 .mapList .usa{ right: 0.85rem; top: 0.66rem; }
	.aboutP2 .mapList .usa .layer{ width: 1.7rem; left: 0.35rem; top: 0;}
	.aboutP2 .sj{ right: 0.5rem; margin-right: 0; bottom: 0.4rem; }
	.aboutP2 .sj img{ width: 2.4rem; }

	.aboutP3 .tab-box .cn{ display: none; font-size: 0.26rem; line-height: 0.26rem; }
	.aboutP3 .icon{ margin: 0 auto 0.35rem; }
	.aboutP3 .name{ font-size: 0.4rem; line-height: 0.52rem; }
	.aboutP4{ padding: 0.9rem 0.3rem; }
	.aboutP4 .mxfDiv{ display: block; }
	.aboutP4 .imgDiv{ width: auto; }
	.aboutP4 .conDiv{ width: auto; padding-top: 0.65rem; }
	.aboutP4 .name{ font-size: 0.38rem; line-height: 0.56rem; padding-bottom: 0.2rem; }
	.aboutP4 .msg{ font-size: 0.28rem; line-height: 0.52rem; }
}