.C{
	background-color: #000333;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Si{
	background-color: #e83719;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Mn{
	background-color: #7E4E60;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.P{
	background-color: #17BEBB;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.S{
	background-color: #FFD151;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.B{
	background-color: #3A405A;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Ni{
	background-color: #bd7d57;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Cr{
	background-color: #FBA971;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Mo{
	background-color: #B7C8B5;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Al{
	background-color: #C4AF9A;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Ti{
	background-color: #F6D8AE;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Cu{
	background-color: #B87333;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Co{
	background-color: #7FB285;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Nb{
	background-color: #B9314F;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Ta{
	background-color: #566E3D;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Ce{
	background-color: #A1D2CE;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.V{
	background-color: #9268B3;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.W{
	background-color: #544343;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.N{
	background-color: #3B8EA5;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Zr{
	background-color: #EEE5E9;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.RE{
	background-color: #f6f6f6;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Y2O3{
	background-color: #AD6A6C;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Y{
	background-color: #AE6B6D;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.La{
	background-color: #EEB1D5;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Pb{
	background-color: #777;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Mg{
	background-color: #ADD9F4;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Ag{
	background-color: #c0c0c0;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Bi{
	background-color: #3A2449;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Fe{
	background-color: #aaa;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.Au{
	background-color: #E69D13;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;	
}



.C:hover::after, .Si:hover::after, .Mn:hover::after, .P:hover::after, .S:hover::after, .Ni:hover::after, .Cr:hover::after, .Mo:hover::after, .Ti:hover::after, .Nb:hover::after, .Ce:hover::after, .Cu:hover::after, .W:hover::after, .Ta:hover::after, .Al:hover::after, .N:hover::after, .Fe:hover::after, .Co:hover::after, .B:hover::after, .V:hover::after, .Zr:hover::after, .RE:hover::after, .Y2O3:hover::after, .La:hover::after, .Pb:hover::after, .Mg:hover::after, .Other:hover::after{
	opacity: 1;
}



.C:hover, .Si:hover, .Mn:hover, .P:hover, .S:hover, .Ni:hover, .Cr:hover, .Mo:hover, .Ti:hover, .Nb:hover, .Ce:hover, .Cu:hover, .W:hover, .Ta:hover, .Al:hover, .N:hover, .Fe:hover, .Co:hover, .B:hover, .V:hover, .Zr:hover, .RE:hover, .Y2O3:hover, .La:hover, .Pb:hover, .Mg:hover, .Other:hover{
	opacity: 1;
}



@media screen and (min-width: 600px) {
}




@media screen and (max-width: 600px) {
.C::after, .Si::after, .Mn::after, .P::after, .S::after, .Ni::after, .Cr::after, .Mo::after, .Ti::after, .Nb::after, .Ce::after, .Cu::after, .W::after, .Ta::after, .Al::after, .N::after, .Fe::after, .Co::after, .B::after, .V::after, .Zr::after, .RE::after, .Y2O3::after, .La::after, .Pb::after, .Mg::after, .Other::after, .Ag::after, .Bi::after{
	content: "";
	position: absolute;
	top: -3.8vw;
	font-size: 2.8vw;
	text-align: center;
	width: 60vw;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
	color: #000333;
}
}


#G1 .C{
	width: 7.6%;
}
#G1 .Si{
	width: 5.8%;
}
#G1 .Cr{
	width: 32%;
}
#G1 .Ni{
	width: 6.4%;
}
#G1 .Mo{
	width: 3.8%;
}
#G1 .W{
	width: 19.5%;
}
#G1 .Co{
	width: 41.25%;
}
#G1 .Fe{
	width: 8.2%;
}


#G3 .C{
	width: 7.3%;
}
#G3 .Mn{
	width: 3.8%;
}
#G3 .Si{
	width: 3.8%;
}
#G3 .Cr{
	width: 32%;
}
#G3 .Ni{
	width: 6.4%;
}
#G3 .Mo{
	width: 3.8%;
}
#G3 .W{
	width: 19.5%;
}
#G3 .Co{
	width: 41.3%;
}
#G3 .Fe{
	width: 8.2%;
}


#G4 .C{
	width: 5.85%;
}
#G4 .Mn{
	width: 3.8%;
}
#G4 .Si{
	width: 4.8%;
}
#G4 .Cr{
	width: 31.5%;
}
#G4 .Ni{
	width: 6.4%;
}
#G4 .Mo{
	width: 4.8%;
}
#G4 .W{
	width: 21%;
}
#G4 .Co{
	width: 41.5%;
}
#G4 .Fe{
	width: 8.2%;
}


