@charset "UTF-8"; /*base*/ *, :after, :before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } article, aside, audio, blockquot, body, dd, div, dl, dt, figcaption, figure, filedset, form, h1, h2, h3, h4, h5, h6, header, html, input, li, nav, ol, p, section, ul, video { margin: 0; padding: 0; } b, em, h1, h2, h3, h4, h5, h6, i { font-style: normal; font-weight: normal; } li, ol, ul { list-style: none; } fieldset, img, video { width: 100%; height: auto; border: 0 none; vertical-align: middle; } table { border-collapse: collapse; border: 1px solid #ccc; } table td { font-size: 0.37333rem; line-height: 0.68rem; padding: 0 0.16rem; border: 1px solid #ccc; } table#LR_Tb2, table#LR_Tb2 table { border: none; } table#LR_Tb2 td { border: none; padding: 0; } button, input, select, textarea { outline: 0; border: none; -webkit-appearance: none; } input, input[type=button], input[type=reset], input[type=submit], textarea { outline: 0; -webkit-appearance: none; border: none; font-family: "Microsoft YaHei"; resize: none; } :focus { outline: 0; } a { color: #00132b; text-decoration: none; outline: 0; } a:link, a:visited { text-decoration: none; } a:active { text-decoration: none; } .clearfix:after { content: ""; clear: both; display: block; } .clearfix { zoom: 1; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } html, body { width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; } body { font: 0.2rem "微软雅黑"; color: #333; line-height: 1.2; overflow-x: hidden; } .padlr { padding-left: 0.4rem; padding-right: 0.4rem; } /*base end*/ .header { max-width: 750px; height: 1.7333333333rem; line-height: 1.7333333333rem; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 9999; } .header .logo, .header .return { padding: 0 0.4rem; height: 100%; display: block; float: left; } .header .logo img { width: 3.7866666667rem; } .header .return { width: 12%; background: url(../images/m_return.png) center no-repeat; background-size: 0.3866666667rem; } .header .nav { width: 2rem; background: #fff; padding: 0.2rem 0; position: absolute; right: 0.24rem; top: 1.32rem; border-radius: 0.1333rem; z-index: 99999; display: none; box-shadow: 0 0.04rem 0.2666666667rem rgba(26, 43, 73, 0.1); } .header .nav:before { content: ""; width: 0; border-bottom: 0.2667rem solid #fff; border-right: 0.2667rem solid transparent; border-left: 0.2667rem solid transparent; position: absolute; top: -0.24rem; left: 65%; } .header .nav a { font-size: 0.44rem; line-height: 0.8rem; text-align: center; color: #1a2a48; background: #fff; display: block; position: relative; } .header .nav a:before { content: ""; height: 1px; background: #e5e9ef; position: absolute; left: 0.6rem; right: 0; top: 0; } .header .nav li:first-child a:before { display: none; } .header .nav .active a { color: #ff5151; } .header .nav-btn { width: 14%; height: 100%; float: right; text-align: center; } .header .nav-btn i { width: 0.68rem; display: inline-block; position: relative; transition: all 1s ease; } .header .nav-btn i:after, .header .nav-btn i:before { content: ""; height: 0.08rem; background: #1a2a48; border-radius: 0.04rem; display: block; position: absolute; left: 0; transition: all 1s ease; } .header .nav-btn i:before { width: 0.68rem; top: -0.1733333333rem; } .header .nav-btn i:after { width: 0.52rem; bottom: -0.1733333333rem; } .header .toggle { display: block; } .header .toggle i { height: 0; } .header .toggle i:before { width: 0.6666666667rem; top: -0.0666666667rem; right: -0.0666666667rem; transform: rotate(45deg); } .header .toggle i:after { width: 0.6666666667rem; bottom: 0; right: -0.0666666667rem; transform: rotate(-45deg); } .header .location { width: 74%; float: left; font-size: 0.4266666667rem; text-align: center; } .header .location a { color: #929fb6; padding: 0 0.24rem; position: relative; } .header .location a:before { content: ""; width: 1px; background: #929fb6; position: absolute; right: 0; top: 24%; bottom: 12%; } .header .location a:first-child { padding-left: 0; } .header .location span { padding-left: 0.2666666667rem; color: #929fb6; } .header2 .nav-btn i:after, .header2 .nav-btn i:before { background: #fff; } /* bottom float */ .bottom-fl { height: 1.8133333333rem; } .footer-day { width: 100%; max-width: 10rem; height: 1.7866666667rem; background: url(../images/m_dbflbg2.gif) center bottom no-repeat; background-size: 100%; position: fixed; left: 50%; bottom: -1.7866666667rem; margin-left: -5rem; opacity: 0; z-index: 9999; transition: all linear 0.4s; } .footer-day2 { background: url(../images/m_dbflbg.jpg) center bottom no-repeat; background-size: 100%; } .footer-day .btn { width: 33.33%; height: 100%; font-size: 0.3733333333rem; color: #ffffff; text-align: center; padding-top: 0.24rem; position: relative; } .footer-day .btn:before { content: ""; width: 100%; height: 0.5066666667rem; display: block; margin-bottom: 0.15rem; } .footer-day .btn1 { float: left; } .footer-day .btn1:before { background: url(../images/mheart2.png) center no-repeat; background-size: 0.5333333333rem; } .footer-day .btn2 { float: left; font-weight: bold; } .footer-day .btn2:before { height: 1.0133333333rem; margin-left: -0.24rem; margin-bottom: -0.3333333333rem; } .footer-day .btn3 { float: right; } .footer-day .btn3:before { background: url(../images/mheart3.png) center no-repeat; background-size: 0.6133333333rem; } .footer-day .btn3:after { content: ""; width: 0.1066666667rem; height: 0.1066666667rem; background: red; border-radius: 50%; position: absolute; top: 0.2266666667rem; right: 39%; } .footer-day .night1 { width: 35%; font-size: 0.37333rem; color: #ff5151; line-height: 0.5333333333rem; text-align: left; padding: 0.1866666667rem 0 0 0.4rem; margin-right: -1.7%; } .footer-day .night1:before { width: 0.28rem; height: 0.2133333333rem; background: url(../images/mheart-zs.png) center no-repeat; background-size: 100%; display: block; position: absolute; right: 0.4rem; bottom: 0.48rem; } .footer-day .night2 { padding-top: 0.2266666667rem; } .footer-day .night2:before { height: 1.0133333333rem; background: url(../images/mheart4.png) center no-repeat; background-size: 1.3466666667rem; } .bottom-fl-show .footer-day { bottom: 0; opacity: 1; } .mfloat-hide .footer-day { bottom: -1.48rem; opacity: 0; } .scroll-top { position: fixed; bottom: 2.4rem; right: -14%; z-index: 1000; background: url(../images/totop.png) no-repeat; width: 1rem; height: 1rem; background-size: 100%; border-radius: 50%; opacity: 0; transition: all linear 0.4s; } .scroll-active { right: 2%; opacity: 1; } /* wxadd */ .tips { background: rgba(0, 0, 0, 0.5); overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; transform: scale(0); transition: all linear 0.4s; } .tips p { width: 6.08rem; position: absolute; left: 50%; top: 50%; margin: -4.71333rem 0 0 -3.04rem; } .tips p span { display: block; } .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 { transform: scale(1); } .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; } .fix-show { height: 1.9rem; } .fix-show ul { position: fixed; bottom: -100%; opacity: 0; width: 100%; max-width: 750px; z-index: 9999; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; height: 1.7867rem; font-size: 0.373rem; line-height: 1.7867rem; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .fix-day { background-image: url(../images/fix-bg01.png); } .fix-night { background-image: url(../images/fix-bg02.png); } .fix-show ul .fix-zx a { color: #FFF; padding: 0.1rem 0.73rem; } .fix-show ul .fix-zx a:before { content: ""; display: inline-block; vertical-align: middle; width: 0.5333rem; height: 0.44rem; background: url(../images/fix-icon01.png) no-repeat; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-right: 0.24rem; margin-top: -0.1rem; } .fix-show ul .fix-tel { flex: 1; margin-left: 0.88rem; } .fix-show ul .fix-tel a { color: #FFF; padding-left: 1.16rem; position: relative; display: block; line-height: 1.1; } .fix-show ul .fix-tel a span { display: inline-block; font-weight: bold; margin-left: 0.1rem; } .fix-show ul .fix-tel a strong { display: block; font-size: 0.48rem; margin-top: 0.18rem; } .fix-show ul .fix-tel a:before { content: ""; position: absolute; left: 0; top: 0.12rem; width: 0.9867rem; height: 0.9867rem; background: url(../images/fix-icon02.gif) no-repeat; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-right: 0.24rem; margin-top: -0.1rem; } .fix-show .fix-wz { color: #c7d0e3; margin-top: -0.34rem; } .fix-show .fix-wz a { display: inline-block; color: #c7d0e3; padding: 0 0.66rem 0 0.62rem; } .fix-show .fix-wz a:after { content: ""; display: inline-block; vertical-align: middle; width: 0.28rem; height: 0.213rem; background: url(../images/fix-icon.png) no-repeat; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-left: 0.08rem; margin-top: -0.03rem; } .fix-show .fix-msg { flex: 1; text-align: center; padding-top: 0.62rem; } .fix-show .fix-msg a { color: #FFF; font-weight: bold; position: relative; padding-top: 0.68rem; } .fix-show .fix-msg a:before { content: ""; position: absolute; top: 0; left: -0.06rem; width: 1.3467rem; height: 1.013rem; background: url(../images/fix-icon03.png) no-repeat; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .fix-open ul { bottom: 0; opacity: 1; } @media screen and (min-width: 750px) { html { font-size: 75px; } } @media screen and (max-width: 700px) { html { font-size: 68px; } } @media screen and (max-width: 660px) { html { font-size: 64px; } } @media screen and (max-width: 520px) { html { font-size: 48px; } } @media screen and (max-width: 400px) { html { font-size: 37.5px; } } @media screen and (max-width: 359px) { html { font-size: 32px; } } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-android .swiper-slide, .swiper-wrapper { -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); } .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; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .special { line-height: 1; overflow: hidden; } .special .same-tit { font-size: 0.58667rem; font-weight: bold; color: #081426; line-height: 1.4; } .special .same-text { font-size: 0.37333rem; color: #54585E; line-height: 0.8rem; } .epzt01 { margin-top: 1.2rem; padding-top: 1.06667rem; position: relative; } .epzt01:before { content: ""; width: 10.46667rem; height: 2.42667rem; background: url(../zhuanti/images/epzt/mepzt-font01.png) center no-repeat; background-size: 100%; position: absolute; left: -0.13333rem; top: 0.53333rem; } .epzt01 .sty1 { width: 9.44rem !important; height: 6.98667rem !important; position: relative; z-index: 1; } .epzt01 .sty1 #viewwindow { display: none; } .epzt01 .sty1-active .ie-show { display: none; } .epzt01 .sty1-active #viewwindow { display: block; } .epzt01 .sty2 { background: #e6e7ea; border-radius: 4.4rem 4.4rem 0 0; padding-top: 2.4rem; margin-top: -2.4rem; position: relative; } .epzt01 .sty2:before { content: ""; border-top: 1px solid #e6e7ea; border-radius: 4.4rem 4.4rem 0 0; position: absolute; left: -6%; right: -6%; top: 0; bottom: 0; z-index: -1; } .epzt01 .sty2 h1 { font-size: 0.8rem; font-weight: bold; color: #081426; text-align: center; margin-top: 0.56rem; margin-bottom: 0.69333rem; } .epzt01 .sty2 .csbox { background: #d7dade; padding: 0.69333rem 0; margin-top: 0.4rem; margin-bottom: 0.72rem; overflow: hidden; } .epzt01 .sty2 .csbox p { width: 33.33%; float: left; font-size: 0.34667rem; font-weight: 400; color: #54585E; text-align: center; } .epzt01 .sty2 .csbox p strong { font-size: 0.42667rem; font-weight: bold; color: #1D2025; display: table; margin: 0 auto; margin-bottom: 0.32rem; position: relative; z-index: 1; } .epzt01 .sty2 .csbox p strong:before { content: ""; height: 0.18667rem; background: #E6E7EA; position: absolute; left: 0; right: 0; bottom: 0.02667rem; z-index: -1; } .epzt01 .sty2 .csbox p:nth-child(2) strong { font-size: 0.53333rem; color: #ff4337; } .epzt01 .sty2 .swtbox { width: 9.2rem; height: 1.2rem; border-radius: 0.66667rem; margin: 0 auto; display: block; box-shadow: 0 0.14667rem 0.50667rem rgba(255, 67, 55, 0.57); -webkit-animation: effect 2s ease-in-out infinite; animation: effect 2s ease-in-out infinite; } .epzt01 .sty2 .swtbox a { width: 100%; height: 100%; background: #ff4337; border-top: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); border-radius: 0.66667rem; display: block; font-size: 0.48rem; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 1.2rem; box-shadow: 0 0.04rem 0 #D21D11, -0.12rem 0.12rem 0.24rem rgba(255, 255, 255, 0.27) inset; } .epzt02 { background: #e6e7ea; padding-top: 0.85333rem; padding-bottom: 1.09333rem; margin-top: -0.02667rem; } .epzt02 .tit { width: 4.2rem; height: 1.01333rem; background: #D8DADE; border-radius: 0.53333rem; font-size: 0.48rem; color: #1d2025; line-height: 1.01333rem; text-align: center; margin: 0 auto; margin-bottom: 0.8rem; } .epzt02 .swiper-tab .swiper-slide { width: 8.28rem; border-radius: 0.4rem; overflow: hidden; position: relative; transform: scale(0.85) !important; } .epzt02 .swiper-tab .swiper-slide:before { content: ""; width: 1.26667rem; height: 1.26667rem; background: #FFFFFF; opacity: 0.22; border-radius: 50%; position: absolute; left: 50%; top: 1.73333rem; margin-left: -0.63333rem; z-index: 1; } .epzt02 .swiper-tab .swiper-slide:after { content: ""; width: 0.4rem; height: 0.57333rem; background: url(../zhuanti/images/epzt/msplb-btn.png) center no-repeat; background-size: 100%; position: absolute; left: 50%; top: 2.09333rem; margin-left: -0.17333rem; z-index: 1; } .epzt02 .swiper-tab .swiper-slide .pic { position: relative; } .epzt02 .swiper-tab .swiper-slide .pic:before { content: ""; background: rgba(6, 23, 42, 0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .epzt02 .swiper-tab .swiper-slide .title { height: 1.32rem; background: #1D2025; font-size: 0.45333rem; color: #C9CCD1; line-height: 1.32rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-shadow: 0 -0.02667rem 0 rgba(255, 255, 255, 0.3); position: relative; } .epzt02 .swiper-tab .swiper-slide-active { transform: scale(1) !important; } .epzt02 .swiper-tab .swiper-slide-prev { transform: translateX(0.35rem) scale(0.85) !important; } .epzt02 .swiper-tab .swiper-slide-next { transform: translateX(-0.35rem) scale(0.85) !important; } .epzt02 .swiper-video { background: rgba(0, 0, 0, 0.8); text-align: center; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; transform: scale(0); transition: all ease 0.5s; } .epzt02 .swiper-video .swiper-slide { transform: scale(0); } .epzt02 .swiper-video .swiper-slide p { width: 9rem; position: absolute; left: 50%; top: 50%; margin-left: -4.5rem; margin-top: -3rem; } .epzt02 .swiper-video .swiper-slide video { width: 100%; border-radius: 10px; overflow: hidden; } .epzt02 .swiper-video .swiper-slide .hide { width: 0.8rem; height: 0.8rem; border: 1px solid #ffffff; border-radius: 50%; font-size: 0.8rem; line-height: 0.6rem; text-align: center; color: #ffffff; font-weight: 100; font-style: normal; display: block; position: absolute; left: 50%; bottom: -0.93333rem; margin-left: -0.33333rem; cursor: pointer; } .epzt02 .swiper-video .swiper-slide-active { transform: scale(1); } .epzt02 .swiper-open { transform: scale(1); } .epzt03 { position: relative; } .epzt03 .sty1 { font-size: 0.66667rem; font-weight: bold; color: #081426; line-height: 0.96rem; letter-spacing: 0.02667rem; padding-left: 4.09333rem; padding-top: 0.93333rem; padding-bottom: 0.8rem; position: relative; } .epzt03 .sty1:before { content: ""; width: 3.8rem; height: 4.13333rem; background: url(../zhuanti/images/epzt/epzt-rw.png) center top no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 0; } .epzt03 .sty1 span { color: #FF4337; } .epzt03 .same-text { background: url(../zhuanti/images/epzt/mepzt-bg.jpg) right top no-repeat; background-size: cover; padding: 0.66667rem 0.66667rem 1.86667rem 0.66667rem; margin-left: 0.4rem; box-shadow: 0.16rem 0 0.42667rem #CDD1D6; } .epzt03 .sty2 { width: 6.85333rem; background: #FF4337; padding: 0.25333rem 0; font-size: 0; text-align: center; position: absolute; right: 0.4rem; bottom: -1.26667rem; } .epzt03 .sty2 span { font-size: 0.37333rem; color: #ffffff; display: inline-block; vertical-align: middle; } .epzt03 .sty2 span b { font-size: 2.13333rem; font-weight: bold; margin-right: 0.2rem; text-shadow: 0px 0.09333rem 0.24rem #E4190C; } .epzt03 .sty2 strong { font-size: 0.4rem; color: #ffffff; line-height: 0.64rem; display: inline-block; vertical-align: middle; padding-left: 0.44rem; border-left: 1px solid #ffffff; margin-left: 0.37333rem; } .epzt03 .sty2 strong em { margin-left: -0.37333rem; display: block; } .epzt04 { padding-top: 2.46667rem; position: relative; } .epzt04:before { content: ""; width: 21.24rem; height: 4.4rem; background: url(../zhuanti/images/epzt/mepzt-font02.png) center no-repeat; background-size: 100%; position: absolute; left: 1.46667rem; top: 0.13333rem; z-index: -1; } .epzt04 .same-text { margin-top: 0.6rem; margin-bottom: 0.49333rem; } .epzt04 .sty1 { margin-right: 0.4rem; position: relative; z-index: 1; } .epzt04 .sty1 video, .epzt04 .sty1 img { width: 100%; display: block; } .epzt04 .swtbox { background: #1d2025; padding-top: 2.8rem; padding-bottom: 1.57333rem; margin-top: -2.02667rem; margin-bottom: -2.06667rem; overflow: hidden; position: relative; } .epzt04 .swtbox:before { content: ""; width: 19.10667rem; height: 4.4rem; background: url(../zhuanti/images/epzt/mepzt-font03.png) center no-repeat; background-size: 100%; position: absolute; left: 0.8rem; bottom: 0.4rem; } .epzt04 .swtbox p { font-size: 0.4rem; color: #ffffff; line-height: 0.8rem; } .epzt04 .swtbox .swt { width: 4.09333rem; height: 0.94667rem; border-radius: 0.66667rem; margin: 0.50667rem auto 0; display: block; box-shadow: 0 0.14667rem 0.50667rem rgba(255, 67, 55, 0.57); float: right; position: relative; z-index: 1; } .epzt04 .swtbox .swt a { width: 100%; height: 100%; background: #ff4337; border-top: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.66667rem; display: block; font-size: 0.48rem; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 0.92rem; box-shadow: 0 0.02667rem 0 #D21D11, -0.12rem 0.12rem 0.24rem rgba(255, 255, 255, 0.27) inset; } .epzt04 .sty2 { background: url(../zhuanti/images/epzt/mepzt-bg2.jpg) center no-repeat; background-size: cover; padding: 1.73333rem 0.64rem 1.25333rem; margin-left: 0.4rem; position: relative; box-shadow: 0 0.18667rem 1.05333rem #0E1013; } .epzt04 .sty2 li { margin: 0.53333rem 0; } .epzt04 .sty2 li p { font-size: 0.37333rem; color: #ffffff; line-height: 0.8rem; margin: 0.13333rem 0; } .epzt04 .sty2 li p i { font-size: 0.42667rem; color: #ff4337; font-weight: bold; font-style: normal; margin-right: 0.4rem; } .epzt04 .sty2 li p strong { font-size: 0.42667rem; color: #ffffff; } .epzt05 { background: url(../zhuanti/images/epzt/epzs-bg3.jpg) no-repeat; background-position: -1.6rem top; background-size: 190%; padding-top: 1.46667rem; padding-bottom: 1.46667rem; } .epzt05 .same-text { margin-top: 0.6rem; margin-bottom: 0.62667rem; } .epzt05 .epzl { margin-left: -4.18%; } .epzt05 .epzl dl { width: 45.82%; float: left; margin-left: 4.18%; margin-bottom: 0.48rem; padding-right: 0.06667rem; background-image: linear-gradient(to bottom right, #ffffff 55%, #fd554a); border-radius: 0.13333rem 0.13333rem 0.4rem 0.13333rem; position: relative; z-index: 1; } .epzt05 .epzl dl:before { content: ""; background: #ffffff; border-radius: 0.13333rem 0.13333rem 0.37333rem 0.13333rem; position: absolute; left: 0; right: 0.02667rem; top: 0; bottom: 0.02667rem; z-index: -1; } .epzt05 .epzl dl dd { background: #fd554a; background-image: linear-gradient(to bottom right, #ffffff 55%, #fd554a); border-radius: 0.13333rem 0.13333rem 0.4rem 0.13333rem; padding: 0.01333rem; overflow: hidden; } .epzt05 .epzl dl dd img { width: 100%; border-radius: 0.13333rem 0.13333rem 0.4rem 0.13333rem; } .epzt05 .epzl dl dt { padding: 0.33333rem 0.4rem 0.4rem 0; text-align: right; } .epzt05 .epzl dl dt p { font-size: 0.42667rem; color: #54585e; } .epzt05 .epzl dl dt .look-cs { font-size: 0.34667rem; color: #ff4337; display: block; margin-top: 0.32rem; } .epzt05 .epzl .same { width: 95.82%; } .epzt05 .epzl .same dt { font-size: 0; padding-right: 0.8rem; } .epzt05 .epzl .same dt p { display: inline-block; } .epzt05 .epzl .same dt .look-cs { display: inline-block; margin-left: 0.8rem; margin-top: 0; } .epzt05 .swtbox { width: 7.22667rem; height: 3rem; border: 1px solid #D7DADE; border-radius: 0.26667rem; font-size: 0.48rem; color: #081426; line-height: 0.8rem; text-align: center; padding: 0.46667rem 10%; margin: 0 auto; margin-top: 0.13333rem; position: relative; } .epzt05 .swtbox .swt { width: 3.68rem; height: 1.10667rem; border-radius: 0.66667rem; margin: 0.50667rem auto 0; display: block; box-shadow: 0 0.14667rem 0.50667rem rgba(255, 67, 55, 0.57); float: right; position: absolute; left: 50%; bottom: -0.6rem; margin-left: -1.84rem; } .epzt05 .swtbox .swt a { width: 100%; height: 100%; background: #ff4337; border-top: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.66667rem; display: block; font-size: 0.48rem; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 1.08rem; box-shadow: 0 0.02667rem 0 #D21D11, -0.12rem 0.12rem 0.24rem rgba(255, 255, 255, 0.27) inset; } .epzt06 { background: url(../zhuanti/images/epzt/mepzt-bg3.jpg) no-repeat; background-size: cover; padding-top: 1.44rem; padding-bottom: 2rem; position: relative; } .epzt06 .totaltit { font-size: 0.37333rem; color: #ff4337; } .epzt06 .totaltit:before { content: ""; width: 0.4rem; height: 0.02667rem; background: #FF4337; border-radius: 1px; display: inline-block; vertical-align: middle; margin-right: 0.32rem; } .epzt06 .same-tit { color: #ffffff; margin-top: 0.32rem; margin-bottom: 0.85333rem; } .epzt06 .picbox { border-radius: 0.66667rem; overflow: hidden; } .epzt06 .cspzbox { margin-top: 0.72rem; margin-bottom: 0.6rem; } .epzt06 .cspzbox .cs { float: left; } .epzt06 .cspzbox .cs p { font-size: 0.37333rem; color: rgba(255, 255, 255, 0.6); margin-top: 0.73333rem; } .epzt06 .cspzbox .cs p:first-child { margin-top: 0; } .epzt06 .cspzbox .cs p span { font-size: 0.42667rem; font-weight: bold; color: #FFFFFF; display: block; margin-top: 0.34667rem; } .epzt06 .cspzbox .dispose { width: 4rem; float: right; } .epzt06 .cspzbox .dispose .pzbt { width: 2.58667rem; background: #d21d11; border-radius: 0.13333rem 0.13333rem 0 0; font-size: 0.4rem; color: #ffffff; font-weight: bold; text-align: center; padding-top: 0.17333rem; padding-bottom: 0.24rem; margin: 0 auto; } .epzt06 .cspzbox .dispose ul { background: #2c3036; background-image: linear-gradient(205deg, #424750, #797E85); border-radius: 0.13333rem; padding: 0.32rem 0; margin-top: -0.02667rem; overflow: hidden; position: relative; box-shadow: 0 0.09333rem 0.24rem #14161A; z-index: 1; } .epzt06 .cspzbox .dispose ul:before { content: ""; background: #2c3036; border-radius: 0.13333rem; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; z-index: -1; } .epzt06 .cspzbox .dispose ul li { width: 50%; float: left; text-align: center; margin: 0.18667rem 0; } .epzt06 .cspzbox .dispose ul li img { width: 100%; margin-right: -0.8rem; margin-bottom: -0.24rem; } .epzt06 .cspzbox .dispose ul li p { font-size: 0.32rem; color: #ffffff; line-height: 0.48rem; } .epzt06 .cspzbox .dispose ul li:nth-child(2) img { margin-right: -0.66667rem; } .epzt06 .cspzbox .dispose ul li:nth-child(3) img { margin-right: -0.4rem; } .epzt06 .telbox { width: 10.53333rem; position: absolute; left: 50%; bottom: -1.6rem; margin-left: -5.26667rem; } .epzt06 .swiper-container { padding-bottom: 0.4rem; } .epzt06 .swiper-slide { padding: 0 0.4rem; } .epzt06 .three .cspzbox .dispose ul li { width: 100%; } .epzt06 .three .cspzbox .dispose ul li img { width: 74.55%; margin-right: 0; margin-bottom: 0.13333rem; } .epzt06 .swiper-pagination .swiper-pagination-bullet { width: 0.13333rem; height: 0.13333rem; background: #FFFFFF; border-radius: 50%; margin: 0 0.18667rem; opacity: 1; } .epzt06 .swiper-pagination .swiper-pagination-bullet-active { background: #FF4337; } .epzt07 { background: url(../zhuanti/images/epzt/mepzt-bg4.jpg) center top no-repeat; background-size: cover; padding-top: 1.2rem; padding-bottom: 4.06667rem; margin-top: 1.86667rem; } .epzt07 .same-tit { text-align: center; } .epzt07 .epnews { margin-top: 0.53333rem; } .epzt07 .epnews li { padding-left: 0.49333rem; margin-top: 0.16rem; position: relative; } .epzt07 .epnews li:before { content: ""; width: 0.10667rem; height: 0.10667rem; border: 1px solid #797D85; border-radius: 50%; position: absolute; left: 0; top: 0.53333rem; } .epzt07 .epnews li a { font-size: 0.37333rem; color: #54585e; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0.37333rem 0; display: block; } .epzt07 .epnews li span { font-size: 0.32rem; color: #a0a2a7; display: block; } .epzt08 { margin-top: -2.93333rem; margin-bottom: 0.8rem; } .epzt08 .same-tit { text-align: center; } .epzt08 .sty1 { height: 3.41333rem; background: url(../zhuanti/images/epzt/mepzt07-jgbg.jpg) center no-repeat; background-size: 100%; border-radius: 0.4rem; padding: 1.06667rem 0.66667rem 0 3.93333rem; margin-top: 0.8rem; margin-bottom: 0.66rem; overflow: hidden; box-shadow: 0 0.18667rem 1.05333rem 0 rgba(12, 24, 45, 0.18); font-size: 0.37333rem; line-height: 0.64rem; color: #ffffff; } .epzt08 .same-text p { margin-top: 0.48rem; } .epzt09 { background: url(../zhuanti/images/epzt/mepzt-bg5.jpg) center no-repeat; background-size: cover; padding-top: 1.53333rem; padding-bottom: 3.33333rem; } .epzt09 .same-tit { text-align: center; color: #ffffff; } .epzt09 .same-text { color: #ffffff; margin-top: 0.66667rem; margin-bottom: 0.49333rem; } .epzt09 .sty2 { width: 8.10667rem; height: 1.02667rem; background: #1c2025; border: 1px solid #ff4337; border-radius: 0.53333rem; font-size: 0.37333rem; text-align: center; color: #ff4337; line-height: 1rem; font-weight: bold; margin: 0 auto; margin-top: 0.66667rem; } .epzt10 { background: linear-gradient(269deg, #f9a09b, #FFFFFF); border-radius: 0.26667rem; padding-top: 1.06667rem; padding-bottom: 0.88rem; margin: -2.4rem 0.4rem 0; box-shadow: 0 0.02667rem 0.21333rem rgba(33, 30, 30, 0.2); position: relative; z-index: 1; } .epzt10:before { content: ""; background: #ffffff; border-radius: 0.24rem; position: absolute; left: 0; right: 0.02667rem; top: 0.02667rem; bottom: 0.02667rem; z-index: -1; } .epzt10 .same-tit { text-align: center; } .epzt10 .same-text { margin-top: 0.54667rem; margin-bottom: 0.49333rem; } .epzt10 .same { border: 1px solid #D7DADE; border-radius: 0.13333rem; margin-top: 0.33333rem; overflow: hidden; position: relative; } .epzt10 .same input, .epzt10 .same textarea { width: 100%; height: 1.06667rem; font-size: 0.34667rem; line-height: 1.04rem; padding: 0 0.4rem; padding-left: 2.4rem; } .epzt10 .same input:-webkit-autofill { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important; box-shadow: 0 0 0 1000px #FFFFFF inset !important; } .epzt10 .same span { font-size: 0.4rem; color: #081426; line-height: 1.05333rem; position: absolute; left: 0.4rem; top: 0; } .epzt10 .same span font { position: absolute; left: -0.21333rem; } .epzt10 .icon-txt textarea { height: 3.73333rem; line-height: 0.64rem; text-indent: 2rem; padding-left: 0.4rem; padding-top: 0.24rem; } .epzt10 .submit { border-radius: 0.53333rem; margin: 0.8rem auto 0; display: table; box-shadow: 0 0.14667rem 0.50667rem rgba(255, 67, 55, 0.57); } .epzt10 .submit input { width: 3.22667rem; height: 0.86667rem; background: #FF4337; border-radius: 0.53333rem; border-top: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5); font-size: 0.48rem; color: #ffffff; font-weight: bold; text-align: center; line-height: 0.82667rem; display: block; box-shadow: 0 0.04rem 0 #d21d11, 0 0.12rem 0.24rem rgba(255, 255, 255, 0.27) inset; } @keyframes effect { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } @-webkit-keyframes effect { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } }