@charset "UTF-8"; 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: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑"; font-size: 0.3733333333rem; text-align: left; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; line-height: 0.8rem; background: #fff; color: #333; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-bottom: 1.8666666667rem; } 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: rgba(0, 0, 0, 0); -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; } img { border: 0; vertical-align: middle; } ul, li { list-style: none; } a:link, a:visited { color: #333; text-decoration: none; } a:hover, a:active { color: #fa4d4d; 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; } ::-webkit-input-placeholder { color: #727f94; } ::-moz-placeholder { color: #727f94; } ::-ms-input-placeholder { color: #727f94; } .header { clear: both; position: relative; width: 100%; padding: 0rem 0.4rem; z-index: 10; } .header .headerbox { clear: both; display: block; position: relative; z-index: 2; width: 100%; padding-top: 0.32rem; } .header .headerbox .logo { float: left; width: 4.28rem; } .header .headerbox .mback { float: left; background: url(../images/m_back.png) no-repeat left top; background-size: 0.28rem; width: 0.48rem; height: 0.48rem; margin: 0.3066666667rem 0rem 0rem 0rem; } .header .headerbox p { position: absolute; left: 0.9333333333rem; right: 1.5466666667rem; top: 0.64rem; text-align: center; color: #94addd; font-size: 0.3733333333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.2; } .header .headerbox p a { color: #94addd; } .header .headerbox .navicon { float: right; width: 1.1466666667rem; height: 1.0533333333rem; background: #305a7d; padding-top: 0.16rem; border-radius: 0.28rem; cursor: pointer; position: relative; z-index: 2; } .header .headerbox .navicon i { width: 0.6133333333rem; height: 0.0666666667rem; border-radius: 0.0266666667rem; background: #fff; position: relative; display: block; margin: 0.1333333333rem 0.2666666667rem; overflow: hidden; } .header .headerbox .navicon i:first-child+i:after { content: ""; position: absolute; background: url(../images/m_navicon01.jpg) no-repeat center center; background-size: 100%; width: 0.2933333333rem; height: 0.0666666667rem; top: 0rem; left: 0rem; transform: translateX(0.6133333333rem); -webkit-animation: zy 2s linear infinite; animation: zy 2s linear infinite; } .header.indexheader { clear: both; width: 100%; max-width: 750px; min-width: 320px; height: 2.4266666667rem; z-index: 11; } .header.indexheader:before {background: url(../images/s_header.jpg) no-repeat;background-size: 100%;content: "";display: block;position: absolute;left: 0;top: 0;width: 9.08rem;height: 2.4266666667rem;} .header.indexheader .m-nav { top: 1.8666666667rem; } @-webkit-keyframes zy { 0% { -webkit-transform: translateX(0.6133333333rem); } 100% { -webkit-transform: translateX(-0.2933333333rem); } } @keyframes zy { 0% { transform: translateX(0.6133333333rem); } 100% { transform: translateX(-0.2933333333rem); } } .m-nav { position: absolute; right: 0.1333333333rem; top: 1.76rem; z-index: 1000; background: #305a7d; border-radius: 0.2666666667rem; padding: 0.2666666667rem 0.4rem; display: none; } .m-nav::before { content: ""; width: 0; border-bottom: 0.24rem solid #305a7d; border-right: 0.24rem solid transparent; border-left: 0.24rem solid transparent; position: absolute; top: -0.2rem; left: 68%; } .m-nav li a { font-size: 0.4rem; padding: 0.2rem 0.2rem 0.2rem 0rem; border-bottom: 1px solid #4f7392; display: block; line-height: 0.5333333333rem; color: #fff; } .m-nav li:last-child a { border-bottom: 0px; } .m-nav li em { width: 0.5333333333rem; display: inline-block; height: 0.5333333333rem; margin-right: 0.1333333333rem; margin-left: 0.1333333333rem; vertical-align: top; } .m-nav li:nth-child(1) em { background: url(../images/mnavicon01.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .m-nav li:nth-child(2) em { background: url(../images/mnavicon02.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .m-nav li:nth-child(3) em { background: url(../images/mnavicon03.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .m-nav li:nth-child(4) em { background: url(../images/mnavicon04.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .m-nav li:nth-child(5) em { background: url(../images/mnavicon05.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .m-nav li:nth-child(6) em { background: url(../images/mnavicon06.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .m-nav li:nth-child(7) em { background: url(../images/mnavicon07.png) left center no-repeat; -webkit-background-size: 0.5333333333rem; background-size: 0.5333333333rem; } .banner { clear: both; background-size: 100%; height: 15.6rem; } .banner .bannertop { padding: 2.6666666667rem 0.4rem 0rem 0.4rem; } .banner .bannertop strong { clear: both; display: block; color: #fff; font-size: 0.5333333333rem; line-height: 0.6666666667rem; padding-bottom: 0.4rem; text-align: left; } .banner .bannertop p { clear: both; display: block; color: #65717b; font-size: 0.3733333333rem; line-height: 0.4666666667rem; text-align: left; } .banner .bannerbom { padding-top: 1.9333333333rem; width: 100%; z-index: 1; overflow: hidden; position: relative; } .banner .bannerbom .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .banner .bannerbom .swiper-wrapper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem { position: relative; perspective: 800px; perspective-origin: 8% 0%; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem .bannerbomitempic { clear: both; display: block; transform-style: preserve-3d; transform: translate3d(20px, 10px, -80px) scale(1); -webkit-transform: translate3d(20px, 10px, -80px) scale(1); position: relative; z-index: 1; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem .bannerbomitempic img { clear: both; display: block; width: 100%; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem .bannerbomitembox { clear: both; display: inline-block; position: absolute; left: 0.5333333333rem; bottom: 0.4rem; background: #3f6688; border-radius: 0.1333333333rem; padding: 0.2666666667rem 0.4rem; transform-style: preserve-3d; transform: rotateY(5deg) skew(0deg, -13deg) scale(0.8) translate3d(0%, 0%, 0px); -webkit-transform: rotateY(5deg) skew(0deg, -13deg) scale(0.8) translate3d(0%, 0%, 0px); z-index: 2; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem .bannerbomitembox a { clear: both; display: block; color: #fec705; font-size: 0.5333333333rem; line-height: 1.2; font-weight: bold; padding-bottom: 0.2666666667rem; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem .bannerbomitembox span { clear: both; display: block; color: #85a9c9; font-size: 0.32rem; line-height: 1.2; padding-bottom: 0.1066666667rem; } .banner .bannerbom .swiper-wrapper .swiper-slide .bannerbomitem .bannerbomitembox strong { clear: both; display: block; color: #ffffff; font-size: 0.3466666667rem; line-height: 1.2; } .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(110%, -10%, -80px) scale(0.5); } 100% { opacity: 1; -webkit-transform: translate3d(20px, 10px, -80px) scale(1); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(110%, -10%, -80px) scale(0.5); } 100% { opacity: 1; transform: translate3d(20px, 10px, -80px) scale(1); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeIn { 0% { opacity: 0; transform: rotateY(0deg) skew(0deg, 0deg) scale(0.5) translate3d(470%, -100%, 0px); } 100% { opacity: 1; transform: rotateY(5deg) skew(0deg, -13deg) scale(0.8) translate3d(0%, 0%, 0px); } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: rotateY(0deg) skew(0deg, 0deg) scale(0.5) translate3d(470%, -100%, 0px); } 100% { opacity: 1; -webkit-transform: rotateY(5deg) skew(0deg, -13deg) scale(0.8) translate3d(0%, 0%, 0px); } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .homeone { clear: both; display: block; background: #e4ecf8; background: -webkit-linear-gradient(top, #e4ecf8 20%, #fff); background: -o-linear-gradient(top, #e4ecf8 20%, #fff); background: linear-gradient(to bottom, #e4ecf8 20%, #fff); padding-top: 0.5333333333rem; margin-top: -0.1333333333rem; padding-bottom: 1.1333333333rem; border-radius: 0.2rem 0.2rem 0rem 0rem; } .homeone .homeonebox { clear: both; display: block; margin-top: 0.8266666667rem; position: relative; } .homeone .homeonebox .homeoneboxpic { clear: both; display: block; width: 75.3333333333%; margin-right: 24.6666666667%; margin-bottom: 0.3333333333rem; } .homeone .homeonebox .homeoneboxpic img { clear: both; display: block; width: 100%; } .homeone .homeonebox p { position: absolute; left: 0.4266666667rem; font-size: 0.3466666667rem; color: #474c72; line-height: 0.48rem; text-align: left; top: 2.2rem; } .homeone .homeonebox p strong { clear: both; display: block; } .homeone .homeonebox p:after { content: ""; position: absolute; left: 0rem; top: -0.0666666667rem; width: 0.6rem; height: 0.0533333333rem; background: #ff0000; border-radius: 0.0266666667rem; } .homeone .homeonebox .homeoneboxtit { clear: both; display: block; width: 3.0666666667rem; height: 0.7733333333rem; border-radius: 0.3866666667rem; border: 1px solid #484d73; margin: 0 auto; position: relative; font-size: 0.3466666667rem; font-weight: bold; color: #474c72; line-height: 0.7333333333rem; text-align: center; } .homeone .homeonebox .homeoneboxtit:after { content: ""; position: absolute; top: 0.0533333333rem; bottom: 0.0533333333rem; left: 0.0533333333rem; right: 0.0533333333rem; border-radius: 0.3333333333rem; border: 1px dashed #484d73; } .homeone .homeonebox ul { position: absolute; right: 0rem; top: 0.6rem; width: 2.2rem; } .homeone .homeonebox ul li { clear: both; display: block; padding: 0.2666666667rem 0.2rem; color: #2d343f; font-size: 0.3466666667rem; line-height: 0.48rem; } .homeone .homeonebox ul li:first-child { color: #fe9705; background: #cee4f8; border-radius: 0.2rem 0rem 0rem 0rem; } .homeone .homeonebox ul li:first-child+li { box-shadow: -0.04rem -0.04rem 0.04rem rgba(158, 201, 239, 0.44); position: relative; z-index: 2; } .hometwo { padding-bottom: 0.8666666667rem; } .hometwo .hometwotop { clear: both; display: block; padding: 0rem 0.4rem; } .hometwo .hometwotop li { float: left; width: 33.3333%; text-align: center; line-height: 1; } .hometwo .hometwotop li span { clear: both; display: inline-block; color: #727f94; font-size: 0.4266666667rem; line-height: 0.5333333333rem; cursor: pointer; background: #f2f4f7; border-radius: 0.4rem; padding: 0.1333333333rem 0.5466666667rem; border: 1px solid transparent; } .hometwo .hometwotop li.active span { display: block; font-weight: bold; color: #305a7d; border: 1px solid #305a7d; position: relative; box-shadow: 0 0.1333333333rem 0.2133333333rem rgba(86, 142, 189, 0.68); } .hometwo .hometwobom { padding-top: 0.5066666667rem; position: relative; } .hometwo .hometwobom .hometwobomitem { height: 100%; display: none; padding: 0rem 0.4rem; } .hometwo .hometwobom .hometwobomitem.active { display: block; } .hometwo .hometwobom .hometwobomitem ul { margin-left: -2.83%; } .hometwo .hometwobom .hometwobomitem ul li { float: left; width: 30.5%; margin-left: 2.83%; text-align: center; margin-bottom: 0.2666666667rem; } .hometwo .hometwobom .hometwobomitem ul li .pic { display: block; padding-top: 74.5%; position: relative; } .hometwo .hometwobom .hometwobomitem ul li .pic img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .hometwo .hometwobom .hometwobomitem ul li h3 { font-weight: normal; margin-top: 0.1333333333rem; } .hometwo .hometwobom .hometwobomitem ul li h3 a { display: block; color: #2d343f; font-size: 0.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hometwo .hometwobom .hometwobomitem ul li.s-last-li { background: #eceef1; padding: 0.12rem 0.1333333333rem 0.2933333333rem; border-radius: 0.1333333333rem; } .hometwo .hometwobom .hometwobomitem ul li.s-last-li a { font-size: 0.3733333333rem; color: #2d343f; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; background: #fff; padding: 0.1333333333rem 0.3866666667rem; border-radius: 0.32rem; margin-top: 0.2rem; } .homethree { clear: both; display: block; } .homethree .homethreepic { clear: both; display: block; width: 100%; position: relative; margin-top: 0.7466666667rem; } .homethree .homethreepic img { width: 100%; } .homethree .homethreepic a { position: absolute; width: 1.3066666667rem; height: 1.3066666667rem; background: #174284; color: #d3e1f6; font-size: 0.32rem; line-height: 0.3866666667rem; text-align: center; padding: 0.2666666667rem; border-radius: 50%; top: 3.7866666667rem; right: 1.56rem; cursor: pointer; } .homefour { padding-bottom: 0.8933333333rem; } .homefour .homefourtop { clear: both; display: block; box-shadow: 0rem 0rem 0.0933333333rem rgba(56, 113, 157, 0.43); border-radius: 0.8rem; overflow: hidden; margin-top: 0.8rem; } .homefour .homefourtop .homefourtopbox { background: #d9e7f2; } .homefour .homefourtop .homefourtopbox .homefourtopboxpic { clear: both; display: block; border-radius: 0rem 0rem 0.8rem 0.8rem; overflow: hidden; } .homefour .homefourtop .homefourtopbox .homefourtopboxpic img { width: 100%; } .homefour .homefourtop .homefourtopbox .homefourtopboxtxt { clear: both; display: block; padding: 0.4rem 0.4rem 0.2666666667rem 0.4rem; } .homefour .homefourtop .homefourtopbox .homefourtopboxtxt .homefourtopboxtxtpic { clear: both; width: 57.2463768116%; line-height: 1; padding-bottom: 0.1333333333rem; } .homefour .homefourtop .homefourtopbox .homefourtopboxtxt .homefourtopboxtxtpic img { width: 100%; } .homefour .homefourtop .homefourtopbox .homefourtopboxtxt .homefourtopboxtxta { line-height: 0.5333333333rem; } .homefour .homefourtop .homefourtopbox .homefourtopboxtxt .homefourtopboxtxta a { font-size: 0.4266666667rem; color: #292f2c; font-weight: bold; } .homefour .homefourtop .homefourtopbox .homefourtopboxtxt .homefourtopboxtxta span { font-size: 0.3466666667rem; color: #dd6243; line-height: 1; } .homefour .homefourtop .homefourtopitem { padding-bottom: 1.2666666667rem; line-height: 1; position: relative; } .homefour .homefourtop .homefourtopitem .homefourtopitemp01 { color: #0a2144; font-size: 0.2933333333rem; line-height: 1; padding: 0.6rem 0rem 0.2666666667rem 0.6rem; } .homefour .homefourtop .homefourtopitem .homefourtopitemp02 { clear: both; display: inline-block; text-align: left; font-size: 0.32rem; line-height: 0.64rem; color: #3f4441; border-radius: 0.1333333333rem; background: #eef5f4; margin-left: 0.4rem; padding: 0.2rem; } .homefour .homefourtop .homefourtopitem .homefourtopitemp02 span { clear: both; display: block; color: #ffb129; } .homefour .homefourtop .homefourtopitem a { clear: both; display: inline-block; height: 0.6533333333rem; border: 1px solid #0a2144; border-radius: 0.3333333333rem; color: #0a2144; font-size: 0.3466666667rem; text-align: center; line-height: 0.6rem; position: relative; padding: 0rem 0.4rem 0rem 0.3733333333rem; margin-top: 0.3333333333rem; margin-left: 1.2rem; cursor: pointer; } .homefour .homefourtop .homefourtopitem a:after { content: ""; position: absolute; top: -0.0933333333rem; right: -0.3733333333rem; width: 0.72rem; height: 0.7466666667rem; background: url(../images/m_homefouricon04.png) no-repeat center top; background-size: 100%; } .homefour .homefourtop .homefourtopitem:after, .homefour .homefourtop .homefourtopitem:before { content: ""; position: absolute; } .homefour .homefourtop .homefourtopitem:after { background: url(../images/m_homefouricon03.png) no-repeat left bottom; width: 5.8rem; height: 0.6666666667rem; background-size: 100%; left: 0.5066666667rem; bottom: 0rem; } .homefour .homefourtop .homefourtopitem:before { background: url(../images/m_homefouricon02.png) no-repeat left bottom; width: 3.8666666667rem; height: 4.5333333333rem; background-size: 100%; right: 0.2rem; bottom: 0rem; } .homefour .homefourbom { clear: both; display: block; padding: 0.8rem 0.4rem 0rem 0.4rem; } .homefour .homefourbom li { margin-top: 0.2666666667rem; } .homefour .homefourbom li:first-child { margin-top: 0rem; } .homefour .homefourbom li .homefourbompic { clear: both; display: block; border-radius: 0.4rem 0.4rem 0rem 0rem; overflow: hidden; position: relative; z-index: 2; border-radius: 0.8rem; box-shadow: 0 0.1333333333rem 0.2133333333rem rgba(86, 142, 189, 0.68); } .homefour .homefourbom li .homefourbompic:before { background: url(../images/s_xk.png) no-repeat; width: 8.8533333333rem; height: 3.0666666667rem; background-size: cover; position: absolute; left: 0.16rem; top: 0.16rem; content: ""; z-index: 1; } .homefour .homefourbom li .homefourbompic img { width: 100%; border-radius: 0.8rem; } .homefour .homefourbom li .homefourbompic .more { position: absolute; background: rgba(255, 255, 255, 0.8); bottom: 0.2933333333rem; left: 0.2666666667rem; right: 0.2666666667rem; border-radius: 0.44rem; border: 1px solid #305a7d; padding: 0.04rem 0.2666666667rem; } .homefour .homefourbom li .homefourbompic .more h3 { color: #2d343f; font-size: 0.4266666667rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 76%; } .homefour .homefourbom li .homefourbompic .more p { float: right; width: 22%; } .homefour .homefourbom li .homefourbompic .more p span { font-size: 0.32rem; color: #727f94; vertical-align: middle; } .homefour .homefourbom li .homefourbompic .more p img { display: inline-block; width: 0.4133333333rem; } .homefour .homefourbom li .s-xq { background: url(../images/s_xq.png) no-repeat; background-size: cover; width: 9.5466666667rem; height: 3.5333333333rem; margin-top: 0.1066666667rem; } .homefour .homefourbom li .s-xq .homefourbomtxt { float: left; width: 68%; padding: 1.0666666667rem 0.4rem 0; } .homefour .homefourbom li .s-xq .homefourbomtxt p { float: left; width: 50%; text-align: center; color: #fff; font-size: 0.4266666667rem; font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .homefour .homefourbom li .s-xq .homefourbomtxt p span { display: block; color: #fff; font-weight: normal; font-size: 0.3466666667rem; } .homefour .homefourbom li .s-xq .homefourbombtn { display: block; float: right; width: 32%; text-align: center; padding: 0.8666666667rem 0.5333333333rem 0.1333333333rem; } .homefour .homefourbom li .s-xq .homefourbombtn img { display: inline-block; width: 0.6533333333rem; } .homefour .homefourbom li .s-xq .homefourbombtn span { display: block; color: #ef4411; font-size: 0.4rem; font-weight: bold; line-height: 1.1; margin-top: 0.0666666667rem; } .homefive { clear: both; } .homefivetop { padding-top: 1.2rem; padding-bottom: 0.9333333333rem; width: 100%; z-index: 1; overflow: hidden; position: relative; } .homefivetop .homefivetopbox { margin-top: 0.8933333333rem; } .homefivetop .homefivetopbox .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 90.6666666667%; height: 100%; position: relative; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; padding: 0rem 0.5333333333rem 0rem 0.3866666667rem; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon { background: #fff; border-radius: 0.2rem; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconpic { clear: both; display: block; position: relative; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconpic img { border-radius: 0.1333333333rem 0.1333333333rem 0rem 0rem; width: 100%; overflow: hidden; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconpic i { clear: both; display: block; width: 3.12rem; height: 1.08rem; line-height: 1.08rem; color: #fefefe; font-size: 0.4533333333rem; position: absolute; left: -0.3866666667rem; background: #627dc1; background: -webkit-linear-gradient(top, #627dc1, #546d96); background: -o-linear-gradient(top, #627dc1, #546d96); background: linear-gradient(to bottom, #627dc1, #546d96); border-radius: 0rem 0.56rem 0.56rem 0rem; font-style: normal; font-weight: bold; padding-left: 0.3333333333rem; top: 0.2266666667rem; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconpic p { position: absolute; left: 0rem; bottom: 0rem; right: 0rem; padding: 1.2rem 0.4666666667rem 0.2666666667rem 0.4666666667rem; background: rgba(29, 47, 98, 0.85) 80%; background: -webkit-linear-gradient(top, rgba(29, 47, 98, 0) 0%, rgba(29, 47, 98, 0.85) 80%); background: -o-linear-gradient(top, rgba(29, 47, 98, 0) 0%, rgba(29, 47, 98, 0.85) 80%); background: linear-gradient(to bottom, rgba(29, 47, 98, 0) 0%, rgba(29, 47, 98, 0.85) 80%); line-height: 1.2; font-size: 0.3733333333rem; color: #ffffff; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconpic:after { content: ""; position: absolute; left: 0.16rem; right: 0.16rem; top: 0.16rem; bottom: 0rem; border: 1px solid rgba(84, 109, 150, 0.22); border-bottom: 0rem; border-radius: 0.2rem 0.2rem 0rem 0rem; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconbox { padding: 0.4666666667rem 0.4933333333rem 0.5333333333rem 0.4933333333rem; position: relative; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconbox:after { content: ""; position: absolute; left: 0.16rem; right: 0.16rem; top: 0rem; bottom: 0.16rem; border: 1px solid rgba(84, 109, 150, 0.22); border-top: 0rem; border-radius: 0rem 0rem 0.2rem 0.2rem; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconbox .homefivetopboxconboxp01 { clear: both; display: block; text-align: left; color: #b4bcc9; font-size: 0.3466666667rem; line-height: 0.6133333333rem; height: 1.2266666667rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.4533333333rem; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconbox .homefivetopboxconboxp02 { clear: both; display: block; text-align: left; overflow: hidden; line-height: 1; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconbox .homefivetopboxconboxp02 strong { font-size: 0.3466666667rem; color: #5a74a9; background: #e0e9f9; display: inline-block; line-height: 0.64rem; border-radius: 0.32rem; padding: 0rem 0.2933333333rem; font-weight: normal; } .homefivetop .homefivetopbox .swiper-wrapper .swiper-slide .homefivetopboxcon .homefivetopboxconbox .homefivetopboxconboxp02 span { float: right; background: url(../images/m_homefiveicon02.png) no-repeat left center; background-size: 0.2533333333rem; padding-left: 0.32rem; color: #cdd7e8; font-size: 0.2933333333rem; line-height: 0.32rem; margin-top: 0.16rem; } .homefivebom { padding: 0rem 0.4rem 0.9333333333rem 0.4rem; } .homefivebom .hometit { padding: 0rem; } .homefivebom ul { padding-top: 0.2933333333rem; } .homefivebom ul li { position: relative; padding: 0.3333333333rem 0rem; border-bottom: 1px solid #eceef1; line-height: 0.64rem; font-size: .32rem; } .homefivebom ul li a { color: #2d343f; display: block; font-size: .3733rem; } .homefivebom ul li p { margin-top: 0.1333333333rem; } .homefivebom ul li p span { color: #727f94; font-size: 0.2933333333rem; display: inline-block; margin-right: 0.5333333333rem; } .homefivebom ul li:last-child { margin-bottom: 0rem; } .homesixtop { margin-right: 3.8666666667%; width: 96.1333333333%; } .homesixtop img { width: 100%; } .homesixbom { clear: both; display: block; background: url(../images/m_homesixbombg.jpg) no-repeat right top #fff; background-size: 100%; height: 12.0266666667rem; margin-top: -1.2rem; border-radius: 1.2rem 0rem 0rem 0rem; padding-top: 1.2rem; padding-left: 0.8rem; position: relative; } .homesixbom .homesixbomtel { position: absolute; width: 1.7866666667rem; right: 0.1866666667rem; top: 0.2666666667rem; width: 4.4666666667rem; text-align: center; color: #414e67; font-size: 0.4533333333rem; line-height: 0.6666666667rem; } .homesixbom .homesixbomtel strong { clear: both; display: block; color: #d71e14; font-size: 0.48rem; } .homesixbom .homesixbomtit strong { clear: both; display: block; line-height: 1; font-size: 0.5333333333rem; color: #414e67; padding-bottom: 0.5333333333rem; } .homesixbom .homesixbomtit p { clear: both; display: block; line-height: 1; font-size: 0.3466666667rem; color: #98a6c0; } .homesixbom .homesixbombox ul { width: 7.0666666667rem; } .homesixbom .homesixbombox ul li { margin-top: 0.7333333333rem; border-bottom: 0.04rem solid #e0e6f0; position: relative; } .homesixbom .homesixbombox ul li i { position: absolute; left: 0rem; top: 0.1333333333rem; width: 0.4666666667rem; height: 0.4666666667rem; } .homesixbom .homesixbombox ul li i.lyicon1 { background: url(../images/m_homesixicon01.png) no-repeat center center; background-size: 100%; } .homesixbom .homesixbombox ul li i.lyicon2 { background: url(../images/m_homesixicon02.png) no-repeat center center; background-size: 100%; } .homesixbom .homesixbombox ul li i.lyicon3 { background: url(../images/m_homesixicon03.png) no-repeat center center; background-size: 100%; } .homesixbom .homesixbombox ul li.lyicon1 i { background: url(../images/m_homesixicon01.png) no-repeat center center; background-size: 100%; } .homesixbom .homesixbombox ul li.lyicon2 i { background: url(../images/m_homesixicon02.png) no-repeat center center; background-size: 100%; } .homesixbom .homesixbombox ul li.lyicon3 i { background: url(../images/m_homesixicon03.png) no-repeat center center; background-size: 100%; } .homesixbom .homesixbombox ul li span { position: absolute; left: 0.6666666667rem; right: 0rem; top: 0rem; color: #6a7993; font-size: 0.3733333333rem; font-weight: bold; } .homesixbom .homesixbombox ul li span.err { color: #c00; } .homesixbom .homesixbombox ul li input { clear: both; display: block; width: 100%; font-size: 0.3733333333rem; color: #6a7993; line-height: 0.8666666667rem; padding: 0rem 0rem 0rem 0.6666666667rem; font-weight: bold; background: none; border: 0rem; position: relative; z-index: 2; } .homesixbom .homesixbombox ul li textarea { clear: both; display: block; font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑"; width: 100%; font-size: 0.3733333333rem; line-height: 0.6666666667rem; height: 2rem; color: #6a7993; font-weight: bold; padding: 0rem 0rem 0rem 0.6666666667rem; background: none; border: 0rem; position: relative; z-index: 2; } .homesixbom .homesixbombox .button { width: 6.8533333333rem; margin: 1.0666666667rem auto 0rem; position: relative; } .homesixbom .homesixbombox .button:after { content: ""; position: absolute; right: 0.44rem; top: 0.48rem; width: 0.7466666667rem; height: 0.5333333333rem; background: url(../images/m_homesixicon05.png) no-repeat center center; background-size: 100%; -webkit-animation: opacit 2s linear infinite; animation: opacit 2s linear infinite; opacity: 0; } .homesixbom .homesixbombox .button input { width: 100%; height: 1.48rem; background: url(../images/m_homesixicon04.png) no-repeat center top; background-size: 100%; padding: 0.1333333333rem 2.56rem 0rem 0rem; color: #fff; font-weight: bold; font-size: 0.48rem; line-height: 1.1333333333rem; } @-webkit-keyframes opacit { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes opacit { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .prozhHot { clear: both; padding-top: 0.5333333333rem; } .prozhHot .prozhHottit { clear: both; display: block; padding-left: 0.4533333333rem; } .prozhHot .prozhHottit strong { clear: both; display: block; font-size: 0.4266666667rem; padding-bottom: 0.3066666667rem; color: #162a51; line-height: 1; } .prozhHot .prozhHottit span { clear: both; display: block; font-size: 0.4rem; position: relative; color: #697a9d; line-height: 1; padding-left: 3.2rem; } .prozhHot .prozhHottit span:after { content: ""; position: absolute; left: 0rem; height: 1px; width: 3.0666666667rem; top: 50%; background: #6a7b9e; background: -webkit-linear-gradient(left, rgba(106, 123, 158, 0), #6a7b9e); background: -o-linear-gradient(left, rgba(106, 123, 158, 0), #6a7b9e); background: linear-gradient(to right, rgba(106, 123, 158, 0), #6a7b9e); } .prozhHot .prozhHotbox .prozhHotboxpic { clear: both; display: block; width: 86.4%; margin-right: 13.6%; background: url(../images/m_prozhicon01.png) no-repeat right 0.2666666667rem; background-size: 4.68rem; } .prozhHot .prozhHotbox .prozhHotboxpic img { width: 100%; } .prozhHot .prozhHotbox p { clear: both; display: block; margin-right: 36%; width: 64%; background: url(../images/m_prozhicon02.png) no-repeat center top #92aada; line-height: 0.96rem; border-radius: 0rem 0.48rem 0.48rem 0rem; padding-right: 1.52rem; position: relative; } .prozhHot .prozhHotbox p .prozhHotboxtit { clear: both; display: block; text-align: center; color: #fff; line-height: 0.96rem; font-size: 0.3733333333rem; } .prozhHot .prozhHotbox p .prozhHotboxbtn { position: absolute; right: -0.84rem; top: 0.1466666667rem; width: 2.36rem; height: 0.6666666667rem; line-height: 0.6666666667rem; color: #fecb06; font-size: 0.3733333333rem; font-weight: bold; border-radius: 0.3333333333rem; background: #345490; text-align: center; } .prolisttop { padding: 0.2666666667rem 0.4rem 0.04rem 0.4rem; background: #f6f8fd; background: -webkit-linear-gradient(top, #fff, #f6f8fd); background: -o-linear-gradient(top, #fff, #f6f8fd); background: linear-gradient(to bottom, #fff, #f6f8fd); } .prolisttop .prolisttopbox { padding-bottom: 0.3333333333rem; } .prolisttop .prolisttopbox .prolisttopboxp01 { float: left; line-height: 1; display: inline-block; text-align: center; font-size: 0.3466666667rem; color: #697a9d; border: 1px solid #aab7d1; border-radius: 0.1066666667rem; padding: 0.1866666667rem 0.1866666667rem 0.1333333333rem 0.3333333333rem; position: relative; box-shadow: 0.0266666667rem 0.0266666667rem 0.0266666667rem rgba(81, 124, 209, 0.2), 0.0266666667rem 0.0266666667rem 0.0266666667rem rgba(81, 124, 209, 0.2) inset; } .prolisttop .prolisttopbox .prolisttopboxp01 strong { clear: both; display: block; color: #162a51; font-size: 0.4533333333rem; padding-bottom: 0.32rem; } .prolisttop .prolisttopbox .prolisttopboxp01:after { content: ""; position: absolute; left: 0.0666666667rem; right: -0.08rem; top: 0.0533333333rem; bottom: -0.08rem; border: 1px solid #c7d0e2; border-radius: 0.1066666667rem; } .prolisttop .prolisttopbox .prolisttopboxp02 { float: right; background: url(../images/m_proiconbg.png) no-repeat center bottom; background-size: 100%; width: 5.7333333333rem; height: 2.3866666667rem; margin-left: -0.6666666667rem; margin-top: 0.3333333333rem; position: relative; } .prolisttop .prolisttopbox .prolisttopboxp02 i { clear: both; display: block; position: absolute; text-align: center; left: 1.92rem; width: 1.8666666667rem; bottom: -0.2666666667rem; color: #162a51; font-size: 0.3466666667rem; line-height: 1; font-style: normal; } .prolisttop .prolisttopbox .prolisttopboxp02 span { clear: both; display: block; position: absolute; text-align: center; } .prolisttop .prolisttopbox .prolisttopboxp02 span img { width: 100%; } .prolisttop .prolisttopbox .prolisttopboxp02.proicon01 span { width: 2.3733333333rem; height: 2.5466666667rem; left: 1.7333333333rem; bottom: 0.1866666667rem; } .prolisttop .prolisttopbox .prolisttopboxp02.proicon02 span { width: 3.6133333333rem; height: 2.4933333333rem; left: 1.2rem; bottom: 0.1866666667rem; } .prolisttop .prolisttopbox .prolisttopboxp02.proicon03 span { width: 3.6133333333rem; height: 2.4933333333rem; left: 1.2rem; bottom: 0.1866666667rem; } .prolisttop .prolisttopbox .prolisttopboxp02.proicon04 span { width: 3.6rem; height: 2.3733333333rem; left: 1.2rem; bottom: 0.32rem; } .prolisttop .prolisttopbox .prolisttopboxp02.proicon05 span { width: 3.6133333333rem; height: 2.3733333333rem; left: 1.2rem; bottom: 0.0533333333rem; } .prolisttop .prolisttopbox .prolisttopboxp02.proicon06 span { width: 4rem; height: 1.96rem; left: 1.2rem; bottom: 0.0533333333rem; } .prolisttop .prolistnav { overflow: hidden; border: 1px solid #446095; border-radius: 0.5466666667rem; margin-top: 0.64rem; padding: 0.0666666667rem 0.1333333333rem; } .prolisttop .prolistnav li { float: left; width: 16.6666666667%; text-align: center; line-height: 0.8266666667rem; border-radius: 0.4133333333rem; } .prolisttop .prolistnav li a { display: inline-block; color: #162a51; font-size: 0.3733333333rem; } .prolisttop .prolistnav li.on { background: #446095; } .prolisttop .prolistnav li.on a { color: #fff; font-weight: bold; } .prozhlist { padding-top: 0.2666666667rem; padding-bottom: 0.1333333333rem; } .prozhlist .prozhlistitem { clear: both; display: block; padding: 0.4rem 0.4rem 0rem 0.4rem; } .prozhlist .prozhlistitem h3 { clear: both; line-height: 1; position: relative; text-align: center; padding-bottom: 0.48rem; } .prozhlist .prozhlistitem h3 a { color: #2d343f; font-size: 0.5333333333rem; } .prozhlist .prozhlistitem h3:after, .prozhlist .prozhlistitem h3:before { content: ""; position: absolute; } .prozhlist .prozhlistitem h3:after { width: 0.32rem; height: 0.32rem; border-radius: 50%; background: #fecb06; display: block; left: 50%; margin-left: -0.16rem; bottom: 0rem; z-index: 1; } .prozhlist .prozhlistitem h3:before { border: 0rem; border-top: 0.12rem solid #fff; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; left: 50%; bottom: 0.08rem; margin-left: -0.08rem; z-index: 2; } .prozhlist .prozhlistitem ul { clear: both; padding-top: 0.4rem; margin-left: -2.8985507246%; } .prozhlist .prozhlistitem ul li { float: left; width: 47.1830985915%; margin-left: 2.8169014085%; margin-bottom: 0.6666666667rem; } .prozhlist .prozhlistitem ul li .prozhlistitempic { clear: both; display: block; margin: 0rem 0.0933333333rem; border: 0.04rem solid #fff; border-radius: 0.2rem 0.2rem 0rem 0rem; overflow: hidden; box-shadow: 0rem 0rem 0.0666666667rem rgba(148, 173, 221, 0.22); position: relative; z-index: 2; } .prozhlist .prozhlistitem ul li .prozhlistitempic img { clear: both; display: block; width: 100%; } .prozhlist .prozhlistitem ul li .prozhlistitembox { clear: both; display: block; border-radius: 0rem 0rem 0.2rem 0.2rem; box-shadow: 0rem 0.0666666667rem 0.0666666667rem rgba(47, 75, 129, 0.06); background: url(../images/m_prozhicon03.jpg) no-repeat center top #fff; background-size: 100%; margin-top: -0.0933333333rem; padding: 0.6933333333rem 0.3333333333rem 0.24rem 0.3333333333rem; position: relative; } .prozhlist .prozhlistitem ul li .prozhlistitembox:after { content: ""; position: absolute; bottom: 0rem; width: 3.2rem; height: 1px; background: #fecd11; background: -webkit-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: -o-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: linear-gradient(to right, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); left: 50%; margin-left: -1.6rem; } .prozhlist .prozhlistitem ul li .prozhlistitembox a { clear: both; display: block; padding-bottom: 0.3333333333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #2d343f; font-size: 0.3733333333rem; line-height: 1.2; font-weight: bold; } .prozhlist .prozhlistitem ul li .prozhlistitembox p { clear: both; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #7887a0; font-size: 0.3466666667rem; line-height: 1.1; } /**/ .prolist { clear: both; display: block; padding: 0.2666666667rem 0.4rem 0.1333333333rem 0.4rem; } .prolist ul { clear: both; padding-top: 0.4rem; margin-left: -2.8985507246%; } .prolist ul li { float: left; width: 47.1830985915%; margin-left: 2.8169014085%; margin-bottom: 0.6666666667rem; } .prolist ul li .prolistpic { clear: both; display: block; margin: 0rem 0.0933333333rem; border: 0.04rem solid #fff; border-radius: 0.2rem 0.2rem 0rem 0rem; box-shadow: 0rem 0rem 0.0666666667rem rgba(148, 173, 221, 0.22); z-index: 2; width: 100%; height: 0; overflow: hidden; position: relative; padding-top: 75%; } .prolist ul li .prolistpic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .prolist ul li .prolistbox { clear: both; display: block; border-radius: 0rem 0rem 0.2rem 0.2rem; box-shadow: 0rem 0.0666666667rem 0.0666666667rem rgba(47, 75, 129, 0.06); background: url(../images/m_prozhicon03.jpg) no-repeat center top #fff; background-size: 100%; margin-top: -0.0933333333rem; padding: 0.6933333333rem 0.3333333333rem 0.24rem 0.3333333333rem; position: relative; } .prolist ul li .prolistbox:after { content: ""; position: absolute; bottom: 0rem; width: 3.2rem; height: 1px; background: #fecd11; background: -webkit-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: -o-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: linear-gradient(to right, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); left: 50%; margin-left: -1.6rem; } .prolist ul li .prolistbox a { clear: both; display: block; padding-bottom: 0.3333333333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #2d343f; font-size: 0.3733333333rem; line-height: 1.2; font-weight: bold; } .prolist ul li .prolistbox p { clear: both; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #7887a0; font-size: 0.3466666667rem; line-height: 1.1; } /**/ .insideproone { border-top: 0.04rem solid #fcaf71; overflow: hidden; margin-top: 0.32rem; position: relative; } .insideproone img { width: 100%; } .insideproone .fw-txt { line-height: 1.2; text-align: center; padding: 0.24rem 1.4933333333rem 0.28rem; border-radius: 0.4666666667rem 0.4666666667rem 0 0; overflow: hidden; box-shadow: 0 0 2.8rem rgba(61, 104, 169, 0.96) inset; position: absolute; left: 0.4rem; right: 0.4rem; bottom: 0.3333333333rem; } .insideproone .fw-txt::before, .insideproone .fw-txt:after { content: ""; width: 1.1466666667rem; height: 0.2rem; background: url(../images/m_protwoicon01.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0.2rem; top: 0.3866666667rem; } .insideproone .fw-txt:after { left: auto; right: 0.2rem; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); /*IE*/ filter: FlipH; } .insideproone .fw-txt span { font-size: 0.3733333333rem; color: #fff; line-height: 1.2; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(#ffffff, #bacce6); } .insideproone .fw-txt .fl { float: left; } .insideproone .fw-txt .fr { float: right; } .insideprotwo { clear: both; background: url(../images/m_protwoicon03.jpg) repeat center center #fff; background-size: 0.08rem; border-radius: 0.4rem 0.4rem 0rem 0rem; position: relative; padding: 0.6933333333rem 0.4rem 0.4rem 0.4rem; z-index: 2; } .insideprotwo h1 { clear: both; display: block; color: #404f68; font-size: 0.5333333333rem; line-height: 1.2; } .insideprotwo h1+p, .insideprotwo h1+p+p { float: left; background: url(../images/m_protwoicon02.png) no-repeat left 0rem; background-size: 0.28rem; padding: 0rem 0rem 0rem 0.5333333333rem; color: #6a7b99; font-size: 0.3466666667rem; line-height: 0.4666666667rem; width: 50%; margin-bottom: 0.5333333333rem; box-shadow: none; clear: none; } .insideprotwo h1+p span, .insideprotwo h1+p+p span { clear: both; display: block; font-size: 0.4rem; font-weight: bold; color: #404f68; line-height: 1; padding-bottom: 0.28rem; } .insideprotwo p { clear: both; position: relative; z-index: 2; color: #404f68; border-radius: 0.2933333333rem; font-size: 0.3466666667rem; line-height: 0.6666666667rem; } .proname { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.66rem; } .proname .pronamefl { flex: 1; } .pronamefl h1 { clear: both; display: block; color: #404f68; font-size: 0.56rem; line-height: 1.2; padding-top: 0.18rem; } .pronamefl span { display: block; color: #ff3c00; font-size: 0.35rem; line-height: 1.2; } .pronamefr { text-align: center; width: 3.4rem; line-height: 1.2rem; } .pronamefr a { display: block; } .insideprothree { clear: both; display: block; position: relative; z-index: 1; background: url(../images/m_protwoicon04.jpg) no-repeat left top; background-size: 100%; height: 2.2266666667rem; } .insideprothree p { float: left; z-index: 2; width: 5.8rem; height: 1.6266666667rem; padding-top: 0.7333333333rem; } .insideprothree p span { clear: both; display: block; line-height: 1; padding-left: 0.5733333333rem; } .insideprothree p span i { display: inline-block; font-size: 0.32rem; font-style: normal; color: #e43016; border-bottom: 1px solid #e43016; } .insideprothree p span:first-child { padding-bottom: 0.24rem; } .insideprothree a { width: 5.0666666667rem; height: 1.3866666667rem; color: #fefefe; font-size: 0.5066666667rem; font-weight: bold; text-align: center; position: absolute; bottom: 0.1866666667rem; right: 0rem; display: block; text-align: center; line-height: 1.2rem; } .insideprofourtop { clear: both; padding: 0.3066666667rem 0 0.2933333333rem; } .insideprofourtop span { clear: both; display: block; height: 0.8rem; line-height: 0.8rem; color: #2d343f; font-size: .4533rem; text-align: left; border-radius: 0rem 0.4rem 0.4rem 0rem; font-weight: bold; } .insideprofour { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0rem -0.1333333333rem; } .insideprofour dd { box-shadow: 0rem -0.0666666667rem 0.0666666667rem rgba(34, 153, 237, 0.05); border-radius: 0.3333333333rem 0.3333333333rem 0rem 0rem; position: relative; margin: 0rem 0.1333333333rem; -webkit-box-flex: 1; -moz-box-flex: 1; width: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; } .insideprofour dd .dltxt { clear: both; display: block; line-height: 0.3866666667rem; padding: 0.4666666667rem 0rem 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #727f94; font-size: .32rem; position: relative; text-align: center; order: 2; } .insideprofour dd .dltxt:after { left: 0.9866666667rem; } .insideprofour dd .dltxt:before { right: 0.9866666667rem; } .insideprofour dd .dlpic { clear: both; display: block; border-radius: 0rem 0rem 0.3333333333rem 0.3333333333rem; overflow: hidden; order: 1; } .insideprofour dd .dlpic img { width: 100%; } .insideprofour dd:after, .insideprofour dd:before { content: ""; position: absolute; background: #fff; top: 0.4rem; border-radius: 0rem 0rem 0.3333333333rem 0.3333333333rem; } .insideprofour dd:after { left: 0.04rem; right: 0.04rem; bottom: 0.7333333333rem; box-shadow: 0rem 0.0666666667rem 0.0666666667rem rgba(15, 39, 85, 0.1); z-index: -1; } .insideprofour dd:before { left: 0.08rem; right: 0.08rem; bottom: 0.6rem; box-shadow: 0rem 0.04rem 0.04rem rgba(20, 74, 181, 0.1); z-index: -2; } .insideprofive { clear: both; padding: 0.44rem 0.2rem 0.44rem 0.2666666667rem; } .insideprofive a { clear: both; display: block; } .insideprofive a img { width: 100%; } .insideprosix { clear: both; display: block; border-radius: 0.7333333333rem; padding: 0.2666666667rem 0.4rem; margin-bottom: 0.7333333333rem; } .insideprosix h2, .insideprosix h3 { clear: both; font-size: 0.5333333333rem; line-height: 0.8rem; color: #252525; background: url(../images/m_prosixicon02.png) no-repeat left 0.2rem; background-size: 0.4133333333rem; padding-left: 0.7333333333rem; margin: 0.5333333333rem 0rem; } .insideprosix p, .insideprosix h4 { clear: both; font-size: 0.4rem; line-height: 2; margin: 0.4rem 0rem; color: #333333; } .insideprosix a { color: #ff1d18; } .insideprosix img, .insideprosix video { width: 100%; } .insideprosix ul { clear: both; margin: 0.6666666667rem 0rem; } .insideprosix ul li { clear: both; font-size: 0.4266666667rem; line-height: 0.6666666667rem; margin: 0.2666666667rem 0rem; color: #2b3444; background: url(../images/m_prosixicon01.png) no-repeat left 0.2533333333rem; background-size: 0.2666666667rem; padding-left: 0.4933333333rem; } .caseone { clear: both; padding-left: 1.6933333333rem; position: relative; margin-top: 0.32rem; margin-bottom: 1.1333333333rem; } .caseone .caseonepic { width: 3.68rem; height: 4.3066666667rem; position: absolute; left: 0.3733333333rem; top: -0.0933333333rem; } .caseone .caseonebox { background: url(../images/m_caseicon02.png) no-repeat center right; background-size: 100%; width: 8.3066666667rem; height: 4.2666666667rem; } .caseone .caseonebox strong { clear: both; display: block; text-align: right; font-size: 0.4266666667rem; line-height: 1; color: #fefeff; margin-right: 0.6rem; padding-top: 0.8rem; padding-bottom: 0.4rem; } .caseone .caseonebox p { clear: both; display: block; text-align: right; margin-right: 0.6rem; } .caseone .caseonebox p span { clear: both; display: inline-block; font-size: 0.32rem; line-height: 1; color: #b6cbdb; border: 1px solid rgba(255, 255, 255, 0.18); padding: 0.16rem 0.2rem; } .caseone .caseonebox a { position: absolute; width: 4.1733333333rem; height: 1.04rem; text-align: center; line-height: 1.04rem; text-align: left; padding-left: 1rem; right: 0rem; bottom: -0.4rem; border-radius: 0.52rem 0rem 0rem 0.52rem; background: #e8f1ff; background: -webkit-linear-gradient(top, #e8f1ff, #fff); background: -o-linear-gradient(top, #e8f1ff, #fff); background: linear-gradient(to bottom, #e8f1ff, #fff); box-shadow: 0.0266666667rem 0.0533333333rem 0.1733333333rem 0rem rgba(23, 93, 234, 0.19); } .caseone .caseonebox a span { color: #253442; font-size: 0.5066666667rem; font-weight: bold; color: #253341; background: #274b83; background: -webkit-linear-gradient(top, #274b83, #5480c3); background: -o-linear-gradient(top, #274b83, #5480c3); background: linear-gradient(to bottom, #274b83, #5480c3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .casetwo { overflow: hidden; border: 1px solid #446095; border-radius: 0.56rem; padding: 0.0666666667rem 0.0666666667rem; margin: 0.64rem 0.4rem 0rem 0.4rem; } .casetwo li { float: left; width: 20%; text-align: center; border-radius: 0.4666666667rem; line-height: 1; } .casetwo li a { display: inline-block; color: #162a51; font-size: 0.3466666667rem; line-height: 0.84rem; } .casetwo li.on { background: #446095; } .casetwo li.on a { color: #fff; font-weight: bold; font-size: 0.3733333333rem; } .casethree { padding: 0.64rem 0.4rem 0rem 0.4rem; } .casethree li { clear: both; display: block; margin-bottom: 0.6666666667rem; padding-right: 4.4133333333rem; position: relative; } .casethree li .casethreepic { clear: both; display: block; width: 4.7866666667rem; overflow: hidden; border-top-left-radius: 2.4rem 0.2rem; border-top-right-radius: 2.4rem 0.2rem; border-bottom-left-radius: 2.4rem 0.2rem; border-bottom-right-radius: 2.4rem 0.2rem; position: relative; z-index: 2; } .casethree li .casethreepic img { width: 100%; } .casethree li .casethreebox { position: absolute; width: 4.4933333333rem; margin-left: -0.08rem; padding: 0.2666666667rem 0.4rem 0.9333333333rem 0.4rem; top: 0.28rem; right: 0rem; } .casethree li .casethreebox:after, .casethree li .casethreebox:before { content: ""; position: absolute; border-radius: 0.08rem; } .casethree li .casethreebox:after { background: #fff; left: 1px; right: 1px; bottom: 1px; top: 1px; } .casethree li .casethreebox:before { background: #fe9806; background: -webkit-linear-gradient(top, #fe9806, #fff); background: -o-linear-gradient(top, #fe9806, #fff); background: linear-gradient(to bottom, #fe9806, #fff); left: 0rem; right: 0rem; bottom: 0rem; top: 0rem; box-shadow: 0rem 0rem 0.32rem rgba(39, 97, 208, 0.17); } .casethree li .casethreebox .casethreeboxtit { clear: both; display: block; font-size: 0.3733333333rem; color: #2d343f; line-height: 0.6666666667rem; text-align: left; font-weight: bold; position: relative; z-index: 3; } .casethree li .casethreebox p { position: relative; z-index: 3; color: #6b7a91; font-size: 0.3466666667rem; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 0.1333333333rem; } .casethree li .casethreebox .casethreeboxbtn { position: absolute; right: 0rem; bottom: 0rem; z-index: 3; width: 1.6666666667rem; height: 0.6666666667rem; border-radius: 0.1466666667rem 0rem 0.08rem 0rem; background: #f4bb69; background: -webkit-linear-gradient(135deg, #f4bb69, #fe9a0b); background: -o-linear-gradient(135deg, #f4bb69, #fe9a0b); background: linear-gradient(135deg, #f4bb69, #fe9a0b); text-align: center; } .casethree li .casethreebox .casethreeboxbtn img { clear: both; width: 0.8133333333rem; margin: 0 auto; position: relative; top: -0.04rem; } .insidecaseone { overflow: hidden; margin-top: 0.32rem; } .insidecaseone img { width: 100%; border-bottom: 0.04rem solid #fff; } .insidecasetwo { clear: both; background: #f1f3f5; } .insidecasetwo .bg-color { position: relative; z-index: 2; background: #fff; margin: 0 0.4rem; box-shadow: 0rem 0rem 0.1066666667rem rgba(54, 94, 171, 0.19); margin-top: -0.5333333333rem; border-radius: 0.1333333333rem 0.1333333333rem 1.2rem 0.1333333333rem; padding: 0.8rem 0.5733333333rem 0.4rem; } .insidecasetwo .insidecasetwotop { clear: both; display: block; } .insidecasetwo .insidecasetwotop h1 { clear: both; display: block; color: #2d343f; font-size: 0.6133333333rem; line-height: 1.3; text-align: left; } .insidecasetwo .insidecasetwotop p { clear: both; display: block; color: #f3381d; font-size: 0.3466666667rem; line-height: 1.1; text-align: left; margin-bottom: 0.1333333333rem; } .insidecasetwo .insidecasetwomid { padding-top: 0.6666666667rem; overflow: hidden; } .insidecasetwo .insidecasetwomid p { float: left; background: url(../images/m_protwoicon02.png) no-repeat 0 0rem; background-size: 0.28rem; padding: 0rem 0rem 0rem 0.6666666667rem; color: #727f94; font-size: 0.3733333333rem; line-height: 0.4666666667rem; width: 50%; margin-bottom: 0.2666666667rem; } .insidecasetwo .insidecasetwomid p span { clear: both; display: block; font-size: 0.4533333333rem; font-weight: bold; color: #2d343f; line-height: 1; padding-bottom: 0.28rem; } .insidecasetwo .insidecasetwobom p { color: #2d343f; font-size: 0.4rem; line-height: 0.6666666667rem; text-align: left; margin: 0.32rem 0rem; } .insidecasethree { padding-left: 0.2666666667rem; background: #f1f3f5; padding-bottom: 0.5066666667rem; } .insidecasethree dd { float: left; margin-left: 0.4rem; padding-top: 0.6266666667rem; } .insidecasethree dd p { clear: both; display: block; color: #2d343f; font-size: 0.4rem; line-height: 0.4533333333rem; margin-bottom: 0.4rem; } .insidecasethree dd p span { font-weight: bold; color: #f3381d; } .insidecasethree dd .s-cphone { background: url(../images/s_cphone.png) no-repeat; background-size: cover; width: 5.6266666667rem; height: 0.9066666667rem; } .insidecasethree dd .s-cphone a { color: #2d343f; font-size: 0.4533333333rem; font-weight: bold; padding-left: 1.2666666667rem; line-height: 0.9066666667rem; } .insidecasethree dt { float: right; background: #f3381d; border-top: 0px; box-shadow: 0rem 0.04rem 0.0666666667rem 0.0133333333rem rgba(243, 56, 29, 0.26); border-radius: 0rem 0rem 1.2rem 0.1333333333rem; width: 2.7733333333rem; margin-top: -1.0266666667rem; margin-right: 0.4rem; } .insidecasethree dt a { clear: both; display: block; padding-top: 1.3066666667rem; padding-bottom: 0.5333333333rem; } .insidecasethree dt a i { clear: both; display: block; width: 1.24rem; height: 1.2533333333rem; background: url(../images/s_talk.png) no-repeat center center; background-size: 100%; margin: 0 auto; } .insidecasethree dt a strong { clear: both; display: block; color: #fff; font-size: 0.4266666667rem; font-weight: bold; line-height: 1; text-align: center; padding-top: 0.2666666667rem; padding-bottom: 0.2133333333rem; } .insidecasethree dt a span { clear: both; display: block; color: #ffe7e5; font-size: 0.3466666667rem; line-height: 1; text-align: center; } .insidecasefour { clear: both; display: block; border-radius: 0.7333333333rem; padding: 0.2666666667rem 0.4rem; margin-bottom: 0.7333333333rem; } .insidecasefour h2, .insidecasefour h3 { clear: both; font-size: 0.5333333333rem; line-height: 0.8rem; color: #252525; background: url(../images/m_prosixicon02.png) no-repeat left 0.2rem; background-size: 0.4133333333rem; padding-left: 0.7333333333rem; margin: 0.5333333333rem 0rem; } .insidecasefour p, .insidecasefour h4 { clear: both; font-size: 0.4rem; line-height: 2; margin: 0.4rem 0rem; color: #333333; } .insidecasefour a { color: #ff1d18; } .insidecasefour img, .insidecasefour video { width: 100%; } .insidecasefour ul { clear: both; margin: 0.6666666667rem 0rem; } .insidecasefour ul li { clear: both; font-size: 0.4266666667rem; line-height: 0.6666666667rem; margin: 0.2666666667rem 0rem; color: #2b3444; background: url(../images/m_prosixicon01.png) no-repeat left 0.2533333333rem; background-size: 0.2666666667rem; padding-left: 0.4933333333rem; } .newone { clear: both; display: block; } .newone .newonetit { padding: 0.44rem 0.4rem 0rem 0.4rem; } .newone .newonetit h3 { clear: both; line-height: 1; padding-bottom: 0.4rem; } .newone .newonetit h3 a { clear: both; display: block; color: #2d343f; font-size: 0.5333333333rem; line-height: 1; } .newone .newonetit p { clear: both; display: block; font-size: 0.3466666667rem; color: #acb5c8; line-height: 1; } .newone .newonetop { background: #060e1d; border-radius: 0.5066666667rem 0rem 0rem 0rem; margin-top: 1.3333333333rem; padding-bottom: 1.2rem; padding-top: 1px; } .newone .newonetop .newonetoppic { clear: both; display: block; margin-left: 0.4533333333rem; margin-top: -0.7333333333rem; border-radius: 0.24rem 0rem 0rem 0.24rem; overflow: hidden; background: #fcaf71; background: -webkit-linear-gradient(top, #fcaf71, #0d1b32); background: -o-linear-gradient(top, #fcaf71, #0d1b32); background: linear-gradient(to bottom, #fcaf71, #0d1b32); padding: 2px 0px 2px 2px; } .newone .newonetop .newonetoppic img { clear: both; display: block; width: 100%; border-radius: 0.24rem 0rem 0rem 0.24rem; } .newone .newonetop .newonetoptit { clear: both; display: block; padding: 0.1333333333rem 0.4rem 0.2rem 0.6rem; color: #ffffff; font-size: 0.3733333333rem; line-height: 0.6666666667rem; text-align: left; margin-top: 0.2rem; } .newone .newonetop span { clear: both; display: block; padding: 0.1066666667rem 0.4rem 0rem 0.6rem; color: #9aa0ac; font-size: 0.2933333333rem; text-align: left; line-height: 1; } .newone .newonebom { clear: both; display: block; background: #ebf5ff; border-radius: 0.7333333333rem 0rem 0rem 0rem; margin-top: -0.6rem; position: relative; } .newone .newonebom:after { content: ""; position: absolute; bottom: 0rem; width: 100%; height: 1px; background: #fecd11; background: -webkit-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: -o-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: linear-gradient(to right, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); left: 0%; } .newone .newonebom li { clear: both; border-radius: 0.7333333333rem 0rem 0rem 0rem; display: block; border-top: 1px solid #cee1f4; padding: 0.4rem 0.4rem 1.0666666667rem 0.4rem; margin-top: -0.6rem; position: relative; } .newone .newonebom li:first-child { margin-top: 0rem; } .newone .newonebom li:last-child { padding-bottom: 0.6666666667rem; } .newone .newonebom li a { clear: both; display: block; font-size: 0.3466666667rem; color: #4d4e4f; line-height: 0.64rem; text-align: left; margin-bottom: 0.2533333333rem; background: url(../images/m_newicon01.png) no-repeat left 0.1733333333rem; background-size: 0.28rem; padding-left: 0.5733333333rem; } .newone .newonebom li span { clear: both; display: block; line-height: 1; color: #a6aeb6; font-size: 0.2933333333rem; text-align: left; padding-left: 0.5733333333rem; } .newtwo { clear: both; background: #fff; border-radius: 0rem 0rem 0.8rem 0rem; box-shadow: 0rem 0.0666666667rem 0.12rem rgba(144, 196, 241, 0.3); padding: 0rem 0rem 0rem 0rem; margin-bottom: 0.8666666667rem; } .newtwo .newonetit { padding: 0.64rem 0.4rem 0.5333333333rem 0.4rem; position: relative; } .newtwo .newonetit h3 { clear: both; line-height: 1; padding-bottom: 0.4rem; } .newtwo .newonetit h3 a { clear: both; display: block; color: #2d343f; font-size: 0.5333333333rem; line-height: 1; } .newtwo .newonetit p { clear: both; display: block; font-size: 0.3466666667rem; color: #acb5c8; line-height: 1; } .newtwo .newonetit:after { content: ""; position: absolute; bottom: 0rem; width: 100%; height: 1px; background: #fecd11; background: -webkit-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: -o-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: linear-gradient(to right, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); left: 0%; } .newtwo .newtwobom { clear: both; display: block; position: relative; padding: 0rem 0.4rem 0rem 0.4rem; } .newtwo .newtwobom li { clear: both; display: block; padding: 0.4666666667rem 0rem 0.2666666667rem 0rem; position: relative; border-bottom: 1px solid #e9edf1; overflow: hidden; } .newtwo .newtwobom li .newtwobomtit { clear: both; display: block; color: #37465e; font-size: 0.3466666667rem; line-height: 0.64rem; text-align: left; padding-bottom: 0.2rem; } .newtwo .newtwobom li .newtwobombtn { float: right; color: #c0c7cf; font-size: 0.3466666667rem; line-height: 1; padding: 0.08rem 0.2rem; border-radius: 0.04rem; border: 1px solid #edeff0; } .newtwo .newtwobom li span { float: left; line-height: 1; color: #c0c7cf; font-size: 0.2933333333rem; padding-top: 0.12rem; } .newthreetit { padding: 1.8rem 0.4rem 0.8266666667rem 0.4rem; margin-top: -1.4533333333rem; background: url(../images/m_newicon02.jpg) no-repeat center top; background-size: 100%; } .newthreetit h3 { clear: both; display: block; line-height: 1; padding-bottom: 0.4rem; color: #2d343f; font-size: 0.5333333333rem; line-height: 1; } .newthreetit p { clear: both; display: block; font-size: 0.3466666667rem; color: #acb5c8; line-height: 1; } .newthree { border-top: 1px solid #94addd; border-radius: 0.4rem 0.4rem 0rem 0rem; background: #fff; margin-top: -0.4666666667rem; padding: 0.6666666667rem 0.4rem 0.4rem 0.4rem; } .newthree li { clear: both; display: block; text-align: left; border-radius: 0.1466666667rem; border-left: 0.0266666667rem solid #fcaf71; padding: 0.1333333333rem 0.4666666667rem 0.3733333333rem 0.4666666667rem; box-shadow: 0.0666666667rem 0.0666666667rem 0.0666666667rem rgba(79, 132, 234, 0.05); margin-bottom: 0.44rem; } .newthree li a { clear: both; display: inline-block; color: #4d4e4f; font-size: 0.3733333333rem; line-height: 0.64rem; } .newthree li span { clear: both; display: block; text-align: left; font-size: 0.2933333333rem; line-height: 1; color: #a6aeb6; padding-top: 0.2rem; } .newfour { clear: both; display: block; background: url(../images/m_newicon03.jpg) no-repeat right top #363640; background-size: 100%; margin-top: 0.4rem; border-radius: 1.0933333333rem 0rem 0rem 0rem; padding: 1.5333333333rem 0.4rem 1.4rem 2.5333333333rem; overflow: hidden; position: relative; } .newfour:after { content: ""; position: absolute; background: url(../images/m_newicon04.png) no-repeat center top; background-size: 100%; width: 2.6133333333rem; height: 3.4666666667rem; left: -0.2133333333rem; bottom: 0; } .newfour h1 { clear: both; display: block; font-size: 0.4533333333rem; line-height: 0.8rem; color: #fff; text-align: left; padding-bottom: 0.44rem; } .newfour .time_author { clear: both; display: block; text-align: left; color: #5e5f6a; font-size: 0.2933333333rem; line-height: 1.2; } .newfour .time_author span { margin-right: 0.2666666667rem; } .newfourbom { clear: both; position: relative; line-height: 1; } .newfourbom strong { clear: both; width: 73%; display: block; color: #f95f14; font-size: 0.32rem; line-height: 1; text-align: right; padding-top: 0.2666666667rem; padding-left: 0.4rem; } .newshow { clear: both; display: block; padding: 0.2666666667rem 0.4rem; } .newshow h2, .newshow h3 { clear: both; font-size: 0.5333333333rem; line-height: 0.8rem; color: #252525; background: url(../images/m_prosixicon02.png) no-repeat left 0.1866666667rem; background-size: 0.4133333333rem; padding-left: 0.7333333333rem; margin: 0.5333333333rem 0rem; } .newshow p, .newshow h4 { clear: both; font-size: 0.4rem; line-height: 2; margin: 0.4rem 0rem; color: #333333; } .newshow a { color: #ff1d18; } .newshow img, .newshow video { width: 100%; } .newshow ul { clear: both; margin: 0.6666666667rem 0rem; } .newshow li { clear: both; font-size: 0.4266666667rem; line-height: 0.6666666667rem; margin: 0.2666666667rem 0rem; color: #2b3444; background: url(../images/m_prosixicon01.png) no-repeat left 0.2533333333rem; background-size: 0.2666666667rem; padding-left: 0.4933333333rem; } .contact { clear: both; display: block; margin: 0.6rem 0rem; padding: 0rem 0.4rem; background: url(../images/m_contact01.png) no-repeat right top; background-size: 4.3333333333rem; } .contact h1 { clear: both; color: #0f2145; line-height: 1; font-size: 0.5333333333rem; padding-bottom: 0.4rem; text-align: left; } .contact .contactp01 { clear: both; display: block; text-align: left; line-height: 1; font-size: 0.3733333333rem; color: #657492; } .contact .contactp01 a { font-weight: bold; color: #f95c13; font-size: 0.4266666667rem; } .contact .contactp02 { clear: both; display: block; text-align: left; padding-top: 0.3066666667rem; padding-bottom: 0.3466666667rem; } .contact .contactp02 span { clear: both; display: block; text-align: left; padding: 0.2266666667rem 0rem 0.2266666667rem 0.56rem; font-size: 0.3733333333rem; line-height: 1; color: #657492; background: url(../images/m_prosixicon02.png) no-repeat left center; background-size: 0.1866666667rem; } .contact .contactp03 { clear: both; display: block; width: 3.2533333333rem; height: 0.96rem; line-height: 0.96rem; text-align: center; color: #fefefe; font-size: 0.48rem; font-weight: bold; background: #f28222; background: -webkit-linear-gradient(top, #f28222, #fc4d0c); background: -o-linear-gradient(top, #f28222, #fc4d0c); background: linear-gradient(to bottom, #f28222, #fc4d0c); border-radius: 0.1333333333rem; } .contact .contactp04 { font-size: 0.3733333333rem; color: #657492; line-height: 1.8; margin-top: 0.4rem; } .aboutone { background: url(../images/m_aboutpic01.jpg) no-repeat center top; background-size: 100%; height: 9.5866666667rem; border-radius: 0rem 0rem 0.3333333333rem 0.3333333333rem; overflow: hidden; } .aboutone .aboutonepic { clear: both; display: block; margin-top: 0.32rem; border-radius: 0rem 0rem 0.4rem 0.4rem; overflow: hidden; border-bottom: 0.0533333333rem solid #fdb275; } .aboutone .aboutonepic img { width: 100%; } .aboutone .aboutonetit { clear: both; display: block; text-align: center; font-size: 0.48rem; font-weight: bold; line-height: 1; padding-top: 0.5066666667rem; color: #cee3f6; background: linear-gradient(0deg, #afd0ef 20%, #f1f8ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .aboutone .header .headerbox .mback { background: url(../images/m_back01.png) no-repeat left top; } .aboutone .header .headerbox p { color: #ddeefc; } .aboutone .header .headerbox p a { color: #ddeefc; } .aboutone .header .headerbox .navicon { background: #182b4c; border: 1px solid #484c5f; box-shadow: 0.0666666667rem 0.0666666667rem 0.0666666667rem rgba(0, 33, 86, 0.55); } .abouttwo { clear: both; padding: 0.4rem 0.4rem; } .abouttwo h3 { clear: both; display: block; color: #2d343f; font-size: 0.5333333333rem; line-height: 0.8rem; margin: 0.9333333333rem 0rem 0.4rem 0rem; text-align: center; } .abouttwo p { clear: both; display: block; color: #161616; font-size: 0.3733333333rem; line-height: 0.7466666667rem; margin: 0.4rem 0rem; } .abouttwo .abouttwoul { margin: 0.4rem 0rem 0.4rem -0.32rem; } .abouttwo .abouttwoul li { float: left; margin-left: 0.32rem; margin-bottom: 0.5333333333rem; width: 4.4rem; } .abouttwo .abouttwoul li a { clear: both; display: block; position: relative; } .abouttwo .abouttwoul li a span { clear: both; display: block; border-radius: 0.1866666667rem; overflow: hidden; border: 2px solid #fff; box-shadow: 0rem 0.0666666667rem 0.2133333333rem rgba(53, 101, 198, 0.33); } .abouttwo .abouttwoul li a span img { width: 100%; } .abouttwo .abouttwoul li a i { clear: both; position: absolute; display: inline-block; color: #ffffff; font-size: 0.4rem; line-height: 0.8rem; padding-right: 0.56rem; padding-left: 0.8266666667rem; right: -0.12rem; bottom: -0.2133333333rem; background: #2f4778; font-style: normal; border-radius: 0.4rem 0rem 0rem 0.4rem; } .abouttwo .abouttwoul li a i:after { content: ""; position: absolute; border-top: 0rem; border-bottom: 0.08rem solid #19305d; border-left: 0rem; border-right: 0.12rem solid transparent; right: 0rem; top: -0.08rem; } .serviceone { clear: both; display: block; padding-top: 0.5333333333rem; } .serviceone img { width: 100%; } .servicetwo { clear: both; padding: 0rem 0.4rem 0.4rem 0.4rem; } .servicetwo h3 { clear: both; display: block; color: #2d343f; font-size: 0.5333333333rem; line-height: 0.8rem; margin: 0.5333333333rem 0rem 0.4rem 0rem; text-align: center; } .servicetwo p { clear: both; display: block; color: #161616; font-size: 0.3733333333rem; line-height: 0.7466666667rem; margin: 0.4rem 0rem; } .servicetwo p.servicetwopic { margin: -0.4rem -0.4rem; } .servicetwopic01 { padding: 0rem 0.4rem 0.4rem 0.4rem; } .servicetwopic01 img { width: 100%; } .Relpro { padding: 0.5333333333rem 0.4rem 0rem 0.4rem; } .Relpro h3 { clear: both; line-height: 1; position: relative; text-align: center; padding-bottom: 0.48rem; color: #2d343f; font-size: 0.5333333333rem; } .Relpro h3:after, .Relpro h3:before { content: ""; position: absolute; } .Relpro h3:after { width: 0.32rem; height: 0.32rem; border-radius: 50%; background: #fecb06; display: block; left: 50%; margin-left: -0.16rem; bottom: 0rem; z-index: 1; } .Relpro h3:before { border: 0rem; border-top: 0.12rem solid #fff; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; left: 50%; bottom: 0.08rem; margin-left: -0.08rem; z-index: 2; } .Relpro ul { clear: both; padding-top: 0.4rem; margin-left: -2.8985507246%; } .Relpro ul li { float: left; width: 47.1830985915%; margin-left: 2.8169014085%; margin-bottom: 0.6666666667rem; } .Relpro ul li .Relpropic { clear: both; display: block; margin: 0rem 0.0933333333rem; border: 0.04rem solid #fff; border-radius: 0.2rem 0.2rem 0rem 0rem; overflow: hidden; box-shadow: 0rem 0rem 0.0666666667rem rgba(148, 173, 221, 0.22); position: relative; z-index: 2; } .Relpro ul li .Relpropic img { clear: both; display: block; width: 100%; } .Relpro ul li .Relprobox { clear: both; display: block; border-radius: 0rem 0rem 0.2rem 0.2rem; box-shadow: 0rem 0.0666666667rem 0.0666666667rem rgba(47, 75, 129, 0.06); background: url(../images/m_prozhicon03.jpg) no-repeat center top #fff; background-size: 100%; margin-top: -0.0933333333rem; padding: 0.6933333333rem 0.3333333333rem 0.24rem 0.3333333333rem; position: relative; } .Relpro ul li .Relprobox:after { content: ""; position: absolute; bottom: 0rem; width: 3.2rem; height: 1px; background: #fecd11; background: -webkit-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: -o-linear-gradient(left, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); background: linear-gradient(to right, rgba(254, 205, 17, 0), #fecd11, rgba(254, 205, 17, 0)); left: 50%; margin-left: -1.6rem; } .Relpro ul li .Relprobox a { clear: both; display: block; padding-bottom: 0.3333333333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #2d343f; font-size: 0.3733333333rem; line-height: 1.2; font-weight: bold; } .Relpro ul li .Relprobox p { clear: both; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #7887a0; font-size: 0.3466666667rem; line-height: 1.1; } .Relnew { padding: 0rem 0.4rem 0rem 1.3733333333rem; } .Relnew h3 { clear: both; line-height: 1; position: relative; text-align: center; padding-bottom: 0.48rem; color: #2d343f; font-size: 0.5333333333rem; margin: 0rem -0.4rem 0rem -1.3733333333rem; } .Relnew h3:after, .Relnew h3:before { content: ""; position: absolute; } .Relnew h3:after { width: 0.32rem; height: 0.32rem; border-radius: 50%; background: #fecb06; display: block; left: 50%; margin-left: -0.16rem; bottom: 0rem; z-index: 1; } .Relnew h3:before { border: 0rem; border-top: 0.12rem solid #fff; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; left: 50%; bottom: 0.08rem; margin-left: -0.08rem; z-index: 2; } .Relnew ul { padding-top: 0.2266666667rem; } .Relnew ul li { position: relative; padding: 0.1733333333rem 0rem; } .Relnew ul li p { clear: both; overflow: hidden; background: #e7eef4; border-radius: 0.2rem; line-height: 0.64rem; font-size: 0.3466666667rem; padding: 0.2rem 0.4rem; } .Relnew ul li p a { color: #4d4e4f; } .Relnew ul li p span { float: right; color: #a6aeb6; font-size: 0.2933333333rem; } .Relnew ul li:last-child { margin-bottom: 0rem; } .Relnew ul li:last-child:before { display: none; } .Relnew ul li:after { content: ""; position: absolute; top: 50%; left: -0.64rem; width: 0.28rem; height: 0.28rem; border-radius: 50%; background: #3d4650; border: 0.0666666667rem solid #e7eef4; display: block; margin-top: -0.1333333333rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .Relnew ul li:before { content: ""; position: absolute; top: 50%; left: -0.5333333333rem; bottom: -50%; width: 0rem; border-left: 1px dashed #f4f4f5; border-right: 1px dashed #e9eaeb; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .Relnew ul li:first-child:after { background: #fff; border: 0.0666666667rem solid #3d4650; } /**/ .hometit { clear: both; padding: 0rem 0.4rem; } .hometit h3 { clear: both; display: block; padding-top: 0.1333333333rem; font-size: 0.6133333333rem; color: #2d343f; line-height: 1.1; } .hometit p { clear: both; display: block; font-size: 0.3466666667rem; color: #727f94; } .mtb { width: 100%; overflow: hidden; overflow-x: auto; margin: 0.2666666667rem 0rem; padding-top: 0.6666666667rem; position: relative; } .mtb:before { content: "可左右滚动"; position: absolute; right: 0px; top: 0px; font-size: 0.3733333333rem; color: #999; line-height: 1; } .forysswt, .bqonline { color: #fff !important; text-decoration: none !important; padding: 0.0666666667rem 0.9333333333rem 0.0666666667rem 0.2666666667rem; margin: 0px 3px; display: inline-block; position: relative; overflow: hidden; vertical-align: middle; background: #b72739 !important; background: -o-linear-gradient(right, #d4313b, #891835) !important; background: -webkit-gradient(linear, left top, right top, from(#d4313b), to(#891835)) !important; background: -o-linear-gradient(left, #d4313b, #891835) !important; background: linear-gradient(to right, #d4313b, #891835) !important; border-radius: 0.4266666667rem; font-size: 0.3733333333rem; } .forysswt:after, .bqonline:after { content: ""; background: url(../images/gif.gif) no-repeat center center; background-size: 100%; width: 0.5866666667rem; height: 0.5866666667rem; position: absolute; right: 0.16rem; border-radius: 50%; top: 50%; transform: translateY(-50%); } .forysswt:before, .bqonline:before { content: ""; position: absolute; left: 0.04rem; right: 0.04rem; top: 0.04rem; bottom: 0.04rem; border: 1px dashed #fff; border-radius: 0.4266666667rem; } .forysswt span, .bqonline span { color: #fff !important; font-size: 0.1866875rem !important; } .forysswt b, .bqonline b { color: #fff !important; font-weight: normal; font-size: 0.1866875rem !important; } .forysswt:hover, .bqonline:hover { background: #c00; } #sf { line-height: 0rem !important; } .videocc { width: 100%; } .line { position: relative; padding: 0rem 0.5333333333rem; height: 0.1333333333rem; } .line i { clear: both; display: block; width: 100%; height: 0.1333333333rem; background: rgba(244, 244, 244, 0.6); border-radius: 0.1333333333rem; } .floatfoot { position: fixed; left: 50%; width: 100%; max-width: 10rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 1.8rem; z-index: 100; background: url(../images/floatfootbg01.png) no-repeat center top; background-size: 100%; overflow: hidden; transition: all 0.5s; bottom: -1.8rem; opacity: 0; } .floatfoot.active { opacity: 1; bottom: 0rem; } .floatfoot .floatzxzx { float: left; width: 40%; text-align: center; margin-top: 0.2666666667rem; height: 1.4666666667rem; line-height: 1.4666666667rem; cursor: pointer; } .floatfoot .floatzxzx span { clear: both; display: inline-block; background: url(../images/floatfooticon01.png) no-repeat left center; background-size: 0.48rem; padding-left: 0.7333333333rem; color: #262525; font-size: 0.4533333333rem; font-weight: bold; } .floatfoot .floattel { float: left; width: 60%; padding-top: 0.3333333333rem; position: relative; height: 100%; cursor: pointer; padding-left: 1.0666666667rem; } .floatfoot .floattel:after { content: ""; position: absolute; width: 0.8rem; height: 0.92rem; background: url(../images/floatfooticon04.gif) no-repeat center center; background-size: 100%; bottom: 0.2rem; left: -0.0266666667rem; } .floatfoot .floattel strong { clear: both; display: block; text-align: center; font-size: 0.32rem; font-weight: normal; line-height: 1; background: url(../images/floatfooticon03.png) no-repeat center bottom; background-size: 2.4rem 1px; color: rgba(255, 255, 255, 0.6); padding-bottom: 0.1333333333rem; position: relative; z-index: 2; } .floatfoot .floattel p { clear: both; display: block; text-align: center; font-size: 0.48rem; line-height: 1; color: white; padding-top: 0.0666666667rem; position: relative; z-index: 2; } .floatfoot .floattel p b { font-size: 0.6rem; } .floatfoot.night { background-image: url(../images/floatfootbg02.png); height: 1.5466666667rem; bottom: -1.5466666667rem; } .floatfoot.night .floatly span { float: left; width: 56%; color: #38434d; font-size: 0.32rem; margin-top: 0.2933333333rem; height: 1.2rem; line-height: 1.2rem; text-align: center; } .floatfoot.night .floatly p { float: left; width: 44%; padding-top: 0.2666666667rem; padding-left: 1.0666666667rem; position: relative; height: 100%; } .floatfoot.night .floatly p:after { content: ""; position: absolute; width: 0.8266666667rem; height: 0.8rem; background: url(../images/floatfooticon02.png) no-repeat center center; background-size: 100%; bottom: 0.1066666667rem; left: 0.2933333333rem; } .floatfoot.night .floatly p i { clear: both; display: block; line-height: 1; text-align: center; font-style: normal; background: url(../images/floatfooticon03.png) no-repeat center bottom; background-size: 2.4rem 1px; color: rgba(255, 255, 255, 0.6); padding-bottom: 0.1333333333rem; font-size: 0.3466666667rem; } .floatfoot.night .floatly p strong { clear: both; display: block; color: #ffffff; font-size: 0.4533333333rem; line-height: 1; text-align: center; padding-top: 0.0666666667rem; } .floatfoot.night.active { opacity: 1; bottom: 0rem; } #gotoTop2 { position: fixed; right: 0.1333333333rem; bottom: 2.4rem; width: 0.9333333333rem; height: 0.9333333333rem; border-radius: 50%; display: none; z-index: 99999; background: url(../images/mtotop01.png) no-repeat center center; background-size: 0.9333333333rem; cursor: pointer; } .page-panel { color: #999; margin: 0.1333333333rem auto 0.3333333333rem; clear: both; text-align: center; } .page-panel .pagination { clear: both; text-align: center; } .page-panel .pagination li { display: inline-block; padding: 0.13331rem; color: #666; text-decoration: none; background: #fff; border: 1px solid #ededed; border-radius: 0.4rem; line-height: 0.53331rem; margin: 0rem; width: 25%; font-size: 0.38667rem !important; } .page-panel .pagination li a:hover { background-color: #f02d21; color: #fff; border: 1px solid #f02d21; text-decoration: none; } .page-panel .pagination li.act { position: relative; cursor: pointer; } .page-panel .pagination li.act:after { content: ""; position: absolute; right: 0.26669rem; top: 0.34375rem; border-color: #f02d21 transparent transparent transparent; border-width: 0.13331rem; border-style: solid; width: 0rem; height: 0rem; z-index: 1; } .page-panel .pagination li.act strong { font-weight: bold; color: #f02d21; } .page-list {display: none;transition: all 0.15s ease-out;overflow: hidden;background: #fefcf7;position: fixed;left: 50%;max-height: 6rem;z-index: 200;bottom: 0rem;font-size: 0.2rem;z-index: 100000;width: 100%;box-shadow: 0rem -0.04rem 0.08rem rgba(0, 0, 0, 0.1);width: 10rem;margin-left: -5rem;} .page-list .page-list-title { background: #ff4a4a; height: 0.8rem; line-height: 0.8125rem; color: #fff; padding: 0rem 0.2666875rem; font-size: 0.3866875rem; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; } .page-list .page-list-title a { color: #fff; font-size: 0.3866875rem; } .page-list .page-list-title .bi-close { position: relative; width: 0.4rem; height: 0.4rem; cursor: pointer; width: 0.5333125rem; height: 0.5333125rem; padding: 0.0625rem 0.0666875rem 0rem 0.0666875rem; margin-top: 0.1333333333rem; } .page-list .page-list-title .bi-close img { vertical-align: top; } .page-list ul { overflow: auto; max-height: 5.29166875rem; -webkit-overflow-scrolling: touch; padding: 0.2rem 0.1rem 0.2666875rem 0.1rem; } .page-list ul li { float: left; width: 1.5955625rem; z-index: 1000; color: #e8dac4; padding: 0rem 0.0666875rem; } .page-list ul li a { clear: both; display: block; color: #333 !important; text-align: center; font-size: 0.3866875rem; margin: 0.1rem auto; width: 0.853333125rem; height: 0.853333125rem; border: 1px solid #eee; border-radius: 50%; line-height: 0.8125rem; } .page-list ul li a.on { background-color: #ff4a4a; border: 1px solid #ff4a4a; color: #fff !important; } blockquote { clear: both; display: block; text-align: center; padding-bottom: 0.2rem; } blockquote p { padding: 0px; background: #d5d9ff; display: inline-block; border-radius: 0.5333125rem; padding: 0.0666875rem 0.2666875rem !important; } .protable { padding: 0rem 0.4rem 0.4rem 0.4rem; } .protable .protabletit { clear: both; overflow: hidden; margin: 0.5333333333rem 0rem 0.2666666667rem 0rem; } .protable .protabletit h2 { float: left; font-size: 0.4666666667rem; line-height: 0.8rem; color: #333; background: url(../images/mabouttwoicon05.png) no-repeat left 0rem; background-size: 0.88rem; padding-left: 1.0666666667rem; } .protable .protabletit span { float: right; color: #999; font-size: 0.3466666667rem; line-height: 1; margin-top: 0.2rem; } .protablebox { width: 100%; overflow: hidden; overflow-x: auto; } .protablebox table { clear: both; margin: 0.2666666667rem 0rem; width: 100%; border-collapse: collapse; border: none; text-align: center; } .protablebox table th, .protablebox table td { border: 1px solid #eee; font-size: 0.3733333333rem; padding: 0.1333333333rem 0rem; line-height: 0.6666666667rem; } .protablebox p { clear: both; font-size: 0.4rem; line-height: 0.8rem; margin: 0.2666666667rem 0rem; color: #555; } .protablebox h5 { display: inline-block; padding-left: 0.375rem; position: relative; color: #333; font-size: 0.3333125rem; padding-right: 0.5rem; cursor: pointer; } .protablebox h5:before { content: ""; display: block; width: 10px; height: 10px; border-radius: 4px; background: url(../images/tabicon03.png) no-repeat left center; position: absolute; left: 0; top: 50%; margin-top: -5px; } .protablebox h5.on { color: red; } .protablebox h5.on:before { background: url(../images/tabicon02.png) no-repeat left center; } #ccbtcontent { overflow: hidden; overflow-x: auto; } #ccbtcontent p { clear: both; font-size: 0.3733333333rem; line-height: 0.8rem; margin: 0.2666666667rem 0rem; color: #555; } #ccbtcontent table { clear: both; margin: 0.2666666667rem 0rem; width: 100%; border-collapse: collapse; border: none; text-align: center; } #ccbtcontent table th, #ccbtcontent table td { border: 1px solid #eee; font-size: 0.3733333333rem; padding: 0.1333333333rem 0rem; line-height: 0.6666666667rem; } table { clear: both; margin: 0.2666666667rem 0rem; width: 100%; border-collapse: collapse; border: none; text-align: center; } table th, table td { border: 1px solid #eee; font-size: 0.3733333333rem; padding: 0.1333333333rem 0rem; line-height: 0.6666666667rem; word-break: break-word; } .font_weight { font-weight: bold; color: #000; font-size: 0.4533333333rem; } .n2156one { padding: 0.0958125rem 0.4rem 0; border: dashed 0.0266875rem #ff764a; position: relative; margin: 0.4rem 0rem; } .n2156one::before { content: ""; height: 0.76rem; background: url(../images/smallstyle/n2156_1.png) no-repeat; background-size: contain; position: absolute; bottom: -0.75rem; left: 0; right: 0; } .n2156one .n2156one1 { text-indent: 1.5em; background: url(../images/smallstyle/n2156.png) no-repeat left 0.24rem; background-size: 0.2533125rem 0.24rem; } .n2156two { padding-left: 0.6133125rem; background: url(../images/smallstyle/n2156_2.png) no-repeat left center; background-size: 0.3733125rem 0.28rem; } .n2156three { box-shadow: 0 0 0.1733125rem 0 rgba(7, 13, 45, 0.25); border-radius: 0.6666875rem 0 0.6666875rem 0; padding: 0.1333125rem; margin-top: 0.2583125rem; margin-bottom: 0.4rem; } .n2156three p { padding: 0.2666875rem; border-radius: 0.6666875rem 0 0.6666875rem 0; border: dashed 1px #1e3347; margin: 0px; } .zcjul { padding-top: 0.2rem; margin: 0px; padding-bottom: 0.2rem; } .zcjul li { position: relative; margin-bottom: 0.12rem; background: none !important; padding-left: 0px !important; } .zcjul li strong { color: #fff; font-size: 0.425rem; padding: 0rem 0.4rem 0rem 0.9rem; position: relative; clear: both; display: inline-block; border-bottom: 1px solid #f25a29; background: #f25a29; border-radius: 0.4rem; line-height: 0.8rem; } .zcjul li strong span { font-size: 0.5333125rem; display: block; text-align: center; font-weight: bold; position: absolute; z-index: 3; background: #fff; color: #f25a29; border: 1px solid #f25a29; width: 0.8rem; height: 0.8rem; border-radius: 50%; top: 0rem; left: 0px; bottom: 0rem; line-height: 0.8rem; } .zcjul li p { text-align: left; } .n2284table { clear: both; display: block; overflow: hidden; overflow-x: scroll; margin: 0.4rem 0rem; } .n2284table table { clear: both; margin: 0.2666666667rem 0rem; width: 100%; border-collapse: collapse; border: none; text-align: center; } .n2284table table th, .n2284table table td { border: 1px solid #eee; font-size: 0.3733333333rem; padding: 0.1333333333rem 0rem; line-height: 0.6666666667rem; } .n2240two { margin: 0.4rem 0rem; position: relative; padding: 0.1333333333rem 0.4rem 0.1333333333rem 0.4rem; } .n2240two:after, .n2240two:before { content: ""; position: absolute; } .n2240two * { position: relative; z-index: 3; } .n2240two:after { z-index: 2; background: #fff; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 0.1333125rem; box-shadow: 0rem 0rem 0.0666875rem rgba(0, 0, 0, 0.5) inset; } .n2240two:before { z-index: 1; left: 0rem; top: 0rem; bottom: 0rem; right: 0rem; background: #33396f; background: -webkit-linear-gradient(left, #3a386b, #d13d45); background: -o-linear-gradient(right, #3a386b, #d13d45); background: -moz-linear-gradient(right, #3a386b, #d13d45); background: linear-gradient(to right, #3a386b, #d13d45); border-radius: 0.1333125rem; box-shadow: 0rem 0rem 0.0666875rem rgba(0, 0, 0, 0.5); } .ldspone { padding: 0.1333125rem 0rem; } .ldsponetit { background: url(../images/smallstyle/ldsponepic01.jpg) no-repeat center center; background-size: 100%; text-align: center; } .ldsponetit span { border: 0.02666875rem solid #3c4578; border-radius: 0.2666875rem; background: #fff; display: inline-block; padding-bottom: 1px; } .ldsponetit span i { background: #3a4476; color: #fff; font-style: normal; font-size: 0.4rem; border-radius: 0.2666875rem; padding: 0.1333125rem 0.4533125rem 0.1333125rem 0.2rem; line-height: 0.5333125rem; margin: -0.1066875rem 0.16rem 0.1066875rem 0.16rem; display: block; position: relative; } .ldsponetit span i:after { content: ""; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); background: #fff143; height: 0.3466875rem; width: 2px; } .ldsponebox { overflow: hidden; overflow-y: auto; height: 10rem; margin-top: 0.32rem; margin-bottom: 0.2rem; } .ldsptwo .ldsptwotit { background: url(../images/smallstyle/ldsponepic02.jpg) no-repeat left center; background-size: 0.44rem; padding-left: 0.625rem; font-size: 0.4rem; font-weight: bold; color: #000000; } .ldsptwo .ldsptwobom { position: relative; background: url(../images/smallstyle/ldsponepic03.jpg) no-repeat center bottom; background-size: 100%; margin: 0.8125rem -0.4533125rem 0rem -0.4533125rem; padding: 0rem 0.4533125rem; text-align: center; height: 0.4rem; } .ldsptwo .ldsptwobom span { font-size: 0.4rem; top: -0.6191875rem; height: 0.9066875rem; line-height: 0.9066875rem; padding: 0rem 0.8rem; position: absolute; left: 50%; transform: translateX(-50%); text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #fff; border-radius: 0.4rem 0.4rem 0rem 0rem; background: #33396f; background: -webkit-linear-gradient(#33396f, #201b39); background: -o-linear-gradient(#33396f, #201b39); background: -moz-linear-gradient(#33396f, #201b39); background: linear-gradient(#33396f, #201b39); } .ldsptwo .ldsptwobom span:after, .ldsptwo .ldsptwobom span:before { content: ""; border-bottom: 0rem; position: absolute; width: 0rem; height: 0rem; border-top: 0.2666875rem solid #08204b; bottom: 0rem; } .ldsptwo .ldsptwobom span:after { border-left: 0rem; border-right: 0.08rem solid transparent; right: -0.079375rem; } .ldsptwo .ldsptwobom span:before { border-right: 0rem; border-left: 0.08rem solid transparent; left: -0.079375rem; } .ldsptwo .ldsptwobom span i { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: #fff143; height: 0.3466875rem; width: 2px; } .n2025two .n2025twotit { clear: both; display: block; text-align: center; position: relative; margin: 0rem -0.4533125rem 0.5333125rem -0.4533125rem; padding: 0.2rem 0rem; } .n2025two .n2025twotit:after, .n2025two .n2025twotit:before { content: ""; position: absolute; left: 0rem; right: 0rem; height: 1px; background: url(../images/smallstyle/n2025icon02.jpg) repeat left center; } .n2025two .n2025twotit:after { bottom: 0rem; } .n2025two .n2025twotit:before { top: 0rem; } .n2025two .n2025twotit span { background: url(../images/smallstyle/n2025icon01.jpg) no-repeat left center; background-size: 0.88rem; padding-left: 1rem; font-size: 0.4rem; color: #217ad4; font-weight: bold; } .n2025two .n2025twobox { margin-top: 0.32rem; margin-bottom: 0.2rem; box-shadow: 0rem 0rem 0.1733125rem rgba(7, 0, 2, 0.19) inset; border-radius: 0.8rem 0.2666875rem 0.2666875rem 0rem; padding: 0.5333125rem 0rem; } .n2025two .n2025twobox .n2025twoboxitem { padding: 0rem 0.5333125rem; } .n2025two .n2025twobom { position: relative; text-align: left; font-weight: bold; padding-left: 1.875rem; color: #333333; padding-top: 0rem; } .n2025two .n2025twobom span { position: absolute; left: -0.2rem; width: 1.733125rem; top: -0.5333125rem; } .n2025three { background: #fff; border: 2px solid #dc3e1b; border-radius: 0.8rem 0.2666875rem 0.2666875rem 0.2666875rem; padding: 0.4rem; margin-bottom: 0.4rem; margin-top: 0.4rem; } .n2266one { background: url(../images/smallstyle/n2266icon03.jpg) no-repeat right center; padding: 0rem 0rem 0rem 0.2rem; background-size: 3.9333125rem; width: 3.9333125rem; height: 1.16rem; line-height: 1.0625rem !important; color: #fff !important; margin: 0.5333125rem 0rem 0.2645625rem -0.4533125rem !important; } .n2266two { border: 2px dashed #2e3572; border-radius: 0.1333125rem 0.2666875rem 0rem 0.0666875rem; font-size: 0.4rem !important; font-weight: bold; text-align: center; padding: 0.2rem 0.5333125rem !important; margin: 0.4rem 0rem 0.5333125rem 0rem !important; } .n2266three { padding-top: 0.5333125rem; padding-bottom: 0.2666875rem; } .n2266three .n2266threetit { background: url(../images/smallstyle/n2266icon04.jpg) no-repeat center bottom; background-size: auto 1.0933125rem; text-align: center; font-weight: bold; font-size: 0.4rem; color: #333333; padding: 0rem 0rem 0.775rem 0rem; line-height: 1; margin-bottom: 0.2666875rem; } .n2266three .n2266threebox { overflow: hidden; overflow-y: auto; height: 10rem; margin-top: 0.32rem; margin-bottom: 0.4rem; } .n2266four { background: url(../images/smallstyle/n2266icon02.jpg) repeat center center; border-radius: 0.2666875rem; padding: 0.1333125rem 0.2666875rem; box-shadow: 0rem 0.02666875rem 0.0933125rem rgba(4, 10, 75, 0.3); margin: 0.2583125rem 0rem; } .n2266five { text-align: left; } .n2266five span { clear: both; display: inline-block; background: url(../images/smallstyle/n2266icon01.jpg) no-repeat left 0.0625rem; background-size: 0.32rem; padding-left: 0.5333125rem; font-size: 0.4rem; color: #333333; } .n2345one { position: relative; background: #f8faff; border-radius: 0.4rem 0.4rem 0rem 0.4rem; padding: 0.9066875rem !important; } .n2345one::after, .n2345one::before { content: ""; position: absolute; border-radius: 0.4rem 0.4rem 0rem 0.4rem; } .n2345one::before { border: 0.02666875rem solid #1573ca; right: 0.2rem; top: 0.2rem; bottom: 0.2rem; left: 0.2rem; } .n2345one::after { border: 0.02666875rem solid #afcfee; right: 0.4933125rem; top: 0.4933125rem; bottom: 0.4933125rem; left: 0.4933125rem; } .n2345two { margin: 0.4rem 0rem; border: 2px solid #1573ca; border-radius: 0.4rem 0.4rem 0rem 0.4rem; padding: 0.2rem 0.4rem; position: relative; } .n2345two:after { content: ""; position: absolute; right: -0.02666875rem; bottom: -0.02666875rem; background: url(../images/smallstyle/n2345icon01.jpg) no-repeat center top; width: 0.4933125rem; height: 0.8rem; background-size: 0.4933125rem; } .p50one { clear: both; background: url(../images/smallstyle/p50icon.jpg) repeat-y left center #fff; background-size: 0.56rem; box-shadow: 0rem 0.04rem 0.1333125rem rgba(39, 49, 85, 0.15); border-radius: 0.2666875rem 0.0666875rem 0.0666875rem 0rem; position: relative; margin: 0.5333125rem 0rem 0.2666875rem 0rem; padding: 0.2rem 0.2rem 0.2rem 0.8125rem !important; } .p50twobom { overflow: hidden; overflow-y: auto; height: 12.5rem; } .p50twobom .p50twobomitem { padding-bottom: 0.2666875rem; } .p50twobom .p50twobomitem p { margin: 0rem; padding: 0rem 0rem 0.1333125rem 0rem; } .p50twobom .p50twobomitem p img { margin: 0rem; padding: 0rem; } .p50twotxt { clear: both; display: block; text-align: center; padding: 0.2666875rem 0rem !important; } .p50twotit { clear: both; display: block; text-align: center; background: url(../images/smallstyle/p50icon02.jpg) repeat-x center center; background-size: 0.1333125rem; margin: 0.625rem -0.4533125rem 0rem -0.4533125rem; } .p50twotit .p50twot { clear: both; display: inline-block; border: 1px solid #fe4546; border-radius: 0.1333125rem; background: #fff; position: relative; } .p50twotit .p50twot h2 { background: #fe4846; background: -webkit-linear-gradient(#ff7b46, #fe4446); background: -o-linear-gradient(#ff7b46, #fe4446); background: -moz-linear-gradient(#ff7b46, #fe4446); background: linear-gradient(#ff7b46, #fe4446); color: #fff; margin: -0.0933125rem 0.16rem 0.0933125rem 0.16rem; box-shadow: 0rem 0.06666875rem 0.12rem rgba(92, 13, 6, 0.17); padding: 0rem 0.3rem; } .p50twotit .p50twot h2::after { display: none; } .p50twotit .p50twot:after, .p50twotit .p50twot:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 0.1066875rem; height: 0.1066875rem; background: url(../images/smallstyle/p50icon03.png) no-repeat center center; background-size: 100%; } .p50twotit .p50twot:after { right: -0.0625rem; } .p50twotit .p50twot:before { left: -0.0625rem; } .pzcjone { clear: both; display: block; } .pzcjone .pzcjonebox { overflow: hidden; overflow-y: auto; height: 12.5rem; margin: 0.2rem 0rem; } .pzcjone .pzcjonebom { clear: both; display: block; text-align: center; color: #999; } .n2164one { clear: both; display: block; position: relative; border-radius: 0.1333125rem 0.1333125rem 0.666875rem 0.1333125rem; overflow: hidden; box-shadow: 0rem 0rem 0.1333125rem rgba(3, 8, 38, 0.11); padding: 0.3333125rem 0.6133125rem; } .n2164one:after { content: ""; position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0.2rem; top: 0.2rem; border: 1px dashed #3b57a1; border-top: 0px; border-radius: 0.1333125rem 0.1333125rem 0.666875rem 0.1333125rem; } .n2164two { clear: both; display: block; position: relative; padding: 0.3333125rem 0.6133125rem; z-index: 105; background: #fff; } .n2164two * { position: relative; z-index: 3; } .n2164two .n2164twobg { position: absolute; left: 0rem; bottom: 0rem; top: 0rem; right: 0rem; background: #fff; z-index: 2; box-shadow: 0rem 0rem 0.1333125rem rgba(3, 8, 38, 0.11); border-radius: 0.2666875rem; } .n2164two:after { content: ""; position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0.2rem; top: 0.2rem; border: 1px dashed #3b57a1; border-radius: 0.2666875rem; z-index: 2; } .n2164two:before { content: ""; position: absolute; left: 0rem; bottom: 0rem; top: 0rem; right: 0rem; background: #e8eaf0; border-radius: 0.2666875rem; transform: rotate(2deg); z-index: -3; } .pro142one { border: 1px dashed #415eab; border-radius: 0.4rem; margin: 1rem 0rem 0.2rem 0rem; position: relative; padding: 0.875rem 0.3733125rem 0.4rem; } .pro142one h2 { z-index: 2; position: absolute; top: -0.4375rem; margin: 0rem; background: #f2f7fa; padding: 0rem 0.2rem; } .pro142two li { padding: 0rem !important; background: none !important; } .pro142two li p strong { clear: both; display: block; position: relative; padding-left: 0.9525rem; color: #333; margin-bottom: 0.2rem; } .pro142two li p strong:after { content: ""; position: absolute; left: 0rem; top: 50%; width: 0.64rem; height: 0.4533125rem; background: url(../images/smallstyle/pro142icon01.jpg); background-size: 100%; margin-top: -0.22665625rem; } .pro142two li:first-child+li p strong:after { background-image: url(../images/smallstyle/pro142icon02.jpg); } .pro142two li:first-child+li+li p strong:after { background-image: url(../images/smallstyle/pro142icon03.jpg); } .pro142two li:first-child+li+li+li p strong:after { background-image: url(../images/smallstyle/pro142icon04.jpg); } .p4one { position: relative; background: url(../images/smallstyle/p4icon01.jpg) repeat center center; border-radius: 0.4rem 0rem 0rem 0rem; padding: 0.5333125rem 0.4rem 0.4rem 0.5333125rem !important; box-shadow: 0px 0px 0.0933125rem rgba(3, 8, 38, 0.13); background-size: 8px; overflow: hidden; } .p4one:after, .p4one:before { content: ""; position: absolute; } .p4one:after { right: 0rem; bottom: 0rem; background: url(../images/smallstyle/p4icon03.png) no-repeat center center; width: 1.1066875rem; height: 0.84rem; background-size: 100%; } .p4one:before { left: 0rem; top: 0rem; background: url(../images/smallstyle/p4icon02.png) no-repeat center center; width: 0.92rem; height: 0.9066875rem; background-size: 100%; } .p4two { position: relative; background: url(../images/smallstyle/p4icon01.jpg) repeat center center; border-radius: 0.4rem 0rem 0rem 0rem; padding: 0.1333125rem 0.4rem 0.4rem 0.5333125rem !important; box-shadow: 0px 0px 0.0933125rem rgba(3, 8, 38, 0.13); background-size: 8px; overflow: hidden; } .p4two .p4twotxt { border: 1px dashed #ff544a; border-radius: 0.4rem; padding: 0.2666875rem 0.4rem; position: relative; margin: 0.4rem 0rem; } .p4two .p4twotxt:after { content: ""; position: absolute; left: 50%; bottom: -0.1866875rem; background: url(../images/smallstyle/p4icon04.jpg) no-repeat center center; width: 0.32rem; height: 0.1866875rem; background-size: 100%; margin-left: -0.16rem; } .p4three { position: relative; background: url(../images/smallstyle/p4icon01.jpg) repeat center center; border-radius: 0.4rem 0rem 0rem 0rem; padding: 0.2666875rem 0.4rem !important; box-shadow: 0px 0px 0.0933125rem rgba(3, 8, 38, 0.13); background-size: 8px; overflow: hidden; margin: 0.2666875rem 0rem; } .p4three:after, .p4three:before { content: ""; width: 0.88rem; height: 0.88rem; position: absolute; background: url(../images/smallstyle/p4icon05.png) no-repeat center center; background-size: 100%; } .p4three:after { right: 0.2rem; bottom: 0.2rem; transform: scaleX(-1); } .p4three:before { left: 0.2rem; top: 0.2rem; } .p4three P { color: #006600; line-height: 0.8rem; } .pro137one { position: relative; border: 1px dashed #fe5c4a; border-radius: 0.32rem; padding: 0.2rem 0.4rem 0.575rem 0.4rem; margin-top: 0.2666875rem; margin-bottom: 0.625rem; } .pro137one>span { position: absolute; display: inline-block; left: 50%; padding: 0.1066875rem 0.3066875rem; border-radius: 0.2rem; transform: translateX(-50%); border: 1px dashed #fe5c4a; background: #fff; bottom: -0.4375rem; } .pro137one>span span { clear: both; display: block; padding: 0rem 0.24rem; line-height: 0.5739375rem; border-radius: 0.1333125rem; background: #fe564a; color: #fff; white-space: nowrap; font-size: 0.3733333333rem; } .pro137two { position: relative; border: 1px dashed #fe5c4a; border-radius: 0.32rem; padding: 0.2rem 0.4rem 0.575rem 0.4rem; margin-top: 0.2666875rem; padding: 0.2rem 0.4rem !important; margin-bottom: 0.2rem; } .pro137two li { padding: 0.1333125rem 0rem 0.1333125rem 0rem !important; background: none !important; } .pro137two li span { float: left; background: url(../images/smallstyle/pro137icon01.png) no-repeat center center; width: 0.2933125rem; height: 0.2666875rem; background-size: 100%; margin-top: 0.2rem; margin-right: 0.2rem; } .gb53one { overflow: hidden; } .gb53one .gb53onep01 { clear: both; display: block; background: url(../images/smallstyle/gb53icon01.jpg) no-repeat left 0.3125rem; padding-left: 0.5333125rem; background-size: 0.2666875rem; margin: 0.15rem 0rem; } .gb53one .gb53onep02 { float: left; width: 50%; background: url(../images/smallstyle/gb53icon01.jpg) no-repeat left 0.3125rem; padding-left: 0.5333125rem; background-size: 0.2666875rem; margin: 0.15rem 0rem; } .gb53two { clear: both; display: block; position: relative; border: 1px dashed #2f498d; margin-top: 0.2666875rem; border-radius: 0.2666875rem; padding: 0.2rem 0.4rem 0.5333125rem 0.4rem; margin-bottom: 0.4rem; } .gb53two .bqonline { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 0.42667rem; border: 3px solid #fff; background: #ff654a; background: -webkit-linear-gradient(#fe564a, #ff654a); background: -o-linear-gradient(#fe564a, #ff654a); background: -moz-linear-gradient(#fe564a, #ff654a); background: linear-gradient(#fe564a, #ff654a); line-height: 0.75rem; padding: 0rem 0.2rem; box-shadow: 0px 0px 5px #c6c6c6; bottom: -0.4375rem; } .gb53two .bqonline:after { display: none; } .gb53three p { position: relative; border-radius: 0rem 0.2666875rem 0.2666875rem 0.2666875rem; padding: 0.2rem 0.4rem 0.2rem 0.6875rem; box-shadow: 0px 0px 0.1066875rem rgba(0, 49, 122, 0.11); background: url(../images/smallstyle/gb53icon03.jpg) repeat center center; } .gb53three p:after { content: ""; position: absolute; left: 0.2rem; top: 0.333125rem; background: url(../images/smallstyle/gb53icon02.jpg) no-repeat center center; width: 0.3466875rem; height: 0.3466875rem; background-size: 100%; } .gb53three p:last-child { margin-bottom: 0.4rem; } .n2143one { border: 1px dashed #ff544a; border-radius: 0.4rem; padding: 0.2666875rem 0.4rem !important; position: relative; margin: 0.4rem 0rem; } .n2143one:after { content: ""; position: absolute; left: 50%; bottom: -0.1866875rem; background: url(../images/smallstyle/p4icon04.jpg) no-repeat center center; width: 0.32rem; height: 0.1866875rem; background-size: 100%; margin-left: -0.16rem; } .n2143two { background: url(../images/smallstyle/n2143icon01.png) no-repeat left bottom; background-size: 5.2666875rem; line-height: 1 !important; padding-bottom: 0.6rem; margin-bottom: 0.5rem !important; } .n2304twop01 { background: url(../images/smallstyle/n2304icon02.png) no-repeat left top; background-size: 4.6933125rem; padding: 0.3333125rem 0rem 0.3333125rem 0.5333125rem !important; } .n2304twop02 { background: url(../images/smallstyle/n2304icon03.png) no-repeat left top; background-size: 4.6933125rem; padding: 0.3333125rem 0rem 0.3333125rem 0.5333125rem !important; } .n2304twop03 { background: url(../images/smallstyle/n2304icon04.png) no-repeat left top; background-size: 4.6933125rem; padding: 0.36875rem 0rem 0.3333125rem 0.5333125rem !important; } .n3276one { border: 1px solid #e7f1fd; border-radius: 0.16rem; padding: 0.1333333333rem 0.2rem; } .n3276one span { color: #1f4bae !important; } .n3276two { clear: both; position: relative; background: #2877bb; background: -webkit-linear-gradient(top, rgba(40, 119, 187, 0), #2877bb); background: -o-linear-gradient(top, rgba(40, 119, 187, 0), #2877bb); background: linear-gradient(to bottom, rgba(40, 119, 187, 0), #2877bb); border-radius: 0.1866666667rem; margin-top: 0.6133333333rem; margin-bottom: 0.6133333333rem; padding: 0rem 0.32rem 0.32rem 0.32rem; } .n3276two:after { content: ""; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 0.1866666667rem; background: #fff; } .n3276two strong { display: inline-block; position: relative; border-radius: 0rem 0.2rem 0.2rem 0rem; padding: 0.13333rem 0.26667rem; background: #3d4470 !important; color: #fff !important; line-height: 1.4; overflow: hidden; z-index: 2; font-size: 0.4266666667rem; border-radius: 0.1866666667rem 0.1866666667rem 0.1866666667rem 0rem; margin-left: -0.32rem; } .n3276two p { position: relative; z-index: 2; } .smalltit022 strong { color: #3d4470 !important; border-color: #3d4470 !important; } .smalltit022 strong:after { background: #3d436f !important; } .smalltxt069 p:before { background: #3d4470 !important; border-color: #cfd2e6 !important; } .smalltxt069 p:after { background: #3d4470 !important; } .smalltext004 { background: #edf0ff !important; } .smalltext004 strong { background: #3d4470 !important; } .smalltit029 strong { background: #3d4470 !important; } .smalltit029 strong span { background: #dce0ff !important; color: #3d4470 !important; } .smalltext007 li:after { background: #3d4470 !important; } .smalltext007 li:nth-last-child(odd):after { background: #3d4470 !important; } .smalltext007 li:nth-last-child(odd) { color: #3d4470 !important; } .smalltext029 { background: #1b5fa0 !important; } .smalltext029 p { color: #fff !important; } .smalltext029 .p1:before { background: #afb8ff !important; } .smalltext029 .p1 { background: #afb8ff !important; color: #3d4470 !important; } .smalltext029:after, .smalltext029:before { background: #aeb8ff !important; box-shadow: -1px 1px 4px #545c9a inset !important; } .smalltext029 p.p1 strong { color: #000 !important; } .smalltext025 { border-left: 3px solid #356dc4 !important; border-bottom: 3px solid #356dc4 !important; } .smalltext025 strong { background: #356dc4 !important; } .smalltext025:before { background: #356dc4 !important; } .smalltext025 strong:before { background: #356dc4 !important; } .newny_detxt .smallbtn007 a { color: #356dc4 !important; } .smalltext030 { width: 100% !important; max-width: 100% !important; } .same-msg .mk1 { background: url(../images/m_homesixbg.jpg) no-repeat; background-size: 100%; padding: 0.82667rem 0.4rem 0.88rem 2.4rem; } .same-msg .mk1 .tit { font-size: 0.45333rem; font-weight: bold; color: #fff; text-shadow: 0 0.06667rem 0 #223d54; } .same-msg .mk1 .tit span { font-size: 0.53333rem; text-shadow: 0 0.06667rem 0 #223d54; } .same-msg .mk1 .fw-txt { margin-top: 0.44rem; } .same-msg .mk1 .fw-txt li { background: url(../images/mliuyan-tb.png) left center no-repeat; background-size: 0.38667rem; font-size: 0.32rem; color: #cfedff; line-height: 0.42667rem; margin-bottom: 0.64rem; padding-left: 0.72rem; } .same-msg .mk1 .fw-txt li+li { margin-left: 0.88rem; } .same-msg .mk1 .fw-txt li+li+li { margin-left: 1.76rem; } .same-msg .mk2 { height: 13.09333rem; background: url(../images/m_homesixbombg.png) no-repeat; background-size: 100%; padding: 1.86667rem 0.4rem; margin-top: -1.33333rem; position: relative; } .same-msg .mk2 .tel { width: 5.13333rem; position: absolute; right: 0.2rem; top: 0.98667rem; } .same-msg .mk2 .tel a { font-size: 0.4rem; color: #fff; line-height: 1; text-align: center; display: block; } .same-msg .mk2 .tel strong { font-size: 0.48rem; display: block; margin-bottom: 0.37333rem; text-shadow: 0 0.06667rem 0 rgba(22, 33, 47, 0.26); } .same-msg .mk2 .text { line-height: 1; padding: 0 0.4rem; } .same-msg .mk2 .text strong { font-size: 0.50667rem; color: #414e67; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #161e2b, #4ca7e0); } .same-msg .mk2 .text p { font-size: 0.34667rem; color: #98a6c0; } .same-msg .mk2 .text p span { color: #d71e14; display: block; margin: 0.4rem 0 0.2rem; } .same-msg .mk2 .form-box { margin-top: 1.02667rem; } .same-msg .mk2 .form-box .ly_formbomul { width: 7.04rem; margin-left: 0.4rem; } .same-msg .mk2 .form-box .ly_formbomul li { margin-top: 0.73333rem; border-bottom: 0.04rem solid #e0e6f0; position: relative; } .same-msg .mk2 .form-box .ly_formbomul li i { position: absolute; left: 0rem; top: 0.13333rem; width: 0.46667rem; height: 0.46667rem; } .same-msg .mk2 .form-box .ly_formbomul li i.lyicon1 { background: url(../images/m_homesixicon01.png) no-repeat center center; background-size: 100%; } .same-msg .mk2 .form-box .ly_formbomul li i.lyicon2 { background: url(../images/m_homesixicon02.png) no-repeat center center; background-size: 100%; } .same-msg .mk2 .form-box .ly_formbomul li i.lyicon3 { background: url(../images/m_homesixicon03.png) no-repeat center center; background-size: 100%; } .same-msg .mk2 .form-box .ly_formbomul li.lyicon1 i { background: url(../images/m_homesixicon01.png) no-repeat center center; background-size: 100%; } .same-msg .mk2 .form-box .ly_formbomul li.lyicon2 i { background: url(../images/m_homesixicon02.png) no-repeat center center; background-size: 100%; } .same-msg .mk2 .form-box .ly_formbomul li.lyicon3 i { background: url(../images/m_homesixicon03.png) no-repeat center center; background-size: 100%; } .same-msg .mk2 .form-box .ly_formbomul li span { position: absolute; left: 0.66667rem; right: 0rem; top: 0.05333rem; color: #6a7993; font-size: 0.37333rem; font-weight: bold; line-height: 0.6rem; } .same-msg .mk2 .form-box .ly_formbomul li span.err { color: #c00; } .same-msg .mk2 .form-box .ly_formbomul li input { clear: both; display: block; width: 100%; font-size: 0.37333rem; color: #6a7993; line-height: 0.8rem; padding: 0rem 0rem 0rem 0.66667rem; font-weight: bold; background: none; border: 0rem; position: relative; z-index: 2; } .same-msg .mk2 .form-box .ly_formbomul li.lyicon3 { width: 85%; } .same-msg .mk2 .form-box .ly_formbomul li textarea { clear: both; display: block; font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑"; width: 100%; font-size: 0.37333rem; line-height: 0.6rem; height: 2rem; color: #6a7993; font-weight: bold; padding: 0.05333rem 0rem 0rem 0.66667rem; background: none; border: 0rem; position: relative; z-index: 2; } .same-msg .mk2 .form-box .button { margin: 1.2rem 0 0; } .same-msg .mk2 .form-box .button a { width: 100%; height: 1.58667rem; background-color: #ea450a; background-image: linear-gradient(#fbb157, #ea450a); border-radius: 0.88rem; font-size: 0.37333rem; color: #fff; line-height: 1.57333rem; text-align: center; display: block; box-shadow: 0 0 0.28rem rgba(34, 61, 84, 0.2); } .same-msg .mk2 .form-box .button a span { font-size: 0.53333rem; padding-right: 0.53333rem; font-weight: bold; text-shadow: 0 0.05333rem 0 rgba(71, 36, 22, 0.2); } /* 微信复制 */ .wxadd { font-size: 0.34667rem; color: #6a7c9a; line-height: 1; padding-left: 1.9rem; position: relative; } .wxadd::before { content: ""; width: 0.50667rem; background: url(../images/wx-zs.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 1.10667rem; top: 0; bottom: 0; } .wxadd::after { content: ""; width: 0.85333rem; background: url(../images/wx-tb.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; top: 0; bottom: 0; } .cp-wxadd { margin-left: 0.4rem; } .wxadd .p1 { margin-bottom: 0.2rem; display: block; } .wxadd .p1 strong { font-size: 0.4rem; color: #ed3f0e; border-bottom: 0.02667rem solid #ed3f0e; padding-bottom: 0.02667rem; display: inline-block; } .wxadd .p2 { border-bottom: 0.02667rem solid #6a7c9a; padding-bottom: 0.02667rem; display: inline-block; } .tips { background: rgba(0, 0, 0, 0.5); overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 100%; z-index: 9999999; transition: all linear 0.4s; } .tips p { width: 6.08rem; line-height: 9.22667rem; position: absolute; left: 50%; top: 50%; margin: -4.71333rem 0 0 -3.04rem; } .tips p .hide { width: 0.46667rem; height: 0.46667rem; border: 0.02667rem solid #333; border-radius: 50%; display: block; font-size: 0.4rem; color: #333; text-align: center; line-height: 0.41333rem; font-style: normal; position: absolute; right: 0.12rem; top: 0.12rem; } .tips-open { bottom: 0; } .tipsy2 { background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; opacity: 0; transition: all linear 0.3s; } .tipsy2 dl { background: #fff; border-radius: 0 0 0.33333rem 0.33333rem; padding: 0.33333rem 0.62667rem 0.33333rem 0.48rem; overflow: hidden; line-height: 1.5; position: fixed; left: 0; right: 0; top: -2rem; opacity: 0; transition: all linear 0.3s; } .tipsy2 dd { max-width: 43%; font-size: 0.34667rem; color: #333333; text-align: center; float: left; padding: 0.12rem 0; } .tipsy2 dd strong { font-size: 0.45333rem; color: #409851; display: block; margin-top: 0.16rem; } .tipsy2 dt { width: 57%; float: right; } .tipsy2-open { opacity: 1; } .tipsy2-open dl { top: 0; opacity: 1; } /* zxy-flex */ .zxy-flex { position: fixed; left: 0; right: 0; bottom: -2rem; opacity: 0; margin: 0 auto; max-width: 10rem; height: 1.54667rem; overflow: hidden; padding: 0.2rem; background-color: #fff; z-index: 666; transition: all linear 0.4s; padding-bottom: env(safe-area-inset-bottom); } .zxy-flex dt { float: left; position: relative; padding-left: 1.6rem; } .zxy-flex dt .zxy-img { position: absolute; top: 0; left: 0; width: 1.38667rem; bottom: 0; height: 1.14667rem; } .zxy-flex dt .zxy-img img { width: 0.97333rem; height: 0.97333rem; margin-left: 0.2rem; margin-right: 0.2rem; display: block; } .zxy-flex dt .zxy-img span { background-color: #feecc0; color: #8b7307; font-size: 0.21333rem; line-height: 0.34667rem; text-align: center; border-radius: 0.34667rem; border: solid 1px #dab716; position: absolute; left: 0; right: 0; bottom: 0; } .zxy-flex dt .zxy-p1 { font-size: 0.37333rem; line-height: 0.61333rem; color: #363839; } .zxy-flex dt .zxy-p2 { font-size: 0.32rem; color: #979da7; /* width: 2.53333rem; */ padding: 0 0.05rem; text-align: center; line-height: 0.50667rem; background-color: #eff0f2; border-radius: 0.06667rem; margin-bottom: 0.04rem; } .zxy-flex dd { float: right; padding-top: 3px; } .zxy-flex dd .zxy-btn { width: 2.34667rem; display: block; float: right; border: solid 1px #feecc0; border-radius: 0.13333rem; text-align: center; line-height: 1.06667rem; font-weight: bold; font-size: 0.45333rem; cursor: pointer; } .zxy-flex dd .zxy-iphon { margin-left: 0.37333rem; background-color: #f04610; box-shadow: 0px 0.13333rem 0.10667rem 0.01333rem rgba(240, 70, 16, 0.27); color: #fff; } .zxy-flex dd .zxy-zixun { color: #dcefff; background-color: #305a7d; box-shadow: 0px 0.13333rem 0.10667rem 0.01333rem rgba(48, 90, 125, 0.27); } .zxy-flex.active { opacity: 1; bottom: 0rem; } /* zxy-flex */ .s-ban { padding: 0.1333333333rem 0.4rem 0.5333333333rem; } .s-ban p { color: #727f94; font-size: 0.3466666667rem; } .s-ban h1 { color: #2d343f; font-size: 0.6133333333rem; margin-top: 0.0666666667rem; } .s-hot-new { background: #f2f4f7; border-radius: 0.4rem; padding: 0.2666666667rem; margin-top: 0.7333333333rem; } .s-hot-new .s-hot { float: left; width: 1.12rem; margin-top: 0.16rem; margin-right: 0.2666666667rem; } .s-hot-new .s-hot img { width: 1.12rem; } .s-hot-new .hot-xq { overflow: hidden; } .s-hot-new .hot-xq span { font-size: 0.4rem; color: #2d343f; float: left; width: 5.0666666667rem; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .s-hot-new .hot-xq img { float: right; width: 1.8666666667rem; border-radius: 0.1333333333rem; } .foot-jq { margin-top: 0.2rem; } .foot-jq img { width: 100%; } footer { background: #305a7d; padding: 0.5333333333rem 0.4rem; text-align: center; } footer p { color: #ffffff; font-size: 0.4rem; opacity: 0.6; } footer span { display: block; } footer span a { display: inline-block; color: #ffffff !important; font-size: 0.4rem; opacity: 0.6; } .s-daytime { background: #fff; position: fixed; left: 0; right: 0; bottom: -2rem; opacity: 0; z-index: 666; transition: all linear 0.4s; padding-bottom: env(safe-area-inset-bottom); padding: 0.2666666667rem 0.4rem; max-width: 10rem; margin: 0 auto; } .s-daytime.active { opacity: 1; bottom: 0; } .s-daytime .clearfix { position: relative; background: #ef4411; padding: 0.24rem 0.2666666667rem; border-radius: 0.2666666667rem; } .s-daytime .pic { float: left; position: absolute; left: -0.2666666667rem; top: -0.3333333333rem; } .s-daytime .pic img { width: 1.6933333333rem; } .s-daytime .bj { float: left; margin-left: 1.4666666667rem; } .s-daytime .bj strong { font-size: 0.4rem; color: #fff; display: block; line-height: 1.1; margin-bottom: 0.1733333333rem; } .s-daytime .bj p { font-size: 0.32rem; color: #fff; opacity: 0.6; line-height: 1.1; } .s-daytime .s-qulic { float: right; position: relative; display: block; background: #fff; padding: 0.04rem 0.7333333333rem 0.04rem 0.2666666667rem; border-radius: 0.1333333333rem; } .s-daytime .s-qulic span { font-size: 0.4rem; color: #ef4411; display: block; } .s-daytime .s-qulic img { width: 0.7866666667rem; position: absolute; right: -0.2rem; top: 0.2rem; animation: mymove 3s infinite; -webkit-animation: mymove 3s infinite; /*Safari and Chrome*/ animation-direction: alternate; /*轮流反向播放动画。*/ animation-timing-function: ease-in-out; /*动画的速度曲线*/ /* Safari 和 Chrome */ -webkit-animation: mymove 3s infinite; -webkit-animation-direction: alternate; /*轮流反向播放动画。*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/ } .fixed-night { display: none; } @keyframes mymove { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.1); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.1); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } .s-phone { position: fixed; right: 0; bottom: 3.7333333333rem; display: none; z-index: 99999; } .s-phone.active { display: block; } .s-phone .s-bj { width: 1.7066666667rem; position: absolute; right: 0.3333333333rem; top: -0.6rem; animation: ys 5s infinite; -webkit-animation: ys 5s infinite; /*Safari and Chrome*/ animation-direction: alternate; /*轮流反向播放动画。*/ animation-timing-function: ease-in-out; /*动画的速度曲线*/ /* Safari 和 Chrome */ -webkit-animation: ys 5s infinite; -webkit-animation-direction: alternate; /*轮流反向播放动画。*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/ } .s-phone a { display: block; } .s-phone a img { width: 1.3733333333rem; } @keyframes ys { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(0.9); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(0.9); } } .s_message { background: linear-gradient(to right, #4b91cb, #305a7d); border-radius: 0.6666666667rem; margin-left: 0.4rem; padding: 0.4666666667rem 0.4533333333rem 0.48rem 0.32rem; } .s_message .txt { color: #fff; font-size: 0.5333333333rem; display: block; margin-bottom: 0.3333333333rem; } .s_message .mes-box { background: #fff; border-radius: 0.6666666667rem; padding: 0 0.4666666667rem 0.4666666667rem; } .s_message .mes-box .mes-top { background: url(../images/s_mestop.png) no-repeat; background-size: cover; width: 7.9333333333rem; height: 1.84rem; margin-left: -1.1866666667rem; padding: 0.2133333333rem; } .s_message .mes-box .mes-top .left { float: left; margin-right: 0.2666666667rem; } .s_message .mes-box .mes-top .left img { width: 1.3466666667rem; } .s_message .mes-box .mes-top .right { float: left; margin-top: 10px; } .s_message .mes-box .mes-top .right strong { color: #305a7d; font-size: 0.4533333333rem; display: block; line-height: 1.1; } .s_message .mes-box .mes-top .right p { color: #727f94; font-size: 0.3466666667rem; margin-top: 0.0666666667rem; } .s_message .mes-box .form-box .ly_formbomul li { margin-top: 0.4rem; border-bottom: 1px solid #bfc6d1; position: relative; } .s_message .mes-box .form-box .ly_formbomul li input { display: block; width: 100%; font-size: 0.4rem; color: #727f94; z-index: 2; padding: 0.2rem 0; line-height: 1.7; } .s_message .mes-box .form-box .ly_formbomul li textarea { display: block; font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑"; width: 100%; font-size: 0.4rem; color: #727f94; padding: 0.2rem 0.5333333333rem 0.2rem 0; line-height: 1.7; height: 2.4rem; } .s_message .tit { font-size: 0.3466666667rem; color: #fff; opacity: 0.6; text-align: center; margin-top: 0.3333333333rem; margin-bottom: 0.2rem; } .s_message .button { background: #f83c0e; border-radius: 0.4133333333rem 0.4933333333rem 0.4933333333rem 0.5733333333rem; text-align: center; } .s_message .button span { display: block; font-size: 0.4533333333rem; color: #fff; font-weight: bold; padding: 0.0933333333rem 0; } .newfourbom { height: 1.69333rem; background: #fafafa; border-bottom: 2px solid #fff; border-radius: 0 0.84rem 0.84rem 0.84rem; line-height: 1.1; padding: 0.16rem; margin-right: 0.56rem; margin-top: -0.68rem; position: relative; box-shadow: 0 0.0667rem 0.32rem rgba(50, 119, 223, 0.2); } .newfourbom:before { content: ""; width: 2.17333rem; height: 2.17333rem; background: #fafafa; border-radius: 50%; position: absolute; right: -0.32rem; bottom: 0; } .newfourbom:after { content: ""; width: 1.84rem; height: 1.84rem; background-color: #f18a25; background-image: linear-gradient(rgba(246, 109, 26, 0.5), #fc4d0c); border-radius: 50%; position: absolute; right: -0.16rem; bottom: 0.16rem; box-shadow: 0 10px 38px rgba(251, 83, 15, 0.3); } .newfourbom .newsfont { float: left; background: url(../images/news-zs.png) no-repeat right center; padding-right: 0.6rem; background-size: 0.5rem; color: #305a7d; font-size: 0.4rem; font-weight: bold; margin-top: 0.45rem; margin-left: 0.24rem; } .newfourbom .news-wxadd { margin: 0.13333rem 0 0.13333rem 0.24rem; float: left; } .newfourbom .swt_btn { width: 4.28rem; height: 100%; background-color: #f18a25; background-image: linear-gradient(#f66e1a, #fc4d0c); border-radius: 0.68rem; padding: 0 0.48rem; display: block; float: right; font-size: 0.4rem; color: #fff; font-weight: 700; line-height: 1.33333rem; position: relative; z-index: 1; } .newfourbom .swt_btn:after { content: ""; width: 1.09333rem; height: 1.09333rem; background: url(../images/m_newicon05.gif) center no-repeat; background-size: 1.09333rem; border-radius: 50%; position: absolute; right: 0.05333rem; bottom: 0.36rem; } .prev-next { width: 100%; background: #f3f7fb; padding: 0 0.4rem; margin-bottom: 0.6rem; } .prev-next p { font-size: 0.34667rem; color: #5f6c84; padding: 0.18667rem 0; border-top: 1px solid #cad9ef; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prev-next p strong { font-weight: 400; } .prev-next p a { color: #9fb2c5; } .prev-next P:first-child { border: none; } .proname { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.66rem; } .proname .pronamefl { flex: 1; margin-top: 0.04rem; } .pronamefl h1 { clear: both; display: block; color: #404f68; font-size: 0.56rem; line-height: 1.2; padding-bottom: 0.18rem; } .pronamefl span { display: block; color: #ff3c00; font-size: 0.35rem; line-height: 1.2; } .insideprotwo .proname+p, .insideprotwo .proname+p+p { float: left; background: url(../images/m_protwoicon02.png) no-repeat left 0rem; background-size: 0.28rem; padding: 0rem 0rem 0rem 0.53333rem; color: #6a7b99; font-size: 0.34667rem; line-height: 0.46667rem; width: 50%; margin-bottom: 0.53333rem; box-shadow: none; clear: none; } .insideprotwo .proname+p span, .insideprotwo .proname+p+p span { clear: both; display: block; font-size: 0.4rem; font-weight: 700; color: #404f68; line-height: 1.1; padding-bottom: 0.28rem; }
.aboutone .header .headerbox .mback {
  background-size: 0.28rem;
}
/* 这里加上新的样式 */
.pro-arr {
  background: url(../images/ico-pro3.png) no-repeat left 0.26rem;
  padding-left: 0.4rem;
}
@media (max-width: 480px){
  .pro-arr {
    background: url(../images/ico-pro3.png) no-repeat left 0.16rem;
    padding-left: 0.6rem;
  }
}