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 } .main-view { background: url("../images/main-bg.jpg") center bottom no-repeat; background-size: 100% 100% } .nav-bar { padding-top: .78125vw } .nav .active { font-weight: bold } .mnav { display: none } .logo { width: 10.4vw; float: left } .logo img { width: 100% } .con-btn,.nav { float: right; margin: .83333vw 0 } .nav li { float: left; height: 2.8125vw; line-height: 2.8125vw; font-size: .83333vw; margin-right: 2.86458vw } .nav li a { display: block; color: #ffffff; text-transform: uppercase; -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 { width: 8.33333vw; height: 2.60417vw; line-height: 2.39583vw; text-align: center; border: .10417vw solid #c4ac1d; font-size: .83333vw; color: #c4ac1d; text-transform: uppercase; margin-left: .52083vw; -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 li a:hover { color: #c4ac1d } .main-box { padding-top: 2.08333vw; padding-bottom: 4.16667vw } .main-img { width: 46.6vw; float: left; margin-right: 4.0625vw; margin-left: -6.97917vw; box-shadow: 0vw 0.52083vw 1.04167vw 0vw rgba(53,86,172,0.3),inset 0vw 0.15625vw 0.41667vw 0vw rgba(0,0,0,0.21); border-top-left-radius: 6.25vw } .main-info { float: left; max-width: 29.16667vw } .main-info h1 { font-size: 2.70833vw; font-weight: bold; line-height: 1.2; color: #fff; margin-bottom: 2.08333vw; position: relative } .main-info h1:before { display: none; position: absolute; left: -9.27083vw; top: 4.47917vw; width: 8.38542vw; height: .36458vw; background: url(../images/h1bor.png); content: '' } .main-info span { width: 11.97917vw; height: 5.5vw; display: inline-block; vertical-align: top; text-align: center; background-color: #1743a1; background-image: url(../images/main-bor.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%; font-size: .9375vw; line-height: 1.4vw; color: #ffffff; padding-top: .9375vw } .main-info h1+span { margin-right: 1.04167vw } .main-info span strong { display: block; margin-top: 0.6vw; color: #e6d021; font-size: 1.25vw; text-transform: uppercase } .main-btn { display: inline-block; width: 12.5vw; 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-btn:hover { color: #e6d021 } .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 0.46875vw 0vw rgba(0,0,0,0.13) } .main-info a.free-btn:hover { color: #e6d021 } .con-btn:hover { -webkit-border-radius: 1.30208vw; -moz-border-radius: 1.30208vw; border-radius: 1.30208vw } .main-info p { position: relative; color: #ffffff; font-size: .9375vw; line-height: 1.875vw; margin: 1.97917vw 0 1.5625vw } .main-info p:before { content: ''; position: absolute; top: .67708vw; left: -1.25vw; display: block; background: url("../images/icon-dlist.png") center no-repeat; background-size: 100%; width: .52083vw; height: .52083vw } .main-info p i { font-size: 1.04167vw; color: #d8c420 } .main-email { margin-top: 1.45833vw; font-size: .83333vw; color: #ffffff } .main-email a { color: #e6d021; font-size: .9375vw; font-weight: bold; position: relative } .main-email a:after { position: absolute; width: 102%; height: .05208vw; content: ''; display: block; left: -1%; bottom: -.10417vw; background: #e6d021 } .bc-img { width: 45.4%; float: right; box-shadow: 0vw 0.52083vw 1.5625vw 0vw rgba(53,86,172,0.3); margin-left: 5.52083vw; border-bottom-left-radius: 1.04167vw } .bc-img img { width: 100%; border-bottom-left-radius: 1.04167vw } .title-h2 { text-shadow: 0vw 0.15625vw 0.15625vw rgba(60,65,73,0.11); font-size: 2.08333vw } .bc-info p { font-size: .83333vw; line-height: 1.875vw; color: #333 } .bc-info p.bc-ftm { color: #3456ac } .bc-info h2 { margin-bottom: .83333vw } .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 0.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.5625vw; 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 { padding-top: 5.20833vw; padding-bottom: 5.20833vw } .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 0.46875vw 0vw rgba(0,0,0,0.13); text-transform: uppercase; margin-top: 1.30208vw } .sc-info p { font-size: .83333vw; line-height: 1.875vw; 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.875vw; color: #333333; margin-bottom: 2.55208vw; text-align: left } .wk-view { position: relative; margin-bottom: 5.20833vw } .wk-bar { position: relative; background: #ffffff; box-shadow: 0vw 0.52083vw 1.5625vw 0vw rgba(53,86,172,0.3); padding: 3.64583vw 0 2.08333vw; text-align: center } .wk-bar span { display: inline-block; padding: 0.5vw 2vw; text-align: center; line-height: 1.5; color: #ffffff; font-size: 1.04167vw; font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%); top: -1.30208vw; background: url(../images/wk-title.png) center no-repeat; background-size: 100% 100% } .wk-bar img { width: 84.3%; margin: 0 auto } .sc-bar p { font-size: .83333vw; line-height: 1.875vw; color: #333333 } .sc-bar-text h2 { font-size: 2.08333vw; color: #343a4a; line-height: 2.60417vw; margin-bottom: .83333vw } .sc-bar-info1 { padding: 1.875vw .72917vw 0 0 } .sc-img1 { width: 50.35%; margin-right: 2.34375vw } .sc-bar-info2 { padding: 1.5625vw 0 0 } .sc-img2 { width: 49.6%; margin-left: 2.34375vw } .sc-btnbar { margin-top: 1.04167vw; padding: 1.5625vw 0 3.54167vw 7.29167vw; background: url("../images/scuser.png") left top no-repeat; background-size: 5.73vw } .sc-btnbar span { display: block; font-size: .9375vw; line-height: 1.875vw; color: #3456ac; margin-bottom: 1.04167vw; font-weight: bold } .sc-btnbar a { display: 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: .20833vw .20833vw 0vw 0vw #171400; width: 14.58333vw; height: 3.4375vw; text-align: center; line-height: 3.4375vw; font-size: 1.04167vw; font-weight: bold; color: #ffffff; text-transform: uppercase } .sc-view { margin-bottom: 0 } .hs-list { margin-top: 2.08333vw; margin-bottom: 3.4375vw } .hs-list li { float: left; margin-left: 1.2%; width: 15.6% } .hs-list li:first-child { margin-left: 0 } .hs-list li img { width: 100%; display: block } .hs-list li p { font-size: .9375vw; line-height: 2.39583vw; height: 2.39583vw; background: #ffffff; color: #0d2a73; text-align: center } .hs-img { float: right; margin-left: 3.64583vw } .hs-info h2 { margin-bottom: .72917vw; padding-top: .625vw; color: #fff } .hs-info p { font-size: .83333vw; line-height: 1.875vw; color: #fff } .hs-info p strong { display: block; color: #ff0000 } .hx-view { padding: 2.60417vw 0; margin-bottom: 2.60417vw; background: url("../images/ad-bg.jpg") right bottom no-repeat; background-size: cover } .ad-view h2 { margin-bottom: 1.35417vw; text-align: center; color: #ffffff } .ad-list li { float: left; position: relative; width: 15.8%; max-width: 11.45833vw; margin-left: 1% } .ad-list li:first-child { margin-left: 0 } .ad-list li span { color: #ffffff; line-height: 3.33333vw; text-align: center; font-weight: bold; font-size: 3.33333vw; display: block; opacity: 0.2; filter: Alpha(opacity=20); font-style: italic } .ad-list .adbg { margin-top: -1.66667vw; display: block !important; width: 11.45833vw; max-width: 11.45833vw } .ad-list p { position: absolute; top: 3.54167vw; padding: 0 .41667vw; left: 0; font-size: .9375vw; color: #0f172d; line-height: 2; text-align: center } .ad-list .adicon { position: absolute; bottom: -1.35417vw; left: 50%; margin-left: -2.13542vw; width: 4.27083vw; height: 4.27083vw } .ad-list { padding-bottom: 5.41667vw } .tp-view h2 { text-align: center; margin-bottom: 1.45833vw } .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 } .mfbar-view .mfbar { 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 { padding-top: 5vw; padding-bottom: 3.125vw } .case-view { padding-top: 3.4375vw; padding-bottom: 6.5625vw } .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.04167vw } .case-info span { font-size: .9375vw; line-height: 2.39583vw; color: #333333; display: inline-block; min-width: 10.83333vw } .case-info span strong { font-size: 1.04167vw; color: #3455ab; font-weight: normal } .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 0.46875vw 0vw rgba(0,0,0,0.13); font-size: 1.04167vw; font-weight: bold; text-transform: uppercase; margin-top: 1.5625vw } .case-text { width: 52.5%; background: #ffffff; position: absolute; bottom: 0; right: 0; box-shadow: 0vw 0.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: 2.08333vw; 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 0.3125vw 1.5625vw 0vw rgba(53,86,172,0.5); content: ''; left: 0; top: 0 } .sv-num { width: 3.4vw; margin-left: -1.45833vw } .sv-img { width: 100%; margin-top: -1.04167vw; margin-bottom: .72917vw } .sv-view { margin-bottom: 3.75vw } .hs-view { position: relative; padding-bottom: 9.375vw; font-size: 0; } .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; background-size: cover; overflow: hidden } .hs-view:before { content: ""; position: absolute; bottom: 0; left: -3.4375vw; background: url("../images/hs-after.png") left bottom no-repeat; background-size: 100%; width: 123%; height: 22.5vw } .bg-before { position: relative; padding-top: 3.33333vw } .bg-before:before { position: absolute; background: #f4f5f7; height: 100%; width: 95%; display: block; border-top-right-radius: 4.6875vw; content: ''; z-index: -1; left: 0; top: 0 } .pe-num { width: 8.22917vw; height: 8.22917vw; border-radius: 50%; background-color: #fff; box-shadow: 0vw 0.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; text-align: center; } .pe-list li { float: left; width: 15%; margin-left: 2% } .pe-list li:first-child { margin-left: 0 } .pe-list li img { width: 42% } .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; background-size: 100% } .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 { width: 9.5vw; float: left; display: block; margin-left: -.20833vw } .msg-top p { line-height: 1.66667vw; font-size: .9375vw; color: #ffffff; position: relative; width: 38.02083vw; float: left; padding: 1vw 1vw 1vw 0; margin-left: 2vw; margin-top: 2vw } .msg-top p:before { content: ""; position: absolute; left: -3.28125vw; right: 0; top: 0; bottom: 0; background: url("../images/msg-bor.png") center no-repeat; background-size: 100% 100% } .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: 4.16667vw 0 3.125vw; background: url("../images/msg-dwen.jpg") center top no-repeat; background-size: cover; 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 0.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%); box-shadow: .20833vw .20833vw 0vw 0vw #171400; color: #ffffff; font-size: 1.04167vw; text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative } .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 0.52083vw 0vw rgba(29,44,72,0.26); -moz-box-shadow: 0vw 0vw 0.52083vw 0vw rgba(29,44,72,0.26); box-shadow: 0vw 0vw 0.52083vw 0vw rgba(29,44,72,0.26) } .fdftm { position: fixed; right: 0; 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 { width: 8.13vw; position: relative } .fdftmtop img { width: 100% } .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; background-size: 100% 100%; 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; background-size: 100%; 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-align: center; text-shadow: 0.0399vw 0.03349vw 0.10417vw rgba(40,52,62,0.3); padding-left: 2%; padding-right: 4%; 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 0.10417vw rgba(40,52,62,0) } .fdftmboma01 { background: url("../images/fbtn1.png") no-repeat; background-size: 100% 100%; margin-top: 3.95833vw; margin-bottom: .20833vw } .fdftmboma02 { background: url("../images/fbtn2.png") no-repeat; background-size: 100% 100% } @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 } } .menuBtn { display: none } .mfbar { width: 98%; background: #fff; border-radius: .52083vw .52083vw 1.5625vw 1.5625vw; box-shadow: 0 0 .625vw #71aee1; padding: .72917vw 0; position: fixed; left: 1%; bottom: .52083vw } .mfbar-item { text-align: center; float: left; display: block; width: 50%; font-size: .9375vw; color: #121c29; font-weight: bold; height: 2.08333vw; line-height: 2.08333vw; position: relative } .mfbar-btn2:before { position: absolute; content: ''; width: .05208vw; height: 1.5625vw; background: #233e70; left: 0; top: 50%; margin-top: -.78125vw } .mfbar-item img { margin-right: .78125vw; width: 1.875vw } .logo img.logof { display: none } .mlc { display: none } .video_swt { width: 25vw; margin-top: 2vw; padding: 0.73vw 3.73vw 0.73vw 0.73vw; background-image: url(../images/icon_video.png); background-repeat: no-repeat; background-position: right 0.88vw center; background-size: 1.615vw; border: 1px solid #fff; font-size: 0.94vw; color: #fff; line-height: 1.2; text-align: center; transition: all linear 0.4s; cursor: pointer; } @media (max-width: 960px) { .wrap,.wp { width:91%; max-width: 100% } .fdftm { display: none } .nav-bar { padding-top: .4rem; padding-bottom: .4rem } .nav-bar .logo { width: 2.13333rem; padding: .05333rem 0 } .nav-bar .logo img { display: none } .nav-bar .logo .logof { display: block } .nav-bar .con-btn { display: none } .nav-bar .menuBtn { width: 8.5%; float: right; display: block; cursor: pointer } .nav-bar .menuBtn b { width: 100%; height: .08rem; display: block; background: #fff; margin: .17333rem 0; border-radius: .08rem } .nav-bar .nav { display: none } .mnav { position: absolute; right: 3%; top: 1.5rem; background: #ffffff; width: auto; padding: 0.27rem 0; border-radius: 0.2rem; z-index: 9; box-shadow: 0 0 0.52083vw 0 rgba(0,0,0,0.1); z-index: 999 } .mnav li { height: auto; float: none; margin: 0; line-height: normal } .mnav li a { padding: 0.1rem 0.35rem; display: block; font-size: 0.4rem; font-weight: bold; color: #4e74d4 } .mnav li a:before { content: ''; width: 0.2rem; height: 0.2rem; display: inline-block; margin-bottom: .02667rem; margin-right: 0.15rem; border-radius: 50%; border: .02667rem solid #cebc27 } .mnav li.active a { color: #cebc27 } .mnav li.active a:before { background: #cebc27 } .main-view { background-position: right center; background-size: auto 100% } .main-view .main-box { padding-top: .13333rem; padding-bottom: 1rem } .main-view .main-box .main-img { width: 100%; margin: 0; border-radius: 1.25333rem 0 } .main-view .main-box .main-info { max-width: 100%; width: 100%; margin-top: .4rem } .main-view .main-box .main-info h1 { margin-bottom: .6rem; font-size: .6rem; line-height: 1.3; } .main-view .main-box .main-info span { width: 48%; height: auto; margin: 0; padding: .37333rem 0; font-size: .37333rem; line-height: 1 } .main-view .main-box .main-info span strong { display: block; margin-top: .28rem; font-size: .42667rem } .main-view .main-box .main-info span+span { margin-left: 2% } .main-view .main-box .main-info p { margin: .4rem 0 .6rem; padding-left: .53333rem; font-size: .37333rem; line-height: 1.5 } .main-view .main-box .main-info p:before { width: .34667rem; height: .34667rem; left: 0; top: .14667rem } .main-view .main-box .main-info p i { font-size: .4rem } .main-view .main-box .main-info .main-btn { width: 48.5%; height: 1.06667rem; font-size: .4rem; line-height: 1.06667rem } .main-view .main-box .main-info .free-btn { margin-left: 3% } .main-view .main-box .main-info .main-email { margin-top: .4rem; font-size: .37333rem; line-height: 1.6 } .main-view .main-box .main-info .main-email a { font-size: .4rem } .title-h2 { font-size: .53333rem; line-height: 1.2 } .bc-view { padding-top: 1.33333rem; padding-bottom: 1.33333rem } .bc-view .bc-info { margin-top: .66667rem } .bc-view .bc-info p { margin-top: .4rem; font-size: .37333rem; line-height: 1.6 } .bc-view .bc-info .btn { width: 4.4rem; height: 1.06667rem; margin-top: .48rem; font-size: .4rem; line-height: 1.06667rem } .bc-view .bc-img { width: 100%; float: none; margin-left: 0; overflow: hidden; border-bottom-left-radius: .4rem } .bg-before { padding-top: 1.06667rem } .bg-before:before { width: 100%; border-radius: 0 } .bg-before .wk-view p { margin-top: .4rem; font-size: .37333rem; line-height: 1.6 } .bg-before .wk-view .wk-bar { margin-top: 1.06667rem; padding-top: 1rem; padding-bottom: .73333rem } .bg-before .wk-view .wk-bar span { width: max-content; padding: 0.2rem 0.6rem; top: -.52rem; font-size: .42667rem; } .bg-before .wk-view .wk-bar .wkyl { display: none } .bg-before .wk-view .wk-bar .mlc { display: block } .bg-before .sc-view .sc-bar { margin-top: .66667rem } .bg-before .sc-view .sc-bar img { width: 100%; margin: 0; float: none } .bg-before .sc-view .sc-bar .sc-bar-text { margin-top: .6rem; padding-top: 0 } .bg-before .sc-view .sc-bar .sc-bar-text h2 { font-size: .42667rem; line-height: 1.3 } .bg-before .sc-view .sc-bar .sc-bar-text p { margin-top: .44rem; font-size: .37333rem; line-height: 1.6 } .bg-before .sc-view .sc-bar:first-child { margin-top: 0 } .bg-before .sc-btnbar { margin-top: .6rem; padding: .26667rem 0 .8rem 2.13333rem; background-size: 1.73333rem } .bg-before .sc-btnbar span { font-size: .37333rem; line-height: 1.3 } .bg-before .sc-btnbar a { width: 4.4rem; height: 1.06667rem; margin-top: .34667rem; font-size: .4rem; line-height: 1.06667rem } .hx-view { margin-bottom: 0; padding-top: 1.06667rem; padding-bottom: 1.06667rem } .hx-view .hs-info h2 { padding-top: 0 } .hx-view .hs-info p { margin-top: .4rem; font-size: .37333rem; line-height: 1.6 } .hx-view .hs-list { margin-left: -2%; margin-top: .4rem } .hx-view .hs-list li { width: 31.33%; margin-left: 2%; margin-top: .26667rem } .hx-view .hs-list li p { height: auto; padding: .16rem 0; font-size: .36rem; line-height: 1.5 } .hx-view .ad-view { margin-top: 1.06667rem } .hx-view .ad-view .ad-list { margin-left: -4%; margin-top: .64rem } .hx-view .ad-view .ad-list li { width: 46%; max-width: none; margin-left: 4% } .hx-view .ad-view .ad-list li span { font-size: .93333rem } .hx-view .ad-view .ad-list li .adbg { width: 100%; max-width: none; height: 3.6rem } .hx-view .ad-view .ad-list li p { padding: .64rem .26667rem; font-size: .37333rem; line-height: 1.6 } .hx-view .ad-view .ad-list li .adicon { width: 1.17333rem; height: auto; margin-left: -.58667rem; bottom: -.48rem } .hx-view .ad-view .ad-list li+li+li { margin-top: 1.06667rem } .tp-view { padding-top: 1.06667rem; padding-bottom: 1.06667rem } .tp-view .title-h2 { margin-bottom: .48rem } .tp-view .pc-table { display: none } .tp-view .m-table { display: block } .tp-view .m-table table td,.tp-view .m-table table th { padding: .2rem .13333rem; font-size: .36rem } .tp-view .m-table p { margin-top: .53333rem; margin-bottom: .32rem; font-size: .37333rem; line-height: 1.6 } .tp-view .hot { margin-top: .53333rem; font-size: .37333rem; line-height: 1.6 } .case-view { padding-top: 0 } .case-view .title-h2 { margin-bottom: .48rem } .case-view .case-img { width: 100%; float: none } .case-view .case-info { margin-top: .4rem } .case-view .case-info h3 { font-size: .42667rem; line-height: 1.4 } .case-view .case-info span { display: block; margin-top: .2rem; font-size: .37333rem; line-height: 1.3 } .case-view .case-info span strong { font-size: .4rem } .case-view .case-info .btn { width: 4.4rem; height: 1.06667rem; margin-top: .13333rem; font-size: .4rem; line-height: 1.06667rem } .case-view .case-text { width: 100%; position: relative; padding: .4rem .48rem } .case-view .case-text p { font-size: .37333rem; line-height: 1.6 } .case-view .case-text img { width: 1.33333rem; height: auto; right: -.4rem; top: -.66667rem } .sv-bg { padding-top: 1.06667rem; padding-bottom: 0 } .sv-bg .title-h2 { margin-bottom: .48rem } .sv-bg .sv-view { margin-bottom: .6rem } .sv-bg .sv-view h3 { margin-bottom: .4rem; font-size: .44rem; line-height: 1.4 } .sv-bg .sv-view .sv-list { font-size: 0 } .sv-bg .sv-view .sv-list:before { height: 2.26667rem } .sv-bg .sv-view .sv-list li { width: 48.5%; margin-left: 3%; margin-top: .4rem; float: none; display: inline-block; vertical-align: top } .sv-bg .sv-view .sv-list li:nth-child(odd) { margin-left: 0 } .sv-bg .sv-view .sv-list li p { margin-top: .2rem; font-size: .37333rem; line-height: 1.4 } .sv-bg .hs-view { padding-bottom: 1.33333rem } .sv-bg .hs-view .hs-box { width: 100%; position: static; padding-right: 0; margin-bottom: .53333rem } .sv-bg .hs-view .hs-box h3 { font-size: .42667rem; line-height: 1.4 } .sv-bg .hs-view .hs-box p { font-size: .37333rem; line-height: 1.6 } .sv-bg .hs-view img { width: 100% } .sv-bg .hs-view img+img { width: 48.5%; margin-left: 0; margin-top: .26667rem } .sv-bg .hs-view img+img+img { margin-left: 3% } .pe-view { padding-top: 1.33333rem; padding-bottom: 1.33333rem; margin-bottom: 0; background: none } .pe-view .pe-list { margin-top: .08rem; font-size: 0 } .pe-view .pe-list li { width: 50%; margin-left: 0; position: relative; margin-top: .32rem; padding-top: 2.13333rem; float: none; display: inline-block; vertical-align: top } .pe-view .pe-list li p { font-size: .37333rem; line-height: 1.6; text-align: center } .pe-view .pe-list li .pe-num { width: 1.86667rem; height: 1.86667rem; position: absolute; left: 0; right: 0; top: 0; line-height: 1.86667rem } .pe-view .pe-list li .pe-num img { width: 50% } .msg-bg { padding-top: 1.06667rem } .msg-bg .msg-view { max-width: 91% } .msg-bg h3 { font-size: .53333rem } .msg-bg .msg-top img,.msg-bg .msg-top span { display: none } .msg-bg .msg-top p { width: 100%; font-size: .37333rem; line-height: 1.6; text-align: center } .msg-bg .msg-top p:before { display: none } .msg-bg .msg-box { margin-top: .53333rem; padding: 1.33333rem .53333rem .8rem } .msg-bg .msg-form { max-width: 100% } .msg-bg .msg-form .msg-item { width: 100%; height: 1.17333rem; margin-bottom: 1.17333rem; padding-left: .32rem; padding-right: .32rem } .msg-bg .msg-form .msg-item p { top: -.64rem; font-size: .4rem; line-height: 1 } .msg-bg .msg-form .msg-item input,.msg-bg .msg-form .msg-item textarea { width: 100%; height: 100%; font-size: .37333rem; line-height: 1.17333rem } .msg-bg .msg-form .msg-item.msg-item-phone { margin-bottom: .66667rem } .msg-bg .msg-form .msg-item.msg-textarea { height: 3.73333rem; margin-bottom: 0 } .msg-bg .msg-form .msg-item.msg-textarea textarea { padding: .16rem 0; line-height: 1.6 } .msg-bg .msg-btn { width: 4.4rem; height: 1.06667rem; margin-top: .66667rem } .msg-bg .msg-btn button { width: 100%; height: 100%; font-size: .4rem } .footer-copy { padding: .4rem 0; font-size: .34667rem; line-height: 1.6 } .b-top { width: 1.06667rem; height: 1.06667rem; bottom: 2.4rem; background-size: 64%; border-radius: .2rem } .mfbar-view { height: 1.6rem } .mfbar-view .mfbar { display: block; bottom: 0.5%; border-radius: 0 0 .48rem .48rem } .mfbar-view .mfbar-item { height: 1.17333rem; font-size: .42667rem; line-height: 1.17333rem } .mfbar-view .mfbar-item img { width: .56rem; margin-right: .05333rem } .mfbar-view .mfbar-item.mfbar-btn2:before { height: .53333rem; margin-top: -.26667rem } .video_swt { width: 100%; margin-top: 0.4rem; padding: 0.26667rem 1.3rem 0.26667rem 0.26667rem; background-position: right 0.32rem center; background-size: 0.66667rem; font-size: 0.37rem; } } .body_ru .main-info span:first-of-type { padding-top: 0.3vw; } .body_ru .main-info h1 { padding-top: 1.2vw; } .body_ru .ad-list p { line-height: 1.6; } @media (max-width: 960px) { .body_ru .main-view .main-box .main-info span { height: 1.85rem; } .body_ru .main-info span:first-of-type { padding: 0.2rem 0; } .body_ru .hx-view .ad-view .ad-list li p { padding: 0.3rem 0.1rem; line-height: 1.6; } }