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: 70.83333vw; 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 { width: 100%; position: absolute; top: 0; left: 0; line-height: 5.20833vw; } .logo { width: 10.41667vw; float: left; margin-right: 2vw; } .logo img { width: 100%; } .contact-btn { float: right; width: 8.33333vw; height: 2.60417vw; border: .10417vw solid #c4ac1d; text-align: center; line-height: 2.39583vw; font-size: .83333vw; margin-top: 1.30208vw; color: #c4ac1d } .nav li a, .nav li a:after { -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 { float: left } .nav li { float: left; margin-left: 3.125vw } .nav li a { display: block; font-size: .83333vw; color: #ffffff } .nav li.active a { color: #d6c82e } .nav li:hover a { color: #d6c82e } .main-bg { background: url("../images/main-bg.jpg") center top no-repeat; background-size: cover; padding-top: 6vw; overflow: hidden; position: relative } .main-right h1 { color: #ffffff; font-weight: bold; font-size: 2.8vw; text-shadow: 0 .41667vw .52083vw rgba(46, 58, 59, 0.2); line-height: 3.64583vw; text-transform: uppercase; margin-bottom: 2.08333vw } .main-right { float: right; width: 41%; white-space: normal } .main-right .video_swt { max-width: 25.57vw; margin-top: 1.042vw; 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; } .main-box { min-height: 34.8vw; position: relative; padding-bottom: 2.2vw } .main-img { width: 52.084vw; position: absolute; display: block; border-top-right-radius: 6.25vw; bottom: 0; right: 47%; } .main-right span { font-size: .9375vw; line-height: 1.97917vw; color: #ffffff; display: inline-block; margin-bottom: 1.14583vw; text-align: center; width: 11.97917vw; height: 5.20833vw; background: url("../images/pro-tbg.png") center no-repeat; background-size: 100% 100%; padding-top: .625vw } .main-right h1+span { margin-right: 1.30208vw } .main-right span strong { font-size: 1.14583vw; color: #cebc27; text-transform: uppercase } .main-right p { position: relative; color: #bdcfff; font-size: .9375vw; line-height: 1.8; } .main-right p i { color: #ffffff } .main-right p:before { position: absolute; content: ''; display: block; width: .52083vw; height: .52083vw; background: url("../images/icon1.png") center no-repeat; background-size: 100%; top: .78125vw; left: -1.04167vw } .main-btn { display: inline-block; width: 11.97917vw; height: 3.125vw; text-align: center; line-height: 3.125vw; font-size: .83333vw; box-shadow: 0 0 .46875vw 0 rgba(0, 0, 0, 0.13); text-transform: uppercase; font-weight: bold; margin-bottom: 1.14583vw } .chat-btn { background: #ffffff; color: #0e2a73; margin-right: 1.5625vw } .fq-btn { background: #4e74d4; background-image: -moz-linear-gradient(103deg, #3967de 0%, #4e74d4 99%); background-image: -webkit-linear-gradient(103deg, #3967de 0%, #4e74d4 99%); background-image: -ms-linear-gradient(103deg, #3967de 0%, #4e74d4 99%); color: #ffffff } .main-right .apptext { color: #fff } .apptext { margin-bottom: 1.77083vw } .main-email { color: #d7c92f; position: relative } .main-email:after { position: absolute; content: ''; width: 104%; height: .05208vw; background: #d7c92f; bottom: 0; left: -2% } .bf-img { width: 55%; float: right; position: relative } .bf-img img { width: 100%; display: block } .bf-info { width: 41%; float: left; overflow: hidden } .bf-view { margin: 4vw auto; } .title-h2 { font-size: 1.5625vw; line-height: 2.08333vw; text-transform: uppercase } .title-bshow { color: #3c4149; text-shadow: 0 .15625vw .15625vw rgba(60, 65, 73, 0.11) } .bf-info p { font-size: .83333vw; line-height: 1.66667vw; color: #333; margin-bottom: 1.5vw; } .bf-info p i { color: #3456ac; font-style: normal } .bf-info h2 { margin-bottom: .625vw; } .bf-info a { display: inline-block; width: 14.58333vw; height: 3.22917vw; text-align: center; line-height: 3.22917vw; color: #ffffff; font-size: 1.04167vw; text-transform: uppercase; font-weight: bold; background: #d7ca2f; background: -webkit-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); box-shadow: 0 0 .46875vw 0 rgba(0, 0, 0, 0.13) } .wk-bg { background: #f5f6fa; padding: 2.70833vw 0 1.45833vw; -webkit-box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15); -moz-box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15); box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15) } .wk-bg h2 { text-align: center; margin-bottom: 1.04167vw } .wk-bg p { text-align: center; margin-bottom: 3vw; font-size: .83333vw; line-height: 1.66667vw; color: #333333 } .wk-list li { float: left; width: 48.5%; position: relative } .wk-list li:first-child { margin-right: 3% } .wk-list img { width: 100%; display: block; -webkit-box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15); -moz-box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15); box-shadow: 0 .15625vw .9375vw 0 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: 0; right: 0; top: -1.32vw; margin: 0 auto; background: url("../images/tit-bg.png") center no-repeat; background-size: 100% 100%; } .wk-bg a.btn { display: block; text-align: center; line-height: 3.22917vw; width: 14.58333vw; height: 3.22917vw; background: #d7ca2f; background-image: -webkit-linear-gradient(90deg, #c2a91b 0%, #d7ca2f 100%); color: #ffffff; font-size: 1.04167vw; font-weight: bold; text-transform: uppercase; margin: 0 auto; position: relative; top: 2.60417vw } .hs-info { float: right; width: 39%; } .hs-bg { padding: 4vw 0 5.5vw; } .hs-view { position: relative } .hs-info h2 { margin-bottom: 1.04167vw } .hs-info p { font-size: .83333vw; line-height: 1.875vw; color: #333333 } .hs-info p span { font-weight: bold; color: #ff0000 } .hs-img { width: 54.6875vw; box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15); position: absolute; top: 0; right: 43% } .ag-list li { float: left; width: 24%; margin-left: 1%; box-shadow: 0 .15625vw .9375vw 0 rgba(24, 56, 143, 0.15); background: #ffffff; border-top: .52083vw solid #18388f; position: relative; padding: 1.2vw 1.1vw; } .ag-list li img { width: 4.1667vw; position: absolute; top: 1.04167vw; right: .52083vw } .ag-list h3 { font-size: 1.04vw; color: #0f172d; line-height: 1.3; letter-spacing: -1px; font-weight: normal; } .ag-list { display: flex; margin-left: -1% } .ag-view h2 { margin-bottom: 1.14583vw } .ag-list p { margin-top: 0.5vw; font-size: .83333vw; line-height: 1.66667vw; color: #0f172d } .ag-view { position: relative; margin-bottom: 6.66667vw } .ag-view:before { position: absolute; height: 10.41667vw; background: #09256d; background-image: -moz-linear-gradient(90deg, #09256d 0%, #3556ac 99%); background-image: -webkit-linear-gradient(90deg, #09256d 0%, #3556ac 99%); background-image: -ms-linear-gradient(90deg, #09256d 0%, #3556ac 99%); content: ''; display: block; left: -4.6875vw; bottom: -2.60417vw; width: 150% } .tb-bg { overflow: hidden; padding-top: 3vw; background: url("../images/tab-bg.jpg") center bottom no-repeat; background-size: cover; } .title-wshow { color: #ffffff; text-shadow: 0 .15625vw .41667vw rgba(60, 65, 73, 0.31) } .tp-view p { text-align: left; font-size: 1.04167vw; text-transform: uppercase; margin-top: 1.04167vw; font-weight: bold } .tp-view p span { color: #3050a4 } .tp-view { text-align: center; margin-bottom: 4.94792vw } .tp-view h2 { margin-bottom: 1.66667vw } .pc-table td { padding: .78125vw .26042vw; font-size: .72917vw } .case-bg { background: url("../images/case-bg.jpg") center top no-repeat; background-size: cover; padding: 4vw 0 6vw; } .case-bg h2 { margin-bottom: 2vw; text-align: center } .case-right { float: right; position: relative; margin-left: 3.90625vw; width: 54.5%; max-width: 38.59375vw } .case-right:before { position: absolute; content: ''; width: 96%; height: 100%; display: block; background: #8fa1cd; opacity: 0.2; filter: alpha(opacity=20); top: 1.5625vw; right: -1.5625vw } .case-img { position: relative; width: 100% } .case-icon { width: 7.25vw; position: absolute; bottom: -1.04167vw; left: -2.8125vw } .case-left h3 { font-size: 1.45833vw; color: #ffffff; line-height: 2.08333vw; margin: 0 0 1.5625vw; padding-top: .72917vw; text-transform: uppercase; width: 26.97917vw } .case-left h3+span { margin-left: 0 } .case-left span { display: inline-block; margin-left: 1.97917vw; font-size: .9375vw; color: #ffffff; line-height: 2.39583vw; margin-bottom: 1.14583vw } .case-left span strong { font-size: 1.25vw; color: #d7c930 } .case-left p { font-size: .83333vw; line-height: 1.875vw; color: #bdcfff; margin-bottom: 1.77083vw } .case-left p i { color: #ffffff } .case-left a { display: inline-block; width: 14.58333vw; text-transform: uppercase; height: 3.22917vw; text-align: center; line-height: 3.22917vw; color: #ffffff; font-size: 1.04167vw; font-weight: bold; background: #d7ca2f; 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: 0 0 .46875vw 0 rgba(0, 0, 0, 0.13) } .service-view h2 { text-align: center; margin-bottom: 1.45833vw } .service-view { margin-top: 3.33333vw; margin-bottom: 3.4375vw } .sv-tit { font-size: 1.25vw; line-height: 2.08333vw; margin-bottom: 1.14583vw; color: #333333; font-weight: bold } .sv-list { font-size: 0; } .sv-list li { width: 23.3%; display: inline-block; vertical-align: top; max-width: 16.5625vw; margin-left: 2.26% } .sv-list li:first-child { margin-left: 0 } .sv-list li img { width: 100%; box-shadow: 0 0 .67708vw 0 rgba(29, 44, 72, 0.36) } .sv-list li p { font-size: .83333vw; line-height: 1.66667vw; color: #333 } .service-img { position: relative; margin-bottom: 2.08333vw } .service-img:after { position: absolute; content: ''; display: block; width: 3.38542vw; height: .10417vw; background: #d5c62e; left: 50%; bottom: -1.04167vw; margin-left: -1.69271vw } .sv-btn { display: block; width: 14.58333vw; height: 3.22917vw; line-height: 3.22917vw; text-align: center; background: #d7ca2f; 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: 0 0 .46875vw 0 rgba(0, 0, 0, 0.13); color: #ffffff; font-weight: bold; margin: 1.77083vw auto 0; font-size: 1.04167vw; text-transform: uppercase } .ht-bg { background: url("../images/ht-bg.jpg") center top no-repeat; background-size: cover; padding: 4.27083vw 0; margin-bottom: 3.64583vw } .ht-bg img { display: inline-block; vertical-align: bottom; margin-left: 1.5%; width: 23.5% } .ht-view { position: relative; font-size: 0 } .ht-text { position: absolute; width: 30.10417vw; top: 0; left: 0; color: #ffffff } .ht-text h3 { font-size: 1.5625vw; line-height: 1.2; text-shadow: 0 .15625vw .41667vw rgba(60, 65, 73, 0.31); margin-bottom: 0.7vw; } .ht-text p { font-size: .83333vw; line-height: 1.8; color: #ffffff } .ht-bg .ht-img1 { margin-left: 0 } .ht-bg .ht-img3 { width: 50% } .pr-view { margin-bottom: .52083vw } .pr-view h2 { margin-bottom: 2.29167vw; text-align: center } .pr-list { background: url("../images/pr-bg.png") center 5.20833vw no-repeat; background-size: 54.4271vw; } .pr-list li { position: relative; width: 25.6%; margin-left: 11.6% } .pr-item1, .pr-item2, .pr-item3 { float: left } .pr-item4, .pr-item5, .pr-item6 { float: right } .pr-list li img { width: 100%; display: block; box-shadow: 0 0 .67708vw 0 rgba(29, 44, 72, 0.36); margin-bottom: .52083vw } .pr-list li p { padding-left: 4.16667vw; font-size: .83333vw; line-height: 1.66667vw; color: #333333; height: 6.45833vw; position: relative } .pr-list .pr-item1, .pr-list .pr-item6 { margin-left: 0 } .pr-list li p span { position: absolute; left: 0; font-size: 3.22917vw; color: #d4bb2f; top: 0; line-height: 3.75vw; font-weight: 300 } .msg-bg { background: url("../images/msg-bg.jpg") center top no-repeat; background-size: cover; padding: 4vw 0 0; } .msg-bg h2 { margin-bottom: 2.60417vw; text-align: center } .msg-left { float: left; max-width: 39.79167vw; width: 56% } .msg-right { float: right; max-width: 26.35417vw; width: 37.2% } .sec-tit { font-size: .9375vw; line-height: 1.66667vw; color: #ffffff; margin-bottom: 2.4vw; width: 56% } .msg-item { float: left; position: relative; width: 48.2%; margin-left: 3.6%; margin-bottom: 1.5vw; } .msg-item p { margin-bottom: 0.8vw; font-size: .83333vw; color: #ffffff; line-height: 1; } .msg-item input { width: 100%; height: 3vw; padding-left: 0.8vw; padding-right: 0.8vw; background: #ffffff; font-size: 0.9vw; line-height: 3vw; } .msg-pro, .msg-email { margin-left: 0 } .msg-textarea { float: left; width: 100%; height: 6.77083vw; background: #ffffff; margin-bottom: 1.5vw; } .msg-textarea textarea { font-size: 0.9vw; line-height: 1.4; width: 100%; height: 100%; resize: none; padding: 0.8vw; } .msg-sub { width: 14.58333vw; height: 3.22917vw; color: #ffffff; font-size: 1.04167vw; text-align: center; border: 0; line-height: 3.22917vw; background: #d7ca2f; background-image: -webkit-linear-gradient(103deg, #c2a91b 0%, #d7ca2f 100%); box-shadow: 0 0 .46875vw 0 rgba(0, 0, 0, 0.13); text-transform: uppercase; font-weight: bold } .msg-right span { float: right; color: #ffffff; font-size: .83333vw; line-height: 1.5625vw } .map-email { margin-left: 3.02083vw } .map-email a { color: #ffffff; font-size: .83333vw } .map-email a:hover { color: #d6c82e } .footer-bar { height: 4.0625vw; line-height: 4.0625vw; font-size: .83333vw; color: #a0bafa; text-align: center; margin-top: 2.5vw; } .msg-right { margin-top: 1.35417vw } .msg-right img { width: 100%; display: block; margin-bottom: 1.45833vw } .msg-email span { color: #ff0000; position: absolute; right: 0.4vw; bottom: 0.5vw; font-size: 1.2vw; } .hover-btn { transition: all 0.3s; cursor: pointer } .hover-btn:hover { -webkit-border-radius: 1.5625vw; -moz-border-radius: 1.5625vw; border-radius: 1.5625vw } .b-top { background-image: url("../images/top.png"); background-color: #fff; background-size: 67%; background-position: center; background-repeat: no-repeat; width: 2.91667vw; height: 2.91667vw; border-radius: .52083vw; border: .10417vw solid #233e70; position: fixed; right: 2.60417vw; bottom: 2.60417vw; cursor: pointer; transition: box-shadow 0.3s; display: none } .b-top:hover { box-shadow: 0 0 .52083vw 0 rgba(29, 44, 72, 0.26) } .fdftm { position: fixed; right: 0; top: 50%; margin-top: -8.22917vw; transition: right 0.3s } .fdftmtop { 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 0 .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 .10417vw rgba(40, 52, 62, 0.3); padding-left: .52083vw; padding-right: 10%; 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; background-size: 100% 100%; margin-top: 3.95833vw; margin-bottom: .20833vw } .fdftmboma02 { background: url("../images/fbtn2.png") no-repeat; background-size: 100% 100%; } .mnav { display: none; position: absolute; right: 3%; top: 1.5rem; background: #ffffff; width: auto; font-size: 0.4rem; font-weight: bold; padding: 0.27rem 0; border-radius: 0.2rem; z-index: 9; box-shadow: 0 0 .52083vw 0 rgba(0, 0, 0, 0.1); z-index: 999 } .mnav a { padding: 0.1rem 0.35rem; display: block; color: #4e74d4 } .mnav li { position: relative } .mnav li a:before { content: ''; width: 0.2rem; height: 0.2rem; display: inline-block; vertical-align: middle; margin-right: 0.15rem; border-radius: 50%; border: .10417vw solid #cebc27; } .mnav li.active a { color: #cebc27 } .mnav li.active a:before { background: #cebc27; } .menuBtn { position: relative; z-index: 9; width: 8.5%; cursor: pointer; transition: .3s; float: right; padding: 0.32rem 0; display: none; } .menuBtn b { display: block; height: 0.08rem; width: 100%; background-color: #fff; margin: 0.18rem 0; border-radius: 0.5rem; transition: .3s; } .mfbar { width: 98%; height: 1.3rem; background: #fff; border-radius: 0.15rem 0.15rem 0.4rem 0.4rem; box-shadow: 0 0 .625vw #71aee1; position: fixed; left: 1%; bottom: .52083vw; display: none } .mfbar:before { position: absolute; content: ''; width: 1px; background: #233e70; left: 50%; top: 30%; bottom: 30%; } .mfbar-item { text-align: center; float: left; display: block; width: 50%; height: 100%; font-size: 0.42rem; color: #121c29; font-weight: bold; line-height: 1.3rem; position: relative } .mfbar-item img { margin-right: 0.1rem; width: 0.6rem; } .m-table { display: none } .mfbar-view { display: none; } .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: 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.6875vw; 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; } .hs-imgm { display: none; } @keyframes widthmove { 0%, 50% { width: 0; left: 0 } 60%, 100% { width: 5.20833vw; left: -4.21875vw } } @keyframes mover { 0%, 100% { margin-left: .78125vw } 50% { margin-left: .52083vw } 75% { margin-left: .26042vw } } @media screen and (max-width: 960px) { .header { line-height: 1.6rem; } .contact-btn { display: none; } .wrap, .wp { width: 92%; max-width: 100%; } .logo { width: 36%; } .nav { display: none } .fdftm-show { display: none } .fdftm { display: none !important } .mfbar { display: block; } .msg-bg { padding-top: 1rem; } .msg-bg h2 { margin-bottom: 0.4rem; } .menuBtn { display: block } .main-box{ height: auto; } .main-img { width: 100%; float: none; margin: 0 auto; position: static; border-top-right-radius: 0; border-bottom-left-radius: 0; } .main-right { float: none; width: 100%; margin-right: 0; max-width: none; font-size: 0; } .main-right .video_swt { max-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; } .main-right h1 { font-size: 0.68rem; line-height: 1.1; margin-bottom: 0.6rem; margin-top: 0.8rem; } .main-right span { width: 48%; height: auto; padding: 0.4rem 0; font-size: 0.4rem; line-height: 1; } .main-right h1+span { margin-right: 4%; } .main-right span strong { display: block; margin-top: 0.3rem; font-size: 0.5rem; } .main-right p { font-size: 0.4rem; line-height: 1.5; } .main-right p:before { display: none } .main-right p a { font-size: 0.45rem; } .main-right .apptext { margin-top: 0.36rem; margin-bottom: 0.5rem; } .main-btn { width: 48%; height: 1.2rem; margin-bottom: 0.3rem; font-size: 0.4rem; line-height: 1.2rem; } .chat-btn { margin-right: 4%; } .main-bg { padding-top: 1.8rem; } .title-h2 { font-size: 0.6rem; line-height: 1.2; } .bf-view { margin-top: 1rem; margin-bottom: 1.2rem; } .bf-img { width: 100%; margin-top: 0.7rem; } .bf-info { width: 100%; } .bf-info h2 { margin-bottom: 0.26rem; } .bf-info p { margin-bottom: 0.5rem; font-size: 0.4rem; line-height: 1.5; } .bf-info a { width: 4.8rem; height: 1.2rem; font-size: 0.4rem; line-height: 1.2rem; } .wk-bg { padding-top: 1rem; padding-bottom: 1rem; } .wk-bg h2 { margin-bottom: 0.3rem; text-align: left; } .wk-bg p { margin-bottom: 1rem; font-size: 0.4rem; line-height: 1.5; text-align: left; } .wk-list li { float: none; width: 100%; margin-bottom: 1rem; } .wk-list li span { width: 5rem; height: 1rem; top: -0.52rem; font-size: 0.45rem; line-height: 1rem; } .wk-list li:first-child { margin-right: 0 } .wk-list img { margin: 0 auto } .wk-bg a.btn { width: 4.8rem; height: 1.2rem; font-size: 0.4rem; line-height: 1.2rem; top: -0.2rem; } .main-box { padding-bottom: 0 } .main-bg { height: auto; padding-bottom: 1rem; background-size: cover } .hs-bg { padding-top: 1rem; padding-bottom: 1rem; } .hs-info { width: 100%; padding-top: 0; float: none; } .hs-img { width: 100%; margin-top: 0.6rem; position: static; display: none; } .hs-imgm { width: 100%; display: block; margin-top: 0.5rem; } .hs-info h2 { margin-bottom: 0.26rem; } .hs-info p { font-size: 0.4rem; line-height: 1.5; } .pd-bg p { margin-bottom: .26667rem } .case-right { width: 100%; max-width: none; float: none; margin: 0 auto } .case-icon { display: none; } .ag-view { padding-bottom: 1.2rem; margin-bottom: 1.2rem; } .ag-view:before { height: 3.6rem; bottom: 0; } .ag-view h2 { margin-bottom: 0; } .ag-list { display: block; margin-left: 0; } .ag-list li { width: 100%; margin-left: 0; margin-top: 0.4rem; padding: 0.4rem 0.5rem 0.5rem; border-top-width: 0.15rem; } .ag-list li img { width: 1.6rem; right: 0.4rem; top: 0.2rem; } .ag-list h3 { font-size: 0.5rem; } .ag-list p { margin-top: 0.13rem; font-size: 0.4rem; line-height: 1.5; } .tp-view { margin-bottom: 1.2rem; } .tp-view h2 { margin-bottom: 0.5rem; } .tp-view p { margin-top: 0.4rem; font-size: 0.36rem; line-height: 1.5; } .pc-table { display: none; } .m-table { display: block; } .m-table td { padding: 0.24rem 0.2rem; font-size: 0.36rem; } .case-right:before { display: none } .case-bg h2 { margin-bottom: 0.5rem; } .case-bg { padding: 1rem 0 1.2rem; background-size: cover } .case-left { margin-top: 0.55rem; } .case-left h3 { width: 100%; margin-bottom: 0.5rem; padding-top: 0; font-size: 0.5rem; line-height: 1.3; } .case-left span { margin-left: 0.9rem; margin-bottom: 0.45rem; font-size: 0.4rem; line-height: .48rem; } .case-left h3+span { margin-left: 0; } .case-left span strong { display: block; margin-top: 0.2rem; font-size: 0.55rem; } .case-left p { margin-bottom: 0.66rem; font-size: 0.4rem; line-height: 1.5; } .case-left a { width: 4.8rem; height: 1.2rem; font-size: 0.4rem; line-height: 1.2rem; } .pr-view { margin-bottom: 1.2rem; } .pr-view h2 { margin-bottom: 0.1rem; } .pr-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -2%; background: none; } .pr-list li { width: 48%; margin-left: 2% !important; margin-top: 0.45rem; } .service-view { margin-top: 1rem; margin-bottom: 1.2rem; } .service-view h2 { margin-bottom: 0.4rem; } .sv-tit { margin-bottom: 0.3rem; font-size: 0.45rem; line-height: 1.4; } .sv-list li { width: 48%; margin: 0 1% 0.4rem; max-width: none } .service-img:after { display: none; } .sv-list li:first-child { margin-left: 1% } .sv-list li img { width: 100% } .sv-btn { width: 4.8rem; height: 1.2rem; font-size: 0.4rem; line-height: 1.2rem; } .ht-bg { padding: 1rem 0 1.2rem; margin-bottom: 1rem; } .ht-text { width: 100%; position: static; margin-bottom: 0.5rem; } .ht-text h3 { margin-bottom: 0.24rem; font-size: 0.6rem; line-height: 1.2; } .ht-text p { font-size: 0.4rem; line-height: 1.5; } .ht-bg img { width: 49%; margin-left: 2%; } .ht-bg .ht-img3 { width: 100%; margin-left: 0; margin-top: 0.2rem; } .pr-list li p span { display: none } .pr-list li p { height: auto; padding: 0; margin-top: 0.24rem; font-size: 0.4rem; line-height: 1.4; } .msg-right img { display: none } .msg-right { width: 100%; float: none; max-width: none; margin-top: 0; margin-bottom: 0.6rem; display: none; } .msg-left { float: none; width: 100%; max-width: none; margin-top: 0.6rem; } .msg-item { width: 100%; margin-left: 0; margin-bottom: 0.4rem; } .msg-item p { margin-bottom: 0.3rem; font-size: 0.4rem; } .msg-item input { height: 1.1rem; padding-left: 0.35rem; padding-right: 0.35rem; font-size: 0.4rem; line-height: 1.1rem; } .msg-textarea { height: 4rem; margin-top: 0.1rem; } .msg-textarea textarea { padding: 0.25rem 0.35rem; font-size: 0.4rem; line-height: 1.4; } .sec-tit { width: 100%; margin-bottom: 0.4rem; font-size: 0.4rem; line-height: 1.4; } .msg-right span { float: none; margin: 0; display: inline-block; font-size: 0.4rem; line-height: 1.5; } .map-email a { font-size: 0.5rem; } .msg-right .map-email { margin-left: 0; margin-bottom: 0.3rem; } .main-left p:before { display: none } .sv-list li p { margin-top: 0.3rem; font-size: 0.36rem; line-height: 1.4; } .footer-bar { height: auto; margin-top: 0.5rem; padding: 0.66rem 0.4rem; font-size: 0.36rem; line-height: 1.5; } .msg-sub { margin: 0.5rem auto 0; display: block; width: 4.8rem; height: 1.2rem; font-size: 0.4rem; line-height: 1.2rem; } .mfbar-view { height: 1.44rem; } .b-top { width: 1.1rem; height: 1.1rem; bottom: 2.2rem; border-radius: 0.2rem; } } .body_ru .main-right h1{ font-size: 2.2vw; } @media screen and (max-width: 960px) { .body_ru .main-right h1{ font-size: 0.68rem; } }