@media screen and (max-width: 1480px) {
	.focuser .swiper-slide .tdvideo{ width:auto; height: 832.5px;}
}


@media screen and (max-width: 980px) {
	/**/
	.pc{ display:none;}
	.mobi{ display:block;}
	/**/
	.header{ height:58px;}
	.header .slogan,.header ul.navi{ display:none;}
	.header .mobDot{padding-top:9px; display:block; }
	.header .logo{ overflow:hidden; height:36px; padding:11px 0;}
	.header .logo img{ height:36px; width:auto;}
	.focuser{padding-top:58px;}
	.focuser .arrow-left, .focuser .arrow-right{ display:none;}
	/**/
	.collection{ }
	.coltitle span{ font-size: 12px;}
	.coltitle h3{ font-size: 20px;}
	.coltitle p{}
	.watchtiles ul{ min-height: auto;}
	/**/
	.Rebblock{ font-size:16px;}
	/**/
	.aboutrocos{ height:300px;background-attachment:local;}
	.aboutrocos .text h3{ font-size: 30px;}
	.aboutrocos .text a{ font-size:16px;}
	/**/
	.pushmap{ height:300px;background-attachment:local;}
	.pushmap .text h3{ font-size: 30px;}
	.pushmap .text a{ font-size:16px;}
	/**/
	.ceramic{ box-sizing:border-box;}
	.ceramic ul{ width: 100%;}
	.ceramic ul li{ width:100%; height: auto;}
	.ceramic ul li.big{ height: auto;}
	.ceramic ul li.end{ margin-top:0;}
	.ceramic ul li p{ font-size:10px; left:5%; bottom:2%;}
	.ceramic ul li p u{ padding-bottom:10px; font-size:16px;}
	.ceramic ul li p b{ font-size:18px;}
	.ceramic ul li p em{ width:80px; height:20px; line-height:20px;}
	.ceramic ul li p em i{ height:20px; line-height:20px;}
	.ceramic ul li p em a.dock{ transform: scale(0.6); -webkit-transform: scale(0.6); margin:-15px 0 0 -15px;}
	/**/
	.banner .words{ width:100%;}
	.banner .words em{ font-size:16px;}
	.banner .words cite{ font-size:40px;}
	/**/
	ul.section01 li{ width:100%;}
	ul.section li article{ width:100%; padding-top:20px;}
	ul.section01 li.zt{ width:100%;}
	ul.section li article h2{ font-size:24px;}
	ul.section li article h3{ font-size:24px;}
	ul.section02 li{ width:100%;}
	ul.section02 li.end{ width:100%;}
	/**/
	.Bgfixed{ background-attachment:local;}
	/**/
	.jor_menu h3{ font-size: 30px;}
	/**/
	.carousel h3 b{ font-size: 30px;}
	.carousel ul li em{ font-size: 16px;}
	.pressbanner .words cite{ font-size: 40px;}
	.pressview .box{ padding: 20px;}
	.pressview .box h1.title{ font-size: 30px;}
	/**/
	.productshow{ background: none;}
  .productshow .wrap{ padding:0;}
	.productshow .picarea{ float:none; width:100%;}
	.productshow,.releated{ max-width:400px; width:auto; margin:0 auto; min-width:320px; box-sizing:border-box; overflow:hidden;}
	.releated ol li{ width:32.333%; padding:0 1% 15px 0;}
	.releated ol li img{ width:100%; height:auto;}
	.productshow .text{ float:none; width:100%; box-sizing:border-box; padding:30px 0px;}
	.productshow .text ol.para{ width:100%;}
	.productshow .text ol.para li span{ width:60%;}
	.share img{ width:100%; height:auto;}
	/**/
	.grid{ max-width: 400px;}
	.grid ul li{ display:block; width:100%;}
	.grid ul li.end{width:100%;}
	.grid ul li b{ line-height:1.5;}
	.grid ul li em{ padding-bottom:30px;}
	.grid ul li img{ width:90%; height:auto;}
}


@media screen and (max-width: 680px) {
	.presslist ul li{width: 100%; margin-right: 0;}
	.pressbanner{ height: 250px; }
	.pressbanner .words{ top: 40%; width: 100%; }
}