ul:before,ol:before,li:before,dl:before,dt:before,dd:before,div:before,.wrap:before,ul:after,ol:after,li:after,dl:after,dt:after,dd:after,div:after,.wrap:after { content: ""; display: block } ul:after,ol:after,li:after,dl:after,dt:after,dd:after,div:after,.wrap:after { clear: both } a { text-decoration: none } a:link,a:visited { color: #333 } a:hover,a:active { color: #d1171e } html,body { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; padding: 0 } a,abbr,acronym,address,big,blockquote,caption,cite,code,dd,dl,dt,fieldset,form,h1,time,h2,h3,h4,h5,h6,img,ins,kbd,label,legend,li,ol,p,pre,q,s,samp,small,span,strike,strong,ul,table,th,td,figure,figcaption,div { 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 { border: 0; outline: 0; vertical-align: baseline } body { font-family: "微软雅黑","PingFang SC","Heiti SC","Helvetica","HelveticaNeue","Droidsansfallback","Droid Sans"; max-width: 750px; width: 100%; margin: 0 auto; text-align: left; margin: 0 auto; line-height: .6rem; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #333; background-color: #fff } button { border-radius: 0px; -webkit-border-radius: 0px; outline: none } input { border-radius: 0; outline: none; -webkit-tap-highlight-color: transparent } input[type='submit'] { border-radius: 0px; -webkit-border-radius: 0px; outline: none; -webkit-appearance: none } input:-ms-clear { display: none } input,textarea { border: 0 } textarea { resize: none; -webkit-appearance: none; outline: none; font-family: "PingFang SC","Heiti SC","Helvetica","HelveticaNeue","Droidsansfallback","Droid Sans","微软雅黑" } img { max-width: 100% !important; height: auto !important; border: 0; vertical-align: middle } ul,ol,li { list-style: none } input:-moz-placeholder,textarea:-moz-placeholder { color: #aab3b7 } input::-moz-placeholder,textarea::-moz-placeholder { color: #aab3b7 } input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #aab3b7 } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #aab3b7 } input,textarea,button { -webkit-appearance: none; border-radius: 0; background: transparent } *,*:before,*:after { box-sizing: border-box } .wrap { width: 7.5rem; margin: 0 auto } body { padding-bottom: calc(1.2rem + env(safe-area-inset-bottom)) } .toper { max-width: 750px; width: 100%; position: absolute; left: 0; right: 0; top: 0.3rem; margin: 0 auto; z-index: 9999; line-height: 1.2 } .header .logo { display: block; padding: 0 0.3rem } .header .logo img { width: 2.25rem; display: block } .m-head { text-align: center } .header.m-head .logo { display: block } .header.m-head .return-a { position: absolute; left: 0.3rem; top: 0.42rem; width: 0.16rem; height: 0.28rem } .nav { width: 100%; margin-top: 0.18rem } .nav ul { overflow: hidden } .nav li { float: left; width: 16.6% } .nav li a { display: block; font-size: 0.32rem; color: #000000; text-align: center; padding: 0.3rem 0 } .nav li.on a { font-weight: bold; color: #acccff } .product-intro { overflow: hidden; background: #f6f7fb; padding-top: 2.2rem } .product-intro .t { color: #2e3232; padding-left: .3rem } .product-intro .t h1 { font-size: .5rem; line-height: 1.4; font-weight: bold } .product-intro .t .text { font-size: .26rem; line-height: 1.2; margin-top: 0.15rem; margin-bottom: 0.3rem } .product-intro .t img { width: 100%; border-bottom-left-radius: .2rem; border-top-left-radius: .2rem } .product-intro .b .b-l { position: relative; margin-top: -34px; width: 5.56rem; float: left; margin-top: -34px; padding-left: 0.3rem; padding-bottom: 0.3rem; background: url(../images_m/props-bg.png) no-repeat; background-size: cover; } .product-intro .b .b-l .props { padding-top: .54rem; padding-bottom: .35rem } .product-intro .b .b-l .props p { margin-bottom: .9rem } .product-intro .b .b-l .props p span:first-child { float: left; width: 1.69rem; height: .56rem; line-height: .56rem; font-size: .26rem; text-align: center; color: #254883; background: url(../images_m/arrow.png) no-repeat; position: relative; background-size: 100% } .product-intro .b .b-l .props p span:first-child+span { position: relative; float: left; top: -.17rem; left: -.35rem; width: 3.31rem; height: pxTorem(58); line-height: pxTorem(58); font-size: .28rem; font-weight: bold; border-radius: .08rem; background-color: rgba(255,255,255,0.07); color: #fff; text-indent: .92rem } .product-intro .b .b-l .fit { padding-right: .45rem; font-size: .26rem; color: #bbc6d8; line-height: .48rem } .product-intro .b .b-l .fit strong { font-weight: bold } .product-intro .b .b-r { float: left; width: 1.66rem; margin-top: .64rem; margin-left: .12rem; text-align: center } .product-intro .b .b-r a { width: 1.44rem; border-radius: 50%; margin: 0 auto; display: block; box-shadow: 0 .03rem .13rem rgba(222,40,3,0.35) } .product-intro .b .b-r a img { width: 100%; border-radius: 50% } .product-intro .b .b-r p { margin-top: .3rem; font-size: .24rem; line-height: .34rem; color: #b3b8c3 } .hot-line { width: 6.9rem; margin: .74rem auto .36rem; background: #dfe9f5; border-radius: .6rem; height: 1.18rem; border-top: 1px solid #d9e4f0; border-bottom: 1px solid #ffffff; box-shadow: 0 .04rem .1rem #dbdada } .hot-line a { padding-bottom: .14rem; height: 100%; display: block; position: relative } .hot-line a:after { content: ''; position: absolute; right: 0; bottom: 0; background: url(../images_m/kf.png) no-repeat right center; width: 1.39rem; height: 1.54rem; background-size: 100% } .hot-line span { font-size: .26rem; text-align: center; color: #f1f4f9; position: absolute; top: -.16rem; left: .16rem; width: 3.4rem; height: .54rem; line-height: .53rem; border-radius: .26rem; background-image: linear-gradient(to bottom, #d81702, #fa7a0a) } .hot-line strong { display: block; font-size: .45rem; line-height: 1.2; font-weight: 900; color: #252c3b; position: absolute; left: .54rem; bottom: .14rem } .product-detail { overflow: hidden; background: url(../images_m/intro-bg.jpg); padding: 0 .3rem } .product-detail h3 { margin: .68rem 0 .43rem 0; font-size: .45rem; line-height: 1; font-weight: bold; color: #162431 } .product-detail h3:before { content: ''; display: inline-block; background: url(../images_m/title-icon.png) no-repeat left center; background-size: 100%; width: .54rem; height: .38rem; margin-right: .18rem } .product-detail p { font-size: .28rem; line-height: .58rem; color: #162431; margin: .3rem 0 } .product-detail p video { width: 100%; display: block } .product-detail p span { color: #868e95; font-size: .28rem; line-height: 1 } .product-detail .swiperbox { margin: .3rem 0 } .product-detail .swiperbox .swipernum { font-size: 0; margin-left: -4% } .product-detail .swiperbox .swipernum .swipersp { background: #0282b8; border-radius: .08rem; font-size: .3rem; color: #ffffff; text-align: center; line-height: 1.6; padding: .11rem .24rem; display: inline-block; margin-left: 4%; cursor: pointer } .product-detail .swiperbox .swipernum .swipersp-on { box-shadow: 0 .03rem 0 .03rem #ffc801 } .product-detail .swiperbox .swiperul { margin-top: .3rem } .product-detail .swiperbox .swiperul .swiperli { display: none } .product-detail .swiperbox .swiperul .swiperli-on { display: block } .product-detail table td { font-size: 0.2rem; line-height: 1.4; padding: 0.1rem 0 } .service { background: url(../images_m/intro-bg.jpg); text-align: right } .service img { width: 7.21rem } .dn { display: none } .fix-foot { border-radius: 0.44rem 0rem 0rem 0rem; position: fixed; width: 100%; max-width: 750px; z-index: 9999; background: -webkit-linear-gradient(left,#ffc0c0,#fff,#ffb3b4); background: -moz-linear-gradient(left,#ffc0c0,#fff,#ffb3b4); background: -ms-linear-gradient(left,#ffc0c0,#fff,#ffb3b4); background: -o-linear-gradient(left,#ffc0c0,#fff,#ffb3b4); background: linear-gradient(to right,#ffc0c0,#fff,#ffb3b4); height: 1.16rem; bottom: -3.4666666667rem; transition: all .5s; } .fix-foot.active { opacity: 1; bottom: 0rem } /*.fix-foot{position: fixed;bottom: 0;width: 100%;max-width: 750px;z-index: 99999;}*/ .fix-box1 ul { position: relative; display: -webkit-flex; display: flex; justify-content: space-between; } .fix-box1 ul { overflow: hidden; } .fix-box li { float: left; } .fix-box li.fix-zx { text-align: center; width: 34.6666%; } .fix-box li.fix-zx a { display: block; font-size: 0.26rem; line-height: 1.16rem; cursor: pointer; color: #e71414; text-align: center; } .fix-box li.fix-zx a span { clear: both; display: inline-block; background: url(../images/fix-icon1.png) no-repeat left center; background-size: 0.36rem 0.31rem; text-align: left; padding-left: 0.58rem; } .fix-box li.fix-tel { width: 65.3333%; position: relative; margin-top: -0.21rem; float: right; height: 1.09rem; background: url(../images/fix-iconBg.png) no-repeat left bottom; background-size: 100%; } .fix-box li.fix-tel a { display: block; display: -webkit-flex; display: flex; justify-content: space-between; line-height: 1rem; height: 100%; position: relative; z-index: 2; } .fix-tel span { display: block; width: 0.66rem; height: 0.57rem; margin-left: 0.4rem; margin-top: 0.24rem; } .fix-tel span img { vertical-align: top; } .fix-tel .phone { flex: 1; margin-top: 0.24rem; margin-left: 0.2rem; } .fix-tel .phone p { font-size: 0.25rem; color: #ffeacb; line-height: 1; padding-bottom: 0.1rem; font-weight: normal; } .fix-tel .phone strong { display: block; font-size: 0.35rem; color: #ffd495; font-weight: bold; line-height: 1; margin-left: 0.5rem; } .fix-tel .phone strong em { font-size: 0.32rem; display: inline-block; font-weight: bold; } .fix-box1 .fix-msg { width: 2.35rem; background: url(../images/fix-bg2.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } .fix-box1 .fix-msg a { display: block; line-height: 0.96rem; font-size: 0.3rem; color: #f51818; font-weight: bold; text-align: center } .fix-box1 .fix-msg span { display: inline-block; position: relative; z-index: 1 } .fix-box1 .fix-msg span img { vertical-align: middle; width: 0.4rem; height: 0.43rem } .fix-box1 .fix-msg span::after { content: ''; width: 0.66rem; height: 0.61rem; background: url(../images/fix-bg1.png) no-repeat; background-size: 0.66rem; position: absolute; left: -0.32rem; top: 0.31rem } .fix-box1 .fix-txt { flex: 1; text-align: center; padding: 0.23rem 0 0.29rem; position: relative } .fix-box1 .fix-txt p { font-size: 0.26rem; color: #ffb342; line-height: 0.46rem } .fix-box1 .fix-txt::after { content: ''; width: 0.67rem; height: 0.37rem; background: url(../images/fix-arr.png) no-repeat; background-size: 0.67rem; position: absolute; right: 0.2rem; bottom: 0.07rem } .return-top { width: 0.7rem; position: fixed; right: 0.2rem; bottom: 2rem; z-index: 9999; cursor: pointer; text-align: center; display: none }