@media (min-width:1000px) {
.shangj{position: relative;}
.arrow{cursor: pointer; padding:15px; position: absolute;border-radius: 40px;border: 0px 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; visibility: visible; 
	display: flex;
	align-items: center; padding-right:20px; }
.arrow::before{
	width: 3.25rem;
	height: 8.4375rem;
	position:absolute;
	left:calc(50% - 1.625rem);
	top:3.5rem;
	content:'';
	background-image:url(../img/sx.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.arrow span{ display: block; width: 35px; height: 35px; line-height:35px; border-radius:50%; background:var(--Color, #B51D34); background-size:20px auto; text-align:center; color:#FFFFFF; font-size:20px; font-weight:bold;position:absolute;
z-index:3333;display: flex;justify-content:center;align-items:center; }
.arrow .bor{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; border-radius:50%; border: 1px solid #007fcc; z-index:2222;}
@keyframes ab3{
	0%{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	100%{transform: translate(-50%,-50%) scale(2); opacity:0;}
}
.arrow:hover .bor{ border:10px solid #FFF;}
.arrow:hover span{ border:3px solid #FFF;display: flex;justify-content:center;align-items:center; }
.xqdz{opacity: 1; margin-left:3.5rem; margin-right:0.5rem; }
.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{opacity: 1;transition: All 0.4s ease-in-out;z-index:999; visibility:visible; background:var(--Color, #B51D34);}
.arrow:hover .xqdz2{opacity: 1;transition: All 0.4s ease-in-out;display: block;z-index:999}
.arrow:hover .wznr h1{ display:block; text-align:center; color:#FFF;}
.wznr h1{ font-size: 1rem; margin-top:5px; font-weight:bold; text-align:center; display: block;}
.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 ab3{
	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%;}
}

@media (min-width:1000px) and (max-width:1360px){


.arrow::before{
	height:6.0rem;
}





	
}