/* CSS Document */
body,html,div{ background:none;}
.fxtbbb_tb{ width:100%; height:auto; background:url(../images/zt/fxt/dbaneer.jpg) top center no-repeat #fff; background-size:100%; font-family:"思源宋体";}
.fxtbbbn_tb1{ padding-top:1.4rem; width:63.3%; margin:0 auto; text-align:center; font-size:45px; color:#FFF; line-height:1.1; padding-bottom:0.4rem;}
.fxtbbbn_tb2{ width:72.3%; margin:0 auto; display:flex;flex-wrap:nowrap; justify-content:space-around;}
.fxtbbbn_tb2 p{ width:47.7%; border-radius:10px; background:#ff9600; color:#FFF; line-height:50px; text-align:center; font-size:0.35rem;}
.fxtbbbn_tb3{ width:79.7%; margin:0 auto; margin-top:0.43rem;}
.fxtbbbn_tb4{ text-align:center; font-family:"思源宋体 CN"; font-size:36px; line-height:1.2; color:#fff; padding-top:0; letter-spacing:-0.01rem; font-weight:bold}
.fxtbbbn_tb5{ width:82.7%; margin:0 auto; padding-top:0.2rem;}
.fxtbbba_tb{ width:100%;display:flex;flex-wrap:nowrap; justify-content:space-between;}
.fxtbbba_tb b{ width:8.9%; text-align:center; font-family:"Impact"; font-size:60px; color:#fff; opacity:0.3; display:block;}
.fxtbbba_tb p{ width:91.1%; font-family:"思源宋体 CN"; font-size:30px; line-height:1.8; color:#fff; opacity:0.9;text-align: justify;}
.fxtbbba_tb a{ display:block; color:#fff;}
.fxtbbba_tb a:hover{ color:#ff9600;}
.paid{ padding-top:0;}
/*切换开始*/
#iowrapper {
	width: 100%;padding-top:1.8rem;
}
#iotabs4{
	width: 100%;
}
#iotabs4 ul{display:flex;flex-wrap:nowrap;justify-content:space-between; width:57.3%;
	margin: 0 auto;}
#iotabs4 li{
	 width:49%;
}
#iotabs4 li h1{
	display: block; font-weight:normal; transform:skewX(-30deg);
	background:#fff; color:#ff9600; border:2px solid #ff9600; text-align:center; 
}
#iotabs4 li h1 p{transform:skewX(30deg);line-height:2; font-family:"思源宋体"; font-size:24px; height:100%}
#iotabs4 li h1:hover{
	background: #ff9600;
	text-decoration: none;
	color: #fff; border:2px solid #ff9600;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:#ff9600 !important;
	color: #fff !important;
	border:2px solid #ff9600 !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:60px;}
.ionrol{ max-width:796px; margin-top:0.1rem;}
.ionror{ width:58.5%;}
.ionror p{ width:100%;
line-height: 1.5;
font-family:"思源宋体 CN";
font-size: 36px;
text-align: justify;
color: #ff9600; padding-bottom:0.1rem; font-weight:bold; }
.ionror p span3{display:flex;flex-wrap:nowrap; justify-content:flex-start; width:100%}
.ionror p span3 span{ width:8.9%; font-family:"Impact"; font-size:60px; color:#000000; opacity:0.2; display:block;}
.ionror p span3 span2{ font-family:"思源宋体 CN"; font-size:30px; line-height:1.8; color:#000000; font-weight:100; padding-left:0.8%; width:80%;letter-spacing:-0.015rem;}
.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);}  
/*切换结束*/
#js-modal-page{ background:#fff;}
.fxtdt_tb{ width:100%; background:#fff;}
.fxtdtn_tb{ width:68.6%; margin:0 auto;display:flex;flex-wrap:nowrap; justify-content:space-between;}
.fxtdtn_tb img{ width:48.9%; border-radius:10px;}
@media screen and (max-width:1799px){
.fxtbbba_tb p{ font-size:0.22rem;}
.fxtbbbn_tb1{ font-size:0.45rem;}	
#iotabs4 ul{ width:71.3%}
.ionror p span3 span2{ font-size:0.3rem;}
	}
@media screen and (max-width:600px){
.fxtbbb_tb{background:url(../images/zt/fxt/dbaneers.jpg) top center no-repeat #fff; height:auto;background-size:110%;}
.fxtbbbn_tb1{ width:82%; font-size:19px;}	
.fxtbbbn_tb2{ width:100%;flex-wrap:wrap;}
.fxtbbbn_tb2 p{ width:83%; margin-top:0.5rem;line-height:2;font-size:16px; margin-bottom:0.2rem;}
.fxtbbbn_tb3{ width:90%; margin-top:1.3rem;}
.fxtbbbn_tb4{ font-size:14px; margin-top:0.5rem;}
.fxtbbbn_tb5{ width:90%}
.fxtbbba_tb{flex-wrap:wrap;}
.fxtbbba_tb b{ font-size:15px; width:100%}
.fxtbbba_tb p{ font-size:12px; width:100%;}
.fxtbbba_tb a{ padding-top:0.2rem;}
#iotabs4 ul{ width:100%}
.ionronn,#iotabs4 ul{flex-wrap:wrap;}	
#iowrapper{ padding-top:60px;}
#iotabs4{ width:83%; margin:0 auto; margin-bottom:-20px;}
#iotabs4 li{
	 width:100%; margin-bottom:0.3rem;
}
#iotabs4 li h1{transform:skewX(0deg); border-radius:10px;}
#iotabs4 li h1 p{ font-size:14px;transform:skewX(0deg);}
.ionror p span{}
.ionro{ margin-top:10px;flex-wrap:wrap; display:inline}
.ionronn a span,.ionror p{ font-size:25px; text-align:center}
.ionronn a{ width:90%; margin-bottom:1rem;}
.ionror p span3{ flex-wrap:wrap;}
.ionror p span3 span{ width:100%; font-size:20px;}
.ionror p span3 span2{ width:100%; padding:0; font-size:12px;text-align: justify;}
.fxtdtn_tb{ width:80%;flex-wrap:wrap; }
.fxtdtn_tb img{ width:100%; margin-bottom:0.2rem;}
}
.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;}
.aldhvn_tb .pdio h1{ padding-top:0.5rem;}
.cpbad_tb .pasd{ width:70%; margin:0 auto; display:block}
@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;}
.cpbad_tb .pasd{ width:97%;}
	}