body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100% } h2 { font-size: 2.60417vw } a { text-decoration: none; cursor: pointer } a:hover { text-decoration: none } a:focus { outline-style: none; -moz-outline-style: none } * { box-sizing: border-box } img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle } i, em { font-style: normal } body { font-size: .83333vw } li { list-style: none } button, input, select, textarea { font-size: 100%; border: none; outline: none } .wrap, .wp { width: 92%; max-width: 72.91667vw; margin: 0 auto } .clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both } .clearfix { zoom: 1 } .float-left { float: left } .float-right { float: right } .header { background: url("/ban1/iron-ore-processing-plant-images/main-img.jpg") center top no-repeat; background-size: 100%; padding-top: 1.30208vw } .header-logo { width: 9vw; display: block; margin: 0 auto -2vw; } .menu-list { display: none; } .nav-item { width: 42% } .nav-item li { width: 25%; float: left } .nav-item li a { display: block; text-align: center; border-top: .10417vw solid gray; height: 3.64583vw; font-size: .83333vw; line-height: 3.64583vw; position: relative; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .nav-item li a:before { content: ''; display: block; width: 0; height: .20833vw; background: transparent; left: 0; top: -.10417vw; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .nav-item li.active a { color: #eb8c04 } .nav-item li.active a:before { content: ''; display: block; width: 100%; height: .20833vw; background: #eb8c04; left: 0; top: -.10417vw; position: absolute } .nav-item li:hover a { color: #eb8c04 } .nav-item li:hover a:before { background: #eb8c04; width: 100% } .email { font-size: .72917vw !important; color: #eb8c04 !important } .nav-item .code { position: absolute; font-size: .625vw; color: #9198a7; line-height: normal; width: 100%; bottom: 0; left: 50%; margin-left: -1.97917vw; white-space: nowrap; display: none } .header-info { -webkit-border-radius: 1.5625vw; -moz-border-radius: 1.5625vw; border-radius: 1.5625vw; -webkit-box-shadow: 0 0 .9375vw 0 rgba(40, 52, 62, 0.6); -moz-box-shadow: 0 0 .9375vw 0 rgba(40, 52, 62, 0.6); box-shadow: 0 0 .9375vw 0 rgba(40, 52, 62, 0.6); background: url("/ban1/iron-ore-processing-plant-images/main-img2.jpg") center no-repeat; background-size: cover; padding: 7.1875vw 0 7.5vw; margin-top: .9375vw; text-align: center } .header-info h1 { font-size: 2.8125vw; line-height: 1.6; color: #ffffff; margin-bottom: 4.27083vw } .header-info p { font-size: 1.25vw; line-height: 1.77083vw; color: #ffffff; margin-bottom: 6.04167vw } .header-info p b { color: #fead6c; font-weight: bold } .header-info p span:first-child { margin-right: 5.625vw } .header-btn a { display: inline-block; width: 20.83333vw; height: 3.64583vw; text-align: center; line-height: 3.64583vw; border-radius: 1.82292vw; box-shadow: 0 0 .9375vw 0 rgba(40, 52, 62, 0.6); text-shadow: 0 .26042vw .20833vw rgba(40, 52, 62, 0.22); color: #ffffff; font-weight: bold; font-size: 1.25vw; transition: all 0.3s } .header-btn a img { width: 2.09vw; margin-right: .625vw; transition: all 0.3s } .header-btn a:hover { transform: translate(0, -.52083vw); box-shadow: 0 0 .9375vw 0 rgba(40, 52, 62, 0.8) } .header-btn a:hover img { transform: scale(1.2) } .header-btn a:nth-child(1) { background-image: linear-gradient(90deg, #6e8aa6 2%, #5c7084 100%); margin-right: 4.79167vw } .header-btn a:nth-child(2) { background-image: linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%) } .header-email { display: none } .plant { position: relative; padding-top: 5.20833vw; padding-bottom: 4.16667vw; } .plant .bg-view { display: none; width: 43.48958vw; background-color: #f8f8f8; background-image: url("/ban1/iron-ore-processing-plant-images/pl-bg1.png"); background-repeat: no-repeat; background-position: center bottom; background-size: 50%; position: absolute; z-index: -1; right: 0; top: -5.65vw; bottom: 0; } .plan-info { position: relative; top: 0; left: 0; z-index: 3; font-size: 0 } .plan-info .plan-img { width: 46.35%; display: inline-block; vertical-align: middle; margin-left: 3% } .plan-info .plan-img img{ border-radius: 1.6vw; box-shadow: 0 0 .9375vw 0 rgba(40, 52, 62, 0.6); } .plan-info .plan-img .video_swt{ margin-top: 2vw; padding: 0.74vw; padding-right: 3.5vw; background-image: url(../images/icon_video4.png); background-repeat: no-repeat; background-position: right 1vw center; background-size: 1.64vw; border: 1px solid #fc7453; border-radius: 3vw; font-size: 1vw; color: #fc7453; line-height: 1.2; text-align: center; cursor: pointer; } .plan-text { width: 50.65%; display: inline-block; vertical-align: middle } .plan-text h3 { font-size: 1.66667vw; color: #5b6f83; margin-bottom: 1.45833vw } .plan-text p { font-size: 1.04167vw; color: #666666; line-height: 2.08333vw; margin-bottom: 1.25vw } .plan-text p span { color: #fc6d50 } .probox { background-color: #f8f8f8; box-shadow: inset 0 0 3.00312vw .22604vw rgba(0, 0, 0, 0.11); padding-top: 1.71875vw; overflow: hidden } .ftm-title { font-size: 2.8125vw; line-height: 4.375vw; background-image: linear-gradient(#3d4656, #596d82); -webkit-background-clip: text; background-clip: text; color: transparent; text-align: center } .pro-info { position: relative; padding-bottom: 2.08333vw } .pro-info img { width: 57.82vw; display: block; margin-left: -14.79167vw } .probox .ftm-title { margin-bottom: .26042vw } .pro-text { width: 42%; position: absolute; left: 50%; margin-left: 10.9375vw; top: 0; margin-top: 5.72917vw } .pro-text strong { color: #fc7453; display: block; line-height: 2.08333vw; font-size: 1.04167vw } .pro-text p { color: #666666; font-size: 1.04167vw; line-height: 2.08333vw } .pro-text ul { margin-top: .26042vw } .pro-text li { color: #666666; font-size: 1.04167vw; line-height: 1.7; padding-left: 1.66667vw; background: url("/ban1/iron-ore-processing-plant-images/icon-li1.png") left .41667vw no-repeat; background-size: 0.9895vw; margin-bottom: .41667vw } .Proje-box { padding-top: 2.34375vw; background-image: url("/ban1/iron-ore-processing-plant-images/pl-bg1.png"); background-position: 7.1875vw top; background-repeat: no-repeat; background-size: 21.51vw; } .Proje-box .ftm-title { margin-bottom: 2.60417vw } .Proje-info img { display: block; width: 28.69792vw; border-radius: .52083vw; -webkit-box-shadow: 0 0 1.25vw 0 rgba(40, 52, 62, 0.23); -moz-box-shadow: 0 0 1.25vw 0 rgba(40, 52, 62, 0.23); box-shadow: 0 0 1.25vw 0 rgba(40, 52, 62, 0.23) } .Proje-item .detail { font-size: 1.04167vw; line-height: 1.6; color: #ffffff; padding: 1.5625vw 3.125vw; border-radius: .52083vw; background-color: #596d82; background-image: url("/ban1/iron-ore-processing-plant-images/bg-wg.png"); box-shadow: .09755vw .24146vw 1.09375vw 0 rgba(40, 52, 62, 0.14); position: relative; top: -.52083vw } .Proje-item .left-view:before { content: url("/ban1/iron-ore-processing-plant-images/pl-view1.png"); position: absolute; z-index: -1; top: -1.875vw; left: 0; display: none } .Proje-item .right-view:before { content: url("/ban1/iron-ore-processing-plant-images/pl-view2.png"); position: absolute; z-index: -1; top: -1.875vw; right: 0 } .Proje-item .detail strong { display: block; color: #feab6b } .Proje-item { margin-bottom: 7.8125vw } .Proje-text { width: 52% } .Proje-text h3 { font-size: 1.35417vw; line-height: 1.4; color: #576b7f; margin-bottom: 1.5625vw } .Proje-text b { color: #fb6b50 } .Proje-text span { font-size: .9375vw; color: #666666 } .Proje-text span:nth-child(2) { margin-right: 2.39583vw } .Proje-text p { font-size: 1.04167vw; line-height: 1.5; margin: 1.5625vw 0 1.66667vw; color: #666666 } .Proje-text p strong { display: block; margin-bottom: .52083vw; color: #576b7f } .Proje-item { margin-bottom: 3.64583vw } .Proje-info a { display: table; padding: 1.1458vw 2.5vw; border-radius: 1.82292vw; background-image: -moz-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -webkit-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -ms-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); color: #ffffff; font-size: 1.35417vw; font-weight: bold; text-align: center; line-height: 1 } .hist-box { background-image: url("/ban1/iron-ore-processing-plant-images/pl-bg4.jpg"); background-repeat: repeat-x; background-size: cover; padding-top: 3vw; padding-bottom: 4.32292vw; margin-bottom: 4.53125vw } .hist-box .ftm-title { color: #ffffff; margin-bottom: 2.34375vw } .hist-info { position: relative; background-image: url("/ban1/iron-ore-processing-plant-images/pl-bg5.png"); background-position: right 9.6875vw; background-repeat: no-repeat } .hist-info img { width: 33.7vw; float: right; margin: 0 2.39583vw 0 5.625vw; border-radius: .52083vw } .hist-text { overflow: hidden } .hist-text strong { font-size: 1.04167vw; color: #fea96a; display: block } .hist-text li { font-size: 1.04167vw; line-height: 1.5; color: #ffffff; padding-left: 1.82292vw; background: url(/ban1/iron-ore-processing-plant-images/icon-li1.png) left .3125vw no-repeat; background-size: 0.9895vw; } .hist-text li+li { margin-top: 1.04167vw } .hist-text ul { margin: 1.04167vw 0 2.44792vw } .hist-text a { display: block; width: 15.88542vw; height: 3.64583vw; border-radius: 1.82292vw; background-image: -moz-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -webkit-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -ms-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); text-overflow: 0 .26042vw .20833vw rgba(40, 52, 62, 0.22); color: #ffffff; font-size: 1.35417vw; font-weight: bold; text-align: center; line-height: 3.64583vw } .ftm-info { position: relative } .ftm-info img { width: 49.53vw; position: absolute; border-top-right-radius: 4.16667vw; box-shadow: -.52083vw .90214vw 2.08333vw 0 rgba(4, 62, 97, 0.25); top: 0; left: -13.75vw; z-index: 2 } .ftm-box { overflow: hidden } .ftm-text { padding-top: 9.375vw; background-image: url("/ban1/iron-ore-processing-plant-images/pl-img7.jpg"); background-position: center top; background-repeat: no-repeat; background-size: 72%; width: 45% } .ftm-text .bg { width: 100%; padding: 1.5625vw 0 2.08333vw; position: relative; z-index: 1 } .ftm-text .bg:before { content: ""; background: #f7f7f7; position: absolute; left: -44%; right: -41.3%; top: 0; bottom: 0; z-index: -1 } .ftm-text .bg p { font-size: 1.04167vw; color: #666666; line-height: 1.6 } .ftm-text .bg p strong { display: block; color: #fc6d50 } .con-box { background-image: url("/ban1/iron-ore-processing-plant-images/pl-bg3.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; padding-top: 2.08333vw; padding-bottom: 2.5vw } .con-box .ftm-title { margin-bottom: 2.60417vw; color: #ffffff } .con-text { float: left; max-width: 26.04167vw; width: 36% } .con-text li:after { content: ''; display: block; clear: both } .con-text li { font-size: 1.04167vw; color: #dfdfdf; line-height: 1.6; margin-bottom: .83333vw } .con-text li span { display: block; margin-right: .41667vw; float: left; font-family: 'Impact'; color: #ffab6b } .con-text strong { margin-bottom: 1.04167vw; color: #ffab6b; font-size: 1.30208vw; display: block } .con-text li p { float: left; max-width: 24.21875vw } .form-box { float: right; width: 60%; max-width: 41.97917vw } .form-box input { outline: none; border-radius: .52083vw; height: 3.125vw; background: #7b9ab8; box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); font-size: .9375vw; color: #ffffff; padding-left: 1.04167vw; padding-right: 1.04167vw; margin-right: 1.5625vw; margin-bottom: 1.66667vw; max-width: 19.94792vw; width: 48% } .form-box input:nth-of-type(2n) { margin-right: 0 } .form-box textarea { outline: none; border-radius: .52083vw; background: #7b9ab8; box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); font-size: 1.04167vw; line-height: 1.66667vw; color: #ffffff; padding: .625vw 1.04167vw; width: 100%; height: 8.85417vw; margin-bottom: 1.5625vw } .form-box button { display: block; margin: 0 auto; display: block; width: 19.21875vw; height: 3.125vw; -webkit-border-radius: 1.5625vw; -moz-border-radius: 1.5625vw; border-radius: 1.5625vw; background-image: -moz-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -webkit-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -ms-linear-gradient(90deg, #fb684e 0%, #ff9261 43%, #fead6c 100%); -webkit-box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); -moz-box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.18); -ms-text-overflow: 0 .26042vw .20833vw rgba(40, 52, 62, 0.22); text-overflow: 0 .26042vw .20833vw rgba(40, 52, 62, 0.22); color: #ffffff; font-size: 1.35417vw; font-weight: bold; text-align: center; line-height: 3.125vw; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .copy { padding: 1.04167vw 0; background-image: -moz-linear-gradient(90deg, #212933 0%, #2a3641 100%); background-image: -webkit-linear-gradient(90deg, #212933 0%, #2a3641 100%); background-image: -ms-linear-gradient(90deg, #212933 0%, #2a3641 100%); text-align: center; line-height: 1.7; font-size: .9375vw; color: #ffffff } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #d9d9d9 } input:-moz-placeholder, textarea:-moz-placeholder { color: #d9d9d9 } input::-moz-placeholder, textarea::-moz-placeholder { color: #d9d9d9 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #d9d9d9 } .hover-btn { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .hover-btn:hover { background-image: -moz-linear-gradient(to right, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -webkit-linear-gradient(to right, #fb684e 0%, #ff9261 43%, #fead6c 100%); background-image: -ms-linear-gradient(to right, #fb684e 0%, #ff9261 43%, #fead6c 100%); box-shadow: .11708vw .28974vw .3875vw 0.02917vw rgba(29, 32, 39, 0.4); transform: translate(0, -.52083vw) } .menu-btn { display: none; background: url("/ban1/iron-ore-processing-plant-images/menu.png") center no-repeat; background-size: 90%; cursor: pointer } .top-box { display: none } .fdftm { position: fixed; width: 6.77083vw; right: .52083vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 999 } .pc-top { width: 80%; position: absolute; z-index: -1; bottom: -2.29167vw; left: .98958vw; display: none; cursor: pointer } .fdftm .fdftmtop { clear: both; position: relative; z-index: -1; margin: 0 0 0 .20833vw } .fdftm .fdftmtop .fdftmtoppic { clear: both; width: 100%; position: relative; z-index: 3 } .fdftm .fdftmtop .fdftmtoppic a { display: block; } .fdftm .fdftmtop .fdftmtoppic img { width: 100%; } .fdftm .fdftmtop .fdftmtoppic span { position: absolute; left: -4.21875vw; top: 2.1875vw; animation: widthmove 4s linear infinite; width: 5.20833vw; overflow: hidden } .fdftm .fdftmtop .fdftmtoppic span i { clear: both; display: block; font-style: normal; width: 5.20833vw; height: 2.34375vw; background: url("/ban1/iron-ore-processing-plant-images/fdicon01.png_.webp") no-repeat center top; background-size: 100%; display: block; font-size: .72917vw; line-height: .83333vw; color: #1e504f; padding: .36458vw 1.04167vw .52083vw .46875vw } .fdftm .fdftmbom { clear: both; width: 100%; margin-top: -1.82292vw; height: 8.59375vw; background: url(../images/kft.png) center no-repeat; background-size: 100%; position: relative } .fdftm .fdftmbom .fdftmboma01 { clear: both; display: block; cursor: pointer; position: relative; z-index: 5; height: 4.32292vw } .fdftm .fdftmbom .fdftmboma02 { clear: both; display: block; cursor: pointer; position: relative; z-index: 5; top: -.05208vw; height: 4.32292vw } @keyframes widthmove { 0%, 50% { width: 0; left: 0 } 60%, 100% { width: 5.20833vw; left: -4.21875vw } } @-webkit-keyframes widthmove { 0%, 50% { width: 0; left: 0 } 60%, 100% { width: 5.20833vw; left: -4.21875vw } } .plan-text { overflow: hidden } .m-fotbtn { display: none; } #LRdiv0 { display: none !important } @media screen and (max-width: 960px) { .wrap, .wp { max-width: 100%; } .nav { display: none } .header { position: relative; padding-top: 1rem; padding-bottom: 0.8rem; background-size: auto 100%; } .header-logo { width: 27%; position: absolute; left: 3%; top: .33333rem } .header-info { margin-top: .90667rem; padding: 1.33333rem 6%; border-radius: 0.3rem; } .menu-btn { display: block; position: absolute; right: 3%; top: .33333rem; width: 1.18rem; height: 1.18rem; } .menu-list { position: absolute; display: none; background: #fff; right: 3%; top: 1.6rem; z-index: 99 } .menu-list a { display: block; padding: 0.15rem 0.3rem 0.15rem 0.8rem; border-bottom: .05208vw solid #dfdfdf; color: #666666; background: url("/ban1/iron-ore-processing-plant-images/icon-li1.png") 0.3rem center no-repeat; background-size: 0.35rem; font-size: 0.38rem; } .menu-list { -webkit-border-radius: .52083vw; -moz-border-radius: .52083vw; border-radius: .52083vw; overflow: hidden } .header-info h1 { font-size: .6rem; margin-bottom: .53333rem } .header-info p { font-size: .4rem; line-height: 1.5; margin-bottom: .74667rem; overflow: hidden; text-align: left; } .header-info p span { display: block; margin-top: 0.4rem; } .header-info p span:first-child { margin-right: 0; margin-top: 0; } .header-btn { overflow: hidden; } .header-btn a { display: block; width: 48%; height: 1rem; float: right; line-height: 1rem; font-size: 0.36rem } .header-btn a:first-child { float: left; margin-right: 0; } .header-btn a img { width: 0.55rem } .ftm-title { font-size: 0.54rem; line-height: 1.3; } .plant { padding-top: 1rem; padding-bottom: 1.3333rem; } .plant .bg-view { display: none; } .plan-text { width: 100%; } .plan-text h3 { font-size: 0.54rem; line-height: 1.3; } .plan-text p { margin-top: 0.3rem; font-size: 0.4rem; line-height: 1.5; } .plan-info .plan-img { width: 100%; margin-left: 0; margin-top: 0.5rem; } .plan-info .plan-img img{ border-radius: 0.5rem; box-shadow: none; } .plan-info .plan-img .video_swt{ margin-top: .66667rem; padding: .26667rem .2rem; padding-right: 1.13333rem; background-position: right .32rem center; background-size: .66667rem; font-size: .38rem; } .probox { padding-top: 1rem; padding-bottom: 1rem; } .pro-info { margin-top: 0.5rem; } .pro-info img { width: 100%; margin: 0; } .pro-text { float: none; position: static; width: 100%; padding: 0 .26667rem; margin: 0 auto } .pro-text strong { margin-top: 0.6rem; font-size: 0.45rem; line-height: normal; } .pro-text p { font-size: 0.4rem; line-height: 1.5; } .pro-text ul li { margin-top: 0.2rem; margin-bottom: 0; font-size: 0.4rem; line-height: 1.5; padding-left: 0.6rem; background-size: 0.4rem; background-position: left 0.1rem; } .Proje-box { padding-top: 1rem; padding-bottom: 1.3333rem; } .Proje-info { padding: 0 } .Proje-text h3 { margin-bottom: 0.4rem; font-size: .44rem; line-height: 1.3 } .Proje-info img { width: 100%; height: 5rem; object-fit: cover; border-radius: 0.3rem; } .Proje-text { width: 100%; margin-top: 0.5rem; } .Proje-text p, .Proje-text span { font-size: .38rem; line-height: 1.6; margin: .2rem 0 } .Proje-info a { margin-top: 0.4rem; padding: 0.3rem 0.5rem; border-radius: 0.6rem; font-size: .36rem } .Proje-item { margin-top: 1rem; margin-bottom: 0; } .Proje-item .detail { margin-top: 0.7rem; padding: 0.5rem; border-radius: 0.3rem; line-height: 1.5; font-size: .38rem } .Proje-item .detail strong { font-size: 0.44rem; } .hist-box { padding-top: 1rem; padding-bottom: 1.3333rem; margin-bottom: 0; } .hist-info { background: none; } .hist-text { width: 100%; } .hist-text strong { margin-top: 0.6rem; font-size: 0.45rem; line-height: normal; } .hist-text ul li { margin-top: 0.2rem; margin-bottom: 0; font-size: 0.4rem; line-height: 1.5; padding-left: 0.6rem; background-size: 0.4rem; background-position: left 0.1rem; } .hist-text a { width: 3.6rem; height: .9rem; margin-top: 0.5rem; border-radius: 0.6rem; line-height: .9rem; font-size: .36rem } .hist-info img { width: 100%; margin: 0.4rem 0 0; border-radius: 0.2rem; } .ftm-box { padding-top: 1rem; } .ftm-text { width: 100%; background-image: none; padding-top: 1rem } .ftm-info img { position: static; margin: 0 auto; width: 100%; border-top-right-radius: 0.72rem } .ftm-text .bg { padding-top: 0.54rem; padding-bottom: 0.54rem; } .ftm-text .bg p { width: 100%; font-size: 0.4rem; } .ftm-text .bg p strong { font-size: 0.44rem; } .con-text { width: 100%; float: none; max-width: 100% } .con-text strong { margin-top: 0.5rem; margin-bottom: 0.3rem; font-size: 0.5rem; line-height: normal; } .con-text ul li { margin-top: 0.2rem; margin-bottom: 0; font-size: 0.4rem; line-height: 1.4; padding-left: 0; } .con-text li p { max-width: 90% } .con-text li span { margin-right: 0.2rem; } .con-box { padding-top: 1rem; padding-bottom: 1rem; } .form-box { float: none; width: 100%; max-width: 100%; margin-top: 0.8rem; } .form-box input, .form-box textarea { max-width: 100%; width: 100%; height: 1rem; display: block; margin-bottom: 0.3rem; padding-left: 0.36rem; padding-right: 0.36rem; border-radius: 0.2rem; font-size: 0.38rem; line-height: 1rem; } .form-box textarea { height: 3rem; padding-top: 0.22rem; padding-bottom: 0.22rem; line-height: 1.4; } .form-box button { width: 3.6rem; height: 1rem; margin-top: 0.6rem; font-size: 0.44rem; line-height: 1rem; } .fdftm { display: none; } .copy { padding: 0.4rem; font-size: 0.36rem; line-height: 1.4; } .m-fotbtn { height: 1.4rem; display: block; } .fotbtn { width: 100%; position: fixed; left: 0; bottom: 0; text-align: center; background: #3f4249; padding: 0.2rem; z-index: 999 } .fotbtn a { display: block; width: 48%; float: left; height: 1rem; border-radius: .26042vw; background: #ff9335; font-size: 0.4rem; color: #ffffff; line-height: 0.95rem; } .fotbtn a img { width: 0.5rem; margin-right: 0.18rem } .fotbtn a:first-child { margin-right: 4%; background: #595d67 } .top-box { display: block; } .top-btn { width: 1rem; height: 1rem; background-image: url(/ban1/iron-ore-processing-plant-images/jt.png); background-position: center; background-size: 60%; background-repeat: no-repeat; background-color: #ff9335; border-radius: 50%; box-shadow: 0 0 0.2rem rgba(29, 32, 39, 0.4); position: fixed; bottom: 2.5rem; right: 0.2rem; z-index: 999; display: none; } } .body_ru .fdftm .fdftmbom { background: url(../images/kft_ru.png) center no-repeat; background-size: 100% }