@media (min-width:1000px) {
.shangj{position: relative;}
.arrow{cursor: pointer; width:30px; height: 30px; position: absolute; }
.arrow::before{
	width:52px;
	height:136px;
	position:absolute;
	left:-12px;
	top:40px;
	content:'';
	background-image:url(../img/sx.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.arrow span{ display: block; width: 100%; height: 100%; border-radius:50%; background:rgba(0,127,204,0.8); background-size:20px auto; text-align:center; color:#FFFFFF; font-size:20px; font-weight:bold; line-height:28px; position:absolute;
z-index:3333;}
.arrow .bor{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; border: 1px solid #007fcc;animation: ab 1s linear infinite; z-index:2222;}
@keyframes ab{
	0%{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	100%{transform: translate(-50%,-50%) scale(2); opacity:0;}
}
.arrow:hover .bor{ animation: ab 1s linear infinite;}
.arrow:hover span{-webkit-transform: rotate(180deg);transition: All 0.6s}
.xqdz{position: absolute; width: 0px;left: -20px;top: -20px;opacity: 0; border-radius: 40px;border: 2px solid var(---Gray-6, #F2F2F2);background: rgba(255, 255, 255, 0.80);
box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.13);
backdrop-filter: blur(12.5px); z-index:1; transition: all 0.6s; height:75px;visibility:hidden; line-height:75px;}
.xqdz2{position: absolute; width: 450px;left: 50px;top: -25px;opacity: 0; background:#FFFFFF;border-radius:35px;box-shadow: 0 15px 30px  rgba(0, 0, 0, .4); }
.arrow:hover .xqdz{opacity: 1;transition: All 0.4s ease-in-out;display: block;z-index:999; width:260px; visibility:visible;}
.arrow:hover .xqdz2{opacity: 1;transition: All 0.4s ease-in-out;display: block;z-index:999}
.arrow:hover .wznr h1{ display:block;}
.wznr h1{ font-size:18px; font-weight:bold; text-align:center; display:none}
.nrxx{ line-height:25px; text-align:left; font-size:14px;}
.wzts{ display:none}


}
@media (max-width:999px) {
.shangj{position: relative;}
.arrow{cursor: pointer; width:45px; height: 45px; position: absolute; display:none }
.arrow span{ display: block; width: 100%; height: 100%; border-radius:50%; background:rgba(0,127,204,0.8); background-size:20px auto;}
.arrow .bor{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; border: 1px solid #007fcc;}
.arrow_1{right: 15%; top:25%;}
.arrow_2{right: 25%; top:32%;}
@keyframes ab{
	0%{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	100%{transform: translate(-50%,-50%) scale(2); opacity:0;}
}
.arrow:hover .bor{ animation: ab 1s linear infinite;}
.xqdz{position: absolute;background: url(../img/dt_sz.png) no-repeat; width: 300px;height:200px;background-size: 100%;left: -200px;top: -30px;opacity: 0;display: none;}
.arrow_1:hover .xqdz{opacity: 1;transition: All 0.4s ease-in-out;display: block;}
.arrow_2:hover .xqdz{opacity: 1;transition: All 0.4s ease-in-out;display: block;}
.xqdz.xqdz2{position: absolute;background: url(../img/dt_sz.png) no-repeat;; width: 300px;height:200px;background-size: 100%;left: -200px;top: -30px;opacity: 0;display: none;}
.sjfb {width: 100%; padding: 0 3%; }
.sjfb img{width: 100%;}
}