#G6 .C{
	width: 5.95%;
}
#G6 .Mn{
	width: 3.8%;
}
#G6 .Si{
	width: 4.8%;
}
#G6 .Cr{
	width: 31%;
}
#G6 .Ni{
	width: 6.4%;
}
#G6 .Mo{
	width: 4.8%;
}
#G6 .W{
	width: 10%;
}
#G6 .Co{
	width: 46.7%;
}
#G6 .Fe{
	width: 8.2%;
}


#G6B .C{
	width: 5.95%;
}
#G6B .Mn{
	width: 5.8%;
}
#G6B .Si{
	width: 5.8%;
}
#G6B .Cr{
	width: 31.5%;
}
#G6B .Ni{
	width: 6.4%;
}
#G6B .Mo{
	width: 4.8%;
}
#G6B .W{
	width: 10%;
}
#G6B .Co{
	width: 45.7%;
}
#G6B .Fe{
	width: 8.2%;
}


#G6K .C{
	width: 6.5%;
}
#G6K .Mn{
	width: 3.8%;
}
#G6K .Si{
	width: 4.8%;
}
#G6K .Cr{
	width: 31%;
}
#G6K .Ni{
	width: 6.4%;
}
#G6K .Mo{
	width: 4.8%;
}
#G6K .W{
	width: 10%;
}
#G6K .Co{
	width: 46.45%;
}
#G6K .Fe{
	width: 8.2%;
}


#G12 .C{
	width: 6.3%;
}
#G12 .Mn{
	width: 3.8%;
}
#G12 .Si{
	width: 3.8%;
}
#G12 .Cr{
	width: 31.5%;
}
#G12 .Ni{
	width: 6.4%;
}
#G12 .W{
	width: 14.5%;
}
#G12 .Co{
	width: 44.65%;
}
#G12 .Fe{
	width: 8.2%;
}


#G19 .C{
	width: 6.8%;
}
#G19 .Mn{
	width: 3.8%;
}
#G19 .Si{
	width: 3.8%;
}
#G19 .Cr{
	width: 32%;
}
#G19 .Ni{
	width: 6.4%;
}
#G19 .W{
	width: 17.3%;
}
#G19 .Co{
	width: 42.9%;
}
#G19 .Fe{
	width: 8.2%;
}


#G20 .C{
	width: 7.7%;
}
#G20 .Si{
	width: 5.8%;
}
#G20 .Cr{
	width: 32.5%;
}
#G20 .Ni{
	width: 6.4%;
}
#G20 .Mo{
	width: 3.8%;
}
#G20 .W{
	width: 23.5%;
}
#G20 .Co{
	width: 38.75%;
}
#G20 .Fe{
	width: 8.2%;
}


#G21 .C{
	width: 2.8%;
}
#G21 .Mn{
	width: 6.4%;
}
#G21 .Si{
	width: 3.8%;
}
#G21 .Cr{
	width: 30%;
}
#G21 .Ni{
	width: 6.1%;
}
#G21 .Mo{
	width: 11.2%;
}
#G21 .Co{
	width: 47.875%;
}
#G21 .Fe{
	width: 7.6%;
}


#G31 .C{
	width: 3.8%;
}
#G31 .Mn{
	width: 3.8%;
}
#G31 .Si{
	width: 3.8%;
}
#G31 .Cr{
	width: 29.25%;
}
#G31 .Ni{
	width: 17.3%;
}
#G31 .Mo{
	width: 2.8%;
}
#G31 .W{
	width: 13.6%;
}
#G31 .Co{
	width: 43.375%;
}
#G31 .Fe{
	width: 7%;
}


#G107 .C{
	width: 6.75%;
}
#G107 .Si{
	width: 6.4%;
}
#G107 .Cr{
	width: 32%;
}
#G107 .Ni{
	width: 19%;
}
#G107 .W{
	width: 9.4%;
}
#G107 .Co{
	width: 40.875%;
}
#G107 .Fe{
	width: 7%;
}


#G190 .C{
	width: 8.5%;
}
#G190 .Si{
	width: 3.8%;
}
#G190 .Cr{
	width: 30.75%;
}
#G190 .Ni{
	width: 3.8%;
}
#G190 .Mo{
	width: 3.8%;
}
#G190 .W{
	width: 20.5%;
}
#G190 .Co{
	width: 42.375%;
}
#G190 .Fe{
	width: 8.2%;
}


#G694 .C{
	width: 5.8%;
}
#G694 .Si{
	width: 5.8%;
}
#G694 .Cr{
	width: 30.5%;
}
#G694 .Ni{
	width: 10.6%;
}
#G694 .W{
	width: 26%;
}
#G694 .Co{
	width: 38.75%;
}
#G694 .Fe{
	width: 8.2%;
}


