@media screen and (max-width : 640px) {
	.pc{ display:none;}
	.mb{ display:block;}
	/**/
	#navigation .topNavi .logo{ width:78px; margin: 0 auto; padding:10px 0;}
	#navigation .topNavi .logo img{ height: 40px;}
	#navigation .navimask .navi ul li{ padding: 8px 0;}
  /**/
  .wrap{ width:90%;}
  .footer-copy .copy span{ display:block;}
  /**/
  .home_header .logo{ padding:10px 0; text-align:center;}
  .home_header .logo img{ width:100px;}
  .focuser{ height:360px;}
  .focuser .index-swiper{ height:360px;}
  .focuser .index-swiper .swiper-slide .ins{ width: 41%; padding-left: 58%;}
  .focuser .index-swiper .swiper-slide .ins h2{font-size: 16px;    font-weight: 500;}
  .focuser .index-swiper .swiper-slide .ins h3{    font-size: 14px;}
  .focuser .index-swiper .swiper-slide .text .img img{ width:50%;}
  .focuser .index-swiper .swiper-slide .text h2{ font-size: 25px;}
  .focuser .index-swiper .swiper-slide .text p{ font-size: 16px;}
  /**/
  .HotWatch{ min-width:100%;}
  .HotWatch ul li{ float:none; width:100%; overflow:hidden;min-height:auto; border-bottom:#DEDEDE 1px solid;}
  .HotWatch ul li.cen{ padding:50px 0;}
  .HotWatch ul li .text{ float:none;padding: 50px 5% 0;}
  .HotWatch ul li .text b{ font-size:24px;}
  .HotWatch ul li .text p{ font-size:18px;}
  .HotWatch ul li .image{ width:40%; height:auto;}
  .HotWatch ul li .image img{ width:100%; height:auto;}
  /**/
  .BiaoGe ul li{ width:100%; float:none;}
  .BiaoGe ul li p b{ font-size:24px;}
  /**/
  .NewSort{ padding:30px 0;}
  .NewSort ul li{ float:none; width:100%; border-bottom:#DEDEDE 1px solid; padding:20px 0%; background:none;}
  /**/
  .banner{ height:200px;}
	.banner .product-swiper{ height: 200px;}
	.banner .product-swiper .swiper-slide .text h1{ font-size: 18px; padding-bottom:10px;}
	.banner .product-swiper .swiper-slide .text h4{ font-size: 10px; padding-bottom:10px;}
	.banner .product-swiper .swiper-slide .text p{ font-size: 14px;padding:0 0 10px; display: none;}
  /**/
  .filter { width:100%; height:60px; overflow:scroll; overflow-y:hidden; z-index:9; position:relative;}
  .filter ul.wrap{ width:600px;}
  .filter ul li{ width:120px; height:60px;}
  .filter ul li a.m{ height:60px; line-height:60px;}
  /**/
  .diybg .text h2{ font-size: 30px; text-shadow: 0 0 5px rgba(86, 86, 86, 0.33);}
  .jingzhi .text h2{ font-size: 30px;}
  .jingzhi .text p{ color:#777; font-size:16px;}
  .pengluosi .text{ padding-left:auto; text-align:right;}
  /**/
  .productview{ height:auto; padding:0;}
  .productview .viewbox{ width:100%; height:auto;}
  .productview .viewbox .boccipic{ width:100%; float:none; height:auto;}
  .productview .viewbox .boccipic .gallery-top{ width:100%; height:auto;}
  .productview .viewbox .boccipic .gallery-top .swiper-slide img{ width:100%; height:auto;}
  .productview .viewbox .text{ width:90%; padding:50px 0; margin:0 auto; float:none; height:auto;}
  /**/
  .boccimenu{ background:#E6E6E6;}
  .boccimenu .wrap{ width:100%; overflow:scroll; overflow-y:hidden; z-index:9; position:relative;}
  .boccimenu .breadcrumb{ display:none;}
  .boccimenu ul.menu{ width:610px; float:none;}
  /**/
  .fwmbox #fwmform{ width: 90%;}
  .fwmbox #fwmform input.text{ letter-spacing:0; line-height:30px; font-size:24px;}
  .fwmmethod ul li{ width:100%; float:none; margin-right:0;}
  .fwmbox .step img{ width:100%;}

  /**/
  .grid ul li{ display:block; width:100%;}
  .grid ul li b{ line-height:1.5;}
  .grid ul li em{ padding-bottom:30px;}
  .grid ul li img{ width:100%; height:auto;}
  /**/
  .upage ul li.pageA{ height:240px;}
  .upage ul li.pageB{ height:210px;}
  .upage ul li.pageC{ height:180px;}
  .upage ul li.pageD{ height:220px;}
  .upage ul li.pageE{ height:198px;}
  .upage ul li.pagef{ height:212px;}

  /**/
  .story .banner{ height:100px;}
  .story .content{ background-size:contain;}
  .story .video .btn article{ padding-top:10%;}
  .story .video .btn article img{ width:16%;}
  .story .video .btn article em{ font-size:14px; padding-top:10%; }
  .story .brandlogo{ text-align:center; padding:50px 0;}
  .story .brandlogo img{ width:150px;}
  .story .concept{ padding-bottom:30px;}
  .story .concept ul li h3{ line-height:1.5; padding-bottom:10px;}
  .story .concept ul li h3 em{ font-size:11px; }
  .story .concept ul li h3 b{ font-size:14px;}
  /**/
  .cont{ height:100px;}
  .contactbox{ margin:0 5%;}
  .contactbox .box{ width:100%;}
  .contactbox .box .lco,.contactbox .box .rco{ width:100%; float:none;}
  .contactbox .box .rco textarea{ width:100%; box-sizing:border-box;}
  /**/
  .press{ width:100%; float:none;}
  .layout .side{ display:none;}
  .presstitle h1{ font-size:24px;}
  .presstitle p{ font-size:14px;}

  .press ul.list li .image{ width:80px;}
  .press ul.list li .image img{ width:100%; height:auto;}
  .press ul.list li .text{width: calc(100% - 95px);}
	/**/
	.diybg{ height: 350px;}
	.diybg .text h1{ font-size: 20px; font-weight: normal; letter-spacing:0; line-height: 1; padding-bottom:10px;}
	.diybg .text h4{ font-size: 14px; font-weight: normal; line-height: 1; padding-bottom: 20px;}
	.diybg .text p{ font-size: 14px}
	.watchThin .para{ padding-top: 20px;}
	.watchThin .para span{ width: 70px; text-align: center; vertical-align: top;}
	.watchThin .para span img{ display:block; margin: 0 auto;}
	.watchThin .para span u{ display:block; font-size: 10px; padding-top: 15px;}
	/**/
	.contactway .wrap{ width: 90%; background: none;}
	/**/
	.supportbanner .text{ width: 60%;}
	.supportbanner .text b{ font-size:18px;letter-spacing:0;}
	.supportbanner .text p{ font-size: 14px;letter-spacing:0;}
	.supportbox .iconitem ul li img{ width: 60%; height: auto;}
	.supportbox .iconitem ul li b{ font-size: 14px;}
	.supportbox .listitem .item{ width: 100%; float: none;}
	.supportbox .listitem .rt{padding-left:0;}
	/**/
	.letteringbanner .text b{ font-size: 18px;letter-spacing:0;}
	.letteringbanner .text p{ font-size: 14px;}
	.letteringlist ul li{ width: 100%; float: none; padding-bottom: 30px;}
	.letteringlist ul li.ce{ width: 100%;}
	.letteringlist ul li .imge{ text-align: center;}
	.letteringlist ul li .imge img{ width: 90%;}





}