/*! www.vancheer.com  |  Powered by vancheer */  
@media screen and (max-width: 800px){
	body{ background:#fff;}
	.wal, .wal2{ width:100%}
	.w1218{ width:100%;}
	.headDiv{ height:60px; border-bottom:none;}
	.headDiv .logo{ left:10px; top:16px;}
	.headDiv .logo img{ width:260px;}
	.headDiv .nav, .topSearch, .headDiv .topRight, .classLayer, .indexPart1, .indexPart4, .pageBanner, .w270, .pageNow, .pageNum, .pageClass, .pageTitle, .headDiv .lanDivPC{ display:none;}
	.indexFlashTel, .pageTitleTel, .pageMore, .headDiv .lanDiv{ display:block;}
	.navIco{ display:block; position:absolute; right:10px; top:17px;}
	.indexPart2{ padding:0 10px;}
	.indexPart2 .titleDiv{ height:auto; line-height:24px; background:none; font-size:14px; margin-bottom:0px;}
	.indexPart2 .titleDiv em{ background:none;}
	.indexPart2 .titleDiv span{ display:none;}
	.indexPart2 .titleDiv b{ font-size:20px; padding-right:0px; text-align:center; display:block;}
	.indexPart2 .contentBox{ display:none;}
	.indexPart2 .contentBoxTel{ display:block;}
	.indexPart3{ padding:30px 10px;}
	.indexPart3 .fl, .indexPart3 .fr{ float:none;}
	.indexPart3 .titleDiv, .indexPart3 .leftDiv{ display:none;}
	.indexPart3 .rightDiv{ width:auto; height:364px; background:#fcfbfb;}
	.indexPart3 .rightDiv .txt{ font-size:18px;}
	.indexPart3 .form{ padding:0; width:270px; margin:0 auto;}
	.indexPart3 .form li{ height:64px; float:none; width:100%;}
	.indexPart3 .form .li01{ width:100%;}
	.indexPart3 .form .li02{ width:100%; margin-right:0px;}
	.indexPart3 .form .li03{ width:100%; margin-right:0px;}
	.indexPart3 .form .input1{ width:100%;}
	.indexPart3 .form .input2{ width:100%;}
	.indexPart3 .form .input3{ width:100%;}
	.indexPart3 .form .selectDiv{ width:100%;}
	.indexPart3 .btnDiv{ padding:25px 0 0; width:270px; margin:0 auto;}
	.indexPart5{ padding:0 10px;}
	.indexPart5 .titleDiv{ height:auto; line-height:24px; background:none; font-size:14px; margin-bottom:0px;}
	.indexPart5 .titleDiv em{ background:none;}
	.indexPart5 .titleDiv span{ display:none;}
	.indexPart5 .titleDiv b{ font-size:20px; padding-right:0px; text-align:center; display:block;}
	.indexPart5Pic{ margin:0; padding-top:40px;}
	.indexPart5Pic .slick{ margin:0 10px; position:relative; padding-bottom:10px;}
	.indexPart5Pic .slick-dots{ position:absolute; right:0px; top:0px; text-align:center; width:100%;}
	.indexPart6{ padding:0 10px 40px;}
	.indexPart6 .txt{ padding-top:35px; border-top:none; height:auto; font-size:12px; margin-bottom:20px;}
	.indexPart6 .txt img{ padding-right:10px; position:relative; top:-2px;}
	.indexPart6 .formDiv .input1{ width:200px;}
	.indexPart6 .formDiv .btn1{ font-size:14px; padding:0; width:80px; height:42px;}
	.footDiv{ padding:25px 10px;}
	.footDiv .fl, .footDiv .fr{ float:none;}
	.footNav li{ width:40%; margin-right:10%;}
	.footNav li:last-child{ width:130px;}
	.footNav li h3{ font-size:12px; margin-bottom:16px;}
	.footNav li dl{ display:none;}
	.footDiv .rightDiv{ padding-right:0px; width:100%; text-align:center; padding-top:20px;}
	.footDiv .rightDiv li{ float:none; display:inline-block; width:32px; height:32px; margin:0 5px;}
	.foot{ height:auto; line-height:24px; padding:12px 0;}
	.pageBox{ padding:30px 10px 60px;}
	.about{ padding:0;}
	.about .txt{ padding-bottom:25px;}
    .about .content img { width: 100%; }
    .about .btnDiv { text-align: center; }
    .about .btnDiv a { margin: 0 auto; }
	.group{ padding:0;}
	.group .txt{ padding-bottom:25px;}
	.group .imgDiv img{ width:100%;}
	.speech{ padding:0;}
	.speech .title{ padding-bottom:26px;}
	.speech .part1{ min-height:485px; padding-left:0px;}
	.speech .part1 .imgDiv{ position:relative; margin:0 auto; width:280px;}
	.speech .part1 .imgDiv img{ width:280px;}
	.speech .part1 .name{ padding:45px 0 15px; font-size:20px;}
	.speech .part1 .name b{ font-size:24px;}
	.speech .part1 .name em{ display:none;}
	.speech .part1 .txt{ padding:10px 0 30px;}
	.team{ padding:0;}
	.team .list li{ height:129px; padding-left:155px;}
	.team .list li .imgDiv{ top:15px;}
	.team .list li .imgDiv img{ width:140px; height: 100px; }
	.team .list li .name{ padding:18px 0 8px; font-size:16px;}
	.team .list li .btnDiv{ display:none;}
	.product{ padding:0;}
	.product .part1{ display:none;}
	.product .screenBtn{ display:block;}
	.product .list1 ul{ margin:0 -5px;}
	.product .list1 li{ width:50%; margin-bottom:10px;}
	.product .list1 li .box{ position:relative; margin:0 5px; border:#dcdcdc solid 1px;}
	.product .list1 li .botDiv{ padding:15px 10px 20px; background:#fff; border:none;}

    .product .list1 .prdPicCtn { width: 100%; height: auto; border: 0px; margin: 0px; padding: 0px; }
    .product .list1 .prdPicCtn td { width: 100%; height: auto; border: 0px; margin: 0px; padding: 0px; text-align: center; overflow: hidden; }
    .product .list1 .prdPicCtn img.style0 { width: 100%; height: auto; }
    .product .list1 .prdPicCtn img.style1 { width: 100%; height: auto; }
    .product .list1 .prdPicCtn img.style2 { width: auto; height: auto; }


	.product .list2{ margin:0;}
	.product .list2 li{ height:108px; padding-left:132px;}
	.product .list2 li .imgDiv img{ width:120px;}



    .product .list2 .prdPicCtn { width: 120px; height: 108px; border: 0px; margin: 0px; padding: 0px; }
    .product .list2 .prdPicCtn td { width: 120px; height: 108px; border: 0px; margin: 0px; padding: 0px; text-align: center; }
    .product .list2 li .imgDiv img.style0 { width: 120px; height: 108px; }
    .product .list2 li .imgDiv img.style1 { width: 120px; height: auto; }
    .product .list2 li .imgDiv img.style2 { width: auto; height: 108px; }


	.product .list2 li .name{ padding-top:5px; font-size:16px; margin-bottom:5px;}
	.product .list2 li .txt{ display:none;}
	.product .list2 li .msg{ font-size:14px; color:#666; height:36px; margin-bottom:3px;}
	.product .list2 li .btnDiv{ display:block;}
	.product .list2 li .btnDiv a{ width:168px; height:24px; background-size:168px; line-height:24px; font-size:12px;}
	.productShow{ padding:0;}
	.productShow .title{ padding-bottom:25px;}
	.productPart1{ padding:20px 10px 40px;}
	.productShow_1{ display:none;}
	.productFlashTel{ display:block;}
	.productShow_2{ margin-left:0px; width:100%;}
	.productShow_2 .name{ line-height:40px; font-size:18px;}
	.productShow_2 .btnDiv{ padding-top:20px;}
	.productPart2{ margin-top:30px;}
	.productTab{height:38px; position:relative; background:#44659B; padding:0 15px; margin-bottom:15px;}
	.productTab .name{line-height:38px; font-size:16px; color:#FFF; text-transform:uppercase; display:block;}
	.productTab .ico{position:absolute; top:0px; right:0px; width:100%; height:38px; background:url(../images/ico5.png) right center no-repeat; background-size:40px; cursor:pointer;}
	.productTab ul{margin-right:0px; position:absolute; z-index:20; left:0px; top:38px; width:100%; display:none;}
	.productTab li{float:none; width:100%; height:36px; line-height:36px;}
	.productTab li.liNow{ position:relative;z-index:2; top:0px; background:#fff; border-top:none; height:36px; line-height:36px;}
	.productPart2 .tabContent2{ padding:20px 15px 40px;}
	.productPart2 .part1{ padding-left:0px;}
	.productPart2 .part1 .imgDiv{ position:relative; text-align:center;}
	.productPart2 .part1 .imgDiv img{ width:245px;}
	.productPart2 .part1 .labelDiv{ padding-top:30px;}
	.productPart2 .part1 .labelDiv li{ float:none; width:100%; padding-bottom:15px;}
	.productPart2 .part2{ padding-top:40px;}
	.productPart2 .part2 img{ width:100%;}
	.productPart3{ padding-top:45px;}
	.productPart3 .txt em{ padding-right:15px;}
	.productPart3 .txt b{ font-size:18px;}
	.hotSalePic{ padding:0 20px;}
	.hotSalePic .slick{ margin:0 5px;}
	.hotSalePic .slick-prev{left:0px;}
	.hotSalePic .slick-next{ right:0px;}
	.brand{ padding:0;}
	.brand ul{ margin-right:-10px;}
	.brand li{ float:left; width:50%; margin-bottom:20px;}
	.brand li .box{ margin-right:10px;}
    .brand li .imgDiv img{ width:100%; height: auto; }
	.contact{ padding:0;}
	.contact .txt{ padding-bottom:25px;}
	.contact .contentBox{ padding:30px 15px;}
	.contact .name{ font-size:24px; color:#333; padding-bottom:25px; font-weight:bold;}
    .contact .content{ min-height:100px; padding:15px; font-size: 14px; line-height: 28px; }
    .contact .mapDiv{ text-align:center; padding-top:60px; width: 100%; height: 300px; }	
	.feedback{ padding:0;}
	.feedback .txt{ padding-bottom:25px;}
	.feedback .part1{ padding:30px 10px 0; min-height:100px;}
	.feedback .part1 .imgDiv{ position:relative; left:0px; top:0px;}
	.feedback .part1 .imgDiv img{ width:100%;}
	.feedback .part1 .form ul{ margin-right:0px;}
	.feedback .part1 .form li{ float:none; margin-right:0px; width:100%;}
	.feedback .part1 .form .li01{ width:100%;}
	.feedback .part1 .form li em{ display:block;}
	.feedback .part1 .form li .input1{ width:100%;}
	.feedback .part1 .form li .input2{ width:100%;}
	.feedback .part2{ padding:0px 10px 25px; position:relative;}
	.feedback .part2 em{ display:block; height:40px; line-height:48px; overflow:hidden; color:#333;}
	.feedback .part2 textarea{ width:100%; }
	.feedback .btnDiv{ padding: 0px 10px; }
	.feedback .btnDiv a{ width:100%; padding-right:0px; height:46px; line-height:46px; font-size:14px; margin-bottom: 20px; }
	.news{ padding:0;}
	.news .txt{ display:none;}
	.news .list1 li{ padding:20px 0;}
	.news .list1 li .contentBox{ height:99px; padding-left:162px;}
	.news .list1 li .imgDiv img{ width:150px;}
	.news .list1 li .name{ padding-top:10px; font-size:16px; height:22px;}	
	.news .list1 li .time{ font-size:12px;}
	.news .list2 li{ height:164px; padding:0 15px;}
	.news .list2 li .name{ padding-top:20px; font-size:16px; height:22px;}
	.news .list2 li .name a{ color:#333;}
	.news .list2 li .time{ font-size:12px;}
	.news .list2 li .content{ line-height:22px;}
	.newShow{ padding:0;}
	.newShow .name{ font-size:18px; padding-bottom:15px;}
	.newShow .top{ height:55px;}
	.newShow .time{ font-size:12px;}
	.newShow .time em{ padding-right:20px;}
	.newShow .share{ position:relative; padding-top:8px;}
	.newShow .content{ line-height:26px; font-size:14px; padding:30px 0;}
	.newShow .imgDiv{ padding:20px 0;}
	.newShow .imgDiv img{ width:100%;}
	.pageDown{height:185px; position:relative; padding:0;}
	.pageDown .btn{position:relative; top:28px; right:auto; left:0px;}
	.job{ padding-top:0px;}
	.job .part1{ padding:0 0 24px;}
	.job .part1 li{ float:none; width:100%; padding:0; background:none; margin-bottom:30px;}
	.job .part2{ border:#dcdcdc solid 1px; padding:80px 150px;}
	.jobTop{ height:45px;}
	.jobTop li{ padding-left:3%; width:30.33%; line-height:45px;}
	.jobTop .li01{ display:none;}
	.job .part2{ padding:20px 10px;}
	.jobBot li{ height:42px; line-height:42px; font-size:12px;}
	.jobBot li a{ display:block; height:42px;}
	.jobBot li dd{ padding-left:3%; width:30.33%;}
	.jobBot li .dd01{ display:none;}
	.jobShow{ padding:0px;}
	.jobShow .name{ font-size:18px; }
	.jobShow .list{ padding-bottom:10px;}
	.jobShow .list li{ font-size:14px; padding-right:40px; padding-bottom:15px;}
	.jobShow .title{ font-size:16px; padding-left:30px;}
	.jobShow .title img{ top:2px;}
	.jobShow .content{ font-size:14px; line-height:32px; padding:10px 0 20px 30px;}
	.jobShow .btnDiv{ padding:10px 0 0 30px;}
	.jobShow .btnDiv a{ width:118px; height:38px; display:block; background-size:118px; text-indent:48px; line-height:38px;}
	.login{ padding:0;}
	.loginBox{ padding:0px;}
	.loginBox .form{ padding:30px 10px 50px 0px;}
	.loginBox .form li{ padding-left:80px;}
	.loginBox .form li .input1{ width:100%; height:36px; background:#f1f1f1; line-height:36px; font-size:14px;}
	.loginBox .form li .btn1{ width:160px; height:36px; line-height:36px;}
	.loginBox .form li a{ padding-left:0px; display:block; padding-top:15px;}
	.reg{ padding:0;}
	.regBox{ padding:0px;}
	.regBox .form{ padding:30px 10px 50px 0px;}
	.regBox .form li{ padding-left:120px;}
	.regBox .form li .input1{ width:100%; height:36px; background:#f1f1f1; line-height:36px; font-size:14px;}
	.regBox .form li .btn1{ width:160px; height:36px; line-height:36px;}
	.regBox .form li span{ padding-left:0px; display:block; padding-top:15px;}
	.regBox .box{ padding:30px 10px 50px 10px;}
	.regBox .tips{ padding-left:56px; color:#333; line-height:26px; background:url(../images/nimg34_1.png) left 6px no-repeat;}
	.regBox .btnDiv{ padding:25px 0 0 56px;}
	.regBox .btnDiv a{ width:160px; height:36px; line-height:36px;}
	.password{ padding:0;}
	.password .form{ padding:30px 10px 50px 0px;}
	.password .form li{ padding-left:130px;}
	.password .form li .input1{ width:100%; height:36px; background:#f1f1f1; line-height:36px; font-size:14px;}
	.password .form li .btn1{ width:160px; height:36px; line-height:36px;}
	.myInfo{ padding:0;}
	.myInfo .form .rightDiv{ position:relative; right:auto; top:0px; margin:0 auto; padding-bottom:20px;}
	.myInfo .form{ padding:30px 10px 50px 0px;}
	.myInfo .form li{ padding-left:120px;}
	.myInfo .form li em{ width:110px;}
	.myInfo .form li .input1{ width:100%; height:36px; background:#f1f1f1; line-height:36px; font-size:14px;}
	.myInfo .form li .btn1{ width:160px; height:36px; line-height:36px;}
	.myInfo .form li textarea{ width:100%; height:108px;}
	.search{ padding:0px;}
	.search .msg{ padding:10px 0 22px; font-size:16px;}
	.search .list li{ width:50%; margin-bottom:10px;}
	.search .list li .box{ position:relative; margin:0 5px; border:#dcdcdc solid 1px;}
	.search .list li .botDiv{ padding:15px 10px 20px; background:#fff; border:none;}
    .search .list li .prdPicCtn { width: 100%; height: auto; border: 0px; margin: 0px; padding: 0px; }
    .search .list li .prdPicCtn td { width: 100%; height: auto; border: 0px; margin: 0px; padding: 0px; text-align: center; }
    .search .list li .prdPicCtn img.style0 { width: 100%; height: auto; }
    .search .list li .prdPicCtn img.style1 { width: 100%; height: auto; }
    .search .list li .prdPicCtn img.style2 { width: auto; height: auto; }

	.inquiryList{ padding:0;}
    .inquiryList .btnGroup li.pc { display: none; }
    .inquiryList .btnGroup li.tel { display: block; }
	.inquiryList .txt{ padding-bottom:25px;}
	.inquiryList .PCDiv{ display:none;}
	.inquiryList .phoneDiv{ display:block;}
	.inquiryList .feedback .part1{ padding:30px 10px 0; min-height:100px;}
	.inquiryList .feedback .part1 .imgDiv{ position:relative; left:0px; top:0px;}
	.inquiryList .feedback .part1 .imgDiv img{ width:100%;}
	.inquiryList .feedback .part1 .form ul{ margin-right:0px;}
	.inquiryList .feedback .part1 .form li{ float:none; margin-right:0px; width:100%;}
	.inquiryList .feedback .part1 .form .li01{ width:100%;}
	.inquiryList .feedback .part1 .form li em{ display:block;}
	.inquiryList .feedback .part1 .form li .input1{ width:100%;}
	.inquiryList .feedback .part1 .form li .input2{ width:100%;}
	.inquiryList .feedback .part2{ padding:0px 10px 25px; position:relative;}
	.inquiryList .feedback .part2 em{ display:block; height:40px; line-height:48px; overflow:hidden; color:#333;}
	.inquiryList .feedback .part2 textarea{ width:100%; }
	.inquiryList .feedback .btnDiv{ padding: 0px 10px; }
	.inquiryList .feedback .btnDiv a{ width:100%; padding-right:0px; height:46px; line-height:46px; font-size:14px; margin-bottom: 20px; }


	.memberCenter{ background:#fff;}
	.memberPart1{ height:auto; padding-left:0px; padding-bottom:50px;}
	.memberPart1 .imgDiv{ position:relative; left:0px; top:0px;}
	.memberPart1 .msg{ font-size:14px; color:#727272; line-height:24px; padding:20px 0 30px;}
	.memberPart1 .modify{ padding-left:154px; position:relative; color:#727272; font-size:14px;}
	.memberPart1 .modify em{ position:absolute; left:0px; top:0px;}
	.memberPart1 .modify a{ padding-left:24px; color:#44659b;}
	.memberPart1 .modify img{ position:relative; top:-2px;}
	.memberPart2{ border-top:#f2f3f7 solid 18px; background:#fff; padding:20px 0px;}
	.memberPart2-2{ border-top:none; padding:20px 0 0;}
	.memberPart2 .PCDiv{ display:none;}
	.memberPart2 .phoneDiv{ display:block;}
	.memberPart2 .contentBox{ padding:30px 15px; border-top:none;}
	.memberPart2 .contentBox .statement{ font-size:14px; line-height:24px; color:#585656; padding-bottom:20px;}
	.memberPart2 .contentBox .reply{ background:#f2f3f7; padding:20px 20px 50px; color:#9a9a9a; line-height:24px;}
	.memberPart2 .contentBox .reply em{ color:#000; font-size:14px; display:block; padding-bottom:12px;}
	}
@media screen and ( max-width:640px ){

	}


@media screen and ( max-width:375px ){
	.headDiv .logo{ top:20px;}
	.headDiv .logo img{ width:220px;}
	}
	
	
@media screen and ( max-width:320px ){
	.headDiv .logo{ top:20px;}
	.headDiv .logo img{ width:180px;}
	}