#G1 .C::after{
	content: "C: 2.2% ~ 2.8%";
}
#G1 .Si::after{
	content: "Si ≤ 2%";
}
#G1 .Cr::after{
	content: "Cr: 29% ~ 33%";
}
#G1 .Ni::after{
	content: "Ni ≤ 3%";
}
#G1 .Mo::after{
	content: "Mo ≤ 1%";
}
#G1 .W::after{
	content: "W: 11% ~ 14%";
}
#G1 .Co::after{
	content: "Co: 41.2% ~ 57.8%";
}


#G1 .Fe::after{
	content: "Fe ≤ 3%";
}
#G3 .C::after{
	content: "C: 2% ~ 2.7%";
}
#G3 .Mn::after{
	content: "Mn ≤ 1%";
}
#G3 .Si::after{
	content: "Si ≤ 1%";
}
#G3 .Cr::after{
	content: "Cr: 29% ~ 33%";
}
#G3 .Ni::after{
	content: "Ni ≤ 3%";
}
#G3 .Mo::after{
	content: "Mo ≤ 1%";
}
#G3 .W::after{
	content: "W: 11% ~ 14%";
}
#G3 .Co::after{
	content: "Co: 41.3% ~ 58%";
}
#G3 .Fe::after{
	content: "Fe ≤ 3%";
}


#G4 .C::after{
	content: "C: 0.8% ~ 1.3%";
}
#G4 .Mn::after{
	content: "Mn ≤ 1%";
}
#G4 .Si::after{
	content: "Si ≤ 1.5%";
}
#G4 .Cr::after{
	content: "Cr: 28% ~ 32%";
}
#G4 .Ni::after{
	content: "Ni ≤ 3%";
}
#G4 .Mo::after{
	content: "Mo ≤ 1.5%";
}
#G4 .W::after{
	content: "W: 12.5% ~ 15.5%";
}
#G4 .Co::after{
	content: "Co: 41.2% ~ 58.7%";
}
#G4 .Fe::after{
	content: "Fe ≤ 3%";
}


#G6 .C::after{
	content: "C: 0.9% ~ 1.4%";
}
#G6 .Mn::after{
	content: "Mn ≤ 1%";
}
#G6 .Si::after{
	content: "Si ≤ 1.5%";
}
#G6 .Cr::after{
	content: "Cr: 27% ~ 31%";
}
#G6 .Ni::after{
	content: "Ni ≤ 3%";
}
#G6 .Mo::after{
	content: "Mo ≤ 1.5%";
}
#G6 .W::after{
	content: "W: 3.5% ~ 5.5%";
}
#G6 .Co::after{
	content: "Co: 52.1% ~ 68.6%";
}
#G6 .Fe::after{
	content: "Fe ≤ 3%";
}


#G6B .C::after{
	content: "C: 0.9% ~ 1.4%";
}
#G6B .Mn::after{
	content: "Mn ≤ 2%";
}
#G6B .Si::after{
	content: "Si ≤ 2%";
}
#G6B .Cr::after{
	content: "Cr: 28% ~ 32%";
}
#G6B .Ni::after{
	content: "Ni ≤ 3%";
}
#G6B .Mo::after{
	content: "Mo ≤ 1.5%";
}
#G6B .W::after{
	content: "W: 3.5% ~ 5.5%";
}
#G6B .Co::after{
	content: "Co: 49.6% ~ 67.6%";
}
#G6B .Fe::after{
	content: "Fe ≤ 3%";
}


#G6K .C::after{
	content: "C: 1.4% ~ 1.9%";
}
#G6K .Mn::after{
	content: "Mn ≤ 1%";
}
#G6K .Si::after{
	content: "Si ≤ 1.5%";
}
#G6K .Cr::after{
	content: "Cr: 27% ~ 31%";
}
#G6K .Ni::after{
	content: "Ni ≤ 3%";
}
#G6K .Mo::after{
	content: "Mo ≤ 1.5%";
}
#G6K .W::after{
	content: "W: 3.5% ~ 5.5%";
}
#G6K .Co::after{
	content: "Co: 51.6% ~ 68.1%";
}
#G6K .Fe::after{
	content: "Fe ≤ 3%";
}


#G12 .C::after{
	content: "C: 1.1% ~ 1.7%";
}
#G12 .Mn::after{
	content: "Mn ≤ 1%";
}
#G12 .Si::after{
	content: "Si ≤ 1%";
}
#G12 .Cr::after{
	content: "Cr: 28% ~ 32%";
}
#G12 .Ni::after{
	content: "Ni ≤ 3%";
}
#G12 .W::after{
	content: "W: 7% ~ 9.5%";
}
#G12 .Co::after{
	content: "Co: 48.8% ~ 63.9%";
}
#G12 .Fe::after{
	content: "Fe ≤ 3%";
}


