﻿/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	.wal{width:1460px; margin:0px auto;}
	.indexPart3 .leftDiv{ width:40%;}
	.indexPart3 .rightDiv{ width:50%;}
	.indexPart5 .leftDiv{ width:50%;}
	.indexPart5 .rightDiv{ width:40%;}
	}

@media screen and ( max-width:1440px ){
	.wal{width:1200px; margin:0px auto;}
	.indexPart3 .leftDiv .txt1{ font-size:32px;}
	.indexPart3 .leftDiv .txt2{ font-size:16px;}
	.indexPart3 .leftDiv .btnDiv{ top:28px;}
	.indexPart3 .rightDiv .topDiv{ height:142px;}
	.indexPart3 .rightDiv .txt1{ font-size:32px; padding-top:20px;}
	.indexPart3 .rightDiv .txt2{ font-size:16px;}
	.indexPart4 .indexTitle{ top:20%;}
	.indexPart5 .leftDiv .topDiv{ height:142px;}
	.indexPart5 .leftDiv .txt1{ font-size:32px; padding-top:20px;}
	.indexPart5 .leftDiv .txt2{ font-size:16px;}
	.indexPart5 .rightDiv .txt1{ font-size:32px;}
	.indexPart5 .rightDiv .txt2{ font-size:16px;}
	.indexPart5 .rightDiv .btnDiv{ top:28px;}
	
	}

@media screen and ( max-width:1366px ){
	.indexPart3 .wal{ width:1100px;}
	.indexPart4 .msg{ top:45%;}
	.indexPart4 .content{ top:55%; }
	.indexPart4 .btnDiv{ top:72%;}
	.indexPart5 .wal{ width:1100px;}

	}	
	
