@charset "utf-8";
/* CSS Document */

.sj{ display:none;}
@media (max-width: 1010px){
	body{font-family:"Microsoft YaHei",Arial;}
	.wrap{box-shadow:0 0 0 0 #ddd; border-bottom:solid 1px #ddd;}
	.tk_bottom,.stone_recommend .photo_detail .bar,.topbar,.headsearch,.crumbs,.stone_recommend .photo_detail .con .tk h1,.index_nav,.pc,.wrap .main23 .quotation .bar a.more{ display:none;}
	.summary li label,.wrap .main11 .newproduct .con li .info{ display:none;}
	.stone_recommend .photo_detail,.stone_recommend,.stone_recommend .photo_detail .bar,.stone_recommend .photo_detail .con .tk{ padding:0px;}
	.stone_recommend .photo_detail .con{ background:none; padding:0px; position:relative; z-index:1;}
	.stone_recommend .photo_detail .con .tk { position:relative; border:none;}
	.stone_recommend .photo_detail .con .tk .pho{ width:100%; height:auto;}
    .stone_recommend .photo_detail .con .tk .info{ float:none; width:auto; position:absolute; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,.3); padding:10px;}
	.stone_recommend .photo_detail .con .tk .info .summary{ height:auto;}
	.stone_recommend .photo_detail .con .tk .info .action{ display:none;}
	.stone_recommend .photo_detail .con .tk .info .summary li{ height:auto; line-height:25px; color:#fff; padding:0px 3px; float:none; width:auto;}
	.stone_recommend .photo_detail .con .tk .info .summary li span{ font-size:16px; text-transform:uppercase;}
	.stone_recommend .photo_detail .con .tk .info .summary li.pc{ display:none;}
	.stone_recommend .photo_detail .con .tk .info .summary li.desc span{ font-size:12px; margin-right:5px;}
	.stone_recommend .photo_detail .con .tk .info .summary li span,.stone_recommend .photo_detail .con .tk .info .summary li span a{ color:#fff;}
	.stone_recommend .photo_detail .con .tk h1{ font-size:18px; text-align:center; line-height:30px; margin-top:5px;}
	.wrap .main11 .newproduct .con li .title a,.wrap .main11 .newproduct .con li .info a,.wrap .main20 .sider .spotlist .con li,.wrap .main23 .quotation .tablecon li .span,.wrap .main14 .trade_leads .con1 li .title{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
	.stonevip{ width:50%; float:left;}
	.stonevip2{ width:50%; float:right;}
	.pConC{ float:left; padding:0 10px;}
	.pConC li{ width:48%; float:left; margin:20px 1% 0;}
	.pConC li a img{ width:100%;}
	.stone_recommend .photo_detail .con .tk .pho img{ height:auto;}
	.wrap div[class^="main"]{padding:5px 10px;}
	.wrap .main14 .trade_leads h2{ font-size:16px; border-bottom:solid 1px #ddd; font-weight:normal; line-height:30px;font-family:"Microsoft YaHei",Arial; padding-bottom:0px; color:#333;}
	.wrap .main14 .trade_leads .con1 ul{ background:none;}
	.wrap .main11 .newproduct .bar,.wrap .main20 .sider .spotlist .bar{ background:none; border-bottom:solid 1px #ddd; padding:0px;}
	.wrap .main20 .sider .spotlist .bar{border-bottom:solid 1px #ddd; padding:10px 0;}
	.wrap .main23 .quotation .bar{border-bottom:solid 1px #ddd; padding:5px 0; margin-bottom:10px;}
	.wrap .main11 .newproduct .bar h3,.wrap .main18 .sider h3,.wrap .main20 .sider .spotlist .bar h3{ font-weight:normal; line-height:30px;font-family:"Microsoft YaHei",Arial; padding-bottom:0px; color:#333; font-size:16px; }
	.wrap .main18 .sider h3{border-bottom:solid 1px #ddd;}
	.wrap .main23 .quotation .bar h2{ font-weight:normal; line-height:30px;font-family:"Microsoft YaHei",Arial; padding-bottom:0px; color:#333; font-size:16px;}
	.wrap .main11 .newproduct .con{ border:none; padding:10px 0;}
	.wrap .main20 .sidel .spotinfo h2{font-weight:normal; line-height:30px;font-family:"Microsoft YaHei",Arial; padding-bottom:0px; color:#333; font-size:16px; border-bottom:solid 1px #ddd; padding:0px;}
	.wrap .main20 .sidel .spotinfo .con1{ border:none; padding:0;}
	.wrap .main14 .trade_leads .con2{ padding:0 0 10px 0;}
	.wrap .main14 .trade_leads .con3{ padding:5px 0;}
	.wrap .main20 .sidel .spotinfo .con2 ul{ width:100%;}
	.wrap .main20 .sidel .spotinfo .con2 li.s .span1, .wrap .main20 .sidel .spotinfo .con2 li.s .span2, .wrap .main20 .sidel .spotinfo .con2 li.s .span3, .wrap .main20 .sidel .spotinfo .con2 li .span1, .wrap .main20 .sidel .spotinfo .con2 li .span2, .wrap .main20 .sidel .spotinfo .con2 li .span3{ width:20%;margin:5px 0;}
	.wrap .main20 .sidel .spotinfo .con2 li .span1 .spot_input, .wrap .main20 .sidel .spotinfo .con2 li .span2 .spot_input, .wrap .main20 .sidel .spotinfo .con2 li .span3 .spot_input, .wrap .main22 .stonepic .contain1 .sidel .color_choice img, .wrap .main26 .blog .con1 li, .wrap .main26 .forum .con1 li{ width:92%; padding:0;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }
	.wrap .main23 .quotation .tablecon li .span1, .wrap .main23 .quotation .tablecon li .span2, .wrap .main23 .quotation .tablecon li .span3, .wrap .main23 .quotation .tablecon li .span4, .wrap .main23 .quotation .tabletitle li .span1, .wrap .main23 .quotation .tabletitle li .span2, .wrap .main23 .quotation .tabletitle li .span3, .wrap .main23 .quotation .tabletitle li .span4{ width:100%; margin:0px;}
	.wrap .main23 .quotation .tablecon li .span1, .wrap .main23 .quotation .tablecon li .span2, .wrap .main23 .quotation .tablecon li .span3, .wrap .main23 .quotation .tablecon li .span4, .wrap .main23 .quotation .tabletitle li .span1, .wrap .main23 .quotation .tabletitle li .span2, .wrap .main23 .quotation .tabletitle li .span3, .wrap .main23 .quotation .tabletitle li .span4{ width:25%;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
	.wrap .main28 .sidel .con .stonesc li, .wrap .main11 .newproduct .con li{ width:33.33%; margin:0 auto;}
.wrap .main23 .quotation .sidel, .wrap .main23 .quotation .sider{ width:100%;}
.gotop{ display:none !important;}
.sj{ display:block;}
.target em{display: block;width:34px;height: 2px; border-radius: 1px;background:#fff;margin:4px 0;}
.open-nav-toggle{ position:fixed;}
.sj-header{position: fixed;background: #fff;z-index: 555;left: 0;right: 0; height:60px; background:none;}
.open-nav-toggle .sj-header.active{background:none;}
.sj-header.active{ background:rgba(0,0,0,.8)}
.nav{ margin-top:0px;width:200px; position:fixed; right: -200px;z-index: 5555; display: block; -webkit-transform: translateX(0px);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear; top:60px;}
.nav .container{ width: auto }
.nav li{ display:inline-block; padding:0; width:100%; border-right:none; background:#fff;line-height:34px; text-align: center;border-bottom:solid 1px #ddd;}
.nav li.active{ background:#74a800;}
.nav li.active a{ color:#fff;}
.nav li a{ padding: 0; }
.nav li.last.sjnone{ display:none;}
.nav li.last.sjnone span{ display:none;}
.nav .phoneli a.z:first-child,
.nav li:first-child a{ padding: 0 }
.navbg{display: none;height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 100;background: #000;opacity: 0.5;}
.open-nav-toggle .navbg {display: block;position: fixed;}
.open-nav-toggle .nav{ overflow-y: auto;-webkit-transform: translateX(-200px);-ms-transform: translateX(-200px);-o-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.open-nav-toggle .nav ul{ display: block;overflow: hidden; background:#fff; padding:10px;}
.target {width: 40px;height: 40px;z-index: 9999;position:absolute;right:10px;background-color: transparent;border: 1px solid transparent; top:10px;}
.target em{ position: absolute; }
.target em:last-child{top:6px;-webkit-transform:translateY(0px);transform:translateY(0px); transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
.target em:nth-child(2){top:13px; transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;-webkit-transform: translateZ(0px) rotate(0deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
.target em:first-child{top:20px;-webkit-transform:translateY(0px);transform:translateY(0px);}
.open-nav-toggle .target em:last-child{top: 13px;transform: translateZ(0px) rotate(45deg);
transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
-webkit-transform: translateZ(0px) rotate(45deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.open-nav-toggle .target em:nth-child(2){top:14px;transition: transform 0.2s ease 0s;transform: translate3d(0px, 0px, 0px);-webkit-transition: -webkit-transform 0.2s ease 0s;-webkit-transform: translate3d(0px, 0px, 0px);transform: translateZ(0px) rotate(-45deg);-webkit-transform: translateZ(0px) rotate(-45deg);}
.open-nav-toggle .target em:first-child{ transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; opacity:0;}
.wrap .main14 .trade_leads .con1 li .title{ padding:0px; line-height:35px;}
.wrap .main14 .trade_leads .con1 li .title a{ font-size:14px;}
.wrap .main20 .sidel .spotinfo .con1 li{ width:50%;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.wrap .main20 .sidel .spotinfo .con1 ul{ float:left; margin-bottom:10px;}
.wrap .main14 .trade_leads .con1 ul{ padding:10px 0;}
.qsider-table-box{ margin-top:10px;}
.wrap .main14 .trade_leads .con1,.wrap .main11 .newproduct .con{ margin-left:-5px; margin-right:-5px;}
.wrap .main14 .trade_leads .con1 li .pho,.wrap .main28 .sidel .con .stonesc li, .wrap .main11 .newproduct .con li .pho{ padding:0 5px;}
.wrap .main14 .trade_leads .con1 li .pho img,.wrap .main28 .sidel .con .stonesc li, .wrap .main11 .newproduct .con li .pho img{ width:100%;}
.wrap .main11 .newproduct .con, .wrap .main18 .sidel .enterprise .con, .wrap .main20 .sider .spotlist .con, .wrap .main23 .quotation .bar, .wrap .main24 .sider .boardmarket .con, .wrap .main27 .trans .con1, .wrap .main27 .exhibition .sidel .con1, .wrap .main27 .exhibition .sidel .con2, .wrap .main27 .exhibition .sider .con3, .wrap .main30 .footlink .con1{ padding:10px 0;}
	}
.stone_recommend .photo_detail .con .tk h1 a{color: #0e93e7;}