/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	      .nav li{padding: 0 20px; }
          .sNav{width: 108px;} 
}
@media screen and ( max-width:1500px ){
          .footNav li{ margin-left: 68px;}
	}
@media screen and ( max-width:1440px ){
	.footNav li{ margin-left: 36px; }
	}

@media screen and ( max-width:1366px ){
          .nav li{ padding: 0 18px;}
	      .ind-banner .one{ margin-left: -560px;}
	}

@media screen and ( max-width:1004px ){
	.wal, .wal2{width:100%;}
	.w285, .w848, .w740{ width: 100%;  }
	.PC-Box, .nav, .headDiv .topRight, .footNav, .ind-banner, .pageBanner, .pageNav, .pageNum, .w400{ display:none;}
	.Phone-Box, .navIco, .shopIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.headDiv{ height:50px; position:relative; background: #fff;}
	.headDiv.hov{background:#fff;} 
	.headDiv .wal{ height:50px;}
	.headDiv .logo{ left:8px; top:8px;}
	.headDiv .logo img{ width: 70px; }
	.indexTitle{ padding-bottom: 15px; line-height:65px;}
	.indexTitle .txt{ font-size: 20px; line-height: 20px;}
	.indexTitle .limg img{ height: 22px;}
    .indexTitle .limg{ font-size: 32px;}
	.indexPart1{ padding: 40px 10px; }
	.indexPart1 .box1{ padding-top: 25px;}
	.indexPart1 .box1 .imgDiv{ width: 42%; }
	.indexPart1 .box1 .imgDiv img{ width: 100%; }
	.indexPart1 .box1 .content{ width: 54%; padding-top: 10px; line-height: 20px; height: 100px; overflow: hidden; font-size: 12px; }
	.indexPart1 .box1 .kouhao{ left: 10%; bottom: 5%; letter-spacing: 0; width: 90%; height: 50px; font-size: 16px; line-height: 50px;}
	.indexPart1 .box2 .limg{  left: 0; top: 20%; }
	.indexPart1 .box2 .limg img{ width: 42%; }
	.indexPart1 .box2 .imgDiv{ width: 54%; }
	.indexPart1 .box2 .imgDiv img{ width: 100%; }
	.indexPart1 .box2 .btnDiv{  margin-left: -50px; }
	.indexPart1 .box2 .btnDiv a{ width: 100px; height: 30px; line-height: 30px; font-size: 13px; text-indent: 12px; background: #f7f7f7 url(../images/nimg10_1.png) 80px center no-repeat; }
	.indexPart1 .box2 .btnDiv a:hover{ background: #07a73c url(../images/nimg10_1on.png) 80px center no-repeat; }
	.indexPart2{ padding: 40px 10px 35px; }
	.indexProduct{ padding-top: 35px; }
	.indexProduct .slick{ margin: 0; }
	.indexProduct .slick.other{ padding-top: 0; }
	.indexProduct .slick .name{ padding-top: 15px; height: 24px; line-height: 24px; font-size: 20px; }
	.indexProduct .slick .type{ font-size: 14px; padding-bottom: 25px; }
	.indexProduct .slick-dots{ padding-top:30px;}
	.indexProduct .slick-dots li{ margin:0 10px; width:36px; height:2px;}

	.indexPart2 .moreBtn{ padding-top: 35px; }
	.indexPart3{ padding: 40px 10px 35px; }

    	.indexPart3 .listBox{ padding-top: 28px; }
	.indexPart3 .listBox ul{ margin-right:-10px;}
	.indexPart3 .listBox li{ width:50%; margin-bottom:12px;height:130px }
	.indexPart3 .listBox li .box{ margin-right:10px;}
	.indexPart3 .listBox li .imgDiv img{ width:100%;}
	.indexPart3 .listBox li .name{ width: 134px; height: 32px; padding-left: 10px; font-size: 12px;}
	.indexPart3 .listBox li .name p{ padding-left: 14px; background:url(../images/nimg12_1.png) no-repeat left center; line-height:32px; }

	.indexPart4{ padding: 35px 10px; }
	.indexPart4 .list{ margin-top: 25px;}
	.indexPart4 .list li{ height: 100px; }
	.indexPart4 .list li a{ height: 100px; padding-left: 130px;}
	.indexPart4 .list li .imgDiv{ left: 0px; top: 15px; }
	.indexPart4 .list li .imgDiv img{ width: 120px;height:67px; }
	.indexPart4 .list li .time{ font-size: 12px; padding-top: 14px; }
	.indexPart4 .list li .name{ padding-top: 10px; font-size: 16px;  height: 48px; line-height: 24px; }
	.indexPart4 .list li .content{ display: none; }
	.indexPart4 .moreBtn{ padding-top: 25px; }
	.footDiv{ padding: 10px; height:auto;}
	.footDiv .leftDiv, .footDiv .rightDiv{ height: auto; float: none; }
	.footDiv .logo, .footDiv .msgList{ display: none; }
	.footDiv .msg{ padding-top: 0px; }
	.footDiv .share{ position: relative; bottom: 0px; padding-top: 10px;}
	.footDiv .share li{ margin-left: 0px; margin-right: 10px;}
	.pageBox{ padding: 30px 10px 50px; }
	.proSearch{ margin-bottom: 30px; }
	.proLeft .txt{ font-size: 18px; }
	.proLeft .list{ padding-top: 25px; width: auto; overflow: hidden;}
	.proLeft .list li{ float: left; margin-bottom: 12px; font-size: 14px; margin-right: 10px;}
	.proLeft .list li a{ height: 32px; line-height: 32px; border-bottom: #fff solid 1px;}
	.proLeft .list li a:hover, .proLeft .list li .aNow{ border-bottom: #07a73c solid 1px;  }
	.product{ padding-bottom: 35px; }
	.product ul{ margin-right: -10px; }
	.product li{ width: 100%; margin-bottom: 10px;}
    .product li .imgDiv{ height:auto;}
	.product li .box{ margin-right: 10px; }
	.product li .botDiv{ padding: 0 10px; height: 80px }
	.product li .name{ padding-top: 15px; height: 24px; line-height: 24px; font-size: 16px; }
	.product li .type{ font-size: 13px;  }
	.productPart2{ padding-top: 35px; }
	.productPart2 .tab2 li{ font-size: 15px; width: auto; margin-right: 15px; height: 36px; line-height: 22px;}
	.productPart2 .box1{ padding-top: 35px; }
	.productPart2 .box1 img{ width: 100%; }
	.productPart2 .box2{ padding: 20px 0 0 0; }
	.productPart2 .box2 li{ margin-bottom: 15px;}
	.productPart2 .box3{ padding-top: 35px; }
	.productPart2 .box3 img{ width: 100%; }
	.productPart2 .box4{ padding-top: 25px; }
	.productPart2 .box4 th{ height: 50px; font-size: 15px; width: 20%;}
	.productPart2 .box4 td{ height: auto; padding: 12px 0; line-height: 24px; font-size: 13px; }
	.scenario{ padding: 0 0 20px; }
	.scenario .list ul{ margin-right: -10px; }	
	.scenario .list li{ width: 50%; margin-bottom: 20px; }
    .scenario .list li .imgDiv img {width:100%;height:150px;}
	.scenario .list li .box{ margin-right: 10px; }
	.scenario .list li .name{ padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
	.scenario .list li .name p{ padding-left: 20px;}
	.about{ padding-top: 0; }
	.about .leftDiv{ width: 100%; float: none; }
	.about .txt{ font-size: 30px; line-height: 30px; padding-bottom: 15px; }
	.about .name{ font-size: 18px; padding-bottom: 30px; }
	.about .contentBox{ padding: 25px 22px 30px; }
	.about .msg{ padding-top: 20px; font-size: 16px; }
	.about .rightImg{ padding-top: 20px; float: none; }
	.about .rightImg img{ width: 100%; }
	.culture{ padding-top: 0; }
	.culture .leftCon{ width: 100%; padding-top: 20px; }
	.culture .txt{ font-size: 20px; padding-bottom: 20px; }
	.culture .rightImg{ padding-top: 20px; }
	.culture .rightImg img{ width: 100%; }
	.culture .part2{ padding-top: 20px; }
	.culture .part2 ul{ margin-right: 0px; }
	.culture .part2 li{ float: none; width: 100%; margin-bottom: 20px; }
	.culture .part2 .li01{ width: 100%; }
	.culture .part2 li .box{ margin-right: 0px; padding: 0 20px; }
	.culture .part2 li .wen{ padding-top: 20px; font-size: 16px; }
	.culture .part2 li .msg{ padding-top: 15px; }
	.culture .part2 li .msg em{ padding-left: 20px; }
	.history{ padding-top: 0px; }
	.history .mxfDiv{ padding: 95px 0 0; }
	.history .mxfDiv .wen{ display: none; }
	.history .mxfDiv .yearDiv{  width: 120px; }
	.history .mxfDiv .bigRound{ width: 120px; height: 120px; }
	.history .mxfDiv .bigRound .num{ font-size: 36px; line-height: 36px; padding-top: 25px; }
	.history .mxfDiv .bigRound p{ font-size: 20px; line-height: 20px; padding: 5px 0 0 20px; }
	.history .mxfDiv .littleRound{ width: 28px; height: 28px;}
	.history .mxfDiv .content{ padding: 30px 15px;}
	.history .tab{ margin-top: 30px;}
	.history .tab:before{ height: 10px;}
	.history .tab li{ padding-top: 25px; font-size: 15px; }
	.history .tab li:before{  height: 10px;}
	.network{ padding-top: 0; }
	.network .imgDiv{ padding-bottom: 30px; }
	.network .imgDiv img{ width: 100%; }
	.network .txt{ font-size: 20px; height: 50px; }
	.network .txt:after{ margin-left: -18px; width: 36px; height: 3px; }
	.network .tel{ padding-top: 30px; font-size: 38px; }
	.honor{ padding: 0 0 35px; }
	.honor .list li{ width: 50%; }
	.honor .list li .box{ height: auto; padding: 0 10px; }
	.honor .list li .imgDiv{ padding-top: 15px; }
	.honor .list li .name{ height: 40px; line-height: 40px; font-size: 15px; }
	.letter{ padding-top: 0; }
	.letter .contentBox{ padding: 30px 15px; }
	.letter .txt{ font-size:24px; padding-bottom: 25px;}
	.aftersales{ padding-top: 0px; }
	.aftersales .contentBox{ padding: 25px 15px 40px; }
	.aftersales .leftDiv{ width: 100%; float: none; }
	.aftersales .rightImg{ display: none; }
	.aftersales .txt{ font-size: 18px; padding-bottom: 15px; }
	.aftersales .form li{ margin-bottom: 15px; }
	.aftersales .form li .box{ padding-left: 76px; height: 44px;}
	.aftersales .form .li01 .box{ height: 150px; }
	.aftersales .form li .wen{ line-height: 44px; font-size: 14px; }
	.aftersales .form li .input1{ height: 44px; line-height: 44px; }
	.aftersales .form li textarea{ width: 100%; height: 150px; }
	.aftersales .btnDiv{ padding-top: 15px; }
	.aftersales .btnDiv a{ width: 164px; height: 40px; line-height: 40px; border-radius: 30px; -moz-border-radius: 30px; }
	.news{ padding: 0 0 35px;}
	.news .list li{ height: 100px; }
	.news .list li a{ height: 100px; padding-left: 130px;}
	.news .list li .imgDiv{ left: 0px; top: 15px; }
	.news .list li .imgDiv img{ width: 120px; }
	.news .list li .time{ font-size: 12px; padding-top: 14px; }
	.news .list li .name{ padding-top: 10px; font-size: 16px;  height: 48px; line-height: 24px; }
	.news .list li .content{ display: none; }
	.newsBox .touDiv{ padding: 30px 10px 20px; }
	.newsBox .touDiv .name{ font-size: 18px; padding-bottom: 15px; }
	.newsBox .touDiv .tjDiv{ height: auto;  }
	.newsBox .touDiv .time{ line-height: 30px; font-size: 14px; padding-bottom: 10px; }
	.newsBox .touDiv .time em{ padding-right: 20px; }
	.newsBox .touDiv .share{ position: relative; padding-left: 50px;}
	.newsBox .touDiv .share em{ line-height: 30px; }
	.newsBox .touDiv .share li img{ width: 30px; }
	.newsBox .botDiv{ padding: 30px 10px 40px; }
	.newsBox .botDiv .content{ line-height: 26px; }
	.newsBox .botDiv .imgDiv{ padding: 20px 0; }
	.newsBox .botDiv .content img{ width: 100%; }
	.pageDown .box{ padding-top:25px;}
	.pageDown .btn{position:relative; top: 0px; right: auto; margin-top:20px; width:101px; height:38px; background-size: 101px; text-indent:25px; line-height:38px; font-size:14px;}
	.pageDown .btn:hover{ background-size: 101px;}
	.pageDown li{ height:30px; line-height:30px; overflow:hidden; position:relative; font-size:14px;}
	.contact{ padding: 0 0 50px; }
	.contact .name{ font-size: 20px;  }
	.contact .wen{ font-size: 14px; }
	.contact .mxfDiv{ padding-top: 40px; }
	.contact .leftDiv{ width: 100%; float: none; margin-right: 0; padding-bottom: 35px; }
	.contact .midDiv{ width: 100%; float: none; padding-bottom: 35px;}
	.contact .rightDiv{ width: 100%; float: none; }
	.contact .title{ height: 40px; font-size: 18px; }
	.contact .msgList{ padding-top: 25px; }
	.contact .msgList li{ line-height: 26px; font-size: 14px; }
	.contact .btnDiv{ padding-top: 25px; }
	.contact .btnDiv a{ width: 154px; height: 40px; line-height: 40px; }
	.contact .ewm{ padding-top: 26px; }
	.contact .btnGroup{ padding-top: 26px; }
	.contact .btnGroup li{ margin-bottom: 15px; }
	.contact .btnGroup li a{ display: block; width: 152px; height: 38px; line-height: 38px; text-indent: 52px; background: #fafafa url(../images/nimg22_3.png) 22px center no-repeat; background-size: 16px; }
	.contact .btnGroup li a:hover{ background: #07a73c url(../images/nimg22_3on.png) 22px center no-repeat; background-size: 16px;}
	.scenarioBox .touDiv{ padding: 30px 10px; }
	.scenarioBox .touDiv .name{ font-size: 18px; }
	.scenarioBox .botDiv{ padding: 30px 10px 40px; }
	.scenarioBox .part1{ padding-bottom: 40px; }
	.scenarioBox .leftDiv{ width: 100%; float: none; }
	.scenarioBox .txt{ font-size: 16px;  }
	.scenarioBox .content{ font-size: 14px; line-height: 24px; }
	.scenarioBox .title{ font-size: 16px; padding-bottom: 25px; }
	.scenarioBox .list ul{ margin-right: -10px; }
	.scenarioBox .list li{ width: 50%; margin-bottom: 25px; }
	.scenarioBox .list li .box{ margin-right: 10px; }
	.scenarioBox .list li .wen{ padding: 18px 0 10px; font-size: 13px; }
	.scenarioBox .list li .name{ font-size: 16px; height: 26px; line-height: 26px; }
	.scenarioBox .list li .type{ font-size: 12px; }
	.scenarioBox .rightDiv{ width: 100%; float: none; padding-top: 25px;}
	.economic{  width: 100%;}
	.economic .swiper-slide { min-height: auto; }
	.economic .swiper-slide .img { width: auto;}
	.economic .swiper-slide .img img{ width: 100%; height:auto;}
	.economic .list { width: 100%; left: 0; }
	.economic .swiper-slide-active .img {width: 100%; opacity: 1;}
    .footDiv .ewmDiv{ display:none;}
    .visionLayer {
        width: 100%;
    }
	}