?@charset "UTF-8"; .PubContainer{ padding-left:4.68vw; padding-right:4.68vw;} .m2banner{ position:relative;} .m2banner .bgImg{ height:35.41vw} .m2banTxt{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#fff; padding-top:56px;} .m2banTxt strong{ font-size: 4.68vw; font-weight: normal; display: block; } .m2menu{ line-height: 78px; height: 79px; border-bottom: 1px solid #DEDEDE; overflow:hidden; } .m2menu_a{ font-size: 18px; display: inline-block; margin-right: 4.58vw; position: relative; float:left; } .m2menu_a.on,.m2menu_a:hover{ color: #b71254; } .m2menu_a:after{content:""; height:4px; background:#b71254; transition:all 0.5s ease-in-out; left:50%; bottom:-1px; width:0%; position:absolute;} .m2menu_a.on:after,.m2menu_a:hover:after{ width:100%; left:0} .m2backTop{ background: url(/images/backTop.png) no-repeat right center; display: inline-block; float: right; padding-right: 39px; font-size: 16px; color: #999999; transition:all 0.3s ease-in-out; display:none!important} .m2backTop:hover{ background: url(/images/backTop_h.png) no-repeat right center; } @media (max-width:1799px){ .m2banTxt strong{ font-size: 3.88vw;} .m2menu_a{ font-size: 16px; margin-right: 4.08vw;} .m2banner .bgImg{ height:32.2vw} .m2backTop{font-size:15px;} } @media (max-width:767px){ .m2backTop{display:none;} .m2menu{height:auto; overflow:hidden; text-align:center; line-height:38px; padding-top:15px; padding-bottom:15px;} .m2menu_a{float:none; display:inline-block; line-height:38px; height:38px; margin-bottom:5px; font-size:14px; margin:0 10px;} .m2menu_a:after{height:2px; bottom:2px;} .m2banner .bgImg{height:200px;} .m2banTxt strong{font-size:24px;} } .m2hisCon{ padding-bottom: 65px; position: relative; padding-top: 4.42vw; background: url(/images/m2his_bg.jpg) no-repeat fixed center center;} .m2hisCon:before{ content: ""; background: url(/images/m2his_line.png) repeat-y center top; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 4.42vw; bottom: 0px; } .m2hisul{ position:relative;} .m2hisul li{ padding-bottom:30px; position:relative;} .m2hisYr{ height: 106px; width: 106px; border: 4px solid #DCDCDC; position: absolute; left: 50%; top: 0px; margin-left: -53px; background: #FFF; border-radius:50%;} .m2hisYr span{ background: #b71353; text-align: center; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; display: block; font-size: 26px; line-height: 82px; color: #FFF; border-radius:50%;} .m2hisYr i{ position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border-top: 4px solid #b71353; border-radius:50%; opacity:0; transition:all 0.5s ease-in-out; animation:radiusRotate 1s infinite linear; } .m2hisul li:hover .m2hisYr i{ opacity:1;} .m2hisBox{ width:calc(50% - 4.68vw); box-shadow:0 0 25px rgba(0,0,0,0.13); padding:35px 45px 40px; font-size:16px; line-height:32px; position:relative; display:inline-block; text-align:left} .m2hisBox:after{content:""; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #fff; position:absolute; top:36px; right:-15px;} .m2hisBox strong{ line-height: 48px; display: block; height: 48px; margin-bottom: 10px; font-size: 36px; color: #b71353; font-weight: normal; } .m2hisul li:nth-child(2n){text-align:right;} .m2hisul li:nth-child(2n) .m2hisBox:after{content:""; border-left:none; border-right:15px solid #fff; right:auto; left:-15px;} @media (max-width:1799px){ .m2hisBox strong{ line-height: 40px; height: 40px; font-size: 30px; } .m2hisBox{ font-size:15px; line-height:28px;} .m2hisYr{ height: 86px; width: 86px; border: 2px solid #DCDCDC; margin-left: -43px;} .m2hisYr span{ left: 6px; top: 6px; right: 6px; bottom: 6px; font-size: 21px; line-height: 68px;} .m2hisYr i{ left: -2px; top: -2px; right: -2px; bottom: -2px; border-top: 2px solid #b71353;} .m2hisBox{ width:calc(50% - 75px);} .m2hisBox:after{top:28px;} } @media (max-width:767px){ .m2hisCon:before{display:none;} .m2hisYr{transform:scale(0.9) translateY(26px);} .m2hisBox:after{display:none;} .m2hisBox{width:100%; padding:85px 20px 40px} .m2hisBox strong{font-size:22px; margin-bottom:0; opacity:0} .m2hisul li{padding-bottom:20px;} } .m2nListCon{ background: #f5f5f5; padding: 68px 0px 75px; } .m2nul li{ margin-bottom:40px;} .m2n_aBox{ display:block; background:#fff; overflow:hidden; box-shadow:0 0 25px rgba(0,0,0,0.1);} .m2n_aBox .overflowHide{ float: left; height: 330px; width: 500px; } .m2nRx{ margin-left: 500px; padding: 46px 3.64vw 0px; } .m2nRx.noImg{margin-left:0;} .m2nRx strong{ font-size: 30px; font-weight: normal; line-height: 50px; display: block; } .m2nRx p{ font-size: 16px; line-height: 30px; color: #999999; height: 90px; margin: 15px 0px 36px; overflow:hidden } .m2nfun{overflow:hidden;} .m2nfun .transition{ line-height: 38px; height: 40px; width: 120px; border: 1px solid #b71353; padding-left: 19px; font-size: 16px; color: #b71353; letter-spacing: 1px; display: inline-block; background: url(/images/m2n_ar1.png) no-repeat 94px center; } .m2n_aBox:hover .m2nfun .transition{ background: #b71353 url(../images/m2n_ar1h.png) no-repeat 94px center; color: #FFF; } .m2nfun .fr{ font-size: 16px; line-height: 62px; color: #888888; background: url(/images/m2n_ti.png) no-repeat left center; padding-left: 23px; } .m2nBom{ text-align:center; padding-top:10px;} .m2nmore{ font-size: 22px; line-height: 52px; color: #FFF; background: #b71353; letter-spacing: 2px; display: inline-block; height: 52px; width: 320px; text-align: center; } .m2nmore:hover{ color:#fff;} @media (max-width:1799px){ .m2n_aBox .overflowHide{height: 280px; width: 440px; } .m2nRx{ padding: 35px 30px 0px; margin-left:450px; } .m2nRx strong{font-size:21px;} .m2nRx p{ font-size: 15px; line-height: 28px; height: 84px; margin: 6px 0px 15px; } .m2nfun .fr{font-size:14px;} .m2nmore{font-size:18px;} .m2nfun .transition{font-size:15px;} } @media (max-width:993px){ .m2n_aBox .overflowHide{ width:320px; } .m2nRx{margin-left:320px;} } @media (max-width:767px){ .m2nListCon{padding:40px 0px 55px;} .m2nul li{margin-bottom:20px;} .m2n_aBox .overflowHide{width:100%; float:none;} .m2n_aBox .overflowHide{height:220px;} .m2nRx{margin-left:0; padding:25px 15px 40px} .m2nRx strong{font-size:16px; line-height:28px; height:28px;} .m2nRx p{font-size:14px; line-height:24px; height:auto; max-height:120px;} .m2nfun .fr{line-height:36px;} .m2nmore{width:100%; font-size:16px;} } .m3nConWpr{ padding-top:86px; position:relative} .m3nline{background:#DEDEDE; right:419px; top:86px; bottom:0; position:absolute; width:1px;} .m3nLx{ width:calc(100% - 420px); float:left;} .m3npos{ padding: 28px 4.68vw 23px; border-bottom: 1px solid #DEDEDE; overflow: hidden; font-size: 18px; line-height: 32px; color: #777; } .m3npos *{ vertical-align:middle;} .m3npos i{ background: url(/images/m3n_pos_ar.png) no-repeat center center; display: inline-block; height: 10px; width: 6px; margin: 0px 15px; } .m3nback{ background: url(/images/m3n_ar.png) no-repeat left center; padding-left: 38px; line-height: 32px; display: inline-block; } .m3nback:hover{ background: url(/images/m3n_ara.png) no-repeat left center; } .cor_red{ color: #b71353; } .m3nImBox{ padding: 50px 4.68vw 45px; border-bottom: 1px solid #ddd; } .m3n_t{ font-size: 34px; line-height: 50px; font-weight: normal; display: block; } .m3nInfo{ font-size: 16px; color: #888888; margin-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #DEDEDE; line-height: 30px; overflow:hidden;} .m3n_s1{ background: url(/images/m2n_ti.png) no-repeat left center; padding-left: 22px; margin-right: 30px; float:left; } .m3n_s2{ background: url(/images/m2n_ti2.png) no-repeat left center; padding-left: 26px; float:right; } .m3nsa{ background-color: #E3E3E3; float: left; height: 30px; width: 30px; margin-left: 10px; border-radius:0.3em; background-position:center center; background-repeat:no-repeat;} .m3nsa:hover{ background-color: #b71353;} .m3nsa1{ background-image:url(/images/m3n_si1.png);} .m3nsa2{ background-image:url(/images/m3n_si2.png);} .m3nsa3{ background-image:url(/images/m3n_si3.png);} .m3nsa4{ background-image:url(/images/m3n_si4.png);} .m3nEditor{ padding: 35px 0px 42px; border-bottom: 1px solid #ddd; font-size: 18px; line-height: 34px; color: #666666; } .m3page{ padding: 35px 0px 70px; } .m3page .fl{ font-size: 16px; line-height: 30px; color: #888888; height: 30px; width: 45%; } .m3page .fr{ font-size: 16px; line-height: 30px; color: #888888; height: 30px; width: 45%; text-align:right;} .m3nRx{ width: 419px; float: right; padding: 0px 2.6vw; } .m3n_rt{ line-height: 82px; padding-top: 18px; font-size: 32px; letter-spacing: 1px; } .m3nRul li{ margin-bottom:28px;} .m3narBox{ display:block;color: #666666; } .m3narBox .overflowHide{ height: 211px; margin-bottom: 16px; } .m3narBox p{ font-size: 18px; line-height: 30px; margin-bottom: 8px; } .m3narBox span{ display: inline-block; padding-left: 22px; line-height: 26px; height: 26px; font-size: 16px; color: #888888; background: url(/images/m2n_ti.png) no-repeat left center; } @media (max-width:1799px){ .m3n_rt{font-size:24px; line-height:66px;} .m3nLx{ width:calc(100% - 400px);} .m3nRx{ width: 399px; padding:0 30px;} .m3nline{ right:399px; top:80px;} .m3narBox .overflowHide{height:195px;} .m3narBox p{font-size:16px; line-height:28px;} .m3narBox span{font-size:14px;} .m3n_t{font-size:28px; line-height:42px;} .m3nInfo{font-size:14px;} .m3nEditor{font-size:17px; line-height:32px;} .m3page .fl,.m3page .fr{font-size:15px;} .m3nImBox{padding-right:30px;} } @media (max-width:993px){ .m3nLx{width:100%; float:none;} .m3nline{display:none;} .m3nRx{display:none;} } @media (max-width:767px){ .m3nRx{display:block;} .m3nConWpr{padding-top:56px;} .m3npos{padding:18px 15px 15px; font-size:14px;} .m3npos i{margin:0 3px;} .m3nback{display:none;} .m3nImBox{padding:30px 15px 35px;} .m3n_t{font-size:21px; line-height:34px; text-align:center;} .m3n_s1{margin-right:10px;} .m3nInfo .fl{width:100%; float:none; display:block; overflow:hidden} .m3nInfo{text-align:center;} .m3nInfo .fr{width:165px; margin:12px auto 0; float:none;} .m3nEditor{padding:25px 0px 32px;} .m3page{overflow:hidden; padding:25px 0px 5px;} .m3page .fl,.m3page .fr{width:100%; display:block; float:none; font-size:14px; text-align:left} .m3nRx{width:100%; padding-right:15px; padding-left:15px; padding-bottom:16px;} .m3n_rt{font-size:21px; line-height:52px;} .m3narBox p{font-size:14px; line-height:24px; height:auto;} } .m2cmBoxWpr{ background: url(/images/m2cm_img.png) no-repeat right bottom; background-size:50vw auto; } .m2cmBoxWpr2{ background: url(/images/m2cm_img2.png) no-repeat right bottom; background-size:45vw auto; } .m2cmBox{ max-width: 1100px; padding-top: 62px; } .m2cm_t{ font-size: 60px; line-height: 80px; } .m2cmEditor{ font-size: 16px; line-height: 34px; color: #666666; padding: 30px 0px 75px; } @media (max-width:1799px){ .m2cm_t{font-size:40px; line-height:60px;} .m2cmEditor{ font-size: 15px; line-height: 30px; padding: 20px 0px 65px; } .m2cmBoxWpr{ background-size:40vw auto; } .m2cmBox{ max-width: 800px; padding-top: 45px; } } @media (max-width:1199px){ .m2cmBox{max-width:none;} .m2cmEditor{padding-bottom:300px;} } @media (max-width:993px){ .m2cmEditor{padding-bottom:200px;} } @media (max-width:767px){ .m2cmBox{padding-top:40px;} .m2cm_t{font-size:24px; line-height:36px; text-align:center} .m2cmEditor{padding-top:15px; font-size:14px;} .m2cmBoxWpr{background-size:66vw} } .m2ryCon{ padding-top: 3.64vw; } .m2ry_t{ text-align: center; font-size: 60px; letter-spacing: 2px; line-height: 68px; display: block; } .m2ryTopWprs{ margin: 0px auto; max-width: 1060px; position: relative; padding: 30px 0px; } .m2ryTopWprs:before{ content: ""; background: url(/images/m2ry_bg.png) no-repeat; height: 396px; width: 220px; position: absolute; left: 0px; top: 50%; margin-top: -198px; } .m2ryTopWprs:after{content:""; background: url(/images/m2ry_bg.png) no-repeat; height: 396px; width: 220px; position: absolute; right: 0px; top: 50%; margin-top: -198px; transform:rotateY(180deg); } .m2ryTop{ min-height:430px; text-align: center; } .m2ry_yr{ font-size: 46px; color: #b71353; line-height: 54px; margin-bottom: 24px; font-weight: bold;} .m2ryTop_txt{ font-size: 16px; line-height: 34px; color: #666666; padding: 0px 225px; } .m2ry_yrSwiperWpr{ height: 180px; position:relative; margin-top:25px;} .m2ry_yrSwiperWpr:before{ content: ""; background: url(/images/m2ry_line.png) repeat-x center center; height: 18px; position: absolute; left: 0px; top: 0px; width: 100%; -webkit-animation: animate-cloud 10s linear infinite; animation: animate-cloud 10s linear infinite; } .m2ry_yrSwiper{position:relative; z-index:2;} .m2ry_yrSwiper .slick-prev{ background: url(/images/m2ry_btn.png) no-repeat center center; display: inline-block; height: 38px; width: 22px; position: absolute; left: 0px; top: 50px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer } .m2ry_yrSwiper .slick-next{ background: url(/images/m2ry_btn.png) no-repeat center center; display: inline-block; height: 38px; width: 22px; position: absolute; right: 0px; top: 50px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:rotate(180deg);} .m2ry_yrSwiper .slick-prev:hover,.m2ry_yrSwiper .slick-next:hover{ background: url(/images/m2ry_btna.png) no-repeat center center; } .m2ry_sitem{ font-size: 30px; line-height: 136px; text-align: center; position:relative } .slick-current.m2ry_sitem{ color: #b71253; } .m2ry_sitem i{ height: 22px; width: 22px; border: 3px solid rgba(255,255,255,0); margin-left: -11px; position: absolute; left: 50%; top: 6px; border-radius:50%; transition:all 0.5s ease-in-out;} .m2ry_sitem i:after{content:""; background:#666; border-radius:50%; width:6px; height:6px; margin-left:-3px; margin-top:-3px; position:absolute; left:50%; top:50%;} .slick-current.m2ry_sitem i{transition:all 0.5s ease-in-out; border: 3px solid #B71154; } .slick-current.m2ry_sitem i:after{background:#B71154;} .m2ryImgsWpr{ margin-bottom: 4.68vw; position:relative; height:390px; margin-left:-23px; margin-right:-23px;} .m2ryImg{ position:absolute; left:0; top:0; width:100%; opacity:1; visibility:visible; transition:all 0.5s ease-in-out;} .m2ryImg.on{ opacity:1; visibility:visible;} .m2ry_sx{ padding:0 23px;} .m2ryImgsWpr .slick-prev{ background: #C54575 url(../images/m2ry_btn3.png) no-repeat center center; display: inline-block; height: 100px; width: 68px; position: absolute; left: -95px; top: 136px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; } .m2ryImgsWpr .slick-next{ background: #C54575 url(../images/m2ry_btn3.png) no-repeat center center; display: inline-block; height: 100px; width: 68px; position: absolute; right: -95px; top: 136px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:rotate(180deg);} .m2ry_sbmx{ background: #F6F6F6; border: 1px solid #BFBFBF; padding:13px;} .m2ry_sbmx img{margin:0 auto;} .m2ry_sx .overflowHide{} .m2ry_sx p{ height: 60px; margin-top: 10px; overflow: hidden; font: 18px/60px "微软雅黑"; text-align: center; } @media (max-width:1799px){ .m2ry_t{ font-size:40px; line-height:66px;} .m2ry_yr{font-size:36px; line-height:46px; margin-bottom:15px;} .m2ryTop_txt{font-size:15px; line-height:30px;} .m2ry_sitem{font-size:24px} .m2ry_yrSwiperWpr{height:150px;} .m2ry_sx p{font-size:16px; line-height:50px; height:50px;} .m2ryImgsWpr .slick-prev{ height: 80px; width: 46px; left: -55px; top: 106px; background-size:18px auto;} .m2ryImgsWpr .slick-next{ height: 80px; width: 46px; right: -55px; top: 106px; background-size:18px auto;} .m2ryImgsWpr{height:330px;} } @media (max-width:767px){ .m2ryCon{padding-top:30px;} .m2ry_t{font-size:24px; line-height:36px;} .m2ryTopWprs{padding-top:20px;} .m2ry_yr{ font-size:24px;} .m2ryTop_txt{padding:0 15px;} .m2ryTopWprs .draggable{z-index:2;} .m2ryTopWprs:before,.m2ryTopWprs:after{opacity:0.5;} .m2ry_yrSwiper{padding:0 30px;} .m2ry_sx{padding:0 5px;} .m2ryImgsWpr {margin-left:40px; margin-right:40px; margin-top:-35px;} .m2ryImgsWpr .slick-prev{width:30px; height:50px; background-size:12px auto; left:-35px; top:86px;} .m2ryImgsWpr .slick-next{width:30px; height:50px; background-size:12px auto; right:-35px; top:86px;} .m2ryImgsWpr{height:290px;} .m2ry_sx p{font-size:14px; line-height:42px; height:42px;} } .m2zzjgWpr{ padding: 62px 0px 82px; background: url(/images/m2zzjg.png) no-repeat center bottom; text-align: center; } .m2zzjg_t{ line-height: 76px; font-weight: normal; font-size: 60px; letter-spacing: 2px; } .m2zzjg_img{padding-top:55px;} @media (max-width:1799px){ .m2zzjg_t{ line-height: 60px; font-size: 40px; } .m2zzjg_img{padding-top:30px;} .m2zzjg_img img{max-width:800px; height:auto;} } @media (max-width:767px){ .m2zzjgWpr{padding-top:45px;} .m2zzjg_t{font-size:24px; line-height:38px;} .m2zzjg_img img{width:100%; height:auto;} } .m2lxConWpr{ background: url(/images/m2lx_bg.png) no-repeat left top; overflow:hidden } .m2lxLx{ float: left; width: 50%; padding: 75px 6.51vw 0px; } .m2lx_t{ font-size: 48px; letter-spacing: 2px; line-height: 70px; display: block; } .m2lx_info{ margin: 38px 0px 36px; } .m2lx_info p{ font-size: 18px; line-height: 30px; color: #666666; height: 30px; padding-left: 42px; position:relative; margin-bottom:10px; } .m2lx_info p img{ position: absolute; left: 0px; top: 3px; } .m2lx_bul{ margin:0 -23px;} .m2lx_bul li{ float:left; padding:0 23px; width:50%;} .m2lx_aBox{ display: block; height:; height: 242px; padding-top: 35px; text-align: center; box-shadow:0 0 15px rgba(0,0,0,0.1);} .m2lx_aBox span{ display: inline-block; width: 70px; } .m2lx_aBox strong{ font-size: 26px; line-height: 40px; color: #ad1850; margin-top: 20px; display: block; font-weight: normal; } .m2lx_aBox p{ font-size: 24px; line-height: 48px; color: #555; } .m2lxRx{ float: right; width: 50%; } .m2lxMap { height: 700px; } .inxMapLayer { background: url(/images/m2lx_mpx.png) no-repeat; height: 168px; width: 477px; padding: 55px 0px 0px 158px; font-size: 20px; line-height: 32px; text-align: center; } .amap-info-content { transform: translate(30px, 25px); } .amap-info-outer, .amap-menu-outer { box-shadow: none!important; } .amap-info-content { background: none; } .amap-info-close { right: 52px!important; top: 46px!important; } .bottom-center .amap-info-sharp { display: none; } @media (max-width:1799px){ .m2lxMap { height: 550px; } .m2lxLx{ padding: 55px 4.51vw 0px; } .m2lx_t{ font-size: 32px; line-height: 50px;} .m2lx_info{ margin: 15px 0px 22px; } .m2lx_info p{ font-size: 16px; padding-left:35px; } .m2lx_bul{ margin:0 -15px;} .m2lx_bul li{ padding:0 15px;} .m2lx_aBox{ height: 202px; padding-top: 35px;} .m2lx_aBox span{ width: 50px; } .m2lx_aBox strong{ font-size: 21px; line-height: 32px; margin-top: 15px;} .m2lx_aBox p{ font-size: 18px; line-height: 38px; } } @media (max-width:993px){ .m2lxLx{width:100%; float:none;} .m2lxRx{width:100%; float:none;} } @media (max-width:767px){ .m2lx_t{font-size:21px; line-height:32px;} .m2lx_info p{font-size:13px;} .m2lx_bul li{width:100%; margin-bottom:20px;} .inxMapLayer{transform:scale(0.8) translate(-30px,20px);} } .m2shConWpr{ background:#f5f5f5 url(../images/m2sh_bg.png) no-repeat center top; padding: 4.68vw 0px; background-size:100% auto;} .m2sh_t{ font-size: 60px; letter-spacing: 2px; line-height: 76px; } .m2sh_des{ font-size: 26px; line-height: 42px; color: #666666; margin: 28px 0px 35px; } .m2shTags{ margin-bottom: 3.64vw; } .m2shTags a{ line-height: 56px; color: #FFF; display: inline-block; padding: 0px 28px; height: 56px; font-size: 20px; background: #AD1751; margin-right: 30px; } .m2shTags a:hover{ color:#fff; transform:translateY(-5px); box-shadow:0 3px 8px rgba(0,0,0,0.1);} .m2shul li{ overflow:hidden; background:#fff;} .m2shul .txtBox-wp{ float: left; width:50%;} .m2shul .picBox-wp{ float:right; width:50%;} .m2shul .picBox,.m2shul .txtBox{ width:100%;} .m2shul .picBox-wp .bgImg{ height:580px;} .m2sh_txt{ padding: 0px 4.42vw; } .m2sh_icon{ display:block; width:80px; height:auto;} .m2sh_txt strong{ font-size: 40px; line-height: 54px; display: block; letter-spacing: 2px; margin: 25px 0px 30px; font-weight: normal; } .m2sh_txt p{ font-size: 16px; line-height: 32px; color: #777777; } .m2sh_txt dl{ font-size: 16px; line-height: 32px; color: #777777; margin-top: 30px; } .m2sh_txt dl dd{ position: relative; padding-left: 20px; } .m2sh_txt dl dd:before{ content: ""; background: url(/images/m2n_ar1.png) no-repeat center center; display: inline-block; height: 12px; width: 7px; position: absolute; left: 0px; top: 9px; } .m2shul li:nth-child(2n) .txtBox-wp{ float:right} .m2shul li:nth-child(2n) .picBox-wp{ float:left} @media (max-width:1799px){ .m2sh_t{ font-size:40px; line-height: 66px; } .m2sh_des{ font-size: 21px; line-height: 36px; margin: 20px 0px 28px; } .m2shTags a{ line-height: 50px; padding: 0px 20px; height: 50px; font-size:16px;margin-right: 20px; } .m2sh_icon{ width:60px;} .m2sh_txt strong{ font-size: 26px; line-height: 40px; margin: 20px 0px 15px; } .m2sh_txt p{ font-size: 15px; line-height: 28px; } .m2sh_txt dl{ font-size: 15px; line-height: 28px; margin-top: 20px; } .m2shul .picBox-wp .bgImg{ height:480px;} } @media (max-width:993px){ .m2shul .picBox-wp{width:100%; float:none;} .m2shul .txtBox-wp{width:100%; float:none;} .m2sh_txt{padding-top:50px; padding-bottom:50px;} } @media (max-width:767px){ .m2shConWpr{padding:30px 0px 50px;} .m2sh_t{font-size:24px; line-height:36px;} .m2sh_des{font-size:16px; line-height:30px;} .m2shTags a{ line-height: 46px; padding: 0px 15px; height: 46px; font-size: 14px; margin-right: 10px; } .m2shTags a:last-child{margin-right:0;} .m2shul .picBox-wp .bgImg{height:200px;} .m2sh_txt{padding-top:30px;} .m2sh_icon{width:40px; height:40px;} .m2sh_txt strong{ font-size:21px; line-height:32px;} } .m2jbCon{ background: #f5f5f5 url(../images/m2zp_bg.png) no-repeat center top; padding: 60px 0px 70px; background-size:100% auto;} .m2jbSer{ margin: 0px auto 2.86vw; max-width: 756px; padding-right:140px; position:relative; } .m2jbSer input{ line-height: 50px; padding: 0px 170px 0px 55px; height: 50px; width: 100%; background: #FFF url(../images/m2jb_i.png) no-repeat 16px center; border-radius: 0.4em 0 0 0.4em; box-shadow: 0 0 15px rgba(0,0,0,0.1); font-size: 18px; } .m2jbSer input:focus{ box-shadow: 0 0 15px rgba(183,18,84,0.2);} .m2js_serBtn{ font-size: 20px; line-height: 50px; height: 50px; width: 140px; color: #FFF; background: #B71254; text-align: center; position: absolute; top: 0px; right: 0px; border-radius:0 0.3em 0.3em 0; } .m2js_serBtn:hover{ color:#fff;} .m2jbVars{ padding: 40px 38px 22px 38px; background: #FFF; border-radius:0.3em; box-shadow:0 3px 15px rgba(0,0,0,0.08); max-width:1360px; margin-left:auto; margin-right:auto;} .m2jbVar{ overflow:hidden; margin-bottom:18px; height:48px; overflow:hidden; position:relative;} .m2jbVar_tag{ margin-left:103px; position:relative; padding-right:68px;} .m2jbVar_tag a{ line-height: 36px; display: inline-block; padding: 0px 15px; font-size: 16px; color: #666666; margin-right:8px; border-radius:0.3em; white-space:nowrap; margin-bottom:12px;} .m2jbVar_tag a.on{ background:#B71254; color:#fff;} .m2jbVar.on{ height:auto;} .m2jbVar strong{ float: left; line-height:; font-size: 20px; line-height: 36px; font-weight: normal; } .m2jbVbtn{ background: url(/images/m2jb_btn.png) no-repeat left center; padding-left: 27px; font-size: 16px; line-height: 36px; color: #b71353; display: inline-block; position: absolute; top: 0px; right: 0px; } .m2jbVbtn span:nth-child(2){ display:none} .on .m2jbVbtn{ background: url(/images/m2jb_btn_h.png) no-repeat left center; } .on .m2jbVbtn span:nth-child(1){display:none;} .on .m2jbVbtn span:nth-child(2){ display:block} .m2jb_st{ max-width: 1360px; font-size: 24px; line-height: 70px; background: url(/images/m2jb_i2.png) no-repeat left center; padding-left: 36px; margin: 30px auto 0px; } .m2jbul{ max-width:1360px; margin-left:auto; margin-right:auto; margin-bottom:30px;} .m2jbul li{ margin-bottom: 26px; } .m2jb_aBox{ display: block; border-radius: 0.2em; background: #fff; padding: 28px 45px 36px; position:relative; } .m2jb_aBox:hover{box-shadow:0 5px 25px rgba(0,0,0,0.1);} .m2jb_aBox strong{ font-size: 32px; line-height: 50px; font-weight: normal; padding-right: 195px; position: relative; display:block; } .m2jb_tm{ font-size: 16px; color: #999999; background: url(/images/m2n_ti.png) no-repeat left center; padding-left: 21px; position: absolute; top: 0px; right: 0px; } .m2jb_stag{ padding-right: 200px; font-size: 18px; line-height: 40px; color: #999999; margin-top:10px; } .m2jb_aBox span.transition{ line-height: 38px; color: #B71254; text-align: center; height: 40px; width: 150px; border: 1px solid #B71254; font-size: 16px; position: absolute; right: 45px; bottom: 38px; z-index: 1; } .m2jb_aBox:hover span.transition{ color: #FFF; background: #B71254; } @media (max-width:1799px){ .m2jbSer input{ font-size: 16px; } .m2js_serBtn{ font-size: 18px;} .m2jbVar strong{ font-size: 16px;} .m2jbVar_tag{margin-left:95px;} .m2jbVar_tag a{ padding: 0px 12px; font-size: 15px; margin-right:5px;} .m2jb_st{ font-size: 22px; line-height: 70px; padding-left: 32px; margin: 20px auto 0px; } .m2jb_aBox{ padding: 20px 35px 30px;} .m2jb_aBox strong{ font-size: 21px; line-height: 40px; padding-right: 185px; } .m2jb_tm{ font-size: 15px; padding-left: 20px; } .m2jb_stag{ padding-right: 180px; font-size: 16px; line-height: 32px;} .m2jb_aBox span.transition{ line-height: 36px; height: 38px; width: 140px; font-size: 14px; right: 35px; bottom: 30px;} } @media (max-width:767px){ .m2js_serBtn{font-size:15px; width:102px;} .m2jbVars{padding:30px 15px 20px 15px;} .m2jbVar strong{font-size:15px; display:block; float:none; margin-bottom:5px; font-weight:bold} .m2jbVar_tag{margin-left:0; padding-right:0} .m2jbVar{height:auto;} .m2jbVar_tag a{ line-height: 30px; padding: 0px 10px; font-size: 14px; margin-right:5px; margin-bottom:8px;} .m2jbVar{margin-bottom:10px;} .m2jbVbtn{display:none;} .m2jb_st{font-size:18px;} .m2jb_aBox{ padding-left:15px; padding-right:15px;} .m2jb_aBox strong{padding-right:0; font-size:18px; line-height:28px;} .m2jb_tm{display:block; position:static; font-size:14px; margin-top:5px;} .m2jb_stag{padding-right:0; font-size:14px; line-height:30px;} .m2jb_aBox span.transition{display:block; position:static; margin-top:8px;} .m2jbul li{margin-bottom:20px;} } .m2zlBoxWpr{ padding: 70px 0px 40px; background:#f5f5f5;} .m2zlul{ margin: 0px -22px; } .m2zlul li{ padding: 0px 22px; margin-bottom: 44px;} .m2zl_aBox{ display:block;} .m2zl_aBox .overflowHide{height:19.79vw} .m2zl_aBox .overflowHide:after{ content: ""; background: url(/images/m2nn_line.png) repeat-x left bottom; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px;} .m2zlTxt{ font-size: 22px; color: #FFF; line-height: 32px; position: absolute; z-index: 2; left: 30px; right: 30px; padding-left: 58px; bottom: 28px; background: url(/images/m2nn_pi.png) no-repeat left center; } @media (max-width:1799px){ .m2zlul{ margin: 0px -15px; } .m2zlul li{ padding: 0px 15px; margin-bottom: 30px;} .m2zlTxt{font-size:20px;} } @media (max-width:1199px){ .m2zlTxt{font-size:16px; line-height:24px;} } @media (max-width:993px){ .m2zl_aBox .overflowHide{height:220px;} } @media (max-width:767px){ .m2zlBoxWpr{padding-top:45px;} .m2zlul li{margin-bottom:20px;} .m2zlTxt{font-size:15px;} } .m2xsBoxWpr{ padding: 70px 0px 30px; } .m2xsul li{ margin-bottom: 40px; } .m2xs_aBox{ display:block; background:#f5f5f5; overflow:hidden} .m2xs_aBox:hover{ background:#fff; box-shadow:0 0 25px rgba(0,0,0,0.1);} .m2xs_aBox .overflowHide{ float: left; height: 19.79vw; width: 28.64vw; } .m2xsRx{ margin-left: 28.64vw; height: 19.79vw; position:relative; } .m2xsRtxt{ padding: 0px 4.27vw; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);} .m2xsRtxt strong{ font-size: 34px; font-weight: normal; display: block; line-height: 46px; height: 46px; } .m2xsRtxt i{ background: url(/images/m2xs_ar.png) no-repeat center center; display: block; margin: 20px 0px; height: 7px; width: 12px; } .m2xsRtxt p{ font-size: 16px; line-height: 34px; color: #777777; max-height:102px; overflow:hidden; } @media (max-width:1799px){ .m2xsRx{margin-left:27.5vw;} .m2xsRtxt strong{font-size:21px;} .m2xsRtxt i{ margin:12px 0px 15px;} .m2xsRtxt p{ font-size: 14px; line-height: 28px; max-height:84px; } } @media (max-width:993px){ .m2xsRtxt p{height:56px;} } @media (max-width:767px){ .m2xsBoxWpr{padding:40px 0px 40px;} .m2xsul li{margin-bottom:20px;} .m2xs_aBox .overflowHide{width:100%; float:none; height:220px;} .m2xsRx{margin-left:0; height:auto; padding-bottom:20px; padding-top:15px;} .m2xsRtxt{position:relative; top:auto; transform:translateY(0);} .m2xsRtxt p{height:auto; max-height:none;} .m2xsRtxt strong{font-size:18px;} } .m2ygCon{ padding: 70px 0px 75px; } .m2ygul{ margin: 0px -22px; } .m2ygul li{ padding: 0px 22px; margin-bottom: 44px; } .m2yg_aBox{ display:block;} .m2yg_aBox .overflowHide{ height:19.79vw} .m2yg_aBox .overflowHide:after{ content: ""; background: url(/images/m2nn_line.png) repeat-x left bottom; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; } .m2yg_tnm{ font-size: 22px; color: #FFF; line-height: 44px; text-align: center; position: absolute; z-index: 2; left: 0px; right: 0px; padding: 0px 25px; bottom: 20px; } @media (max-width:1799px){ .m2ygul{ margin: 0px -15px; } .m2ygul li{ padding: 0px 15px; margin-bottom: 30px; } .m2yg_tnm{font-size:20px;} } @media (max-width:993px){ .m2yg_aBox .overflowHide{height:220px;} } @media (max-width:767px){ .m2ygCon{padding-top:45px;} .m2yg_tnm{font-size:16px;} .m2ygul li{margin-bottom:20px;} } .m2xyCon1{ background: url(/images/m2xy_bg1.jpg) no-repeat center top; padding: 4.16vw 0px 4.68vw; background-size: cover;} .m2xy_pt{ font-size: 48px; line-height: 60px; letter-spacing: 2px; text-align: center; } .m2xy_u1{ margin: 45px -20px 0px; } .m2xy_u1 li{ padding: 0px 20px; float: left; width: 50%; } .m2xy_c1x{ overflow:hidden; position:relative; background:rgba(0,28,39,0.1);} .m2xy_c1x strong{ line-height: 200px; text-align: center; height: 200px; width: 200px; font-size: 30px; color: #FFF; background: #4D7F8F; font-weight: normal; letter-spacing: 1px; float: left; } .m2xy_des{ position: absolute; left: 275px; right: 80px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 34px; color: #444; } .m2xy_u1 li:nth-child(2n) .m2xy_c1x strong{ background:#8a6fac} .m2xyCon2{ background: url(/images/m2xy_bg2.jpg) no-repeat center top; padding: 4.16vw 0px 4.94vw; background-size:cover;} .m2xyCon2 .m2xy_pt{color:#fff;} .m2xy_u2{ margin: 42px -17px 0px; } .m2xy_u2 li{ padding: 0px 17px; float: left; width: 20%; } .m2xy_c2a{ display: block; background: #FFF; padding: 40px 36px; text-align: center; } .m2xy_c2a:hover{transform:translateY(-10px); box-shadow:0 5px 12px rgba(0,0,0,0.1);} .m2xy_c2a span{ display:inline-block; width:70px; height:auto;} .m2xy_c2a strong{ font-size: 28px; line-height: 40px; font-weight: normal; display: block; margin-top: 26px; } .m2xy_c2a p{ font-size: 16px; line-height: 28px; color: #777777; margin-top:18px } .m2xyCon3{ padding: 4.68vw 0px 4.94vw; max-width: 1500px; margin: 0 auto 0px; } .m2xyc3ul{display: flex; justify-content: space-between; flex-wrap:wrap; margin-top:3.22vw; position:relative;} .m2xyc3ul:before{ content: ""; background: #D2D2D2; height: 2px; position: absolute; left: 0px; top: 50%; right: 0px; margin-top: -1px; } .m2xyc3ul li{ position:relative; z-index:1;} .xyc3icon{ font-size: 28px; line-height: 34px; color: #FFF; background: #259881; text-align: center; height: 160px; width: 160px; padding-top: 47px; border-radius:50%;} .m2xy_u2ar{ background: url(/images/m2xy_ar.png) no-repeat center center; height: 160px; width: 32px; } .m2xyc3ul li:last-child .xyc3icon{padding-top:64px;} .m2xyc3ul li:nth-child(3) .xyc3icon{ background-color:#3e96b1;} .m2xyc3ul li:nth-child(5) .xyc3icon{ background-color:#8a6fac;} .m2xyc3ul li:nth-child(7) .xyc3icon{ background-color:#c65895;} .m2xyc3ul li:nth-child(9) .xyc3icon{ background-color:#e25570;} .m2xyCon4{ background: url(/images/m2xy_bg3.jpg) no-repeat center top; padding: 4.16vw 0px 4.68vw; background-size:cover;} .m2xyc4ul{ max-width: 1440px; margin: 42px auto; } .m2xyc4ul li{ padding: 0px 20px; float: left; width: 33.33%; } .m2lxc4aBox{ display: block; box-shadow: 0 0 16px rgba(0,0,0,0.1); background: #fff; padding: 42px 45px 0px 146px; height: 200px; position: relative; } .m2lxc4aBox:hover{ transform:translateY(-10px)} .m2lxc4aBox img{ position:absolute; left:46px; top:50%; margin-top:-36px;} .m2lxc4aBox div{position:absolute; left:140px; right:45px; top:50%; transform:translateY(-50%);} .m2lxc4aBox strong{ font-size: 28px; line-height: 44px; font-weight: normal; display: block; color: #333; } .m2lxc4aBox p{ font-size: 18px; line-height: 34px; color: #666; } @media (max-width:1799px){ .m2xy_pt{ font-size: 38px; line-height: 52px} .m2xy_u1{ margin: 35px -15px 0px; } .m2xy_u1 li{ padding: 0px 15px;} .m2xy_c1x strong{ line-height: 180px; height: 180px; width: 180px; font-size: 21px; } .m2xy_des{left: 205px; right: 30px; font-size: 16px; line-height: 30px;} .m2xy_u2{ margin: 35px -12px 0px; } .m2xy_u2 li{ padding: 0px 12px;} .m2xy_c2a{ padding: 30px 28px; } .m2xy_c2a span{ width:50px;} .m2xy_c2a strong{ font-size: 21px; line-height: 36px; margin-top: 20px; } .m2xy_c2a p{ font-size: 14px; line-height: 26px; margin-top:10px } .m2xyc3ul{ margin-top:30px;} .xyc3icon{ font-size: 21px; line-height: 32px; height: 140px; width: 140px; padding-top: 37px; } .m2xy_u2ar{ height: 140px; width: 28px; background-size:24px auto; } .m2xyc3ul li:last-child .xyc3icon{padding-top:54px;} .m2xyc4ul li{ padding: 0px 15px; } .m2lxc4aBox{ padding: 30px 25px 0px 100px; height: 180px;} .m2lxc4aBox img{ width:60px; left:26px; margin-top:-30px;} .m2lxc4aBox strong{ font-size: 22px; line-height: 40px; } .m2lxc4aBox p{ font-size: 15px; line-height:26px;} .m2lxc4aBox div{left:105px; right:35px;} } @media (max-width:1199px){ .m2xy_des{font-size:15px; line-height:24px;} } @media (max-width:993px){ .m2xy_u1 li{width:100%; margin-bottom:20px;} .m2xy_u2 li{width:33.33%; margin-bottom:24px;} .m2xyc3ul:before{display:none;} .xyc3icon{width:100px; height:100px; font-size:17px; line-height:26px; padding-top:27px;} .m2xy_u2ar{height:100px;} .m2xyc3ul li:last-child .xyc3icon{padding-top:38px;} .m2xyc4ul li{width:100%; margin-bottom:25px;} .m2xyc3ul li:last-child{margin-bottom:0;} } @media (max-width:767px){ .m2xyCon1{padding-top:45px; padding-bottom:45px;} .m2xy_pt{font-size:24px; line-height:32px;} .m2xy_u1{margin-top:30px;} .m2xy_c1x strong{width:100%; height:58px; line-height:58px; font-size:16px; font-weight:bold; text-align:center; float:none; display:block} .m2xy_des{position:static; transform:translate(0,0); padding:15px 15px 25px; font-size:13px; float:none} .PubContainer{padding-left:15px; padding-right:15px;} .m2xyCon2{padding-top:45px; padding-bottom:35px;} .m2xy_u2{margin-top:25px;} .m2xy_u2 li{width:100%;} .m2xyCon3{padding:45px 15px;} .m2xyc3ul li{margin-bottom:25px;} .xyc3icon{width:80px; height:80px; font-size:14px; line-height:22px; padding-top:18px;} .m2xy_u2ar{height:80px; background-size:10px auto} .m2xyc3ul li:last-child .xyc3icon{padding-top:28px;} .m2xyCon4{padding-top:45px; padding-bottom:5px;} .m2xyc4ul{margin-top:25px;} .m2lxc4aBox strong{font-size:16px; font-weight:bold; line-height:28px;} .m2lxc4aBox img{width:50px; height:50px; left:20px} .m2lxc4aBox{padding:20px 15px 0px 50px; height:120px;} .m2lxc4aBox div{left:85px; right:15px;} .m2lxc4aBox p{font-size:13px;} } .m2tzConwpr{ background: #F5F5F5; padding-top: 3.54vw; padding-bottom:1px; } .m2Ptop{ position:relative;} .m2Ptop_c{text-align:center;} .m2Ptop strong{ line-height: 80px; font-size: 60px; font-weight: normal; display: block; letter-spacing:3px; } .m2Ptop p{ font-size: 18px; line-height: 32px; color: #666666; margin-top: 18px; } .m2TzCon1{ margin-top: 2.7vw; height:686px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.1); } .m2TzYr{ float: left; width: 400px; padding: 100px 60px; color: #FFF; background: #EB3F80; height:686px; background: linear-gradient(to bottom, #EC3F81 0%,#AC104F 100%);} .m2Tz_yrs{ height:515px;} .m2Tz_yrs a{ display: block; height: 104px; line-height: 102px; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 30px; color: #FFF; text-align:center; opacity:0.5; } .m2Tz_yrs a.on,.m2Tz_yrs a:hover{opacity:1;} .m2Tz_yrs a span{ display: inline-block; background: url(/images/m2tz_ar.png) no-repeat left center; padding-left: 28px; transition:all 0.5s ease-in-out; } .m2Tz_yrs a.on span,.m2Tz_yrs a:hover span{transform:translateX(25px);} .m2TzyrListWpr{ margin-left: 400px; position:relative;} .m2TzyrList{ padding: 89px 80px 0px; position:absolute; left:0; top:0; width:100%; visibility:hidden; transition:all 0.5s ease-in-out; opacity:0 } .m2TzyrList.on{ opacity:1; visibility:visible;} .m2TzyrList li{ padding: 0px 30px; float: left; width: 50%; margin-bottom: 40px; } .m2TzyrList li a{ display: block; height: 230px; padding: 39px 45px 0px; border: 1px solid #D2D2D2; background: url(/images/m2tz_sbg.jpg) no-repeat right bottom; } .m2TzyrList li strong{ font-size: 34px; font-weight: normal; line-height: 46px; display: block; margin-bottom: 22px; color: #333; } .m2TzyrList li span{ line-height: 38px; height: 40px; width: 120px; border: 1px solid #747474; padding-left: 19px; font-size: 16px; color: #747474; letter-spacing: 1px; display: inline-block; background: url(/images/m2zt_ar2.png) no-repeat 94px center; transition:all 0.5s ease-in-out; } .m2TzyrList li a:hover span{ background: #b71353 url(../images/m2n_ar1h.png) no-repeat 94px center; color: #FFF; border: 1px solid #b71353; } .m2TzCon1 .mCSB_scrollTools .mCSB_draggerRail{background:rgba(255,255,255,0.2)!important;} .m2TzCon1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:rgba(255,255,255,0.8)!important;} .m2TzCon2{ margin: 4.06vw 0; padding: 4.42vw 0px; background: #FFF url(../images/m2tz_bbg.jpg) no-repeat right center; box-shadow:0 5px 20px rgba(0,0,0,0.1); background-size:auto 100%; } .m2TzCon2 ul{ display:block;} .m2TzCon2 li{ float: left; white-space: nowrap; margin-left: 2.86vw; position: relative; font-size: 28px; line-height: 44px; height: 88px; padding-left:142px; } .m2TzCon2 li span{ height: 112px; width: 112px; margin-top: -56px; border: 4px solid #AC104F; position: absolute; left: 0px; top: 50%; border-radius:50%;} .m2TzCon2 li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} @media (max-width:1799px){ .m2Ptop strong{ line-height: 60px; font-size: 40px; letter-spacing:2px; } .m2Ptop p{ font-size:16px; line-height:26px; margin-top:12px;} .m2TzCon1{ height:520px; } .m2TzYr{ width: 300px; padding: 30px 15px; height:520px;} .m2Tz_yrs{ height:435px;} .m2Tz_yrs a{ height: 84px; line-height: 82px; font-size: 20px;} .m2Tz_yrs a span{padding-left: 20px; } .m2Tz_yrs a.on span,.m2Tz_yrs a:hover span{transform:translateX(15px);} .m2TzyrListWpr{ margin-left: 300px;} .m2TzyrList{ padding: 30px 30px 0px;} .m2TzyrList li{ padding: 0px 15px; margin-bottom: 30px; } .m2TzyrList li a{ height: 210px; padding: 30px 25px 0px; } .m2TzyrList li strong{ font-size: 28px; line-height: 40px; margin-bottom: 20px; } .m2TzyrList li span{ line-height: 30px; height: 32px; width: 100px; padding-left: 12px; font-size: 14px; background: url(/images/m2zt_ar2.png) no-repeat 84px center;} .m2TzyrList li a:hover span{ background: #b71353 url(../images/m2n_ar1h.png) no-repeat 84px center; } .m2TzCon2 li span{width:90px; height:90px; margin-top:-45px;} .m2TzCon2 li{padding-left:115px; font-size:21px;} .m2TzCon2{padding:3.42vw 0px; margin-top:25px;} } @media (max-width:993px){ .m2TzYr{width:100%; float:none; height:200px;} .m2Tz_yrs{height:140px;} .m2TzyrListWpr{margin-left:0;} .m2TzCon1{height:730px;} .m2TzCon2{ background-position:300px center;} } @media (max-width:767px){ .m2tzConwpr{padding-top:45px;} .m2Ptop strong{font-size:24px; line-height:36px;} .m2Ptop p{font-size:14px; margin-top:10px; margin-bottom:15px;} .m2TzyrList{padding:20px 10px 0px;} .m2TzyrList li{padding:5px; margin-bottom:0px;} .m2TzyrList li strong{ font-size:20px; line-height:32px; margin-bottom:15px;} .m2TzyrList li a{padding:20px 15px 0px; height:170px} .m2TzCon1{height:625px;} .m2TzCon2{padding:25px 15px;} .m2TzCon2 li span{transform:scale(0.5); left:-15px; top:34%;} .m2TzCon2 li{margin-left:0; padding-left:68px;} .m2TzCon2 li{font-size:18px; line-height:32px; height:78px;} .m2tzConwpr{padding-bottom:35px;} } .m2hxCon1{ padding: 3.43vw 0px; } .m2hxCon2Top{ padding: 3.54vw 0px 4.06vw; background: #F5F5F5 url(../images/m2hx_bg1.jpg) no-repeat center bottom; } .m2hxCon2Top strong{ line-height: 60px; font-size: 42px; font-weight: normal; text-align: center; display: block; letter-spacing:2px; } .m2hxc2tag{ margin: 2.08vw -10px 0px; } .m2hxc2tag li{ float: left; width: 25%; padding: 0px 10px; } .m2hx_c2a{ display: block; position: relative; height: 250px; padding: 43px 30px 0px; background: #fff; text-align:center; border: 1px solid #C9C9C9; } .m2hx_c2a:after{content:""; border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #fff; position:absolute; left:50%; margin-left:-20px; bottom:-4.2vw; transition:all 0.5s ease-in-out; opacity:0;} .m2hx_c2a.on{ box-shadow:0 2px 22px rgba(0,0,0,0.15); border:1px solid rgba(255,255,255,0);} .m2hx_c2a.on:after{opacity:1;} .m2hx_c2a p{ line-height: 32px; height: 32px; margin-top: 40px; position: relative; font-size: 22px; color: #333; } .m2hx_c2a p span{ display:block; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .m2hx_icon{ display: block; } .m2hxCon2Bom{ padding: 4.06vw 0px; } .m2hxC2txt{ height:350px; position:absolute; left:0; width:100%; top:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;} .m2hxC2txt.on{ opacity:1; visibility:visible;} .m2hxC2txt .bgImg{ height:350px; width:calc(50% - 42px); position:absolute; right:0; top:0} .m2hxc2p{ width:calc(50% - 42px); position:absolute; left:0; top:50%; transform:translateY(-50%); max-height:350px; overflow-y:auto; font-size:18px; line-height:40px; color:#666666;} .m2hxC2txtWpr{position:relative; height:350px;} .m2hxCon3{ padding: 3.43vw 0px; background:#f5f5f5;} .m2hxCon3 .m2Ptop strong{font-size:42px; line-height:60px;} .m2hxCon4{ padding: 4.27vw 0px; } .m2hxCon4 .hmc4swiper{margin:0 -22px; position:relative;} .m2hxCon4 .hmc4item{ padding:0 22px;} .m2hxCon4 .hmc4aBox{display:block;} .m2hxCon4 .hmc4aBox .overflowHide{ height:19.79vw;} .m2hxCon4 .hmc4aBox .overflowHide:after{ content: ""; background: url(/images/m2hx_pbg.png) repeat-x center bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .m2hxCon4 .hmc4aBox strong{ font-size: 22px; color: #FFF; line-height: 44px; text-align: center; position: absolute; z-index: 2; left: 0px; right: 0px; padding: 0px 25px; bottom: 20px; font-weight: normal; } .m2hxCon4 .hmc4swiper .slick-prev{ background: rgba(183,18,84,0.8) url(../images/m2ry_btn3.png) no-repeat center center; display: inline-block; height: 100px; width: 68px; position: absolute; left: 22px; top: 136px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index:2 } .m2hxCon4 .hmc4swiper .slick-next{ background: rgba(183,18,84,0.8) url(../images/m2ry_btn3.png) no-repeat center center; display: inline-block; height: 100px; width: 68px; position: absolute; right:22px; top: 136px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:rotate(180deg);} @media (max-width:1799px){ .m2hxCon2Top strong{font-size:40px; line-height:60px;} .m2hx_icon img{width:60px; height:auto;} .m2hx_c2a p{font-size:18px;} .m2hxC2txt .bgImg{height:265px;} .m2hxc2p{width:calc(50%); font-size:16px; line-height:30px;} .m2hxC2txt,.m2hxC2txtWpr{height:265px;} .m2hxCon3 .m2Ptop strong{font-size:40px;} .m2hxCon4 .hmc4swiper{margin-left:-12px; margin-right:-12px;} .m2hxCon4 .hmc4item{padding:0 12px;} .m2hxCon4 .hmc4swiper .slick-prev{left:12px; width:50px; height:80px; background-size:18px auto; top:96px;} .m2hxCon4 .hmc4swiper .slick-next{right:12px; width:50px; height:80px; background-size:18px auto; top:96px;} .m2hxCon4 .hmc4aBox strong{font-size:20px;} } @media (max-width:1199px){ .m2hx_c2a p br{display:none;} .m2hx_c2a p{ font-size:16px;} .m2hxc2p{font-size:15px;} .m2Ptop p{font-size:15px;} .m2hxCon4 .hmc4swiper .slick-prev{top:56px;} .m2hxCon4 .hmc4swiper .slick-next{top:56px;} } @media (max-width:993px){ .m2hxCon4 .hmc4swiper .slick-prev{width:30px; height:50px; background-size:12px auto; top:56px;} .m2hxCon4 .hmc4swiper .slick-next{width:30px; height:50px; background-size:12px auto; top:56px;} } @media (max-width:767px){ .m2hxCon1{padding:35px 0;} .m2Ptop p{font-size:14px;} .m2hxCon2Top{padding:45px 0 20px;} .m2hxCon2Top strong{font-size:24px; line-height:36px;} .m2hxc2tag li{width:50%;} .m2hxc2tag{margin-top:25px;} .m2hx_c2a{padding:20px 15px; height:150px;} .m2hx_icon img{width:40px;} .m2hx_c2a p{font-size:15px; line-height:26px; height:auto; margin-top:10px;} .m2hx_c2a p span{position:static; transform:translateY(0);} .m2hxc2tag li{padding:0 5px; margin-bottom:10px;} .m2hx_c2a:after{display:none;} .m2hxCon2Bom{padding:30px 0;} .m2hxC2txt .bgImg{display:none;} .m2hxc2p{width:100%;} .m2hxc2p{max-height:246px;} .m2hxCon3{padding:45px 0;} .m2hxCon3 .m2Ptop strong{font-size:24px; line-height:36px;} .m2Ptop p{margin-top:12px;} .m2hxCon4 .hmc4aBox .overflowHide{height:200px;} .m2hxCon4 .hmc4swiper .slick-prev,.m2hxCon4 .hmc4swiper .slick-next{top:75px;} .m2hxCon4{padding:45px 0 60px;} .m2hxCon4 .hmc4aBox strong{font-size:16px; bottom:15px;} } .m2svCon2{ background: url(/images/m2sv_bg1.jpg) no-repeat center center; padding: 4.16vw 0px 5.1vw; } .m2spt{ line-height: 60px; font-size: 42px; font-weight: normal; text-align: center; display: block; letter-spacing:2px; } .m2svu2{ margin: 2.5vw -8px 0px; display: flex; justify-content: space-between; } .m2svu2 li{ margin: 0px 8px; width:calc(20% - 16px); padding:59px 50px 69px; position:relative; background:#fff; cursor:default; transition:all 0.5s ease-in-out; border-top:4px solid #AAAAAA; box-shadow:0 5px 18px rgba(0,0,0,0.1);} .m2svu2 li:hover{transform:translateY(-10px);} .m2svu2 li:after{content:""; background:#E0246D; height:6px; transition:all 0.5s ease-in-out; width:0%; position:absolute; left:50%; top:-4px;} .m2svu2 li:hover:after{content:""; width:100%; left:0} .m2sv_c2box{ display:block; position:relative; cursor:default;} .m2sv_c2box p{ margin-top: 35px; font-size: 16px; line-height: 30px; color: #666666; } .m2svCon5Wpr{} .m2svCon5{ margin-top:28px; position:relative; padding:5.2vw 0 5.46vw; background:#F5F5F5;} .m2svCon5:before{content:""; background:#C22964; position:absolute; left:0; top:0; width:50%; bottom:0;} .m2svc5ul{ position:relative; overflow:hidden; margin:0 -3.9vw;} .m2svc5ul li{ width:50%; float:left; padding:0 6.5vw;} .m2svc5ul li strong{ font-size: 30px; letter-spacing: 1px; display: block; line-height: 46px; font-weight: normal; margin: 1.35vw 0px 1.87vw; } .m2svc5ul li p{ padding-left: 20px; font-size: 16px; line-height: 32px; position: relative; } .m2svc5ul li p:before{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #C22964; position:absolute; left:0; top:10px;} .m2svc5ul li:first-child{color:#fff;} .m2svc5ul li:first-child p:before{ border-left:6px solid #fff;} @media (max-width:1799px){ .m2spt{font-size:30px; line-height:56px;} .m2svu2 li{padding:40px 20px 45px;} .m2sv_c2box p{margin-top:20px; font-size:14px;} .m2svc5ul li strong{ font-size: 26px; line-height: 36px; } .m2svc5ul li p{font-size:15px;} } @media (max-width:767px){ .m2svCon2{padding-top:45px; padding-bottom:35px; background-size:cover} .m2spt{font-size:24px; line-height:36px; margin-bottom:25px;} .m2svu2 li{width:100%; margin-bottom:15px; padding:30px 20px 35px} .m2svu2{ flex-wrap:wrap;} .m2sv_c2box span{width:58px; display:block; margin:0 auto;} .m2sv_c2box p{margin-top:16px;} .m2svc5ul li{width:100%; padding:35px 15px;} .m2svCon5:before{display:none;} .m2svc5ul li:nth-child(1){background:#C22964;} .m2svCon5{padding-top:0;} .m2svc5icon{width:42px; display:block} .m2svc5ul li strong{font-size:21px; margin-top:10px; display:block;} .m2sv_c2box span{width:42px;} .m2sv_c2box p{margin-top:12px;} } .m2msConWpr{ background: #F5F5F5; padding: 3.54vw 0px 4.68vw; } .m2msul{ margin-top:2.39vw;} .m2msul li{ overflow:hidden; position:relative; background:#fff;} .m2msTxt{ width:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 4.72vw;} .m2msTxt_p{ max-height:420px; overflow-y:auto; font-size:18px; line-height:42px; padding:0 1vw;} .m2msul li .overflowHide{ width:50%; height:560px; float:right;} .m2msul li:nth-child(2n) .overflowHide{float:left;} .m2msul li:nth-child(2n) .m2msTxt{ left:auto; right:0;} @media (max-width:1799px){ .m2msul li .overflowHide{height:400px;} .m2msTxt_p{font-size:16px; line-height:32px;} } @media (max-width:1199px){ .m2msTxt_p{font-size:15px;} } @media (max-width:767px){ .m2msConWpr{padding:45px 0;} .m2msul{margin-top:25px;} .m2msul li{margin-bottom:20px;} .m2msul li .overflowHide{ float:none!important; width:100%; height:210px;} .m2msTxt{position:static; transform:translate(0,0); width:100%; height:auto; padding:25px 15px 30px; font-size:13px; line-height:24px;} } .m2bsCon1{ padding: 3.12vw 0px 4.16vw; } .m2bsul{ margin: 1.87vw -20px 0px; } .m2bsul li{ margin: 0px 20px; float: left; width:calc(50% - 40px); height:240px; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center;} .m2bsul li p{ padding: 0px 3.43vw; position: absolute; left: 0px; top: 50%; right: 0px; font-size: 18px; line-height: 32px; color: #FFF; transform:translateY(-50%);} .m2bsCon2{ background: #F5F5F5; padding: 4.16vw 0px;} .m2bsCon2x {display: flex; justify-content: space-between; margin-left:-10px; margin-right:-10px; } .m2bsCon2 a{ width: 100%; margin: 0 10px; display: block; text-align: center; height: 252px; padding-top: 50px; background:#fff; position:relative; } .m2bs_c2i{} .m2bsCon2 a p{ font-size: 34px; color: #333; line-height: 50px; margin-top: 22px; letter-spacing: 1px; } .m2bsCon2Change{ padding: 4.16vw 0px; } .m2bsEditor{ font-size: 18px; line-height: 42px; } .m2bsCon2 a:after{content:""; border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #fff; position:absolute; left:50%; margin-left:-20px; bottom:-4.2vw; transition:all 0.5s ease-in-out; opacity:0;} .m2bsCon2 a.on{ box-shadow:0 2px 22px rgba(0,0,0,0.15);} .m2bsCon2 a.on:after{opacity:1;} @media (max-width:1799px){ .m2bsul li{height:220px;} .m2bsul li p{font-size:16px;} .m2bs_c2i img{width:60px; height:auto;} .m2bsCon2 a p{font-size:24px; line-height:42px;} .m2bsCon2 a{padding-top:40px; height:210px;} } @media (max-width:767px){ .m2bsCon1{padding:45px 0;} .m2bsul li{width:auto; float:none; margin:15px; height:auto; padding:35px 15px;} .m2bsul li p{font-size:14px; line-height:24px; position:static; transform:translateY(0);} .m2bs_c2i{display:inline-block; width:36px;} .m2bsCon2x { flex-wrap:wrap;} .m2bsCon2 a{width:calc(50% - 10px); margin:0 5px 10px; padding-top:30px; height:132px;} .m2bsCon2 a:after{display:none;} .m2bsCon2 a p{font-size:17px; line-height:30px; margin-top:8px;} .m2bsCon2{padding:45px 0 10px;} .m2bsCon2Change {margin-bottom:50px;} } .m2ywConWpr{ background: #F5F5F5 url(../images/m2yw_bg.png) no-repeat center bottom; padding: 3.64vw 0px 5.2vw; } .m2ywu1{ margin: 2.5vw -10px 0px; } .m2ywu1 li{ padding: 0px 10px; float: left; width: 50%; margin-bottom:20px;} .m2yw_aBox{ display: block; padding: 52px 46px 52px 212px; position:relative; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.1); } .m2yw_aBox span{ background: #C22964; display: block; height: 110px; width: 110px; position: absolute; left: 64px; top: 53px; border-radius:50%;} .m2yw_aBox span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;} .m2ywtxt{ display:block;} .m2ywtxt strong{ font-size: 24px; font-weight: normal; line-height: 38px; display: block; } .m2ywtxt p{ font-size: 16px; line-height: 30px; color: #666666; margin-top:10px;} .m2yw_aBox:hover span img{transform:translate(-50%,-50%) rotateY(180deg);} @media (max-width:1799px){ .m2yw_aBox{ padding: 40px 36px 45px 190px;} .m2yw_aBox span{ height: 90px; width: 90px; left: 36px; top: 40px;} .m2yw_aBox span img{ width:50px; height:auto} .m2ywtxt strong{ font-size: 21px; line-height: 36px; } .m2ywtxt p{ font-size: 15px; line-height: 28px; } } @media (max-width:1199px){ .m2yw_aBox{ padding: 30px 26px 35px 120px;} .m2yw_aBox span{ height: 70px; width: 70px; left: 26px; top: 30px;} .m2yw_aBox span img{ width:35px;} .m2ywtxt strong{ font-size: 18px; line-height: 26px; } .m2ywtxt p{ font-size: 14px; line-height: 24px; } } @media (max-width:993px){ .m2ywu1 li{ width:100%;} } @media (max-width:767px){ .m2ywConWpr{padding:35px 0;} .m2ywtxt{height:auto!important;} .m2yw_aBox span{display:block; position:relative; left:auto; top:auto; margin:0 auto 15px;} .m2yw_aBox{padding:30px 15px 35px 15px; text-align:center} .m2ywu1{margin-top:30px;} } .m2ywu2{ display:block} .m2ywu2 li{ margin-bottom:3.12vw;} .m2yw_u2box{ display:block; overflow:hidden; background:#fff; box-shadow:0 0 25px rgba(0,0,0,0.1);} .m2yw_u2box .overflowHide{ width:550px; height:366px; float:left;} .m2yw_c2rx{ margin-left:550px; padding-top:32px;} .m2yw_c2rx strong{ font-size: 40px; line-height: 56px; font-weight: normal; display: block; margin-top: 24px; padding:0 75px; position:relative; display:block; letter-spacing:2px; } .m2yw_c2rx p{ position: relative; padding: 0px 75px; font-size: 20px; line-height: 32px; color: #666666; margin-bottom:28px; overflow:hidden; height:96px; margin-top:25px; } .m2yw_c2rx strong:before{content:""; width:8px; height:40px; top:8px; left:0; background:#B71254; position:absolute} .m2yw_c2rx span{line-height: 38px; height: 40px; width: 120px; border: 1px solid #b71353; padding-left: 19px; font-size: 16px; color: #FFF; letter-spacing: 1px; display: inline-block; background:#b71353 url(../images/m2n_ar1h.png) no-repeat 94px center; margin-left:75px; } .m2yw_u2box:hover .m2yw_c2rx span{} @media (max-width:1799px){ .m2yw_u2box .overflowHide{width:450px; height:285px;} .m2yw_c2rx{margin-left:480px; padding-top:28px;} .m2yw_c2rx strong{ font-size: 26px; line-height: 46px; margin-top: 18px; padding:0 25px;} .m2yw_c2rx p{padding: 0px 25px; font-size: 16px; line-height: 30px; height:60px; margin-top:15px; } .m2yw_c2rx strong:before{ width:5px; height:30px;} .m2yw_c2rx span{margin-left:0; font-size:14px;} } @media (max-width:993px){ .m2yw_u2box .overflowHide{width:360px;} .m2yw_c2rx{margin-left:385px;} } @media (max-width:767px){ .m2yw_u2box .overflowHide{width:100%; float:none; height:200px;} .m2yw_c2rx{margin-left:0; padding-top:0; padding-bottom:30px;} .m2yw_c2rx strong{font-size:20px;} .m2yw_c2rx p{font-size:14px; line-height:24px; height:auto; margin-top:0px; margin-bottom:20px;} .m2yw_c2rx span{margin-left:18px;} .m2ywu2 li{margin-bottom:15px;} } .m3ywCon{ padding:4.68vw 0 0;} .m3ywTop{ position: relative; font-size: 18px; line-height: 42px; color: #666666; padding-top: 28px; min-height:460px; padding-right:840px; } .m3ywimg{ max-width: 746px; position: absolute; top: 0px; right: 0px; position:absolute; right:0; top:0;} .m3ywTop strong{ font-size: 50px; line-height: 70px; letter-spacing: 2px; display: block; font-weight: normal; color:#333; margin-bottom:1.56vw; } @media (max-width:1799px){ .m3ywTop{ font-size: 15px; line-height: 32px; padding-top: 18px; min-height:400px; padding-right:630px; } .m3ywimg{width:600px; height:400px;} .m3ywTop strong{ font-size: 36px; line-height: 50px } } @media (max-width:1199px){ .m3ywTop{padding-right:0;} .m3ywimg{position:relative; left:auto; top:auto; right:auto; margin:15px 0} } @media (max-width:767px){ .m3ywTop strong{font-size:24px; line-height:36px;} .m3ywimg{width:100%; height:auto;} .m3ywimg img{position:static; transform:translate(0,0);} .m3ywTop{font-size:14px;} } .m3ywConWpr{ padding:3.64vw 0} .m2ywMap{ text-align:center; margin-top:2.0vw;} .m2ywMapx{display:inline-block; position:relative;} .m2yw_mar1,.m2yw_mar2,.m2yw_mar3,.m2yw_mar4{position:absolute; left:0; top:0;} .m2yw_mar1{} .m2yw_mar2{} .m2yw_mar3{} .m2yw_mar4{} .m2yw_mk{ position:absolute; display:block;} .m2yw_mk1{ width:12.78%; height:14%; top:27.4%; left:77.13%;} .m2yw_mk2{ width:14.18%; height:9.43%; top:43.09%; left:71.14%;} .m2yw_mk3{ width:12.54%; height:11.12%; top:52.53%; left:71.14%;} .m2yw_mk4{ width:5.08%; height:7.99%; top:55.41%; left:83.68%;} .m2yw_mk1 img{ position:absolute; left:32.05%; top:0} .m2yw_mk2 img{ position:absolute; left:29.06%; top:5.43%;} .m2yw_mk3 img{ position:absolute; left:61.35%; top:-18.8%;} .m2yw_mk4 img{ position:absolute; left:-21.65%; top:2.8%;} .m2yw_mk dl{ width: 386px; color: #FFF; position: absolute; right: 78%; top: -20%; background: rgba(0,0,0,0.6); text-align: left; line-height: 36px; font-size: 20px; padding: 20px 0px 12px 38px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; } .m2yw_mk dl:before{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:15px solid rgba(0,0,0,0.6); position:absolute; right:-15px; top:50%; transform:translateY(-50%);} .m2yw_mk dt{ font-size: 30px; display: block; margin-bottom: 10px; } .m2yw_mk dd{ padding-left:20px; position:relative;} .m2yw_mk dd:before{content:""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid rgba(255,255,255,1); position:absolute; left:0; top:50%; margin-top:-5px;} .m2yw_mk p{color: #FFF; position: absolute; right: 78%; top: -20%; background: rgba(0,0,0,0.6); text-align: left; line-height: 28px; font-size: 16px; padding: 10px 25px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; white-space:nowrap; } .m2yw_mk p:before{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:15px solid rgba(0,0,0,0.6); position:absolute; right:-15px; top:50%; transform:translateY(-50%);} .m2yw_mk2 p{ top:0%; right:82%;} .m2yw_mk3 p{ right:55%;} .m2yw_mk4 p{ top:-5%; right:160%} .m2yw_mk:hover dl{opacity:1; visibility:visible;} .m2yw_mk:hover p{opacity:1; visibility:visible;} /*.m2yw_mk img{animation:bounceUp 1s linear infinite; z-index:3;}*/ .m2yw_mk img{ transform: scale(0.8);} .m2yw_mk:hover img{animation:mapImg 2s linear infinite; z-index:3;} @keyframes mapImg { 0% { transform:translateY(-10px) scale(0.8); } 50% { transform:translateY(10px) scale(0.8); } 100% { transform:translateY(-10px) scale(0.8); } } @keyframes bounceUp{ 0%,20%,50%,80%,100%{-webkit-transform:translateY(0) scale(0.8);-ms-transform:translateY(0) scale(0.8);transform:translateY(0) scale(0.8)} 40%{-webkit-transform:translateY(-10px) scale(0.8);-ms-transform:translateY(-10px) scale(0.8);transform:translateY(-10px) scale(0.8)} 60%{-webkit-transform:translateY(-5px) scale(0.8);-ms-transform:translateY(-5px) scale(0.8);transform:translateY(-5px) scale(0.8)} } .m2ywMap .m2ywmMap {display:none;} @media (max-width:1799px){ .m2ywMapx{ max-width:1000px;} .m2yw_mk dl{ width: 326px; line-height: 32px; font-size: 17px; } .m2yw_mk dt{ font-size: 22px; margin-bottom:5px;} .m2yw_mk p{ line-height: 24px; font-size: 14px; } } @media (max-width:993px){ .m2yw_mk img{width:35px; height:auto;} } @media (max-width:767px){ .m3ywConWpr{padding:35px 0 50px;} .m2yw_mk dl{ width: 226px; line-height: 26px; font-size: 14px; padding-left:10px; } .m2yw_mk dt{ font-size: 18px; margin-bottom:2px;} .m2yw_mk p{ line-height: 26px; font-size: 14px; padding:10px 20px } } .leida{width:126px; height:126px; position:absolute; left:13px; top:-8px; display:none} .leida:before, .leida:after {background-color:rgba(230,1,18,0.6);content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: rangeScale 3s linear infinite;opacity: 0;z-index: 2;} .leida:after {animation-delay: 1.5s;} .m2yw_mk2 .leida{left:13px; top:-5px;} .m2yw_mk3 .leida{left:56px; top:-26px;} .m2yw_mk4 .leida{left:-47px; top:-9px;} .m2yw_mk2 .leida:before,.m2yw_mk2 .leida:after{background-color:rgba(0,100,180,0.6);} .m2yw_mk3 .leida:before,.m2yw_mk3 .leida:after{background-color:rgba(0,158,148,0.6);} .m2yw_mk4 .leida:before,.m2yw_mk4 .leida:after{background-color:rgba(104,184,45,0.6);} @keyframes rangeScale { from { opacity: 1; transform: scale(0.1); } to { opacity: 0; transform: scale(1); } } @media (max-width:1799px){ .leida{left:14px; top:-2px; width:106px; height:106px;} .m2yw_mk2 .leida{left:15px; top:4px;} .m2yw_mk3 .leida{left:49px; top:-17px;} .m2yw_mk4 .leida{left:-35px; top:-9px;} } @media (max-width:993px){ .leida{left:3px; top:-5px; width:86px; height:86px;} .m2yw_mk2 .leida{left:3px; top:-2px;} .m2yw_mk3 .leida{left:26px; top:-17px;} .m2yw_mk4 .leida{left:-31px; top:-9px;} } @media (max-width:767px){ .leida{ display:none} .m2yw_mk img{max-width:none; width:20px;} } .ieBody .m2sh_txt{padding-top:8%;} .m3csBack{ text-align:center; margin-top:2.8vw;} @media (max-width:767px){ .m3csBack{margin-top:20px;} } .footer_info p{display:inline-block;}