/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	
	
	
}

@media screen and ( max-width:1440px ){
	.nav li{ font-size: 16px; margin-left: 0.5rem; }
	.indexP1 .arrowDiv .prev { margin-left: -8.5rem; }
	.indexP1 .arrowDiv .next { margin-right: -8.5rem; }

}	

@media screen and ( max-width:1366px ){
	
}


@media screen and ( max-width:1024px ){
	.wal, .wal2, .w1020, .w400{ width:100%;}
	.PC-Box, .nav, .footNav, .pageNow, .pageNav{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore{ display:block;}
	.headDiv, .headDiv .wal, .headD{ height: 1.2rem; }
	.headDiv .logo{ left: 0.3rem; top: 0.36rem;}
	.headDiv .logo img{ width: 2.2rem; }
	.headDiv .topRight{ right:1.5rem; top: 0.2rem; }
	.headDiv .topRight li{ margin-left: 0.2rem; }
	.headDiv .topRight li a{ width: 0.7rem; height: 0.8rem; }
	.headDiv .topRight li img{ width: 0.32rem; margin-left: -0.16rem; margin-top: -0.16rem; }
	.headDiv .hideList{ top: 0.8rem; width: 1.5rem; }
	.headDiv .hideList:before{ right: 0.2rem; }
	.headDiv .hideList dd a{ width: 100%; font-size: 0.26rem; height: 0.52rem; line-height: 0.52rem; }

	.search-form .wal{ height: 0.9rem; width: 90%; left: 5%; margin-left: 0; margin-top: -0.45rem; }
	.search-btn img{ width: 0.42rem; }
	.search-form .keywords { line-height: 0.9rem; margin-left: 0.3rem; font-size: 0.28rem; }
	.search-form .icon-close { margin-top: -0.15rem;}
	.search-form .icon-close img{ width: 0.34rem; }
	.ind-banner .onebox{ width: 100%; text-align: center; left: 0; margin-left: 0; top: 15%; }
	.ind-banner .onebox .txt{ font-size: 0.6rem; line-height: 0.72rem; }
	.ind-banner .onebox .en{ font-size: 0.32rem; line-height: 0.42rem; }
	.ind-banner .onebox .btnDiv{ margin-top: 0.5rem; padding-right: 0.3rem; line-height: 0.42rem; font-size: 0.28rem; }
	.ind-banner .onebox .btnDiv:after{ margin-top: -4px; width: 4px; height: 8px; background-size: 4px;}
	.ind-banner .swiper-pagination{ bottom: 0.45rem; }
	.ind-banner .swiper-pagination-bullet { margin: 0 8px!important; } 
	
	.indexP1{ padding: 1.0rem 0; }
	.indexP1 .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.indexP1 .title:after{ margin-left: -0.35rem; width: 0.7rem; height: 2px; }
	.indexP1 .btn{ padding-top: 0.65rem; height: 1.9rem; }
	.indexP1 .btn li{ width: 1.8rem; height: 1.25rem; }
	.indexP1 .btn li .ico{ width: 0.72rem; height: 0.72rem; }
	.indexP1 .btn li .ico img{ width: 0.72rem; }
	.indexP1 .btn li .name{ padding-top: 0.25rem; font-size: 0.26rem; line-height: 0.28rem; }
	.indexP1 .list{ padding-left: 0.3rem; }
	.indexP1 .imgList .box{ height: 5.6rem; }
	.indexP1 .imgList .box a{ padding: 0.45rem 0.3rem 0; }
	.indexP1 .imgList .name{ margin-top: 0.15rem; font-size: 0.32rem; }
	.indexP1 .imgList .wen{ height: 0.4rem; font-size: 0.26rem; line-height: 0.4rem; }
	.indexP1 .imgList .more{ bottom: -0.72rem; height: 0.72rem; }
	.indexP1 .arrowDiv a{ display: none; }
	.indexP1 .moreBtn{ width: 2.86rem; margin: 0.75rem auto 0; }
	.indexP1 .moreBtn a{ height: 0.92rem; line-height: 0.92rem; font-size: 0.28rem;}
	.indexP2{ height: 10.0rem; padding: 0 0.3rem;}
	.indexP2 .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.indexP2 .title:after{ margin-left: -0.35rem; width: 0.7rem; height: 2px; }
	.indexP2 .txt{ font-size: 0.3rem; line-height: 0.46rem; width: auto; margin: 0.55rem auto 0; }
	.indexP2 .msg{ margin: 0.4rem auto 0; width: auto; font-size: 0.22rem; line-height: 0.38rem; }
	.indexP2 .moreBtn{ width: 2.8rem; margin: 0.6rem auto 0; }
	.indexP2 .moreBtn a{ height: 0.78rem; font-size: 0.26rem; }
	.indexP2 .moreBtn img{ margin-left: 0.15rem; width: 0.3rem; }
	.indexP3{ padding: 1.0rem 0.3rem; }
	.indexP3 .mxfDiv{ display: block; }
	.indexP3 .leftImg{ width: auto; }
	.indexP3 .conDiv{ width: auto; padding-bottom: 0.75rem;}
	.indexP3 .title{ font-size: 0.48rem; line-height: 0.48rem; text-align: center;}
	.indexP3 .title:after{ left: 50%; margin-left: -0.35rem; width: 0.7rem; height: 2px; }
	.indexP3 .content{ font-size: 0.26rem; line-height: 0.48rem; text-align: center; }
	.indexP3 .moreBtn{ margin: 0.5rem auto 0; width: 2.8rem;}
	.indexP3 .moreBtn a{ width: 2.8rem; height: 0.78rem; font-size: 0.26rem; }
	.indexP3 .moreBtn img{ margin-left: 0.15rem; width: 0.3rem; }
	.indexP4{ padding: 1.0rem 0.3rem 1.2rem; }
	.indexP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; }
	.indexP4 .title:after{ left: 50%; margin-left: -0.35rem; width: 0.7rem; height: 2px; }
	.indexP4 .moreBtn{ display: none; }
	.indexP4 .list{ padding-top: 0.6rem; }
	.indexP4 .list ul{ margin-right: 0; }
	.indexP4 .list li{ float: none; width: auto; padding-bottom: 0.6rem; }
	.indexP4 .list li .box{ margin-right: 0; }
	.indexP4 .list li .imgDiv{ height: 4.2rem; }
	.indexP4 .list li .time{ height: 0.5rem; font-size: 0.28rem; line-height: 0.28rem;  }
	.indexP4 .list li .name{ font-size: 0.36rem; line-height: 0.5rem; height: 1.0rem; }
	.indexP5{ height: auto; padding: 1.2rem 0.3rem 2.6rem; background: url(../images/indexP5.jpg) center no-repeat; background-size: cover;}
	.indexP5:before{ display: none; }
	.indexP5 .leftDiv{ width: auto; float: none; position: static; padding-bottom: 0.7rem; }
	.indexP5 .title{ font-size: 0.48rem; line-height: 0.48rem; text-align: center;}
	.indexP5 .title:after{ width: 0.7rem; height: 2px; left: 50%; margin-left: -0.35rem; }
	.indexP5 .share{ padding-top: 0; position: absolute; left: 0; width: 100%; bottom: 1.1rem; text-align: center;}
	.indexP5 .share li{ float: none; display: inline-block; margin-left: 0.1rem; margin-right: 0.1rem; }
	.indexP5 .share li a{ width: 0.64rem; height: 0.64rem; }
	.indexP5 .share li img{ width: 0.48rem; margin-left: -0.24rem; margin-top: -0.24rem; }
	.indexP5 .rightDiv{ float: none; width: auto; background: #fff; padding: 0.8rem 0.4rem; }
	.indexP5 .txt{ font-size: 0.4rem; line-height: 0.4rem; }
	.indexP5 .txt:after{ display: none; }
	.indexP5 .form{ padding-top: 0.4rem; }
	.indexP5 .form li{ height: 0.68rem; padding-left: 2.6rem; }
	.indexP5 .form .li01{ height: 2.0rem; }
	.indexP5 .form li em{ font-size: 0.26rem; line-height: 0.68rem; }
	.indexP5 .form li .input1{; height: 0.68rem; line-height: 0.68rem; font-size: 0.26rem; }
	.indexP5 .form li textarea{ height: 2.0rem; font-size: 0.26rem; line-height: 0.48rem; }
	.indexP5 .btnDiv{ padding-top: 0.5rem; }
	.indexP5 .btnDiv a{ font-size: 0.26rem; width: 2.98rem; height: 0.8rem; line-height: 0.8rem; }
	.footDiv{ padding: 1.0rem 0.3rem; }
	.footDiv .leftDiv{ width: 50%; }
	.footDiv .logo img{ width: 2.8rem; }
	.footDiv .wen{ padding-top: 0.3rem; font-size: 0.2rem; line-height: 0.32rem; }
	.footDiv .rightDiv{ width: 45%; padding-top: 0.6rem;}
	.footDiv .txt{ font-size: 0.3rem; line-height: 0.3rem; }
	.footDiv .tel{ font-size: 0.32rem; line-height: 0.42rem; }
	.footDiv .email{ padding-top: 0.4rem;}
	.footDiv .email a{ font-size: 0.26rem; line-height: 0.26rem; }
	.foot{ height: auto; padding: 0.3rem; text-align: center;}
	.foot .links{ float: none; font-size: 0.26rem; line-height: 0.52rem; left: 0; padding-bottom: 0.1rem;}
	.foot .links a{ padding: 0 0.25rem; }
	.foot .msg{ float: none; font-size: 0.26rem; line-height: 0.52rem;}
	.pageBanner .txt{ font-size: 0.48rem; }
	.about{ padding: 1.0rem 0.3rem; }
	.about .title{ padding-bottom: 0.35rem; font-size: 0.48rem; line-height: 0.48rem; }
	.about .title:after{ width: 0.6rem; height: 2px; margin-left: -0.3rem; }
	.about .content{ font-size: 0.28rem; line-height: 0.52rem; }
	.about .imgDiv{ border-radius: 0.24rem; }
	.news{ padding: 1.0rem 0.3rem 1.2rem; }
	.news .detail a{ height: auto; padding: 0; }
	.news .detail .imgDiv{ position: relative; width: 100%; height: 4.5rem;}
	.news .detail .conDiv{ height: auto; display: block; padding: 0.6rem 0.3rem; }
	.news .detail .time{ font-size: 0.28rem; line-height: 0.28rem; }
	.news .detail .name{ height: 1.0rem; line-height: 0.5rem; font-size: 0.36rem; }
	.news .detail .content{ margin-top: 0.2rem; font-size: 0.26rem; line-height: 0.5rem; height: 1.5rem; }
	.news .detail .more{ display: none; }
	.news .list{ padding: 0.75rem 0 0.3rem; }
	.news .list ul{ margin-right: 0; }
	.news .list li{ float: none; width: auto; padding-bottom: 0.6rem; }
	.news .list li .box{ margin-right: 0; }
	.news .list li .imgDiv{ height: 4.2rem; }
	.news .list li .time{ height: 0.5rem; font-size: 0.28rem; line-height: 0.28rem;  }
	.news .list li .name{ font-size: 0.36rem; line-height: 0.5rem; height: 1.0rem; }
	.newShow{ padding: 1.0rem 0.3rem 1.2rem; }
	.newShow .name{ font-size: 0.36rem; line-height: 0.56rem; }
	.newShow .time{ font-size: 0.28rem; padding-bottom: 0.3rem; }
	.newShow .content{ padding: 0.45rem 0; font-size: 0.28rem; line-height: 0.52rem; }
	.newShow .content img{ width: 100%; }
	.pageDown{ height: 0.9rem; padding: 0 0.3rem; }
	.pageDown li a{ line-height: 0.9rem; font-size: 0.28rem; }
	.pageDown li .back{ height: 0.32rem; margin-top: -0.16rem; margin-left: -0.16rem; }
	.pageDown li .prev{ padding-left: 0.28rem; }
	.pageDown li .next{ padding-right: 0.28rem; }
	.pageDown li img{ width: 0.32rem; }
	.service{ padding: 1.2rem 0.3rem; }
	.service .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.service .title:after{ width: 0.7rem; height: 2px; margin-left: -0.35rem; }
	.service .wen{ padding: 0.45rem 0 0.6rem; font-size: 0.26rem; line-height: 0.48rem;  }
	.service .list ul{ margin-right: 0; }
	.service .list li{ float: none; width: auto; }
	.service .list li .box{ margin-bottom: 0.4rem; margin-right: 0; padding: 0.8rem 0.4rem 0; height: 5.8rem; }
	.service .list li .ico{ height: 1.4rem; }
	.service .list li .ico img{ width: 0.86rem; }
	.service .list li .name{ font-size: 0.32rem; line-height: 0.32rem; }
	.service .list li .msg{ font-size: 0.26rem; line-height: 0.42rem; }
	.contactP1{ padding: 1.2rem 0.3rem; }
	.contactP1 .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.contactP1 .title:after{ width: 0.7rem; height: 2px; margin-left: -0.35rem; }
	.contactP1 .wen{ padding: 0.45rem 0 0.6rem; font-size: 0.26rem; line-height: 0.48rem;  }
	.contactP1 .list{ width: auto; }
	.contactP1 .list ul{ margin-right: 0; }
	.contactP1 .list li{ float: none; width: auto; }
	.contactP1 .list li .box{ margin-bottom: 0.4rem; margin-right: 0; padding: 0.5rem 0.4rem 0; height: 3.6rem; }
	.contactP1 .list li .ico{ height: 1.4rem; }
	.contactP1 .list li .ico img{ width: 0.86rem; }
	.contactP1 .list li .name{ font-size: 0.32rem; line-height: 0.32rem; }
	.contactP1 .list li .msg{ font-size: 0.26rem; line-height: 0.42rem; }
	.contactP2{ padding: 1.2rem 0.3rem; height: auto; }
	.contactP2 .wen{ font-size: 0.28rem; line-height: 0.28rem; }
	.contactP2 .txt{ font-size: 0.36rem; line-height: 0.36rem; }
	.contactP2 .form{ width: auto; padding-bottom: 0.4rem;}
	.contactP2 .form li{ height: auto; padding-left: 0; background: none;}
	.contactP2 .form .li01{ height: auto; }
	.contactP2 .form .li02{ padding-left:0;}
	
	.contactP2 .form li .zi{ position: relative; left: 0; display: block; font-size: 0.28rem; line-height: 0.48rem; padding-bottom: 0.2rem; color: #fff;}
	.contactP2 .form li .input1{ height: 0.9rem; line-height: 0.9rem; font-size: 0.26rem; background: #fff; padding: 0 0.3rem;}
	.contactP2 .form .li02 .input1{ padding: 0 0.3rem 0 2.8rem;}
	.contactP2 .form li textarea{ background: #fff; padding: 0.2rem 0.3rem 0; height: 3.2rem; font-size: 0.26rem; line-height: 0.48rem; }
	
	.contactP2 .form .group{ left: 0; top:auto; bottom:0; height: 0.9rem;}
	.contactP2 .form .caption { padding-left:0.3rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.26rem;}
	.contactP2 .form .xlist { max-height: 4.5rem; }
	.contactP2 .form .xlist a { font-size: 0.26rem; line-height: 0.9rem; padding: 0 0.3rem; }

	
	.contactP2 .btnDiv{ width: 3.0rem;}
	.contactP2 .btnDiv a{ font-size: 0.28rem; height: 0.96rem; line-height: 0.96rem; }
	.product{ padding: 1.2rem 0.3rem; }
	.product .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.product .title:after{ width: 0.7rem; height: 2px; margin-left: -0.35rem; }
	.product .links{ padding: 0.6rem 0; }
	.product .links li{ margin: 0 0.5rem; font-size: 0.28rem;}
	.product .links li a{ height: 0.56rem; line-height: 0.28rem; }
	.product .list li a{ height: auto; padding: 0.8rem 0; background: #f7f7f7; }
	.product .list li:nth-child(even) a{ padding: 0.8rem 0; }
	.product .list li .imgDiv{ position: relative; left: 0; top: 0; margin: 0 auto; width: 6.0rem; height: 4.5rem; }
	.product .list li:nth-child(even) .imgDiv{ right: 0; }
	.product .list li .imgDiv img{ max-width: 6.0rem; max-height: 4.5rem; }
	.product .list li .conDiv{ padding: 0.7rem 0.3rem 0; }
	.product .list li .name{ font-size: 0.36rem; line-height: 0.48rem; }
	.product .list li .content{ padding-top: 0.3rem; font-size: 0.28rem; line-height: 0.48rem; height: 1.44rem; }
	.product .list li .more{ font-size: 0.28rem; width: 2.8rem; height: 0.86rem; line-height: 0.86rem; }
	.product .list li .more img{ width: 0; margin-left: 0.2rem; }
	.product .list li a:hover .more{ width: 3.2rem; }
	.product .list li a:hover .more img{ width: 16px; }
	.productP1{ padding: 0.9rem 0.3rem 1.2rem; }
	.productP1 .mxfDiv{ display: block; }
	.productP1 .leftImg{ width: auto; height: auto; border: #eee solid 1px;}
	.productP1 .leftImg img{ height: auto; }
	.productP1 .conDiv{ width: auto; padding: 0.7rem 0 0 0; }
	.productP1 .name{ font-size: 0.4rem; line-height: 0.52rem; }
	.productP1 .name:after{ width: 0.7rem; height: 2px; }
	.productP1 .content{ font-size: 0.28rem; line-height: 0.52rem; }
	.productP2{ padding: 1.2rem 0.3rem; }
	.productP2 .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.productP2 .list li{ padding: 0.35rem 0; }
	.productP2 .list li .txt{ position: relative; left: 0; top: 0; width: auto; line-height: 0.48rem; font-size: 0.32rem; padding-bottom: 0.2rem; }
	.productP2 .list li .wen dd{ padding: 0.2rem 0.3rem; font-size: 0.28rem; line-height: 0.52rem; }
	.productP3{ padding: 1.2rem 0.3rem 1.0rem; }
	.productP3 .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.productP3 .list{ padding-top: 0.5rem; }
	.productP3 .list li{ padding: 0 0 0.25rem 0.3rem; font-size: 0.28rem; line-height: 0.48rem; }
	.productP3 .list li:before{ top: 0.18rem; width: 5px; height: 5px; }
	.productP4{ padding: 1.2rem 0.3rem; }
	.productP4 .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.productP4 .list li{ padding: 0.3rem; font-size: 0.28rem; line-height: 0.42rem;}
	.productP4 .list li .txt{ font-family: 'mont'; position: relative; left: 0; top: 0; width: auto; padding-bottom: 0.2rem; margin-bottom: 0.2rem; border-bottom: #ddd solid 1px; }
	.productP5{ padding: 1.2rem 0.3rem; }
	.productP5 .title{ font-size: 0.48rem; line-height: 0.48rem;}
	.productP5 .list li{ padding: 0.3rem 0 0.3rem;}
	.productP5 .list li .txt{ position: relative; left: 0; top: 0; width: auto; font-size: 0.34rem; line-height: 0.52rem; padding-bottom: 0.25rem; }
	.productP5 .list li .mxfDiv dd{ padding: 0.2rem 0.3rem 0.2rem; font-size: 0.26rem; overflow: hidden; }
	.productP5 .list li .mxfDiv dd .wen{ position: relative; left: 0; top: 0; width: 45%; float: left; }
	.productP5 .list li .mxfDiv dd .msg{ float: right; width: 50%; }
	.policy{ padding: 1.2rem 0.3rem; }
	.policy .title{ font-size: 0.48rem; line-height: 0.48rem; }
	.policy .title:after{ width: 0.7rem; height: 2px; margin-left: -0.35rem; }
	.policy .content{ font-size: 0.28rem; line-height: 0.52rem;  }

}