#G19 .C::after{
	content: "C: 1.5% ~ 2.1%";
}
#G19 .Mn::after{
	content: "Mn ≤ 1%";
}
#G19 .Si::after{
	content: "Si ≤ 1%";
}
#G19 .Cr::after{
	content: "Cr: 29.5% ~ 32.5%";
}
#G19 .Ni::after{
	content: "Ni ≤ 3%";
}
#G19 .W::after{
	content: "W: 9.50% ~ 11.5%";
}
#G19 .Co::after{
	content: "Co: 45.9% ~ 59.5%";
}
#G19 .Fe::after{
	content: "Fe ≤ 3%";
}
#G20 .C::after{
	content: "C: 2.2% ~ 3%";
}


#G20 .Si::after{
	content: "Si ≤ 2%";
}
#G20 .Cr::after{
	content: "Cr: 30% ~ 34%";
}
#G20 .Ni::after{
	content: "Ni ≤ 3%";
}
#G20 .Mo::after{
	content: "Mo ≤ 1%";
}
#G20 .W::after{
	content: "W: 14% ~ 19%";
}
#G20 .Co::after{
	content: "Co: 35% ~ 53.8%";
}
#G20 .Fe::after{
	content: "Fe ≤ 3%";
}


#G21 .C::after{
	content: "C: 0.2% ~ 0.3%";
}
#G21 .Mn::after{
	content: "Mn: 1% ~ 2%";
}
#G21 .Si::after{
	content: "Si ≤ 1%";
}
#G21 .Cr::after{
	content: "Cr: 26% ~ 28%";
}
#G21 .Ni::after{
	content: "Ni ≤ 2.5%";
}
#G21 .Mo::after{
	content: "Mo: 5% ~ 6%";
}
#G21 .Co::after{
	content: "Co: 57.7% ~ 67.8%";
}
#G21 .Fe::after{
	content: "Fe ≤ 2.5%";
}


#G31 .C::after{
	content: "C: 0.45% ~ 0.55%";
}
#G31 .Mn::after{
	content: "Mn ≤ 1%";
}
#G31 .Si::after{
	content: "Si ≤ 1%";
}
#G31 .Cr::after{
	content: "Cr: 24.5% ~ 26.5%";
}
#G31 .Ni::after{
	content: "Ni: 9.5% ~ 11.5%";
}
#G31 .Mo::after{
	content: "Mo ≤ 0.5%";
}
#G31 .W::after{
	content: "W: 7% ~ 8%";
}
#G31 .Co::after{
	content: "Co: 48.95% ~ 58.55%";
}
#G31 .Fe::after{
	content: "Fe ≤ 2%";
}


#G107 .C::after{
	content: "C: 1.2% ~ 2.3%";
}
#G107 .Si::after{
	content: "Si ≤ 3%";
}
#G107 .Cr::after{
	content: "Cr: 29% ~ 33%";
}
#G107 .Ni::after{
	content: "Ni ≤ 24%";
}
#G107 .W::after{
	content: "W: 3% ~ 5%";
}
#G107 .Co::after{
	content: "Co: 30.7% ~ 66.8%";
}
#G107 .Fe::after{
	content: "Fe ≤ 2%";
}


#G190 .C::after{
	content: "C: 2.8% ~ 3.5%";
}
#G190 .Si::after{
	content: "Si ≤ 1%";
}
#G190 .Cr::after{
	content: "Cr: 27% ~ 30%";
}
#G190 .Ni::after{
	content: "Ni ≤ 1%";
}
#G190 .Mo::after{
	content: "Mo ≤ 1%";
}
#G190 .W::after{
	content: "W: 12% ~ 15%";
}
#G190 .Co::after{
	content: "Co: 45.5% ~ 58.2%";
}
#G190 .Fe::after{
	content: "Fe ≤ 3%";
}


#G694 .C::after{
	content: "C: 0.8% ~ 1.2%";
}
#G694 .Si::after{
	content: "Si: 0.8% ~ 1.2%";
}
#G694 .Cr::after{
	content: "Cr: 26.5% ~ 29.5%";
}
#G694 .Ni::after{
	content: "Ni: 4% ~ 6%";
}
#G694 .W::after{
	content: "W: 18% ~ 20%";
}
#G694 .Co::after{
	content: "Co: 39.1% ~ 49.9%";
}
#G694 .Fe::after{
	content: "Fe ≤ 3%";
}




#G1::after{
	content: "R30001";
}
#G3::after{
	content: "/";
}
#G4::after{
	content: "R30004";
}
#G6::after{
	content: "R30006";
}
#G6B::after{
	content: "R30016";
}
#G6K::after{
	content: "/";
}
#G12::after{
	content: "R30012";
}
#G19::after{
	content: "/";
}
#G20::after{
	content: "/";
}
#G21::after{
	content: "R30021";
}
#G31::after{
	content: "R30031";
}
#G107::after{
	content: "/";
}
#G190::after{
	content: "R30014";
}
#G694::after{
	content: "/";
}