html, body { -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch } html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0 } a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline } body { font-family: "Helvetica Neue", Arial, sans-serif, Helvetica; font-size: .4rem; text-align: left; margin: 0 auto; line-height: .8rem; background: #fff; color: #333; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-bottom: 1.6rem } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } .transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none } a:link, a:active, a:visited, a:hover { background: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } button { border-radius: 0px; -webkit-border-radius: 0px; outline: none } input { border-radius: 0; outline: none } input:-ms-clear { display: none } input, textarea { border: 0 } textarea { resize: none; outline: none; font-family: "Helvetica Neue", Arial, sans-serif, Helvetica } img { border: 0; vertical-align: middle } ul, li { list-style: none } body td { font-size: .37333rem; line-height: .66667rem; padding: .04rem .13333rem; word-wrap: break-wordl } a:link, a:visited { color: #333; text-decoration: none } a:hover, a:active { color: #fb0909; text-decoration: none } img { MAX-WIDTH: 100% !important; HEIGHT: auto !important; _width: expression(this.width > 100% ? "100%" :this.width) !important } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px } .container { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0px 0px; position: relative } .header { z-index: 100; position: absolute; left: 50%; transform: translateX(-50%); padding: .49333rem .4rem 0rem .4rem } .header .logo { float: left; padding: 0; width: 2.4rem } .header .logo img { width: 100% } .header .headericon { position: relative; float: right; padding: 0rem; cursor: pointer; margin-top: .17333rem } .header .headericon .icon-bar { display: block; width: .66667rem; background-color: #fff !important; height: .06667rem; border-radius: .04rem; transition: all 0.3s } .header .headericon .icon-bar:nth-child(2) { width: .50667rem; margin: .16rem 0rem .16rem .16rem } .header .headericon .icon-bar:nth-child(3) { width: .50667rem; margin: 0rem 0rem 0rem .16rem } .header .headericon.in .icon-bar:nth-child(2) { opacity: 0 } .header .headericon.in .icon-bar:nth-child(1) { transform: rotate(45deg) translateY(0.16rem); width: .66667rem; margin: 0.1rem 0rem 0rem 0rem } .header .headericon.in .icon-bar:nth-child(3) { transform: rotate(-45deg) translateY(-0.17333rem); width: .66667rem; margin: -0.2rem 0rem 0rem 0rem } .header .headernavbox { display: none; background: #fff; box-shadow: 0rem 0.13333rem 0.68rem 0rem rgba(58, 104, 166, 0.6); position: absolute; right: .26667rem; top: 1.46667rem; z-index: 5; padding: .13333rem .4rem; width: 4rem; border-radius: .2rem } .header .headernavbox.in { display: block } .header .headernavbox.in:before { position: absolute; content: ''; right: .37333rem; top: -.2rem; border-bottom: .2rem solid #fff; border-top: 0rem; border-left: .2rem solid transparent; border-right: .2rem solid transparent } .header .headernavbox .nav { margin: .13333rem 0rem } .header .headernavbox .nav li { position: relative; display: block; padding: .13333rem 0rem } .header .headernavbox .nav li a { position: relative; color: #1c4174; line-height: 1.5; display: block; font-size: .37333rem } .banner { position: relative } .banner .bannerboxone { position: absolute; top: 2.30667rem; right: .6rem; left: 2.26667rem; font-family: 'FuturaStd Bold'; color: #a1aed4; font-size: .56rem; line-height: .82667rem; text-align: right } .banner .bannerboxtwo { position: absolute; top: 15.06667rem; right: .6rem; left: .6rem } .banner .bannerboxtwo h3 { clear: both; display: block; font-family: 'FuturaStd Heavy'; font-size: .42667rem; line-height: 1; padding-bottom: .58667rem; color: #c0d2f3; text-transform: uppercase } .banner .bannerboxtwo p { clear: both; display: block; font-family: 'FuturaStd'; font-size: .4rem; line-height: .61333rem; color: #7c88ad; overflow: hidden; padding-bottom: .16rem } .banner .bannerboxtwo p i { float: left; background: url(../enimages_m/m_arrow01.png) no-repeat center top; background-size: 100%; width: .29333rem; height: .52rem; margin-top: .2rem } .banner .bannerboxtwo p a { float: right; width: 2.88rem; background: rgba(242, 246, 249, 0.2); border-radius: 35px; font-size: .34667rem; color: #f2f6f9; line-height: .93333rem; font-family: Arial; text-align: center } .mobone { background: #f5f6f8; border-radius: 1.06667rem 1.06667rem 0rem 0rem; margin-top: -1.06667rem; padding: 1.33333rem .4rem 2.4rem .4rem } .mobone h2 { clear: both; color: #171717; line-height: 1; font-size: .64rem; font-family: 'FuturaStd Bold'; padding-bottom: .16rem } .mobone ul { clear: both; margin-left: -7.24638% } .mobone ul li { float: left; width: 43.24324%; margin-left: 6.75676%; margin-top: .66667rem; padding-bottom: .32rem; background: #d5e1fa; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem rgba(255, 255, 255, 0.28), 0.08rem 0.14667rem 0.24rem 0rem rgba(16, 35, 72, 0.18); border-radius: .4rem; position: relative } .mobone ul li:after, .mobone ul li:before { content: ''; position: absolute; border-radius: .4rem } .mobone ul li:before { background: #fff; left: 1px; right: 0rem; top: 1px; bottom: 0rem; z-index: 1 } .mobone ul li:after { background: rgba(213, 225, 250, 0.26); left: 1px; right: 1px; top: 1px; bottom: 1px; z-index: 2 } .mobone ul li .mobonepic { position: relative; z-index: 3 } .mobone ul li h3 { position: relative; z-index: 3; padding: 0rem .26667rem } .mobone ul li h3 a { clear: both; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #393b3f; font-family: 'FuturaStd Heavy'; font-size: .37333rem } .mobone ul li span { float: left; margin-top: .2rem; margin-left: .33333rem; position: relative; z-index: 3; font-family: 'FuturaStd Heavy'; font-size: .52rem; font-weight: 800; color: #49597b; line-height: 1; text-shadow: 0.01333rem 0.04rem 0.10667rem rgba(66, 93, 141, 0.44); background: linear-gradient(-31deg, #35435d 0%, #6a7c9c 99.12109%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .mobone ul li .mobonebtn { position: absolute; right: 1px; bottom: 1px; z-index: 3; width: .97333rem; height: .96rem; background: url(../enimages_m/m_probtn01.png) no-repeat center center; background-size: 100%; font-size: 0rem } .mobtwo { background: #c0d6fe; border-radius: 1.06667rem 1.06667rem .66667rem .66667rem; margin-top: -1.06667rem; padding: 1.33333rem .4rem .48rem .4rem } .mobtwo h2 { clear: both; color: #171717; line-height: 1; font-size: .64rem; font-family: 'FuturaStd Bold' } .mobtwo ul { padding-top: .66667rem } .mobtwo ul li { clear: both; margin-bottom: .8rem; position: relative; padding-bottom: .33333rem; padding-right: .33333rem } .mobtwo ul li:after { content: ''; position: absolute; left: .26667rem; bottom: 0rem; right: 0rem; height: 4.34667rem; background: rgba(242, 246, 254, 0.6); border: 1px solid #fff; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem rgba(255, 255, 255, 0.28), 0.08rem 0.14667rem 0.24rem 0rem rgba(0, 25, 74, 0.2); border-radius: .4rem } .mobtwo ul li .mobtwoitem { position: relative; z-index: 2; border-radius: .53333rem; overflow: hidden } .mobtwo ul li .mobtwoitem h3 { position: absolute; left: 0rem; right: 0rem; bottom: 0rem; height: 1.46667rem; background: #274275; background: -webkit-linear-gradient(top, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); background: -o-linear-gradient(top, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); background: linear-gradient(to bottom, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); padding: .8rem .4rem 0rem .4rem; text-align: center } .mobtwo ul li .mobtwoitem h3 { clear: both; display: block; text-align: center; font-size: .37333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; color: #fff; font-family: 'FuturaStd Medium'; line-height: 1 } .mobthree { padding: 1.33333rem 0rem 0rem 0rem } .mobthree h2 { clear: both; color: #171717; line-height: 1; font-size: .64rem; font-family: 'FuturaStd Bold'; text-transform: uppercase; text-align: center } .mobthree .mobthreeitem01 { padding-top: .8rem } .mobthree .mobthreeitem01 img { width: 100% } .mobthree .mobthreeitem02 { clear: both; margin-top: 1.33333rem; box-shadow: 0px 0px 27px 0px rgba(192, 214, 254, 0.97); border-radius: 50px; overflow: hidden } .mobthree .mobthreeitem02 img { width: 100% } .casemain { position: relative; padding: 2.26667rem .4rem 0rem .4rem } .casemain .casemaintop { clear: both; overflow: hidden; position: relative; z-index: 2 } .casemain .casemaintop a { float: left; margin-right: .53333rem; color: #7488af; font-size: .42667rem; font-family: 'FuturaStd Medium'; background: #ebf3fa; line-height: 1.22667rem; padding: 0rem .53333rem; border: 1px solid #abc1df; border-radius: .34667rem } .casemain .casemaintop a.on { color: #ffffff; background: #2e487c; border-color: #2e487c } .casemain h1 { position: relative; z-index: 2; font-size: .82667rem; font-family: 'FuturaStd Bold'; font-weight: bold; color: #081e44; line-height: .90667rem; text-shadow: 1px 0.04rem 0.13333rem rgba(66, 93, 141, 0.59); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(-9deg, #2a539b, #172641); padding: .93333rem 0rem .72rem 0rem } .m_icon01:before { content: ''; position: absolute; background: url(../enimages_m/m_icon01.png) no-repeat right bottom; background-size: 100%; width: 3.06667rem; height: 4.4rem; right: 0rem; top: 0rem } .casemainlist { position: relative; z-index: 2 } .casemainlist li { clear: both; margin-bottom: .8rem; position: relative; padding-bottom: .33333rem; padding-right: .33333rem } .casemainlist li:after { content: ''; position: absolute; left: .26667rem; bottom: 0rem; right: 0rem; height: 4.34667rem; background: rgba(242, 246, 254, 0.6); border: 1px solid #fff; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem rgba(255, 255, 255, 0.28), 0.08rem 0.14667rem 0.24rem 0rem rgba(0, 25, 74, 0.2); border-radius: .4rem } .casemainlist li .casemainlistitem { position: relative; z-index: 2; border-radius: .53333rem; overflow: hidden } .casemainlist li .casemainlistitem .casemainlistpic { clear: both; display: block } .casemainlist li .casemainlistitem .casemainlistpic img { width: 100% } .casemainlist li .casemainlistitem h3 { position: absolute; left: 0rem; right: 0rem; bottom: 0rem; height: 1.46667rem; background: #274275; background: -webkit-linear-gradient(top, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); background: -o-linear-gradient(top, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); background: linear-gradient(to bottom, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); padding: .8rem .4rem 0rem .4rem; text-align: center } .casemainlist li .casemainlistitem h3 a { clear: both; display: block; text-align: center; font-size: .37333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; color: #fff; font-family: 'FuturaStd Medium'; line-height: 1 } .caseinside { position: relative; padding: 2.13333rem .4rem 0rem .4rem } .caseinside .caseinsidepic { clear: both; position: relative; z-index: 3; margin-right: -.4rem; box-shadow: -0.05333rem 0rem 0.24rem 0rem rgba(30, 41, 81, 0.3); border-radius: .53333rem 0rem 0rem .53333rem; overflow: hidden } .caseinside .caseinsidepic img { width: 100% } .caseinside h1 { color: #2f2f44; font-size: .58667rem; line-height: .74667rem; text-align: left; font-family: 'FuturaStd Heavy'; padding-top: .66667rem; padding-bottom: .4rem } .caseinside .caseinsidebox { clear: both; padding: .26667rem 0rem } .caseinside .caseinsidebox>p { color: #878787; font-size: .4rem; line-height: .72rem; font-family: 'FuturaStd Medium'; padding: .09333rem 0rem; background: url(../enimages_m/m_icon03.png) no-repeat left 0.25333rem; padding-left: .66667rem; background-size: .26667rem } .caseinside .caseinsidebox>p span { font-size: .42667rem; color: #2f2f41 } .caseinside .caseinsidebox .caseinsideboxitem { clear: both; padding: .34667rem 0rem .2rem 0rem } .caseinside .caseinsidebox .caseinsideboxitem p { clear: both; display: block; background: #edf1f9; margin-bottom: .16rem; border-radius: .78667rem; padding: .4rem 0rem; font-family: 'FuturaStd Medium'; overflow: hidden } .caseinside .caseinsidebox .caseinsideboxitem p span { float: left; line-height: .77333rem; text-align: center; font-size: .4rem; color: #8383a4; position: relative } .caseinside .caseinsidebox .caseinsideboxitem p span:first-child { width: 42.02899% } .caseinside .caseinsidebox .caseinsideboxitem p span:first-child+span { width: 39.85507% } .caseinside .caseinsidebox .caseinsideboxitem p span:first-child+span+span { width: 18.11594% } .caseinside .caseinsidebox .caseinsideboxitem p span:first-child:after, .caseinside .caseinsidebox .caseinsideboxitem p span:first-child+span:after { content: ''; position: absolute; right: 0rem; height: .29333rem; top: 50%; margin-top: -.14667rem; width: 1px; background: #fff } .caseone { clear: both; padding: .26667rem .4rem } .caseone h3 { clear: both; display: block; color: #2f2f44; font-size: .69333rem; line-height: .93333rem; text-align: left; font-family: 'FuturaStd Heavy'; margin: .26667rem 0rem } .caseone p { clear: both; display: block; color: #687687; font-size: .4rem; line-height: .72rem; text-align: left; font-family: 'FuturaStd Medium'; margin: .26667rem 0rem } .casetwo { clear: both; display: block; padding-top: .8rem; padding-bottom: 1.33333rem } .newmain { position: relative; padding: 2.26667rem .4rem 0rem .4rem } .newmain .newmaintop { position: relative; z-index: 3 } .newmain .newmaintop strong { clear: both; display: block; font-size: .82667rem; font-family: 'FuturaStd Bold'; font-weight: bold; color: #081e44; line-height: .90667rem; text-shadow: 1px 0.04rem 0.13333rem rgba(66, 93, 141, 0.59); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(-9deg, #2a539b, #08101d 60%); padding: 0rem 0rem .4rem 0rem } .newmain .newmaintop p { color: #7488af; font-family: 'FuturaStd Medium'; font-size: .37333rem; line-height: .50667rem; text-align: left } .newmain .newmainlist { padding-top: 1rem } .newmain .newmainlist li { clear: both; display: block; margin-bottom: .66667rem; background: #d5e1fa; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem rgba(255, 255, 255, 0.28), 0.08rem 0.14667rem 0.24rem 0rem rgba(16, 35, 72, 0.18); border-radius: .4rem; position: relative; overflow: hidden } .newmain .newmainlist li:after, .newmain .newmainlist li:before { content: ''; position: absolute; border-radius: .4rem } .newmain .newmainlist li:before { background: #fff; left: 1px; right: 0rem; top: 1px; bottom: 0rem; z-index: 1 } .newmain .newmainlist li:after { background: #e5eefa; left: 1px; right: 1px; top: 1px; bottom: 1px; z-index: 2 } .newmain .newmainlist li h3 { position: relative; z-index: 3; padding: .4rem .4rem 0rem .4rem } .newmain .newmainlist li h3 a { clear: both; display: block; color: #393b3f; font-family: 'FuturaStd Heavy'; font-size: .37333rem; line-height: .6rem } .newmain .newmainlist li p { clear: both; display: block; position: relative; z-index: 3; font-size: .34667rem; line-height: .53333rem; font-family: 'FuturaStd Light'; color: #68696c; padding: .2rem .4rem .2rem .4rem } .newmain .newmainlist li span { float: left; margin-top: .2rem; margin-bottom: .33333rem; margin-left: .4rem; position: relative; z-index: 3; font-family: 'FuturaStd Medium'; font-size: .32rem; font-weight: 100; color: #49597b; line-height: 1; text-shadow: 0.01333rem 0.04rem 0.10667rem rgba(66, 93, 141, 0.44); background: linear-gradient(-31deg, #35435d 0%, #6a7c9c 99.12109%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .newmain .newmainlist li .newmainbtn { position: absolute; right: 1px; bottom: 1px; z-index: 3; width: .97333rem; height: .96rem; background: url(../enimages_m/m_probtn01.png) no-repeat center center; background-size: 100%; font-size: 0rem } .newinside { position: relative; padding: 2.26667rem .4rem .4rem .4rem } .newinside .newinsidetop { position: relative; z-index: 3; background: #2867bb; border: .02667rem solid #fff; box-shadow: -1px -1px 0.17333rem 0rem rgba(255, 255, 255, 0.42), 0.08rem 0.14667rem 0.24rem 0rem rgba(16, 35, 72, 0.14), 0.06667rem 0.06667rem 0.13333rem 0rem rgba(46, 73, 125, 0.14); border-radius: .53333rem; padding: .53333rem .33333rem .4rem .53333rem } .newinside .newinsidetop h1 { clear: both; display: block; font-size: .53333rem; line-height: .8rem; font-family: 'FuturaStd Heavy'; color: #fff; padding-bottom: .16rem } .newinside .newinsidetop span { float: left; color: #b3b8c1; font-size: .37333rem; font-family: 'FuturaStd Medium'; line-height: 1; padding-top: .33333rem } .newinside .newinsidetop a { float: right; color: #2e497d; font-size: .37333rem; font-family: 'FuturaStd Medium'; background: #ebf3fa; border-radius: .26667rem; padding: .13333rem .33333rem } .newinside .newinsidebom { padding-top: .66667rem } .newinside .newinsidebom h2 { clear: both; display: block; font-size: .50667rem; line-height: .8rem; color: #333333; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .newinside .newinsidebom h3 { clear: both; display: block; font-size: .45333rem; line-height: .73333rem; color: #333333; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .newinside .newinsidebom h4 { clear: both; display: block; font-size: .4rem; line-height: .66667rem; color: #333333; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .newinside .newinsidebom p { clear: both; display: block; font-size: .37333rem; line-height: .69333rem; color: #888b8f; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .newinside .newinsidebom p strong { color: #333 } .newinside .newinsidebom a { color: #fd8018 } .newinside .newinsidebom ul { margin: .4rem 0rem } .newinside .newinsidebom ul li { clear: both; display: block; background: url(../enimages_m/m_icon03.png) no-repeat left 0.24rem; background-size: .2rem; font-size: .37333rem; line-height: .69333rem; color: #888b8f; font-family: 'FuturaStd Medium'; margin: .13333rem 0rem; padding-left: .46667rem } .newinside .newinsidebom img { width: 100% } .newinside .newinsidebom video { width: 100% } .newinside .newinsidebom table { margin: .4rem 0rem; border-collapse: collapse; font-family: 'FuturaStd Medium' } .newinside .newinsidebom table td { word-break: break-all; font-size: .37333rem; line-height: .69333rem; color: #888b8f; border: 1px solid #888b8f; padding: .13333rem } .promain { position: relative; padding: 2.26667rem .4rem 0rem .4rem } .promain .promaintop { position: relative; z-index: 3 } .promain .promaintop:before { content: ''; position: absolute; z-index: 5; right: 0rem; top: 50%; background: url(../enimages_m/m_icon02.png) no-repeat right center; width: .18667rem; height: 1.86667rem; background-size: 100%; margin-top: -.93333rem } .promain .promaintop p { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: auto } .promain .promaintop p span { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; text-align: center; background: none; margin-right: .32rem } .promain .promaintop p span a { clear: both; display: block; color: #7488af; font-size: .42667rem; font-family: 'FuturaStd Medium'; background: #ebf3fa; line-height: 1.22667rem; padding: 0rem .24rem; border: 1px solid #abc1df; border-radius: .34667rem } .promain .promaintop p span a.active { color: #ffffff; background: #2e487c; border-color: #2e487c } .promain h1 { position: relative; z-index: 2; font-size: .82667rem; font-family: 'FuturaStd Bold'; font-weight: bold; color: #081e44; line-height: .90667rem; text-shadow: 1px 0.04rem 0.13333rem rgba(66, 93, 141, 0.59); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(-9deg, #2a539b, #172641); padding: .93333rem 0rem .72rem 0rem } .promain .promainlist { clear: both; overflow: hidden; margin-left: -6.95652% } .promain .promainlist li { float: left; margin-left: 6.50407%; width: 43.49593%; background: #fff; border-radius: .4rem; position: relative; overflow: hidden; margin-bottom: .82667rem; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem rgba(255, 255, 255, 0.28), 0.08rem 0.14667rem 0.24rem 0rem rgba(16, 35, 72, 0.18) } .promain .promainlist li:after { content: ''; position: absolute; left: 0rem; right: 1px; bottom: 1px; top: 0rem; background: #e5eefa; border-radius: .4rem } .promain .promainlist li .promainlistpic { clear: both; display: block; position: relative; z-index: 2; overflow: hidden } .promain .promainlist li .promainlistpic img { width: 100% } .promain .promainlist li .promainlisttit { clear: both; display: block; position: relative; z-index: 2; color: #152f5d; font-size: .37333rem; font-family: 'FuturaStd Medium'; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; margin: 0rem .13333rem 0rem .13333rem; line-height: .53333rem; padding: .26667rem 0rem } .proinside { position: relative; padding: 1.86667rem .4rem .26667rem .4rem } .proinside:after { content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 83.2%; border-radius: 0rem 0rem 0rem .93333rem; background: #fffcf0; background: -webkit-linear-gradient(45deg, #fffaf6 0%, #f4faff 50%, #fffcf0 100%); background: -o-linear-gradient(45deg, #fffaf6 0%, #f4faff 50%, #fffcf0 100%); background: linear-gradient(45deg, #fffaf6 0%, #f4faff 50%, #fffcf0 100%) } .proinside .proinsideone { position: relative; z-index: 2; padding-bottom: .53333rem } .proinside .proinsideone h1 { clear: both; display: block; color: #22225b; font-family: 'FuturaStd Bold'; font-size: .94667rem; line-height: 1.2rem; text-align: left; padding-bottom: .13333rem } .proinside .proinsideone p { clear: both; display: block; color: #7f7fa9; font-size: .37333rem; line-height: 1.1; font-family: 'FuturaStd' } .proinside .proinsidetwo { clear: both; margin-right: -.4rem; position: relative; z-index: 2; padding: .66667rem 0rem } .proinside .proinsidetwo:after { content: ''; position: absolute; z-index: 1; background: #dae1f2; border-radius: .8rem 0rem 0rem .8rem; width: 58.05556%; top: 0rem; bottom: 0rem; right: 0rem } .proinside .proinsidetwo p { clear: both; background: #33373d; box-shadow: -0.05333rem 0rem 0.24rem 0rem rgba(30, 41, 81, 0.3); border-radius: .53333rem 0rem 0rem .53333rem; overflow: hidden; position: relative; z-index: 3 } .proinside .proinsidetwo p img { clear: both; display: block; width: 100% } .proinside .proinsidethree { position: relative; z-index: 2 } .proinside .proinsidethree .proinsidethreetop { float: left; width: 13.04348%; position: relative; margin-left: -.05333rem; padding-top: .86667rem } .proinside .proinsidethree .proinsidethreetop:after { content: ''; position: absolute; width: 2rem; height: 2.46667rem; background: url(../enimages_m/m_icon05.png) no-repeat center top; background-size: 100%; left: -.26667rem; top: -1.66667rem } .proinside .proinsidethree .proinsidethreetop:before { content: ''; position: absolute; top: 0rem; left: 50%; margin-left: -.10667rem; width: 0rem; height: 0rem; border-bottom: 0rem; border-left: .10667rem solid transparent; border-right: .10667rem solid transparent; border-top: 4.26667rem solid #f1f1f1 } .proinside .proinsidethree .proinsidethreetop li { position: relative; z-index: 3; margin-bottom: .46667rem; cursor: pointer } .proinside .proinsidethree .proinsidethreetop li:last-child { margin-bottom: 0rem } .proinside .proinsidethree .proinsidethreetop li span { clear: both; display: block; background: url(../enimages_m/m_icon07.png) no-repeat center top; background-size: 100%; width: 1.14667rem; height: .52rem; text-align: center; padding-right: .13333rem; line-height: .46667rem; color: #b8b8b8; font-size: .32rem } .proinside .proinsidethree .proinsidethreetop li.active span { background-image: url(../enimages_m/m_icon06.png); color: #fff } .proinside .proinsidethree .proinsidethreebom { float: right; width: 79.71014%; position: relative; overflow: hidden; z-index: 2; padding-bottom: .26667rem } .proinside .proinsidethree .proinsidethreebom .proinsidethreebox { padding-top: .33333rem; display: none } .proinside .proinsidethree .proinsidethreebom .proinsidethreebox p { clear: both; display: block; background: url(../enimages_m/m_icon04.png) no-repeat left 0.24rem; background-size: .26667rem; padding-left: .53333rem; font-size: .45333rem; color: #7373a0; margin: .4rem 0rem; line-height: .66667rem } .proinside .proinsidethree .proinsidethreebom .proinsidethreebox.active { display: block } .proinside .proinsidefour { clear: both; padding: .26667rem 0rem; position: relative; z-index: 2 } .proinside .proinsidefour .proinsidefourfl { float: left; width: 13.76812% } .proinside .proinsidefour .proinsidefourfl a { float: left; background: #22252b; font-size: .37333rem; font-family: 'FuturaStd Light'; color: #fff; font-weight: 100; writing-mode: vertical-lr; writing-mode: tb-lr; border-radius: .24rem; padding: .4rem .09333rem } .proinside .proinsidefour .proinsidefourfr { float: right; width: 86.23188%; padding-left: .4rem } .proinside .proinsidefour .proinsidefourfr h2 { clear: both; display: block; color: #282b30; font-family: 'FuturaStd Heavy'; font-size: .58667rem; padding-left: .13333rem } .proinside .proinsidefour .proinsidefourfr ul { clear: both; display: block; padding-top: .4rem; padding-bottom: .4rem } .proinside .proinsidefour .proinsidefourfr ul li { float: left; width: 29.78723%; margin-left: 5.31915% } .proinside .proinsidefour .proinsidefourfr ul li:first-child { margin-left: 0rem } .proinside .proinsidefour .proinsidefourfr ul li span { clear: both; display: block; position: relative; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem #fff, 0.08rem 0.14667rem 0.24rem 0rem rgba(16, 35, 72, 0.18); border-radius: .53333rem; padding: .05333rem; background: #d6e3fa; background: -webkit-linear-gradient(45deg, #d6e3fa 0%, #fdfeff 100%); background: -o-linear-gradient(45deg, #d6e3fa 0%, #fdfeff 100%); background: linear-gradient(45deg, #d6e3fa 0%, #fdfeff 100%) } .proinside .proinsidefour .proinsidefourfr ul li span img { border-radius: .53333rem } .proinside .proinsidefour .proinsidefourfr ul li i { clear: both; display: block; text-align: center; color: #7373a0; font-size: .37333rem; font-family: 'FuturaStd Medium'; font-style: normal; line-height: 1; padding-top: .26667rem } .proinside .proinsidefour .proinsidefourfr p { clear: both; display: block; color: #7d7d7d; font-family: 'FuturaStd Medium'; font-size: .42667rem; line-height: .64rem; padding: .2rem 0rem .2rem .26667rem } .proinside .proinsidefour .proinsidefourfr p strong { font-weight: normal; color: #373737 } .proinsidebtn { padding: .66667rem .4rem .26667rem .4rem } .proinsidebtn .proinsidebtnbox { border-radius: .66667rem; background: #ebf3fa; padding: .46667rem .33333rem .33333rem .46667rem; overflow: hidden } .proinsidebtn .proinsidebtnbox p { float: left; width: 75.39683%; font-size: .4rem; line-height: .61333rem; font-family: 'FuturaStd Medium'; color: #4e6177; padding-top: .16rem } .proinsidebtn .proinsidebtnbox p a { color: #fd8018 } .proinsidebtn .proinsidebtnbox>a { float: right; width: 16.50794%; font-family: 'FuturaStd Medium'; font-size: .37333rem; line-height: .56rem; background: #fd790b; background: -webkit-linear-gradient(36deg, #fd790b 0%, #fe9f5c 100%); background: -o-linear-gradient(36deg, #fd790b 0%, #fe9f5c 100%); background: linear-gradient(36deg, #fd790b 0%, #fe9f5c 100%); border: 2px solid #ef7c15; border-radius: .26667rem; color: #fff; text-align: center; padding: .2rem 0rem } .proinsidebox { padding: .4rem .4rem } .proinsidebox h2 { clear: both; display: block; font-size: .50667rem; line-height: .8rem; color: #333333; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .proinsidebox h3 { clear: both; display: block; font-size: .45333rem; line-height: .73333rem; color: #333333; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .proinsidebox h4 { clear: both; display: block; font-size: .4rem; line-height: .66667rem; color: #333333; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .proinsidebox p { clear: both; display: block; font-size: .37333rem; line-height: .69333rem; color: #888b8f; font-family: 'FuturaStd Medium'; margin: .4rem 0rem } .proinsidebox p strong { color: #333 } .proinsidebox a { color: #fd8018 } .proinsidebox ul { margin: .4rem 0rem } .proinsidebox ul li { clear: both; display: block; font-size: .37333rem; line-height: .69333rem; color: #888b8f; font-family: 'FuturaStd Medium'; margin: .13333rem 0rem } .proinsidebox ul li h3 { width: 100%; position: relative } .proinsidebox ul li h3 span { display: block; line-height: 1.38667rem; font-size: .93333rem; color: #eff3f7; font-family: Monoton_Regular, Helvetica; font-feature-settings: 'palt'; -webkit-font-smoothing: antialiased; font-weight: 400 } .proinsidebox ul li h3 strong { display: block; position: absolute; bottom: 0; padding: 0 .26667rem; line-height: .48rem; font-size: .4rem; color: #c8ae79; font-family: FuturaStd_Heavy, Helvetica; font-feature-settings: 'palt'; -webkit-font-smoothing: antialiased } .proinsidebox ul li .img-list { clear: both; width: 100%; padding: 0 .26667rem; overflow: hidden } .proinsidebox ul li .img-list span { float: left; display: block; width: 26.456%; margin: 0 3.43865% } .proinsidebox ul li .img-list span img { display: block; width: 100%; border-radius: 100%; border: 1px solid #c8ae79 } .proinsidebox img { width: 100% } .proinsidebox video { width: 100% } .proinsidebox table { margin: .4rem 0rem; border-collapse: collapse; font-family: 'FuturaStd Medium' } .proinsidebox table td { word-break: break-all; font-size: .37333rem; line-height: .69333rem; color: #888b8f; border: 1px solid #888b8f; padding: .13333rem } .proinsidecase { clear: both; display: block; padding-bottom: .73333rem } .proinsidecase h2 { clear: both; color: #22252b; font-size: .64rem; font-family: 'FuturaStd Heavy'; line-height: .93333rem; text-align: left; padding: 0rem .4rem .66667rem .4rem } .proinsidecase .swipercase { width: 100%; position: relative; z-index: 2; overflow: hidden; padding-bottom: .4rem } .proinsidecase .swipercase:before { position: absolute; content: ''; background: #cee8ff; left: 0rem; right: 0rem; border-radius: 1.06667rem 0rem 1.06667rem 2.13333rem; height: 8.93333rem; top: 0rem } .proinsidecase .swipercase .swiper-wrapper { position: relative; z-index: 2; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .proinsidecase .swipercase .swiper-wrapper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block } .proinsidecase .swipercase .swiper-pagination { position: absolute; right: .28rem; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; bottom: 0rem; text-align: left; overflow: hidden; height: .29333rem } .proinsidecase .swipercase .swiper-pagination .swiper-pagination-bullet { width: .29333rem; height: .29333rem; vertical-align: top; cursor: pointer; border-radius: 50%; display: inline-block; background: #e5e5e5; margin-right: .32rem } .proinsidecase .swipercase .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2e497d } .proinsidecase .swiperproone { clear: both; display: block; padding: .8rem .4rem 0rem .4rem; overflow: hidden; display: table } .proinsidecase .swiperproone span { border-radius: .53333rem; overflow: hidden; border: 1px solid #fff; width: 21.44928%; height: 21.44928%; display: table-cell } .proinsidecase .swiperproone span img { width: 100% } .proinsidecase .swiperproone p { padding-left: 7.24638%; width: 78.55072%; color: #46586c; font-size: .48rem; line-height: .69333rem; font-family: 'FuturaStd Heavy'; display: table-cell; vertical-align: middle } .proinsidecase .swiperprotwo { padding: 0rem .4rem 0rem .4rem } .proinsidecase .swiperprotwo p { clear: both; display: block; font-size: .4rem; line-height: .64rem; color: #68788b; font-family: 'FuturaStd Medium'; margin: .4rem 0rem 0rem 0rem } .proinsidecase .swiperprotwo p strong { color: #242c36 } .proinsidecase .swiperprotwo p.swiperprotwopic { margin-right: -.4rem; margin-left: .66667rem; border-radius: .8rem 0rem 0rem .8rem; overflow: hidden } .proinsidecase .swiperprotwo p.swiperprotwopic img { width: 100% } .proinsidecase .swiperprothree { padding: .13333rem .4rem .01333rem .4rem } .proinsidecase .swiperprothree p { clear: both; display: block; font-size: .4rem; line-height: .64rem; color: #758393; font-family: 'FuturaStd Medium'; margin: .53333rem 0rem } .proinsidecase .swiperprothree p strong { color: #242c36; font-weight: normal } .proinsidecase .swiperprothree p:nth-child(2) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 1.28rem } .proinsideparame { clear: both; display: block; padding-bottom: 1.33333rem } .proinsideparame .param-header { clear: both; margin-right: .4rem; background: #ebf3fa; cursor: pointer; height: 1.84rem; border-radius: 0rem .92rem .92rem 0rem; padding: .38667rem .53333rem .38667rem .6rem; transition: all 0.5s } .proinsideparame .param-header h2 { float: left; line-height: 1.06667rem; font-size: .48rem; color: #22252b; font-family: 'FuturaStd Heavy' } .proinsideparame .param-header .more { float: right; width: 1.06667rem; height: 1.06667rem; background: #fd790b; background: linear-gradient(36deg, #fd790b 0%, #fe9f5c 100%); border: 2px solid #ef7c15; border-radius: .26667rem; position: relative } .proinsideparame .param-header .more i { position: absolute; left: 0rem; bottom: 0rem; width: 100%; height: 100%; background: url(../enimages_m/m_arrow02.png) no-repeat center center; background-size: 100%; transition: all 0.5s } .proinsideparame .param-header.show { border-radius: 0rem .92rem 0rem 0rem } .proinsideparame .param-header.show .more i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg) } .proinsideparame .param-content { display: none; padding: .4rem .8rem .4rem .4rem; background: #ebf3fa; margin-right: .4rem } .proinsideserver { background: url(../enimages_m/proinsideservericon01.png) no-repeat center top #ebf3fa; background-size: 100%; border-radius: .8rem .8rem 0rem 0rem; padding-bottom: 2rem } .proinsideserver .proinsideservertop { padding: 1.33333rem 1.2rem .86667rem 1.2rem } .proinsideserver .proinsideservertop h2 { clear: both; text-align: center; color: #282b30; font-size: .82667rem; font-family: 'FuturaStd Heavy'; line-height: 1 } .proinsideserver .proinsideservertop p { clear: both; display: block; text-align: center; font-size: .4rem; line-height: .45333rem; color: #819bb9; font-family: 'FuturaStd Medium'; padding-top: .30667rem; padding-bottom: .86667rem } .proinsideserver .proinsideservertop p:nth-child(3) { clear: both; text-align: center; color: #282b30; font-size: .56rem; font-family: 'FuturaStd Heavy'; line-height: 1; padding: 0rem } .proinsideserver .proinsideservertop h3 { clear: both; text-align: center; color: #282b30; font-size: .56rem; font-family: 'FuturaStd Heavy'; line-height: 1 } .proinsideserver .proinsideservertop a { clear: both; display: block; width: 4.29333rem; margin: -.18667rem auto 0rem } .proinsideserver .proinsideserverbom { clear: both; display: block } .proinsideserver .proinsideserverbom .proserver { position: relative; overflow: hidden; z-index: 2; padding-bottom: .26667rem } .proinsideserver .proinsideserverbom .proserver .swiper-wrapper { position: relative; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .proinsideserver .proinsideserverbom .proserver .swiper-wrapper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block } .proinsideserver .proinsideserverbom .propagination { clear: both; background: url(../enimages_m/m_proinsideserverpic01.png) no-repeat center center; background-size: 100%; width: 10rem; height: 2.02667rem; transition: all 0.5s; padding: .10667rem .4rem .32rem .4rem } .proinsideserver .proinsideserverbom .propagination.propagination1 { background-image: url(../enimages_m/m_proinsideserverpic01.png) } .proinsideserver .proinsideserverbom .propagination.propagination2 { background-image: url(../enimages_m/m_proinsideserverpic02.png) } .proinsideserver .proinsideserverbom .propagination.propagination3 { background-image: url(../enimages_m/m_proinsideserverpic03.png) } .proinsideserver .proinsideserverbom .propagination li { float: left; width: 33.3333%; text-align: left; padding: .33333rem 0rem .26667rem .26667rem } .proinsideserver .proinsideserverbom .propagination li:first-child+li { padding: .33333rem .13333rem .26667rem .53333rem } .proinsideserver .proinsideserverbom .propagination li span { clear: both; display: block; position: relative; font-size: .37333rem; line-height: .48rem; color: #838383; padding-left: .66667rem; font-family: 'FuturaStd Medium'; cursor: pointer } .proinsideserver .proinsideserverbom .propagination li span i { position: absolute; font-style: normal; font-size: .4rem; color: #ffbe0d; line-height: 1; left: 0rem; top: 0rem; font-family: 'FuturaStd Medium' } .proinsideserver .proinsideserverbom .propagination li.active span { color: #fff } .proinsideserver .proinsideserverbom .proserverbox { clear: both; display: block; width: 92%; margin: 0 auto } .proinsideserver .proinsideserverbom .proserverbox p { clear: both; margin-bottom: .53333rem; border: 1px solid #c4e3fd; background: #f4f8fc; border-radius: .53333rem; overflow: hidden; position: relative; height: 2rem; display: table; padding: 0rem .49333rem; width: 100% } .proinsideserver .proinsideserverbom .proserverbox p i { width: 27.45098%; display: table-cell; vertical-align: middle } .proinsideserver .proinsideserverbom .proserverbox p span { padding: 0rem 0rem 0rem .26667rem; text-align: center; color: #4e6177; font-size: .42667rem; line-height: .50667rem; display: table-cell; vertical-align: middle } .proinsideserver+.magess { margin-top: -1.33333rem } .magess .magesstop { background: #e6f4fe; border-radius: 1.26667rem; position: relative; z-index: 5 } .magess .magesstop:after { content: ''; position: absolute; top: 0rem; left: 0rem; background: url(../enimages_m/magicon01.png) no-repeat center top; width: 2.4rem; height: 2.4rem; background-size: 100% } .magess .magesstop .magesstopitem { position: relative; z-index: 2; padding-right: .4rem; padding-left: 2.93333rem; height: 2.53333rem } .magess .magesstop .magesstopitem .magesstoppic { position: absolute; top: 0rem; left: 0rem; width: 2.02667rem; height: 2.02667rem; border-radius: 50%; overflow: hidden } .magess .magesstop .magesstopitem .magesstoppic img { width: 100% } .magess .magesstop .magesstopitem .magesstoptit { clear: both; display: block; color: #262626; font-size: .50667rem; font-family: 'FuturaStd Heavy'; line-height: .6rem; padding-top: .66667rem; padding-bottom: .29333rem } .magess .magesstop .magesstopitem .magesstoptxt { clear: both; display: block; color: #626364; font-size: .32rem; line-height: .46667rem; font-family: 'FuturaStd Medium' } .magess .magesstop>p { padding: 0rem .4rem .46667rem .8rem; color: #70767a; line-height: .6rem; font-size: .37333rem; text-align: left; font-family: 'FuturaStd Medium' } .magess.contactmag .magesstop { background: #dfecff } .magess.contactmag .magesstop:after { background: url(../enimages_m/magicon04.png) no-repeat center top; background-size: 100% } .magess .magessbom { clear: both; position: relative; padding-bottom: .8rem } .magess .magessbom:after, .magess .magessbom:before { content: ''; position: absolute; box-shadow: 0rem 0.13333rem 0.68rem 0rem rgba(58, 104, 166, 0.19); opacity: 0.64; border-radius: .66667rem; height: 1.6rem } .magess .magessbom:after { left: .86667rem; right: .86667rem; bottom: .4rem; z-index: 2 } .magess .magessbom:before { left: 1.57333rem; right: 1.57333rem; bottom: 0rem; z-index: 1 } .magess .magessbom .magessbomitem { padding-bottom: 1px; box-shadow: 0rem 0.13333rem 0.68rem 0rem rgba(58, 104, 166, 0.19); border-radius: .66667rem; position: relative; background: #fff; z-index: 3 } .magess .magessbom .magessbomitem ul { background: #295698; margin-top: -1.33333rem; border-radius: 0rem 0rem .8rem .8rem; padding: 1.46667rem .4rem .8rem .4rem } .magess .magessbom .magessbomitem ul li { float: left; width: 45.21739% } .magess .magessbom .magessbomitem ul li span { clear: both; display: block; color: #c8ae79; font-size: .32rem; font-family: 'FuturaStd Medium'; line-height: 1; padding-top: .66667rem; padding-bottom: .26667rem } .magess .magessbom .magessbomitem ul li span strong { color: #fff; font-weight: 100 } .magess .magessbom .magessbomitem ul li input { clear: both; width: 100%; border-radius: .13333rem; border: 1px solid #bababa; background: #345f9d; height: .8rem; font-size: .37333rem; line-height: .4rem; padding: .17333rem .2rem; color: #dfecff } .magess .magessbom .magessbomitem ul li textarea { clear: both; width: 100%; border-radius: .13333rem; border: 1px solid #bababa; background: #345f9d; height: 3rem; font-size: .37333rem; line-height: .53333rem; padding: .17333rem .2rem; color: #dfecff } .magess .magessbom .magessbomitem ul li:first-child, .magess .magessbom .magessbomitem ul li:first-child+li+li { margin-right: 9.56522% } .magess .magessbom .magessbomitem ul li.magearea { float: none; clear: both; width: 100% } .magess .magessbom .magessbomitem ul li.magetxt { float: none; clear: both; width: 100%; color: #fefefe; font-size: .32rem; line-height: .42667rem; font-family: 'FuturaStd Light' } .magess .magessbom .magessbomitem .magessbombtn { width: 5.12rem; height: 1.41333rem; border-radius: .26667rem; font-size: .50667rem; font-family: 'FuturaStd Bold'; color: #fff; background: #295698; display: block; margin: 1rem auto .93333rem; text-align: center; line-height: 1.41333rem } .aboutinside { position: relative; padding: 2.26667rem .4rem 0rem .4rem } .aboutinside .aboutinsideban { background: url(../enimages_m/m_aboutban.jpg) no-repeat center center; background-size: 100%; width: 100%; height: 0rem; padding: 43.91304% 0rem 0rem 0rem; position: relative; border: .02667rem solid #fff; box-shadow: -1px -1px 0.17333rem 0rem rgba(255, 255, 255, 0.42), 0.08rem 0.14667rem 0.24rem 0rem rgba(16, 35, 72, 0.14), 0.06667rem 0.06667rem 0.13333rem 0rem rgba(46, 73, 125, 0.14); border-radius: .53333rem } .aboutinside .aboutinsideban span { position: absolute; font-size: .74667rem; font-family: 'FuturaStd Bold'; opacity: 0.6; text-transform: capitalize; color: #fff; left: .46667rem; top: 50%; transform: translateY(-50%) } .aboutinside .aboutinsidetop { padding-top: .49333rem; padding-bottom: .93333rem } .aboutinside .aboutinsidetop h3 { clear: both; display: block; color: #081e44; font-size: .69333rem; line-height: .8rem; text-align: left; font-family: 'FuturaStd Bold'; padding: .26667rem 0rem } .aboutinside .aboutinsidetop p { clear: both; display: block; color: #687687; font-size: .4rem; line-height: .72rem; text-align: left; font-family: 'FuturaStd Medium'; padding: .26667rem 0rem } .aboutinside .aboutinsidetop p img { clear: both; width: 100%; margin: .13333rem 0rem } .aboutinside .aboutinsidebom { clear: both; background: #fff; border-radius: 1.33333rem; padding: 1rem .4rem .6rem .4rem } .aboutinside .aboutinsidebom h3 { clear: both; display: block; color: #081e44; font-size: .69333rem; line-height: .8rem; text-align: left; font-family: 'FuturaStd Bold'; padding: .13333rem 0rem } .aboutinside .aboutinsidebom p { clear: both; display: block; color: #687687; font-size: .4rem; line-height: .72rem; text-align: left; font-family: 'FuturaStd Medium'; padding: .26667rem 0rem } .aboutinside .aboutinsidebom p.aboutinsidebompic { margin: 0rem -.4rem } .aboutinside .aboutinsidebom p.aboutinsidebompic img { clear: both; width: 100%; margin: 0rem 0rem } .contactinside { background: url(../enimages_m/contacticon01.png) no-repeat center top; background-size: 100%; padding: 2.6rem .4rem 0rem .4rem } .contactinside .contactone { padding-bottom: .86667rem } .contactinside .contactone h2 { clear: both; display: block; font-size: .64rem; color: #000; line-height: 1; text-align: center; font-family: 'FuturaStd Bold'; padding-bottom: .26667rem } .contactinside .contactone p { clear: both; display: block; font-size: .37333rem; color: #000; line-height: .53333rem; text-align: center; font-family: 'FuturaStd'; padding: 0rem 1.06667rem 0rem } .contactinside .contacttwo { padding-bottom: 2.62667rem } .contactinside .contacttwo h2 { clear: both; display: block; font-size: .50667rem; color: #000; line-height: 1; text-align: center; font-family: 'FuturaStd Bold'; padding-bottom: .26667rem } .contactinside .contacttwo h2 a { clear: both; display: block; color: #000 } .contactinside .contacttwo>a { clear: both; display: block; width: 50%; height: 0; padding-top: 50%; margin: 0 auto; position: relative; overflow: hidden } .contactinside .contacttwo>a img { position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%; border: .09333rem solid #fefefe; border-radius: 50% } .contactinside .contactthree { padding: 0rem .89333rem 1.05333rem .89333rem } .contactinside .contactthree li { clear: both; margin-bottom: .4rem; background: rgba(255, 255, 255, 0.43); border: 1px solid #acd8fe; border-radius: .53333rem; position: relative } .contactinside .contactthree li:before { content: ''; position: absolute; left: .33333rem; top: .33333rem; background: url(../enimages_m/contacticon03.png) no-repeat center center; background-size: 100%; width: .17333rem; height: .17333rem } .contactinside .contactthree li p, .contactinside .contactthree li a { clear: both; display: block; padding: .4rem .66667rem } .contactinside .contactthree li p span, .contactinside .contactthree li a span { clear: both; display: block; text-align: center; color: #9fb3c4; font-size: .37333rem; font-family: 'FuturaStd Medium'; line-height: 1; padding-bottom: .26667rem } .contactinside .contactthree li p strong, .contactinside .contactthree li a strong { clear: both; display: block; text-align: center; color: #2b4069; font-size: .32rem; font-family: 'FuturaStd Heavy'; line-height: 1 } .contact .header .headericon .icon-bar { background: #09256d !important } .slide-case { background: #c0d6fe; border-radius: .66667rem .66667rem .66667rem .66667rem; padding: .8rem .4rem .48rem .4rem } .slide-case h2 { clear: both; color: #171717; line-height: 1; font-size: .64rem; font-family: 'FuturaStd Bold' } .slide-case ul { padding-top: .66667rem } .slide-case ul li { clear: both; margin-bottom: .8rem; position: relative; padding-bottom: .33333rem; padding-right: .33333rem } .slide-case ul li:after { content: ''; position: absolute; left: .26667rem; bottom: 0rem; right: 0rem; height: 4.34667rem; background: rgba(242, 246, 254, 0.6); border: 1px solid #fff; box-shadow: -0.13333rem -0.13333rem 0.32rem 0rem rgba(255, 255, 255, 0.28), 0.08rem 0.14667rem 0.24rem 0rem rgba(0, 25, 74, 0.2); border-radius: .4rem } .slide-case ul li .slide-caseitem { position: relative; z-index: 2; border-radius: .53333rem; overflow: hidden } .slide-case ul li .slide-caseitem h3 { position: absolute; left: 0rem; right: 0rem; bottom: 0rem; height: 1.46667rem; background: #274275; background: -webkit-linear-gradient(top, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); background: -o-linear-gradient(top, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); background: linear-gradient(to bottom, rgba(39, 66, 117, 0), rgba(39, 66, 117, 0.73)); padding: .8rem .4rem 0rem .4rem; text-align: center } .slide-case ul li .slide-caseitem h3 a { clear: both; display: block; text-align: center; font-size: .37333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; color: #fff; font-family: 'FuturaStd Medium'; line-height: 1 } .footer-swt { width: 10rem; height: 1.06667rem; position: fixed; bottom: .2rem; left: 50%; margin-left: -5rem; z-index: 1030; padding: 0 .4rem } .footer-swt .swt-menu { float: left; width: 4.4rem; height: 1.06667rem; padding-top: .13333rem; position: relative } .footer-swt .swt-menu i { border: 2px solid #fff; background: rgba(32, 83, 159, 0.9); display: block; width: 100%; height: .93333rem; position: absolute; top: .13333rem; left: 0; border-radius: .93333rem; border-top-left-radius: .13333rem; z-index: 0; -webkit-box-shadow: 0.08rem 0.08rem 0.37333rem rgba(29, 66, 122, 0.2); -moz-box-shadow: 0.08rem 0.08rem 0.37333rem rgba(29, 66, 122, 0.2); -ms-box-shadow: 0.08rem 0.08rem 0.37333rem rgba(29, 66, 122, 0.2); box-shadow: 0.08rem 0.08rem 0.37333rem rgba(29, 66, 122, 0.2) } .footer-swt .swt-menu a { color: #fff; display: block; position: relative; z-index: 1; width: 100%; height: 100%; padding-left: 1.6rem; font-size: .32rem; line-height: .93333rem; font-family: FuturaStd_Bold, Helvetica, Arial, sans-serif; font-weight: 700 } .footer-swt .swt-menu a span { background-color: #fff; background-image: url(../enimages_m/icon_msg.png); background-position: left top; -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; display: block; width: 1.2rem; height: 0.93333rem; overflow: hidden; -webkit-box-shadow: 0 0 0.13333rem rgba(5, 32, 73, 0.9); -moz-box-shadow: 0 0 0.13333rem rgba(5, 32, 73, 0.9); -ms-box-shadow: 0 0 0.13333rem rgba(5, 32, 73, 0.9); box-shadow: 0 0 0.13333rem rgba(5, 32, 73, 0.9); border-radius: .13333rem; border-bottom-left-radius: .48rem; position: absolute; left: .13333rem; top: -.13333rem } .footer-swt .swt-menu+.swt-menu { float: right } .footer-swt .swt-menu+.swt-menu i { border: 2px solid #20539f; background: rgba(255, 222, 4, 0.9) } .footer-swt .swt-menu+.swt-menu a { color: #20539f } .footer-swt .swt-menu+.swt-menu a span { background-color: #20539f; background-image: url(../enimages_m/icon_quote.png); background-position: center center; -webkit-background-size: 1.2rem 0.93333rem; background-size: 1.2rem 0.93333rem } .back-top { width: 1rem; height: 1rem; position: fixed; z-index: 1050; bottom: 2rem; right: .13333rem } .back-top a { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 100% } .back-top a img { display: block; width: 100%; height: 100% } .page-panel { width: 100%; padding-bottom: .53333rem } .page-panel .pagination { width: 100%; text-align: center; font-size: 0 } .page-panel .pagination li { display: inline-block; height: .85333rem; margin: 0 .13333rem; line-height: .85333rem; font-size: .42667rem; border-radius: .85333rem; border: 1px solid #1d427a; color: #333; padding: 0 .4rem } .page-panel .pagination li a, .page-panel .pagination li span { line-height: .85333rem; font-size: .42667rem; color: #333 } .page-panel .pagination li a:hover { color: #c1a367 } .page-panel .pagination li.disable span { color: #999 } .page-panel .pagination li.act { padding: 0 .8rem 0 .4rem; position: relative; cursor: pointer } .page-panel .pagination li.act:after { content: ''; display: block; width: 0; height: 0; border-top: .16rem solid #c1a367; border-left: .16rem dashed transparent; border-right: .16rem dashed transparent; position: absolute; right: .4rem; top: .34667rem } .page-panel .pagination li.act span:first-child font { color: #c1a367 } .page-dialog { width: 10rem; overflow: hidden; position: fixed; bottom: 0; left: 50%; margin-left: -5rem; z-index: 1080; background: #fff; display: none } .page-dialog .swiper-page { width: 100%; overflow: hidden; margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .page-dialog .swiper-page .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .page-dialog .swiper-page .close { width: 1.01333rem; height: 1.01333rem; position: absolute; right: 0; top: 0; text-align: center; line-height: .93333rem; font-size: .64rem; color: #fff; cursor: pointer; z-index: 10 } .page-dialog .swiper-page .swiper-slide { overflow: hidden; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .page-dialog .swiper-page .swiper-slide .page-tab { width: 100%; height: 100%; overflow: hidden } .page-dialog .swiper-page .swiper-slide .page-hd { width: 100%; height: 1.01333rem; line-height: 1.01333rem; background: #1d427a; text-align: center; font-size: .48rem; color: #fff } .page-dialog .swiper-page .swiper-slide .page-bd { width: 100%; overflow: hidden; padding: 0 .26667rem .53333rem } .page-dialog .swiper-page .swiper-slide .page-bd li { float: left; width: 20%; margin-top: .53333rem } .page-dialog .swiper-page .swiper-slide .page-bd li a { display: block; margin: 0 auto; border-radius: 100%; border: 1px solid #1d427a; color: #999; font-size: .42667rem; width: .85333rem; height: .85333rem; line-height: .85333rem; text-align: center } .page-dialog .swiper-page .swiper-slide .page-bd li.on a { background: #1d427a; color: #fff; border: none } .timer-shaft-box { width: 100%; padding: 0 0 .66667rem } .timer-shaft-box .time-over { width: 100%; height: 1.17333rem; overflow: hidden } .timer-shaft-box .timer-left, .timer-shaft-box .timer-right { display: none } .timer-shaft-box .timer-shaft { position: relative; width: 100%; height: 100%; overflow: hidden } .timer-shaft-box .timer-shaft .timer-scale { width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: .26667rem .4rem } .timer-shaft-box .timer-shaft .timer-scale .timer-scale-cont { display: inline-block; height: .64rem; padding: 0; margin-right: .2rem; vertical-align: middle; line-height: .64rem; text-align: center; font-size: .32rem; color: #1d427a; transition: all .3s; cursor: pointer; background: #fff; overflow: hidden; border-radius: .64rem; position: relative; box-shadow: 0 0 0.13333rem rgba(0, 53, 93, 0.4) } .timer-shaft-box .timer-shaft .timer-scale .timer-scale-cont p.time-circle { display: block; vertical-align: middle; line-height: .64rem; text-align: center; font-size: .32rem; color: #1d427a; transition: all .3s; cursor: pointer; overflow: hidden; border-radius: .64rem; height: .64rem; padding: 0 .26667rem } .timer-shaft-box .timer-shaft .timer-scale .timer-scale-cont.hov p.time-circle { background: #1d427a; color: #fff } .timer-shaft-box .timer-shaft-content { width: 100%; overflow: hidden; margin: .13333rem 0 0 } .timer-shaft-box .timer-shaft-content .shaft-detail-cont { display: none; width: 100%; overflow-x: auto } .timer-shaft-box .timer-shaft-content .shaft-detail-cont p { display: block; width: 100%; line-height: .48rem; font-size: .32rem; margin-bottom: .13333rem } .timer-shaft-box .timer-shaft-content .shaft-detail-cont p:not(:first-child) { margin-top: .26667rem } .msg-confirm { overflow: hidden; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; transform: scale(0); transition: all .5s } .msg-confirm .msg-box { width: 80%; background: url(../images/msg-bg.jpg) -1px top no-repeat; background-size: cover; padding: .44rem .52rem .92rem; border-radius: .26667rem; position: absolute; left: 50%; top: 50%; margin: -4.74667rem 0 0 -40% } .msg-confirm .msg-box .text { font-size: .4rem; color: #fff; line-height: .8rem; font-family: 'FuturaStd_Medium' } .msg-confirm dl { margin-top: 1.73333rem } .msg-confirm dl dd p { color: #fff; text-align: center; position: relative; margin: .93333rem 0 } .msg-confirm dl dd p label { background: #fff; font-size: .32rem; color: #666; font-family: 'FuturaStd_Medium'; line-height: .04rem; padding: 0 .13333rem; display: block; position: absolute; left: .4rem; top: 0 } .msg-confirm dl dd p input { width: 100%; height: 1.013333rem; background: 0 0; border: 1px solid #e9edf3; border-radius: .13333rem; font-size: .42667rem; color: #224373; font-family: 'FuturaStd_Medium'; padding: .16rem 0 0 .4rem } .msg-confirm dl dt a { width: 3.13333rem; height: .92rem; background: #2d5a91; border-radius: .13333rem; font-size: .48rem; color: #fff; font-family: 'FuturaStd_Blod'; text-align: center; line-height: .92rem; display: block; margin: 0 auto; box-shadow: 0 1px 0.21333rem rgba(43, 87, 142, 0.31) } .msg-show { transform: scale(1) } .footer{ margin-top: 0.4rem; padding: 0.24rem 7%; font-size: 0.27rem; text-align: center; line-height: 1.6; } .footer a{ text-decoration: underline; } .footer span{ padding: 0 0.2rem; }