@media screen and ( max-width:1004px ){
	.wal, .wal2, .w860{ width: 100%; }
	.headDiv{ height:60px; z-index: 10;}
	.headDiv .wal{ height:60px;}
	.headDiv .logo{ left:50%; margin-left:-19px; top:5px;}
	.headDiv .logo img{ width: 38px; }
	.headDiv .links{ position: absolute; left: 45px; top: 0px; padding-top:0px; height:60px; line-height:60px;}
	.headDiv .links a{ padding:0 6px;}
	.w296, .PC-Box, .headDiv .topRight, .footNav, .nav1, .nav2, .banner, .pageNav, .pageNum, .headDiv .shopLinks, .btnLayer, .productNav, .productNav2, .fenlie_list{ display: none; }
	.Phone-Box, .bannerTel, .navIco, .searchIco, .headDiv .shopTel, .pageTitleTel, .pageMore{ display: block; }
	.indexTitle .txt1{ font-size:24px; }
	.indexTitle .txt2{ font-size:14px; padding:5px 0 12px;}
	.indexTitle .txt2 em{ margin-left:-12px; width:24px;}
	.indexPart1{ padding:35px 0 0;}
	.indexPart2{ padding:35px 0 0;}
	.indexPart2 .bigBox{ padding-top:30px;}
	.indexPart2 .bigBox li{ width:50%;}
	.indexPart2 .bigBox li .imgDiv img{ width:100%;}
	.indexPart2 .bigBox li .lBox{ margin-left:-30px; width:60px; height:90px; margin-top:-45px;}
	.indexPart2 .bigBox li .ico img{ width: 60px; }
	.indexPart2 .bigBox li .name1{ font-size:14px; padding-top:6px;}
    .indexPart2 .bigBox li .content{  height:5px;}
	.indexPart3{ padding:35px 0 60px;}
	.indexPart3 .wal{ width:100%;}
	.indexPart3 .leftDiv{ width:auto; float: none; padding: 0 10px;}
	.indexPart3 .leftDiv .botDiv{ display: none; }
	.indexPart3 .leftDiv .txt1{ font-size:24px; text-align: center;}
	.indexPart3 .leftDiv .txt2{ font-size:14px; padding:5px 0 12px; text-align: center;}
	.indexPart3 .leftDiv .txt2 em{ left:50%; margin-left: -15px;}
	.indexPart3 .leftDiv .content{ padding-top:10px; font-size:12px; line-height:22px; height:auto; padding-bottom: 20px;}
	.indexPart3 .leftDiv .btnDiv{ position:absolute; right:0px; top:33px;}
	.indexPart3 .leftDiv .btnDiv a{ display:block; width:110px; height:36px; background:#ec708a; border-radius:20px; -moz-border-radius:20px; color:#fff; text-align:center; font-size:14px; line-height:36px;}
	.indexPart3 .leftDiv .btnDiv a:hover{ text-decoration:underline;}
	.indexPart3 .rightDiv{ width:100%; padding-top: 35px;}
	.indexPart3 .rightDiv .topDiv{ height:auto; padding-bottom: 25px;}
	.indexPart3 .rightDiv .txt1{ font-size:24px; padding-top:0px; text-align: center;}
	.indexPart3 .rightDiv .txt2{ font-size:14px; padding:5px 0 12px; text-align: center;}
	.indexPart3 .rightDiv .txt2 em{ left:50%; margin-left: -15px;}
	.indexNews .slick .name{ font-size:16px; padding-top:15px; padding-right:80px; padding-left: 10px;}
	.indexNews .slick .name a{ height:30px; line-height:30px;}
	.indexNews .slick .content{ font-size:13px; height:44px; line-height:22px; padding:0 10px;}
	.indexNews .slick .time{ font-size:12px; padding-left: 10px; padding-top: 8px;}
	.indexNews .slick-prev{ bottom:75px; right:45px;}
	.indexNews .slick-next{ bottom:75px; right:10px;}
	.indexPart4 .indexTitle{ top:10%;}
	.indexPart4 .msg{  left:5%; width:90%; top:33%; font-size:16px;}
	.indexPart4 .content{ left:5%; width:90%; font-size:12px; line-height:20px; height: 40px; overflow: hidden; padding-bottom:0;}
	.indexPart5{ padding:0 0 50px;}
	.indexPart5 .wal{ width:100%;}
	.indexPart5 .rightDiv{ float: none; width:auto; padding: 35px 10px 0;}
	.indexPart5 .rightDiv .botDiv{ padding-top:15px;}
	.indexPart5 .rightDiv .imgDiv{ margin-top: 25px; }
	.indexPart5 .rightDiv .txt1{ font-size:24px; text-align: center;}
	.indexPart5 .rightDiv .txt2{ font-size:14px; text-align: center; padding:5px 0 12px;}
	.indexPart5 .rightDiv .txt2 em{ left:50%; margin-left: -15px;}
	.indexPart5 .rightDiv .content{ padding-top:10px; font-size:13px; line-height:24px; height:auto; left:-10px;}
	.indexPart5 .rightDiv .content em{ padding:0 10px;}
	.indexPart5 .rightDiv .content2{ font-size:13px; line-height:24px; height:auto;}
	.indexPart5 .rightDiv .content2 em{ padding:0 10px;}
	.indexPart5 .rightDiv .tel{ bottom:40%; font-size:16px; line-height:32px;}
	.indexPart5 .leftDiv{ width:auto; float: none;}
	.indexPart5 .leftDiv .topDiv{ height:auto; padding-bottom: 25px;}
	.indexPart5 .leftDiv .txt1{ font-size:24px; text-align: center; padding-top:35px;}
	.indexPart5 .leftDiv .txt2{ font-size:14px; padding:5px 0 12px; text-align: center;}
	.indexPart5 .leftDiv .txt2 em{ left: 50%; margin-left: -15px;}
	.indexAct .slick .name{ font-size:16px; padding-top:15px; padding-right:80px; padding-left: 10px;}
	.indexAct .slick .name a{ height:30px; line-height:30px;}
	.indexAct .slick .content{ font-size:13px; height:44px; line-height:22px; padding:0 10px;}
	.indexAct .slick .time{ font-size:12px; padding-left: 10px; padding-top: 8px;}
	.indexAct .slick-prev{ bottom:75px; right:45px;}
	.indexAct .slick-next{ bottom:75px; right:10px;}
	.footDiv{ padding:45px 10px; height:auto;}
	.footDiv .wal{ height:auto;}
	.footDiv .ewmDiv{ float: none; width: 143px; margin: 0 auto; }
	.footDiv .ewmDiv .ewm{ border:#dfe0e1 solid 1px;}
	.footDiv .ewmDiv p{ font-size:13px; padding-top:15px; }
	.footDiv .rightDiv{ width:100%; float: none;}
	.footDiv .share{ float: none; text-align: center; padding:35px 0 20px;}
	.footDiv .share li{ float:none; display: inline-block; margin:0 6px;}
	.footDiv .link2{ float:none; margin: 0 auto; height:40px; line-height:40px;}
	.footDiv .link2 .name{height:40px;}
	.footDiv .link2 dl{bottom:40px;}
	.footDiv .link2 a{ height:30px; line-height:30px;}
	.footDiv .links{ padding:30px 0 15px; text-align: center;}
	.footDiv .links a{ font-size:13px; padding:0 8px;}
	.footDiv .msg{ font-size:13px; text-align: center;}
	.pageBanner .txtDiv{ margin-top:-23px; height:46px; background: none;}
	.pageBanner .txt1{ font-size:24px; line-height: 24px; padding:0 0 5px;}
	.pageBanner .txt2{ font-size:14px;}
	.pageBox, .pageBox2{ padding:35px 0;}
	.product{ padding: 0 10px; }
	.product .list ul{ margin-right:0px;}
	.product .list li{ float:none; width:100%; margin-bottom:25px;}
	.product .list li .box{ margin-right:0px;}
	.product .list li .hideBox{ position:absolute; left:0px; top:0px; width:100%; display:none; background:url(../images/bg2.png) repeat; z-index:22;}
	.product .list li .name{ font-size:18px;}
	.product .list li .content{ display: none; }
	.product .list li .price{ font-size:16px; }
	.product .list li .btnDiv{ width:100px; height:30px; }
	.product .list li .btnDiv a{ width:100px; height:30px; line-height:30px;}
	.productShow{ padding-top:35px;}
	.productShow .part1{ height:auto; padding: 0 10px;}
	.productShow_2{ width:100%; height:auto; padding-bottom: 40px;}
	.productShow_2 .name{ font-size:22px; padding-bottom:15px;}
	.productShow_2 .msg{ font-size:15px; line-height:26px; height:auto;}
	.productShow_2 .txt{ font-size:13px;}
	.productShow_2 .price{ font-size:18px;}
	.productShow_2 .size li{ margin:0 10px 10px 0;}
	.productShow_2 .btnDiv a{ width:118px; height:36px; line-height:36px;}
	.productShow_2 .btnDiv img{ padding-left:10px;}
	.productShow_2 .botDiv{ font-size:13px; }
	.productShow_2 .kefu{ padding-right:15px;}
	.productShow_2 .kefu img{ padding-left:10px;}
	.productShow_2 .share{ padding-left:60px;}
	.productShow_2 .share li{ margin-right:12px;}
	.productShow_2 .share em{ left:10px;}
	.productShow .part2{ padding:40px 10px 65px;}
	.productShow .part2 .title{ font-size:20px; padding-bottom:20px;}
	.productShow .part2 .videoImg img{ width: 100%;}
	.productShow .part3{ padding:40px 10px 60px;}
	.productShow .part3 .title{ font-size:20px;}
	.productShow .part3 .msg{ padding-bottom:15px; font-size:14px;}
	.productShow .part3 .imgDiv img{ width:100%;}
	.productShow .part3 .btnDiv{ padding-top:45px; width:166px;}
	.productShow .part3 .btnDiv a{ width:166px; height:40px; line-height:40px;}
	.productShow .part3 .btnDiv img{ padding-right:12px;}
	.process{ padding:0 10px 50px;}
	.process .imgDiv img{ width: 100%;}
	.advantage{ padding: 0 10px; }
	.advantage .title{ font-size:18px; height:28px; line-height:28px; margin-bottom:25px;}
	.advantage .txt{ font-size:16px; line-height:30px; padding-bottom:20px;}
	.advantage .content{ font-size:13px; line-height:24px; padding-bottom:30px;}
	.advantage .part1{ padding-right:0px; padding-bottom:40px;}
	.advantage .part1 .imgDiv{ position:relative; padding-top: 25px;}
	.advantage .part1 .imgDiv img{ width: 100%; }
	.advantage .part1 .name{ font-size:16px; padding-bottom:20px;}
	.advantage .part1 .wenzi{ font-size:14px;}
	.advantage .part2{ padding-left:0; padding-bottom:40px;}
	.advantage .part2 .imgDiv{ position:relative; padding-top: 25px;}
	.advantage .part2 .imgDiv img{ width: 100%; }
	.advantage .part2 .name{ font-size:16px; padding-bottom:20px;}
	.advantage .part2 .wenzi{ font-size:14px;}
	.advantage .imgList{ padding-bottom: 30px; }
	.advantage .imgList ul{ margin-right: 0px; }
	.advantage .imgList li{ float: none; width: 100%; margin-bottom: 10px; }
	.advantage .imgList li .box{ margin-right: 0px; }
	.advantage .imgList li img{ width: 100%; }
	.advantage .part4{ padding-left: 0; }
	.advantage .part4 .imgDiv{ position: relative; padding-bottom: 25px;}
	.advantage .part4 .imgDiv img{ width: 100%; }
	.advantage .part4 .wen{ font-size: 14px; line-height: 24px; }
	.contact{ padding: 0 10px; }
	.contact .bigImg img{ width: 100%; }
	.contact .list{ padding-top:30px;}
	.contact .list ul{ margin-left:-60px;}
	.contact .list li{ float:none; width:100%; margin-bottom:25px;}
	.contact .list li .name{ font-size:18px;}
	.contact .list li .msg{ font-size:14px;}
	.contact .contentDiv{ padding-top:48px; }
	.contact .imgDiv{ float: none; }
	.contact .imgDiv img{ width: 100%; }
	.contact .neirong{ float: none; padding-left:0px; width:auto; padding-top: 25px;}
	.contact .txt{ font-size:18px;}
	.contact .content{ font-size:14px; padding-bottom:30px;}
	.story{ padding:0 10px 40px; }
	.story .content{ width:auto; font-size:14px; float: none;}
	.story .imgDiv{ float: none; padding-top: 25px; }
	.story .imgDiv img{ width: 100%; }
	.activity{ padding: 0 10px; }
	.activity .list{ padding-bottom:0px;}
	.activity .list li{ height:auto; padding:0 0 40px 0; margin-bottom:24px;}
	.activity .list li .imgDiv{ position:relative; }
	.activity .list li .imgDiv img{ width:100%;}
	.activity .list li .name{ padding:20px 10px 0; font-size:18px; line-height:24px; height:48px;}
	.activity .list li .time{ padding:8px 10px; font-size:13px;}
	.activity .list li .content{ padding: 0 10px; font-size:12px; line-height:22px; height:66px;}
	.activity .list li .btnDiv{ padding-top:20px; padding-left: 10px;}
	.about{ padding:35px 0 0;}
	.about .part1{ padding:0 10px 35px;}
	.about .part1 .txt{ font-size:16px; line-height:38px;}
	.about .part1 .txt em{ font-size:28px;}
	.about .part2{ height:auto; padding: 0 10px 50px; background-size:100% 100%;}
	.about .part2 .ico{ padding:56px 0 25px;}
	.about .part2 .ico img{ width: 80px; }
	.about .part2 .content{ font-size:14px; line-height:26px; }
	.about .part3{ font-size:24px; padding:35px 10px;}
	.news{ padding: 0 10px}
	.news .list{ padding:0 0 20px;}
	.news .list ul{ margin-right:0px;}
	.news .list li{ float:none; width:100%; margin-right:0px; margin-bottom:0px; margin-bottom: 25px;}
	.news .list li .imgDiv img{ width: 100%; }
	.news .list li .name{ padding:20px 10px 0; font-size:16px; line-height:24px; height:48px; overflow:hidden;}
	.news .list li .time{ padding:12px 10px;}
	.news .list li .content{ line-height:18px; height:36px; padding: 0 10px;}
	.news .list li .more{ padding:20px 10px 0;}
	.newShow{ padding:0 10px;}
	.newShow .name{ font-size:16px; padding-bottom:15px;}
	.newShow .time em{ font-size:12px;}
	.newShow .content{ font-size:13px; line-height:26px; padding:25px 0;}
    .newShow .content img{ width:100%;}
	.newShow .content b{ font-size:16px;}
	.newShow .content p{ padding-bottom:20px;}
	.newShow .imgDiv img{ width: 100%;}
	.pageDown{height:auto; padding:0 10px 15px;}
	.pageDown .box{ padding-top:25px;}
	.pageDown .btn{position:relative; top:0px; margin-top: 20px;}
	.lyb{ padding:0 10px 50px;}
	.lyb .msg{ font-size:14px; padding-bottom:30px;}
	.lyb .contentBox{ padding:20px 15px 40px; height:auto;}
	.lyb .topDiv{ height:35px;}
	.lyb .title{ height:35px; font-size:16px;}
	.lyb .tips{ top:8px; }
	.lyb .form{ padding-top:30px;}
	.lyb .leftDiv{ width:100%; float: none;}
	.lyb .leftDiv li{ height:50px;}
	.lyb .leftDiv li .input1{ width:100%; }
	.lyb .rightDiv{ float: none; width:auto;}
	.lyb .btnDiv{ padding-top:20px;}
	.lyb .imgDiv{ padding-top:20px;}
	.lyb .imgDiv img{ width:100%;}
	}