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: 94%; max-width: 72.91667vw; margin: 0 auto } .clearfix:after { content: " "; display: block; height: 0vw; visibility: hidden; clear: both } .clearfix { zoom: 1 } .float-left { float: left } .float-right { float: right } .nav { max-width: 78.125vw; width: 94%; height: 4.6875vw; background: #fff; box-shadow: 0vw 0vw .52083vw 0vw rgba(8, 33, 124, 0.34); margin: 1.45833vw auto 4.16667vw; padding: 0 2.60417vw; position: relative; font-size: .83333vw } .main-bg { position: absolute; z-index: -1; display: block; width: 100%; background: url("../images/main-bg.jpg") center top no-repeat; background-size: 100% 124%; left: 0; top: 0; height: 50vw; } .nav-left { float: left } .nav-left li { float: left; margin-left: 2.91667vw } .nav-left li:first-child { margin-left: 1.14583vw } .nav-left li a, .nav-right li a { display: block; height: 4.6875vw; line-height: 4.6875vw; text-transform: uppercase; color: #333333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom: .10417vw solid #fff } .nav-left li a:hover, .nav-right li a:hover { color: #335fd0; border-bottom: .10417vw solid #335fd0 } .nav-left li.active a { color: #335fd0; font-weight: bold; border-bottom: .10417vw solid #335fd0; font-size: .9375vw } .con-btn { float: right; display: block; width: 8.33333vw; height: 2.60417vw; color: #c4ac1d; border: .10417vw solid #c4ac1d; font-size: .83333vw; text-align: center; line-height: 2.39583vw; margin-top: 1.04167vw; margin-left: 1.875vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .con-btn:hover { -webkit-border-radius: 1.5625vw; -moz-border-radius: 1.5625vw; border-radius: 1.5625vw } .nav-right { float: right } .nav-right li { float: left; margin-left: 2.91667vw } .nav-right li:first-child { margin-left: 0 } .nav-logo { position: absolute; width: 10.83333vw; height: 4.6875vw; background: #2d51af; text-align: center; line-height: 4.6875vw; display: block; top: 0; left: 50%; margin-left: -5.41667vw } .nav-logo img { display: inline-block } .main-info { float: left; width: 27.08333vw; font-size: 0; } .main-info h1 { font-size: 3vw; font-weight: bold; color: #ffffff; line-height: 1; margin-bottom: 2.5vw; position: relative } .main-info h1:before { position: absolute; left: -9.27083vw; top: 1.875vw; display: block; width: 8.38542vw; height: .36458vw; background: url("../images/h1bor.png"); content: '' } .main-info span { display: inline-block; width: 12vw; text-align: center; background-color: #1743a1; background-image: url("../images/main-bor.png"); background-position: center bottom; background-repeat: no-repeat; font-size: 0.9vw; line-height: 1.5; color: #ffffff; padding-top: 0.9vw; padding-bottom: 0.9vw; } .main-info span strong { display: block; margin-top: 0.3vw; color: #e6d021; font-size: 1.2vw; } .main-info h1+span { margin-right: 1.1vw; } .main-info p { position: relative; color: #ffffff; font-size: 0.9vw; line-height: 1.8; margin: 2vw 0; } .main-info p:before { content: ''; display: block; width: .52083vw; height: .52083vw; background: url("../images/icon-dlist.png") center no-repeat; position: absolute; top: .67708vw; left: -1.14583vw } .main-btn { display: inline-block; width: 12.56vw; height: 3.85417vw; text-align: center; line-height: 3.85417vw; font-size: 1.04167vw; text-transform: uppercase; color: #0e2a73; background: #ffffff; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .main-info a.free-btn { color: #ffffff; background: #3556ac; background-image: -moz-linear-gradient(103deg, #3556ac 0%, #4e74d4 99%); background-image: -webkit-linear-gradient(103deg, #3556ac 0%, #4e74d4 99%); background-image: -ms-linear-gradient(103deg, #3556ac 0%, #4e74d4 99%); box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13) } .main-img { float: right; width: 57.7%; max-width: 42.08333vw } .main-info .main-btn:hover { color: #c4ac1d } .main-img img { display: block; width: 100%; } .main-img p { margin-top: 1vw; padding-left: 1.35417vw; font-size: .9375vw; color: #ffffff; line-height: 1.8; background: url("../images/icon-dlist.png") left 0.7vw no-repeat; } .main-img p a { font-weight: bold; color: #e6d021; font-size: 1.04167vw; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .main-img p a:after { position: absolute; content: ''; width: 102%; height: .05208vw; background: #e6d021; left: -1%; bottom: 0 } .main-jt { width: 1.66667vw; height: 1.66667vw; margin: 3.4375vw auto 6.45833vw; text-align: center; cursor: pointer } .main-jt img { position: relative; -webkit-animation: jtmove 1s infinite; -o-animation: jtmove 1s infinite; animation: jtmove 1s infinite } @keyframes jtmove { 0%, 100% { top: 0 } 50% { top: .52083vw } } @-moz-keyframes jtmove { 0%, 100% { top: 0 } 50% { top: .52083vw } } @-webkit-keyframes jtmove { 0%, 100% { top: 0 } 50% { top: .52083vw } } @-o-keyframes jtmove { 0%, 100% { top: 0 } 50% { top: .52083vw } } .bc-img { float: left; box-shadow: 0 0 1.04167vw rgba(53, 86, 172, 0.3); margin-right: 3.02083vw } .title-h2 { text-shadow: 0vw .15625vw .15625vw rgba(60, 65, 73, 0.11); text-transform: uppercase; font-size: 2.08333vw } .bc-info p { font-size: .83333vw; line-height: 2.25; color: #333 } .bc-info h2 { margin-bottom: 1.30208vw } .bc-info a.btn { display: inline-block; background: #c2a91b; background-image: -moz-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); background-image: -webkit-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); background-image: -ms-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13); text-align: center; line-height: 3.22917vw; width: 14.58333vw; height: 3.22917vw; color: #ffffff; font-size: 1.04167vw; margin-top: 1.875vw; text-transform: uppercase; font-weight: bold } .hoverbtn { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .hoverbtn:hover { -webkit-border-radius: 1.61458vw; -moz-border-radius: 1.61458vw; border-radius: 1.61458vw } .bc-view { margin-bottom: 3.125vw } .sc-bg { padding: 3.90625vw 0 1.82292vw; background: url("../images/sca-bg.jpg") right top no-repeat; margin-bottom: 4.16667vw } .sc-img { float: right; margin-left: 1.04167vw; margin-right: -.83333vw } .sc-info h2 { margin-bottom: .41667vw; padding-top: 1.66667vw } .sc-info a.btn { display: inline-block; width: 14.58333vw; height: 3.22917vw; text-align: center; line-height: 3.22917vw; color: #ffffff; font-size: 1.04167vw; font-weight: bold; background: #c2a91b; background-image: -moz-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); background-image: -webkit-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); background-image: -ms-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13); text-transform: uppercase; margin-top: 1.30208vw } .sc-info p { font-size: .83333vw; line-height: 2.25; color: #333333 } .sc-info li { font-size: .83333vw; line-height: 1.875vw; color: #333333; position: relative } .sc-info li:before { content: ''; width: 1.04167vw; height: .9375vw; position: absolute; left: -2.23958vw; top: .46875vw; background: url("../images/icon-jt.png") center no-repeat } .wk-view h2 { text-align: center; margin-bottom: .72917vw } .wk-view p { font-size: .83333vw; line-height: 1.66667vw; color: #333333; margin-bottom: 3.125vw; text-align: left } .wk-view { position: relative } .wk-view:after { width: 100%; height: 17.5vw; position: absolute; content: ''; display: block; left: 0; bottom: 1.5625vw; background: #09256d; z-index: -1 } .wk-list li { float: left; width: 49%; position: relative } .wk-list li:first-child { margin-right: 2% } .wk-list img { display: block; -webkit-box-shadow: 0vw .15625vw .9375vw 0vw rgba(24, 56, 143, 0.15); -moz-box-shadow: 0vw .15625vw .9375vw 0vw rgba(24, 56, 143, 0.15); box-shadow: 0vw .15625vw .9375vw 0vw rgba(24, 56, 143, 0.15) } .wk-list li span { display: inline-block; width: 14.94792vw; height: 2.60417vw; text-align: center; line-height: 2.60417vw; color: #ffffff; font-size: 1.04167vw; font-weight: bold; position: absolute; left: 50%; margin-left: -7.44792vw; top: -1.30208vw; background: url("../images/wk-title.png") center no-repeat } .wk-btn { width: 14.58333vw; height: 3.22917vw; margin: 1.92708vw auto 4.0625vw; position: relative } .wk-btn a { display: block; background: #3f64c3; background-image: -moz-linear-gradient(90deg, #3f64c3 0%, #7096fa 100%); background-image: -webkit-linear-gradient(90deg, #3f64c3 0%, #7096fa 100%); background-image: -ms-linear-gradient(90deg, #3f64c3 0%, #7096fa 100%); box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13); width: 14.58333vw; height: 3.22917vw; font-size: 1.04167vw; color: #ffffff; text-align: center; line-height: 3.22917vw; text-transform: uppercase; font-weight: bold } .wk-btn:after { content: ''; position: absolute; width: 15.3125vw; height: 2.5vw; background-color: #294aa1; box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13); left: -.36458vw; bottom: -.36458vw; z-index: -1 } .hs-img { float: right; margin-left: 3.64583vw } .hs-info h2 { margin-bottom: .41667vw; padding-top: .625vw } .hs-info p { font-size: .83333vw; line-height: 1.875vw; color: #333333 } .hs-info p strong { display: block; color: #ff0000 } .hx-view { margin-bottom: 2.91667vw } .ad-view h2 { margin-bottom: 1.8vw; text-align: center } .ad-list { display: flex; flex-wrap: wrap; margin-bottom: 3.75vw; } .ad-list li { float: left; position: relative; width: 15.8%; margin-left: 1%; padding: 0.8vw 1% 1.2vw; background: #fff; border-top: 0.3vw solid #1b60dd; text-align: center; } .ad-list li:first-child { margin-left: 0 } .ad-list li span { display: block; margin-bottom: 0.5vw; color: #e5e6ce; line-height: 1; font-weight: bold; font-size: 3vw; } .ad-list li img { display: none !important; } .ad-list .adbg { margin-top: -1.66667vw; display: block; margin-left: -.78125vw; width: 13.02083vw; max-width: 13.02083vw } .ad-list p { font-size: .9375vw; color: #0f172d; line-height: 1.6 } .ad-list .adicon { position: absolute; bottom: -1.35417vw; left: 50%; margin-left: -2.13542vw; width: 4.27083vw; height: 4.27083vw } .tp-view h2 { text-align: center; margin-bottom: 1.875vw } .pc-table td { padding: .78125vw .26042vw; font-size: .72917vw } .m-table td { padding: .78125vw .26042vw; font-size: .72917vw } .m-table p { padding: .72917vw .52083vw .72917vw 0; text-align: left } .m-table { display: none } .mfbar-view { display: none } .tp-view .hot { text-align: left; font-size: 1.04167vw; text-transform: uppercase; margin-top: 1.97917vw; font-weight: bold; color: #3a3a3a } .tp-view .hot span { color: #3050a4 } .tab-bg { background: url("../images/tab-bg.jpg") center top no-repeat; padding-top: 5vw; padding-bottom: 3.125vw } .case-view { padding-top: 3.4375vw; padding-bottom: 6.5625vw; background: url("../images/case-dbg.jpg") center top no-repeat } .case-view h2 { text-align: center; margin-bottom: 2.08333vw } .case-img { float: left; width: 54%; margin-right: 2.86458vw } .case-info h3 { font-size: 1.45833vw; color: #3455ab; line-height: 2.5vw; margin-bottom: 1.04167vw; padding-top: 1.5625vw } .case-info h3+span { margin-right: 4.42708vw } .case-info span { font-size: .9375vw; line-height: 2.39583vw; color: #333333; display: inline-block } .case-info span strong { font-size: 1.25vw; color: #3455ab } .case-info a.btn { display: inline-block; width: 16.875vw; height: 3.22917vw; color: #ffffff; text-align: center; line-height: 3.22917vw; background: #c2a91b; background-image: -moz-linear-gradient(103deg, #c2a91b 0%, #d7ca2f 100%); background-image: -webkit-linear-gradient(103deg, #c2a91b 0%, #d7ca2f 100%); background-image: -ms-linear-gradient(103deg, #c2a91b 0%, #d7ca2f 100%); box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13); font-size: 1.04167vw; font-weight: bold; text-transform: uppercase; margin-top: 2.08333vw } .case-text { width: 52.5%; background: #ffffff; position: absolute; bottom: 0; right: 0; box-shadow: 0vw .3125vw 1.04167vw 0vw rgba(53, 86, 172, 0.2); padding: .83333vw 2.1875vw .83333vw 1.875vw } .case-text p { font-size: .83333vw; line-height: 1.875vw; color: #333333 } .case-text p span { color: #3455ab } .case-box { position: relative } .case-text img { display: block; position: absolute; width: 7.23958vw; height: 7.23958vw; right: -3.64583vw; top: -3.64583vw } .sv-view h2 { text-align: center; margin-bottom: .9375vw } .sv-view h3 { color: #3455ab; font-size: 1.5625vw; line-height: 1; margin-bottom: 1.97917vw } .sv-list li { float: left; width: 23.5%; position: relative; margin-left: 2% } .sv-list li p { font-size: .9375vw; line-height: 1.875vw; color: #333333 } .sv-list li:first-child { margin-left: 0 } .sv-list { padding: 1.5625vw 2.8125vw 0 2.34375vw; position: relative } .sv-list:before { width: 100%; position: absolute; height: 11.875vw; background-color: #3455ab; box-shadow: 0vw .3125vw 1.5625vw 0vw rgba(53, 86, 172, 0.5); content: ''; left: 0; top: 0 } .sv-num { margin-left: -1.45833vw } .sv-img { margin-top: -1.04167vw; margin-bottom: .52083vw } .sv-view { margin-bottom: 3.75vw } .hs-view { position: relative; padding-bottom: 9.375vw } .hs-view img { display: inline-block; width: 23.5%; margin-left: 1.5%; vertical-align: bottom; position: relative } .hs-view .hs-bimg { width: 50%; margin-left: 0 } .hs-box { position: absolute; right: 0; top: 0; width: 45.2%; padding-right: 1.25vw; padding-top: .9375vw } .hs-box h3 { font-size: 1.5625vw; line-height: 2.08333vw; color: #3455ab; margin-bottom: 1.04167vw } .hs-box p { font-size: .9375vw; line-height: 1.875vw; color: #333333 } .sv-bg { background: url("../images/dwen.jpg") center top no-repeat; overflow: hidden } .hs-view:before { position: absolute; bottom: 0; left: -3.4375vw; content: url("../images/hs-after.jpg"); height: 22.5vw } .pe-num { width: 8.22917vw; height: 8.22917vw; border-radius: 50%; background-color: #fff; box-shadow: 0vw .3125vw 1.5625vw 0vw rgba(53, 86, 172, 0.5); text-align: center; line-height: 8.22917vw; margin: 1.04167vw auto } .pe-view li p { font-size: .9375vw; line-height: 1.875vw; color: #333333 } .pe-list li { float: left; width: 15%; margin-left: 2% } .pe-list li:first-child { margin-left: 0 } .pe-view h2 { text-align: center; margin-bottom: 3.4375vw } .pe-view { margin-bottom: 5.41667vw; padding-top: 4.0625vw; background: url("../images/pe-xian.png") center top no-repeat } .msg-bg { background: url("../images/msg-bg.jpg") center top no-repeat; background-size: cover; padding: 3.125vw 0 1.71875vw } .msg-view { max-width: 62.5vw; margin: 0 auto } .msg-view h3 { font-size: 2.08333vw; color: #ffffff; text-align: center; margin-bottom: 1.5625vw } .msg-top img { float: left; display: block; margin-left: -.20833vw } .msg-top p { line-height: 1.66667vw; font-size: .9375vw; color: #ffffff; position: relative; width: 38.02083vw; margin-left: 2.08333vw; padding-top: 2.60417vw; float: left } .msg-top p:before { content: url("../images/msg-bor.png"); position: absolute; top: 1.66667vw; left: -3.28125vw } .msg-top span { float: right; font-size: .9375vw; line-height: 1.5625vw; color: #ffffff; padding-top: 2.34375vw } .msg-top span a { font-weight: bold; color: #fce147; font-size: 1.04167vw } .msg-top span a:hover { text-decoration: underline } .msg-box { padding: 3.54167vw 0 1.97917vw; background: url("../images/msg-dwen.jpg") center top no-repeat; margin-top: -.20833vw; position: relative } .msg-form { max-width: 44.79167vw; margin: 0 auto } .msg-item { float: left; height: 3.38542vw; line-height: 3.38542vw; width: 46.5%; background-color: #fff; box-shadow: 0vw .15625vw 1.5625vw 0vw rgba(52, 85, 171, 0.2); padding: 0 .52083vw 0 .83333vw; position: relative; margin-bottom: 3.4375vw } .msg-item input { font-size: .9375vw; line-height: 3.38542vw; height: 3.38542vw; width: 100% } .msg-item p { position: absolute; top: -2.44792vw; left: 0; height: 2.44792vw; line-height: 2.44792vw; padding-left: .83333vw; color: #4162b4; font-size: .83333vw; text-transform: uppercase; font-weight: bold } .msg-item-phone, .msg-item-name { float: right } .msg-textarea { width: 100%; height: 7.8125vw; margin-top: -1.19792vw; padding-top: .78125vw; margin-bottom: 1.97917vw } .msg-textarea textarea { font-size: .9375vw; line-height: 1.66667vw; width: 100%; resize: none } .msg-btn { width: 14.58333vw; height: 3.22917vw; margin: 0 auto; position: relative } .msg-btn button { border: 0; width: 14.58333vw; height: 3.22917vw; background: #bda623; background-image: -moz-linear-gradient(90deg, #bda623 0%, #e2d333 100%); background-image: -webkit-linear-gradient(90deg, #bda623 0%, #e2d333 100%); background-image: -ms-linear-gradient(90deg, #bda623 0%, #e2d333 100%); color: #ffffff; font-size: 1.04167vw; text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative } .msg-btn:before { display: none; position: absolute; width: 15.3125vw; height: 2.5vw; background-color: #877509; box-shadow: 0vw 0vw .46875vw 0vw rgba(0, 0, 0, 0.13); bottom: -.36458vw; left: -.36458vw; content: '' } .footer-copy { color: #a0bafa; font-size: .83333vw; text-align: center; margin-top: 1.5625vw } .ftm-close { text-align: center; cursor: pointer; width: 1.04167vw; height: 1.04167vw; line-height: 1.04167vw; margin: .52083vw auto 0; display: none } .fdftm-show { background: #34538c; background: -webkit-linear-gradient(left bottom, #34538c, #1e3b71); background: -o-linear-gradient(right bottom, #34538c, #1e3b71); background: -moz-linear-gradient(right bottom, #34538c, #1e3b71); background: -moz-linear-gradient(left bottom, #34538c, #1e3b71); background: -o-linear-gradient(left bottom, #34538c, #1e3b71); background: linear-gradient(to right bottom, #34538c, #1e3b71); border-radius: 1.30208vw 0 0 1.30208vw; position: fixed; right: -5.20833vw; top: 50%; z-index: 9999; width: 4.94792vw; padding: .52083vw .3125vw; cursor: pointer; color: #ffffff; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s } .fdftm-show img { animation: mover 1.5s linear infinite; -moz-animation: mover 1.5s linear infinite; -webkit-animation: mover 1.5s linear infinite; -o-animation: mover 1.5s linear infinite } @-webkit-keyframes mover { 0%, 100% { margin-left: .78125vw } 50% { margin-left: .52083vw } 75% { margin-left: .26042vw } } @-moz-keyframes mover { 0%, 100% { margin-left: .78125vw } 50% { margin-left: .52083vw } 75% { margin-left: .26042vw } } @-o-keyframes mover { 0%, 100% { margin-left: .78125vw } 50% { margin-left: .52083vw } 75% { margin-left: .26042vw } } @keyframes mover { 0%, 100% { margin-left: .78125vw } 50% { margin-left: .52083vw } 75% { margin-left: .26042vw } } .b-top { background-image: url("../images/top.png"); background-color: #fff; background-position: center; background-repeat: no-repeat; width: 2.91667vw; height: 2.91667vw; -webkit-border-radius: .52083vw; -moz-border-radius: .52083vw; border-radius: .52083vw; border: .10417vw solid #233e70; position: fixed; right: 2.60417vw; bottom: 2.60417vw; cursor: pointer; box-shadow: 0; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; display: none } .b-top:hover { -webkit-box-shadow: 0vw 0vw .52083vw 0vw rgba(29, 44, 72, 0.26); -moz-box-shadow: 0vw 0vw .52083vw 0vw rgba(29, 44, 72, 0.26); box-shadow: 0vw 0vw .52083vw 0vw rgba(29, 44, 72, 0.26) } .fdftm { position: fixed; right: 1.5625vw; top: 50%; margin-top: -8.22917vw; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s } .fdftmtop { position: relative } .fdftmtop span { position: absolute; left: -4.21875vw; top: 2.1875vw; animation: widthmove 4s linear infinite; width: 5.20833vw; overflow: hidden } .fdftmtop span i { font-style: normal; width: 5.20833vw; height: 2.34375vw; background: url(../images/fdicon01.png) no-repeat center top; display: block; font-size: .72917vw; line-height: .83333vw; color: #3c65b0; padding: .36458vw .78125vw 0vw .46875vw } .fdftmbom { width: 8.28125vw; height: 10.3125vw; background: url("../images/ftmbg.png") no-repeat; padding-top: .05208vw; margin-top: -2.08333vw; position: relative } .fdftmbom a { display: block; height: 2.44792vw; font-size: .9375vw; color: #ffffff; line-height: 1.66667vw; font-weight: bold; text-shadow: 0.0399vw 0.03349vw .10417vw rgba(40, 52, 62, 0.3); padding-left: .52083vw; margin-left: -.78125vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .fdftmbom a:hover { color: #1455ce; text-shadow: 0.0399vw 0.03349vw .10417vw rgba(40, 52, 62, 0) } .fdftmboma01 { background: url("../images/fbtn1.png") no-repeat; margin-top: 3.95833vw; margin-bottom: .20833vw } .fdftmboma02 { background: url("../images/fbtn2.png") no-repeat } @keyframes widthmove { 0%, 50% { width: 0vw; left: 0vw } 60%, 100% { width: 5.20833vw; left: -4.21875vw } } @-webkit-keyframes widthmove { 0%, 50% { width: 0vw; left: 0vw } 60%, 100% { width: 5.20833vw; left: -4.21875vw } } .mnav { display: none; position: absolute; right: 3%; top: 1rem; background: #ffffff; font-size: 0.36rem; font-weight: bold; padding: 0.15rem 0; border-radius: 0.2rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); z-index: 999 } .mnav a { display: block; padding: 0.07rem 0.3rem; font-size: 0.38rem; color: #4e74d4; text-align: center; } .mnav li { position: relative } .mnav li.active a { color: #cebc27 } .menuBtn { position: relative; z-index: 9; width: 0.8rem; height: 100%; padding: 0.07rem 0; transition: .3s; display: none; float: right; } .menuBtn b { display: block; height: 0.07rem; width: 100%; background-color: #333; margin: 0.16rem 0; border-radius: 0.5rem; transition: .3s; } .menuBtn.open b { opacity: 0; position: absolute } .menuBtn.open b:first-child { left: 0.15rem; top: 0; opacity: 1; transform: rotate(45deg); transform-origin: 0 0 } .menuBtn.open b:nth-child(2) { top: 0.25rem; } .menuBtn.open b:last-child { opacity: 1; left: 0.08rem; bottom: 0; transform: rotate(-45deg); transform-origin: 0 0; } .mfbar { width: 97.5%; background: #fff; border-radius: 0.15rem 0.15rem 0.5rem 0.5rem; box-shadow: 0 0 0.1rem #71aee1; padding: 0.1rem; position: fixed; left: 1%; bottom: 0.1rem; display: none } .mfbar-item { text-align: center; float: left; display: block; width: 50%; font-size: 0.38rem; color: #121c29; font-weight: bold; height: 1rem; line-height: 1rem; position: relative } .mfbar-btn2:before { content: ''; position: absolute; width: 1px; height: 0.4rem; background: #233e70; left: 0; top: 50%; margin-top: -0.2rem } .mfbar-item img { margin-right: 0.1rem; width: 0.6rem; } .video_swt { width: 25.1vw; margin-top: 2vw; padding: 0.75vw 3.9vw 0.75vw 0.75vw; background-image: url(../images/icon_video.png); background-repeat: no-repeat; background-position: right 1vw center; background-size: 1.6vw; border: 1px solid #fff; font-size: 0.85vw; color: #fff; line-height: 1.2; text-align: center; transition: all linear 0.4s; cursor: pointer; } @media screen and (max-width: 999px) { body { overflow-x: hidden; } .wrap, .wp { max-width: 100%; } .main-bg { height: 20rem; background-size: 100% 150%; } .msg-bg { margin-bottom: 1.06667rem } .fdftm-show, .con-btn { display: none } .menuBtn { display: block; } .fdftm { display: none !important } .mfbar { display: block } .msg-textarea textarea { height: 1.6rem } .nav-left, .nav-right { display: none } .main-info { float: none; width: 100%; } .nav-logo { width: 2.3rem; height: 100%; left: 0; margin: 0; line-height: 1; } .nav-logo img { width: 100%; } .nav { max-width: 100%; height: 0.98rem; margin: .53333rem auto; } .main-img { max-width: 100%; width: 100%; margin: 0 auto; float: none } .main-img p { display: none } .main-info h1 { font-size: .66667rem; line-height: .66667rem; margin: 0.45rem 0 0.6rem; } .main-info span { width: 48.5%; font-size: 0.36rem; padding-top: 0.28rem; padding-bottom: 0.28rem; } .main-info h1+span { margin-right: 3%; } .main-info span strong { margin-top: 0.1rem; font-size: 0.48rem; } .main-info p:before { display: none } .main-info p { margin: .53333rem 0; font-size: 0.36rem; } .main-btn { width: 50%; height: 1.2rem; font-size: 0.34rem; line-height: 1.2rem; } .main-jt { display: none } .title-h2 { font-size: 0.5rem; } .bc-view { margin-bottom: 0.8rem; } .bc-img { float: none; width: 100%; margin-right: 0; text-align: center; margin-bottom: 0.6rem; } .bc-info h2 { margin-bottom: 0.3rem; } .bc-info p { font-size: 0.37rem; line-height: 2; } .bc-info a.btn, .sc-info a.btn, .wk-btn, .wk-btn a, .case-info a.btn, .msg-btn button { width: 55%; height: 1.1rem; margin-top: 0.4rem; font-size: 0.34rem; line-height: 1.1rem; } .wk-view:after { height: 5rem; bottom: 0.45rem; } .sc-img { float: none; width: 100%; margin: 0; text-align: center } .sc-bg { margin-bottom: 0.7rem; padding: .4rem 0 0.7rem; background: #e4eef8 } .sc-info h2 { padding-top: 0.2rem; margin-bottom: 0.3rem; } .sc-info p, .sc-info li, .wk-view p { font-size: 0.37rem; line-height: 1.8; } .sc-info li:before { display: none } .wk-view h2 { margin-bottom: 0.3rem; } .wk-list { margin-top: 1rem; } .wk-list li { float: none; width: 100%; margin-top: 1.2rem; margin-bottom: .53333rem } .wk-list li:first-child { margin-top: 0; margin-right: 0 } .wk-list li span { width: 5rem; height: 1rem; margin-left: -2.5rem; margin-top: -0.4rem; font-size: 0.45rem; line-height: 1rem; background-size: 100% 100%; } .wk-list img { margin: 0 auto } .wk-btn { padding: 0.1rem; } .wk-btn a { width: 100%; height: 100%; margin: 0; line-height: 0.9rem; } .wk-btn:after { width: 100%; height: 100%; left: 0; top: 0; } .hx-view { margin-top: 0.8rem; } .hs-img { margin-left: 0; float: none; } .hs-info h2 { margin-bottom: 0.2rem; padding-top: 0.45rem; } .hs-info p { font-size: 0.37rem; line-height: 1.8; } .tab-bg { padding-top: 2rem; padding-bottom: 0.8rem; } .ad-list { margin-left: -2%; margin-top: 0.4rem; } .ad-list li { width: 48%; margin-left: 2%; margin-bottom: .2rem; padding: 0.2rem 3% 0.4rem; border-top-width: 0.12rem; } .ad-list li:first-child { margin-left: 2% } .ad-list li span { font-size: 1.1rem; } .ad-list p { font-size: 0.38rem; } .pc-table { display: none } .m-table { display: block } .m-table td { padding: 0.2rem 0; font-size: 0.36rem; line-height: 1.5; } .tp-view { margin-top: 1rem; } .tp-view h2 { margin-bottom: 0.5rem; } .tp-view p, .tp-view .hot { margin-top: 0.5rem; margin-bottom: 0.25rem; font-size: 0.38rem; line-height: 1.8; } .tp-view .hot { margin-top: 0.25rem; } .case-view { padding-top: 0; background: none; } .case-box { margin-top: 0.5rem; } .case-img { float: none; display: block; width: 100%; margin-right: 0; } .case-text { width: 100%; position: static; margin-top: 0.6rem; padding: 0.3rem 0.4rem; } .case-text p { font-size: 0.38rem; line-height: 1.8; } .case-text img { display: none; } .case-info a.btn { width: 60%; display: block; margin: .26667rem auto .4rem } .case-info span { font-size: 0.38rem; line-height: 1.8 } .case-info span strong { font-size: 0.45rem; } .case-info h3 { margin-bottom: 0.4rem; font-size: 0.45rem; } .case-view { padding-bottom: .8rem } .case-info { margin-top: 0.5rem; text-align: center } .sv-view h3 { margin-top: 0.4rem; margin-bottom: 0.3rem; font-size: 0.4rem; } .sv-num { display: none } .sv-list { padding: .26667rem; text-align: center } .sv-list li { width: 48%; float: none; display: inline-block; vertical-align: top; margin: 0 0 .26667rem 0 } .sv-img { margin-top: 0 } .sv-list li p { margin-top: 0.15rem; font-size: 0.38rem; text-align: left; line-height: 1.6; } .hs-view .hs-box { width: 100%; position: static; margin-bottom: 0.3rem; } .hs-view .hs-box h3 { margin-bottom: 0.3rem; font-size: 0.42rem; } .hs-view .hs-box p { font-size: 0.38rem; line-height: 1.6; } .hs-view img { width: 32.33%; } .hs-view .hs-bimg { width: 32.33%; height: 2.1rem; } .pe-view { padding-top: 0.8rem; margin-bottom: 0.8rem; background: none; } .pe-view .pe-list { display: flex; flex-wrap: wrap; } .pe-view li { width: 50%; position: relative; margin: 0.2rem auto 0; padding-top: 1.6rem; text-align: center; } .pe-view li .pe-num { width: 1.2rem; height: 1.2rem; position: absolute; left: 0; right: 0; top: 0; padding: 3% 5%; } .pe-view li .pe-num img { width: 100%; } .pe-view li p { font-size: 0.38rem; line-height: 1.6; } .main-view { max-width: 100%; margin-bottom: .8rem; padding-bottom: 0.5rem; } .msg-bg { padding-top: 1rem; padding-bottom: 1rem; background-size: cover; } .msg-view { max-width: 100%; padding-left: 3%; padding-right: 3%; } .msg-view h3 { font-size: 0.5rem; } .msg-top img { display: none; } .msg-top p:before { display: none } .msg-top p { width: 100%; margin-left: 0; font-size: 0.38rem; line-height: 1.6 } .msg-top span { display: none; } .msg-form { max-width: 100%; } .msg-item { float: none; width: 90%; height: 1.2rem; margin-left: auto; margin-right: auto; margin-bottom: 1.1rem; padding: 0 0.32rem; } .msg-item input { height: 100%; font-size: 0.38rem; } .msg-item p { height: auto; top: -0.55rem; font-size: 0.34rem; line-height: 1; } .msg-item-phone { margin-bottom: 0.7rem; } .msg-textarea { height: 3rem; margin-bottom: 0.2rem; } .msg-textarea textarea { height: 100%; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.38rem; line-height: 1.5; } .msg-box { margin-top: 0.5rem; padding-top: 1.3rem; padding-bottom: 0.8rem; background-size: cover; } .msg-btn { width: 100%; height: auto; text-align: center; } .footer-copy { margin-top: 0.5rem; font-size: 0.36rem; line-height: 1.5; } .video_swt { width: 100%; margin-top: .66667rem; padding: .26667rem .2rem; padding-right: 1.13333rem; background-position: right .32rem center; background-size: .66667rem; font-size: .38rem; } .b-top { width: 1rem; height: 1rem; bottom: 2.2rem; background-size: 72%; border-radius: 0.2rem; } } .body_ru .main-info h1 { font-size: 2.6vw; } .body_ru .video_swt { padding: 0.75vw 3vw 0.75vw 0.5vw; } @media screen and (max-width: 999px) { .body_ru .main-bg{ height: 21.8rem; } .body_ru .main-info h1 { font-size: .66667rem; } .body_ru .video_swt { padding: .26667rem .2rem; padding-right: 1.13333rem; } }