/* CSS Document */
body,html,div{ background:none;}

.orebanner{ width:100%; height:6.34rem; background:url(../images/zt/iron/ironba.jpg) center center no-repeat #fff; background-size:100%;}
.orebanner p{ font-family:"思源宋体"; color:#fffefe; font-size:0.47rem; margin-left:46.5%; padding-top:1.8rem; padding-bottom:0.5rem;}
.orebanner a{ width:20.4%; height:0.77rem; display:block; background:url(../images/zt/iron/ironzxa.png) center center no-repeat;background-size:100%;transition: all 0.5s ease; margin-left:48.5%;}
.orebanner a:hover{width:21.4%; height:0.79rem;}

.oredd_tb{ width:100%; padding-top:1.2rem;background:#fff;  padding-bottom:1.5rem; background-size:100%;}
.oreddn_tb{ width:79.7%; margin:0 auto;}
.oreddn_tb1{background:url(../images/zt/iron/oredd.png) right bottom no-repeat; background-size:50%;}
.oreddn_tb1 p{ font-family:Arial; font-size:24px; color:#4d4d4d; line-height:2; padding-top:0.3rem;text-align: justify;}
.oreddn_tb2{display:flex; width:100%;flex-wrap:nowrap;justify-content:space-between; padding-top:0.3rem;}
.oreddn_tb2 img{ width:32.1%; border-radius:10px;}

@media screen and (max-width:600px){
.oreddn_tb1 p{ font-size:0.6rem;}	
.oreddn_tb2{flex-wrap:wrap;}
.oreddn_tb2 img{ width:100%; margin-top:0.5rem;}
.oreddn_tb{ width:90%;}
}

#iowrapper {
	width: 100%;
	margin: 0 auto;padding-bottom:1.81rem;background:url(../images/zt/iron/orehajb.jpg) center bottom no-repeat #fff; background-size:100% auto;
}
#iotabs4{
	width: 79.7%;
	margin: 0 auto;
}
#iotabs4 ul{display:flex;flex-wrap:nowrap;justify-content:space-between; width:100%;}
#iotabs4 li{
	 width:49%;
}

#iotabs4 li h1{
	display: block; font-weight:normal;
	background:#fff; color:#333333; border:2px solid #595757; height:0.7rem; text-align:center; line-height:0.6rem; font-family:"思源宋体"; font-size:31px;
}

#iotabs4 li h1:hover{
	background: #ec6608;
	text-decoration: none;
	color: #fff; border:2px solid #ec6608;cursor: pointer;
}

#iotabs_container {
	overflow: hidden;
	position: relative;
}

#iotabs_container div {
}

.iotransition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.iomake_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.iohidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.ioshowscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.iohideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.ioshowleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.iohidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.ioshowscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.iohideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.ioshowflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#iotabs4 ul li .iotabulous_active {
	background:#ec6608 !important;
	color: #fff !important;
	border:2px solid #ec6608 !important;
}

.iotabulousclear {
	display: block;
	clear: both;
}

#iotabs-1{width: 100%; background:none; padding-bottom:1rem; }
#iotabs-1 i,#iotabs-2 i{ font-style:normal;}
#iotabs-1 b,#iotabs-2 b{ font-weight:normal; background:none }
.ionro{
display: flex;
flex-wrap: nowrap;
justify-content: flex-start; margin-top:90px;}
.ionrol{ max-width:28px; margin-top:0.1rem;}
.ionror{ width:96.4%;}
.ionror p{padding-left: 1%; width:100%;
line-height: 2;
font-family: Arial;
font-size: 24px;
text-align: justify;
color: #4d4d4d; padding-bottom:0.2rem;}
.ionror p span{font-weight: bold;
display: block;}
.ionronn{display: flex;
flex-wrap: nowrap;
justify-content:space-around; padding-top:0.8rem;}
.ionronn a{ width:40.04%;background: url(../images/zt/iron/ioredna.jpg) center center no-repeat;
background-size: 100.3%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 40px;
box-shadow: 0px 2px 7px #d6d6d6; display:block;
  text-align: center;}
.ionronn a img{ width:90%;-webkit-transition: all 0.5s;
transition: all 0.5s;}
.ionronn a span {
  display: block;
  width: 100%;
  font-family: "微软雅黑";
  font-size: 30px;
  color: #333333;
  padding-top: 15px;
  padding-bottom: 0.37rem;}
.ionronn a:hover{	border-radius:0px;box-shadow:0px 2px 7px #a4a0a0;}
.ionronn a:hover img{opacity: 1;
filter: alpha(opacity=70);
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
-m-transform: scale(1.12);
transform: scale(1.12);}  

@media screen and (max-width:600px){
.ionronn,#iotabs4 ul{flex-wrap:wrap;}	
#iotabs4 li{
	 width:100%;
}
#iotabs4 li h1{ font-size:0.5rem; line-height:1.5rem; height:1.5rem; margin-top:0.5rem;}
.ionrol{ display:none}
.ionror p span{}
.ionro{ margin-top:10px;}
.ionronn a span,.ionror p{ font-size:0.6rem;}
.ionronn a{ width:90%; margin-bottom:1rem;}
	}
.ironalc_tb{ width:100%; background:#fff;}	
.ironaln_tb{ width:80.9%; margin:0 auto;}
.orealn_tb1{}
.orealn_tb1 ul{ width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;}
.orealn_tb1 ul li{ width:46.9%;position: relative;}
.orealn_tb1 ul li::after {
  content: "";
  width: 0;
  height: 3px;
  background: #e97a2d;
  position: absolute;
  top: 100%;
  left: 50%;
  transition: all .8s;}
.orealn_tb1 ul li:hover:after {
	left: 0%;
	width: 100%;
}  
.orealn_tb1 ul li a{ display:block;}
.orealn_tb1 ul li a img{-webkit-transition:all 0.5s;transition:all 0.5s;}
.orealn_tb1 ul li a:hover img{box-shadow:0px 2px 7px #d6d6d6;-webkit-transition:all 0.5s;transition:all 0.5s;}
.orealn_tb1 ul li a span{ display:block; width:100%; text-align:center; line-height:1rem; font-family:Adobe Caslon Pro; font-size:28px;}
.oreddn_tb3{display:flex;width:100%;flex-wrap:nowrap;justify-content:center;align-items:center; padding-top:0.5rem; padding-bottom:1rem; background:#fff;}
.oreddn_tb3 img{}	
.oreddn_tb3 p{ font-family:"思源宋体"; font-size:36px; color:#333333; margin-left:1%;}
@media screen and (max-width:900px){
.oreddn_tb3{ padding-top:30px;}	
.oreddn_tb3 p{ font-size:0.7rem;}	
	}
@media screen and (max-width:900px){
.oreddn_tb3{ padding-top:30px;}	
.oreddn_tb3 p{ font-size:0.7rem;}	
	}	
@media screen and (max-width:600px){
.orealn_tb{ width:97%}	
.orealn_tb1 ul{flex-wrap:wrap;}
.orealn_tb1 ul li{ width:100%}
.orealn_tb1 ul li a span{ font-size:0.35rem; line-height:4; }
	}	
.orealn_tb2{background:url(../images/zt/iron/oredad.jpg) center 30px no-repeat #fff; width:93.3%; margin:0 auto; padding-bottom:0.6rem;}	
.orealn_tb3{ text-align:center}
.orealn_tb4{width:93.3%; margin:0 auto; padding-bottom:0.6rem;}
.orealn_tb2 p,.orealn_tb4 p{ font-family:Arial; font-size:24px; color:#4d4d4d; line-height:2;text-align: justify;}
.orealn_tb4 p{ padding-top:0.6rem;}
@media screen and (max-width:600px){
.orealn_tb2 p,.orealn_tb4 p{ font-size:0.6rem;}	
	}
.orefwv_tb{ width:100%;background:url(../images/zt/iron/orefwv.jpg) center center no-repeat #fff; background-size:auto 100%; padding-bottom:0.6rem; }
.orefwvn_tb{ width:84.1%; margin:0 auto;}
.orefwvn_tb h1{ font-size:36px; color:#fff; padding-top:1rem; padding-bottom:1rem; text-align:center}
.orefwvn_tb ul{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;}
.orefwvn_tb ul li{ width:23.9%;}
.orefwvn_tb ul li img{ margin:0 auto; display:block}
.orefwvn_tb ul li p{ width:100%; color:#fff; font-family:Arial; font-size:24px; line-height:2; padding-top:0.6rem;}
@media screen and (max-width:600px){
.orefwvn_tb h1{ font-size:0.7rem; padding-top:2rem; padding-bottom:2rem;}	
.orefwvn_tb ul{flex-wrap:wrap;}	
.orefwvn_tb ul li{ width:100%}
.orefwvn_tb ul li img{ width:21%;}
.orefwvn_tb ul li p{ font-size:0.6rem; padding-bottom:2rem;text-align: justify;}
	}