@charset "UTF-8"; /** * *这里是列表的css样式 * ******/ /***********about******************/ .power-pos { height: 40px; white-space: nowrap; background: #f5f5f5; overflow: hidden; border-bottom: 1px solid #d5d8dd; line-height: 39px; font-size: 12px; color: #b2b2b2; } .power-pos a { color: #333; font-size: 14px; padding: 0px 10px; } .power-main-title { height: 80px; line-height: 80px; color: #693387; margin-top: 20px; } .power-main-title .power-in { border-bottom: 1px solid #d5d8dd; font-size: 36px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .power-award-li { background: #f5f5f5; height: 200px; width: 370px; border: 1px solid #d5d8dd; float: left; position: relative; margin: 0px 15px 20px 15px; border-radius: 5px; } .power-award-list { margin: 40px 0px 70px 0px; } .power-award-time { width: 51px; height: 32px; text-indent: 15px; line-height: 25px; background: url(../image/power-award-ico.png) no-repeat; color: #fff; position: absolute; right: -10px; top: 8px; font-size: 12px; } .power-award-li-title { font-size: 18px; padding: 10px 10px; width: 300px; height: 120px; } .power-award-li-title a { color: #693387; line-height: 1.3; } .power-award-li-desc { width: 210px; padding: 0px 10px; height: 70px; border-right: 1px dashed #e6e9ee; line-height: 1.5; } .power-award-li-name { position: absolute; left: 230px; top: 122px; } .power-award-li-name a { color: #693387; white-space: normal; line-height: 1.3; } .power-award-li:hover { border: 1px solid #693387; } .power-award-big-li { width: 380px; margin: 0px 10px 20px 10px; height: 240px; background: #f5f5f5; float: left; position: relative; } .power-award-big-pic { width: 190px; height: 100%; float: left; } .power-award-big-wrap { padding: 0px 20px 0px 210px; } .power-award-big-name { min-height: 110px; padding-top: 40px; line-height: 1.2; font-size: 18px; font-weight: bold; } .power-award-big-desc { line-height: 1.5; color: #666; } .power-award-big-more { position: absolute; bottom: 10px; left: 210px; } .power-award-big-more a { padding: 6px 10px; border: 1px solid #592564; font-size: 12px; color: #693387 } .power-award-big-more a:hover { background: #592564; color: #fff; } .power-award-big-pic img { display: block; width: 100%; height: 100%; } .power-view-intro { padding: 70px 30px 30px; margin-top: 40px; background: #f9f9f9; border: 1px solid #d5d8dd; } .power-view-intro-pic { width: 190px; float: left; height: 200px; border-right: 1px solid #e6e9ee; text-align: center; } .power-view-intro-pic img { width: 160px; display: block; margin: 0 auto; } .power-view { margin-bottom: 100px; } .error { color: red; font-size: 1px; } .power-view-intro-text { padding-left: 220px; } .power-view-intro-title { margin-bottom: 10px; font-size: 18px; font-weight: bold; } .power-view-intro-det { line-height: 1.7; color: #666; } .power-text-li { border-bottom: 1px dashed #ddd; padding: 20px 0px 80px 0px; } .power-text-li table { width: 100%; } .power-text-li td { vertical-align: top; } .power-text-tdl { width: 240px; line-height: 1.7; font-size: 30px; font-weight: bold; padding-right: 20px; color: #333; } .power-text-tdr { line-height: 1.8; padding-top: 10px; } .power-text-li-left { width: 240px; line-height: 1.7; float: left; font-size: 30px; padding-right: 20px; color: #333; } .power-text-li-right { line-height: 1.5; padding-top: 10px; padding-left: 240px; } .power-text-li-center { float: left; } .power-text-li-three { padding-left: 430px; } .power-main-det { padding: 40px 0px 100px 0px; } .power-main-det-title { margin-bottom: 20px; } .power-bold { font-weight: bold; } .power-corp-wrap { margin-bottom: 40px; } .power-corp-pic { width: 400px; overflow: hidden; } .power-corp-pic img { width: 100%; display: block; max-height: 240px; } .power-corp-text { width: 760px; color: #666; line-height: 1.5; text-align: justify; } .power-corp-text p span { display: inline-block; } .power-corp-pic, .power-corp-text { float: left; } .power-corp-pic-right .power-corp-pic { float: right; } .power-corp-text:nth-child(2n), .power-corp-pic:nth-child(2n) { float: right; } .power-corp-pic-right .power-corp-text { float: left; } .power-text-li-notice { padding-bottom: 10px; } /***********about end******************/ /***********news******************/ .power-news-title { font-size: 18px; font-weight: bold; margin-bottom: 20px; } .power-news-title-href { white-space: nowrap; color: #333; overflow: hidden; text-overflow: ellipsis; display: block; } .power-news-title-href:hover { color: #693387; } .power-news-desc { color: #666; } .power-news-page { padding: 40px 0px 100px 0px; text-align: Center; } .power-text-tdc { width: 190px; } .power-text-pic { width: 160px; height: 100px; padding: 5px; background: #fff; border: 1px solid #ccc; margin-top: 15px; } .power-text-pic a { display: block; height: 100%; width: 100%; } .power-text-pic img { width: 100%; height: 100%; } .power-text-time { margin-top: 10px; float: left; } .power-news-page img { vertical-align: middle; } .power-news-page a { margin: 0px 3px; } .power-news-href { border-radius: 50%; width: 34px; height: 34px; line-height: 34px; text-align: Center; } .power-news-href-sel { color: #fff; background: #693387; width: 34px; height: 34px; display: inline-block; } .power-news-next { border-radius: 50%; width: 34px; height: 34px; line-height: 34px; text-align: Center; } .power-news-href:hover { background: #eee; } .power-news-href-sel:hover { background: #693387; color: #fff; } .power-video-list-li { float: left; margin: 40px 24px 0px 24px; width: 360px; height: 380px; border: 1px solid #d5d8dd; box-sizing: border-box; border-width: 1px 1px 6px 1px; } .power-video-list-title { margin: 30px 0px 30px 20px; font-size: 18px; font-weight: bold; height: 55px; line-height: 1.2; } .power-video-list-time { margin-left: 20px; color: #969ba3; } .power-video-list-li:hover { border-color: #693387; } .power-video-list-title:hover { color: #693387; } .power-video-list-pic { position: relative; height: 227px; } .power-video-list-pic a, .power-video-list-pic img { width: 100%; height: 100%; display: block; } .power-video-list-pic-play { position: absolute; z-index: 80; display: none; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../image/power-video-button.png) no-repeat center; } .power-video-list-li:hover .power-video-list-pic-play, .power-video-det-li:hover .power-video-list-pic-play { display: block; } .power-contact-tdl { width: 640px; } .power-contact-tdl li, .power-contact-wrap .power-contact-content ul li { width: 560px; color: #666; font-size: 16px; } .power-contact-title { font-size: 24px; font-weight: bold; } .power-contact-table td { padding: 10px 0px 30px 0px; line-height: 2; } .power-contact-li-title { font-size: 16px; font-weight: bold; } .power-contact-wrap { border-bottom: 1px solid #e6e9ee; margin-bottom: 30px; } .power-contact-email { margin-left: 30px; } .power-contact-email span { font-size: 16px; font-weight: bold; } .power-contact-email a { color: #693387; } .power-form-left { float: left; width: 240px; height: 400px; font-size: 30px; font-weight: bold; } .power-form-right { padding-left: 240px; } .power-form-tdl { width: 80px; font-weight: bold; } .power-form-text { width: 620px; height: 40px; border: 1px solid #dddddd; padding: 0px 10px; } .power-form-table td { padding-bottom: 40px; } .power-form-qrcode { width: 240px; margin-right: 20px; } .power-qrcode-tip { color: #969ba3; margin-left: 20px; } .power-form-mail { margin-top: 5px; } .power-form-mail span { color: #969ba3; } .power-form-mail a { color: #693387; } .power-form-area { height: 200px; } .power-vtop { vertical-align: top; } .power-form-tdr input.power-form-sub, .power-form-tdr input.power-form-reset { padding: 13px 40px; border: none; } .power-form-tdr .power-form-sub { background: #693387; color: #fff; margin-right: 20px; } .power-form-tdr input.power-form-reset { background: #fff; color: #333; border: 1px solid #dddddd; } .power-investor-li { padding: 6px 6px 11px 11px; width: 280px; overflow: hidden; height: 403px; background: url(../image/power-investor-bg.png) no-repeat center center; float: left; margin: 0px 10px 20px 10px; } .power-investor-pic { height: 240px; margin-bottom: 5px; } .power-investor-title { height: 88px; line-height: 1.6; color: #333; padding-left: 15px; font-size: 18px; font-weight: bold; padding-top: 15px; overflow: hidden; } .power-investor-down { margin-left: 15px; } .power-investor-down-href { padding: 8px 25px; background: #693387; color: #fff; font-size: 16px; } .power-investor-down-href:hover { opacity: .8; } .power-investor-pic a { overflow: hidden; display: block; width: 100%; height: 100%; } .power-investor-pic img { width: 100%; display: block; } .power-investor-pic img:hover { transform: scale(1.1); transition: all 0.3s ease; } .power-water-table td { height: 80px; border: 1px solid #d5d8dd; position: relative; } .power-water-table { width: 100%; } .power-water-addr-tab { height: 80px; cursor: pointer; text-align: Center; font-size: 16px; font-weight: bold; padding-top: 18px; width: 295px; float: left; border: 1px solid #ddd; } .power-water-addr-sel { background: url(../image/power-pb-tab.png) no-repeat center top; height: 90px; color: #fff; border: none; } .power-water-wrap-tdl { width: 160px; float: left; position: relative; } .power-water-wrap-tdr { float: left; } .power-water-wrap { background: url(../image/power-pb-vline.png) repeat-y 160px top; padding-top: 15px; } .power-water-main { margin-top: 60px; display: none; } .power-water-title { height: 50px; height: 50px; font-weight: bold; font-size: 16px; color: #693387; } .power-water-title-age { float: left; width: 160px; } .power-water-title-det { padding-left: 205px; background: url(../image/power-pb-line.png) no-repeat 160px center; } .power-water-wrap-table td { vertical-align: top; position: relative; } .power-water-tdr-detial-title { font-weight: bold; font-size: 16px; color: #693387; } .power-water-wrap-dot { width: 22px; height: 22px; background: url(../image/power-about-dot.png) no-repeat; position: absolute; left: 150px; top: 10px; } .power-water-tdr-detial { border: 1px solid #d5d8dd; padding: 15px 20px; width: 930px; border-radius: 5px; margin-left: 30px; } .power-right-ico { width: 7px; height: 10px; left: -7px; top: 15px; background: url(../image/power-right-ico.png) no-repeat; position: absolute; } .power-water-tdr-detial { position: relative; } .power-water-tdr-detial-title { padding: 5px 0px 15px 0px; } .power-water-detial { margin-bottom: 30px; } .power-water-arr { height: 65px; background: url(../image/power-addr.png) no-repeat 141px top; } .power-water-tdl-href img { width: 120px; height: 85px; } .power-chart-all { width: 731px; height: 852px; position: relative; background: url(../image/power-map.png) no-repeat; margin: 0 auto; } .power-chart-zonghe { width: 731px; height: 852px; position: relative; background: url(../image/power-map1.png) no-repeat; margin: 0 auto; } .power-chart-all-col { width: 731px; height: 852px; position: relative; background: url(../image/crc-map-area.png) no-repeat; margin: 0 auto; } .power-chart-int { width: 840px; height: 477px; position: relative; background: url(../image/power-int-bg.png) no-repeat; margin: 0 auto; } .power-chart-title { font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 25px; } .power-chart-intro { padding-bottom: 30px; border-bottom: 1px solid #e6e9ee; margin-bottom: 30px; } .power-chart-addr-span { line-height: 1.1; cursor: pointer; text-align: center; padding: 16px 0px 0px 0px; background: url(../image/power-water-icon1.png) no-repeat center top; color: #3a3431; position: absolute; } .power-chart-new .power-chart-addr-span { background: url(../image/power-water-icon2.png) no-repeat center top; } .power-chart-eng .power-chart-addr-span { background: url(../image/power-water-icon2.png) no-repeat center top; } .power-chart-col .power-chart-addr-span { display: inline-block; min-width: 66px; } .power-chart-area .power-chart-addr-span { background: url(../image/power-water-icon3.png) no-repeat center top; padding: 16px 5px 0px 5px; } .power-chart-int .power-chart-addr-span { background: url(../image/power-water-icon5.png) no-repeat center top; } .power-chart-zonghe .power-chart-addr-span { background: url(../image/icon_business_yellowPoint.png) no-repeat center top; } .power-chart-int .power-chart-northwest { background: url(../image/power-water-icon4.png) no-repeat center top; } .power-chart-addr-span:hover { color: #693387; opacity: .8; } .power-excel-wrap { width: 580px; height: 460px; float: left; margin: 0px 10px 0px 10px; background: #f2f5f9; } .power-excel-title { font-weight: bold; font-size: 24px; line-height: 1.2; padding: 30px 40px 0px 40px; margin-bottom: 20px; overflow: hidden; cursor: pointer; } .power-excel-title:hover { color: #592564; } .power-excel-text { color: #969ba3; padding: 0px 40px 0px 40px; } .power-chart-english { position: absolute; right: -270px; bottom: 100px; } /***********news end******************/ /***********address******************/ .power-chart-heilongjiang { left: 625px; top: 70px; } .power-chart-liaoning { left: 610px; top: 185px; } .power-chart-neimenggu { left: 385px; top: 210px; } .power-chart-beijing { left: 530px; top: 220px; } .power-chart-inner { left: 385px; top: 210px; } .power-chart-gansu { left: 270px; top: 215px; } .power-chart-hebei { left: 520px; top: 250px; } .power-chart-fujian { left: 580px; top: 450px; } .power-chart-ningxia { left: 390px; top: 280px; } .power-chart-qinghai { left: 245px; top: 290px; } .power-chart-tibet { left: 145px; top: 360px; } .power-chart-sichuan { left: 345px; top: 380px; } .power-chart-shaanxi { left: 434px; top: 311px; } .power-chart-shanxi { left: 471px; top: 268px; } .power-chart-jilin { left: 640px; top: 138px; } .power-chart-henan { left: 500px; top: 330px; } .power-chart-shandong { left: 550px; top: 280px; } .power-chart-anhui { left: 550px; top: 340px; } .power-chart-hubei { left: 480px; top: 370px; } .power-chart-zhejiang { left: 590px; top: 400px; } .power-chart-jiangxi { left: 540px; top: 420px; } .power-chart-hunan { left: 480px; top: 430px; } .power-chart-guizhou { left: 400px; top: 450px; } .power-chart-yunnan { left: 330px; top: 490px; } .power-chart-guangxi { left: 430px; top: 500px; } .power-chart-guangdong { left: 500px; top: 500px; } .power-chart-heilongjiang { left: 625px; top: 70px; } .power-chart-jiangsu { left: 580px; top: 330px; } .power-chart-shanghai { left: 605px; top: 360px; } .power-chart-chongqing { left: 410px; top: 405px; } .power-chart-northwest { left: 355px; top: 190px; } .power-chart-britain { left: 355px; top: 170px; } .power-chart-bangladesh { left: 535px; top: 255px; } .power-chart-indonesia { left: 630px; top: 330px; } .power-chart-thailand { left: 615px; top: 285px; } .power-chart-australia { left: 690px; top: 380px; } .power-chart-britian { left: 885px; top: 630px; z-index: 5; } .power-chart-beijing { left: 532px; top: 201px; } .power-chart-xizang { left: 100px; top: 365px; } .power-chart-hongkong { left: 512px; top: 523px; } .power-chart-tianjin { left: 540px; top: 241px; } .power-chart-hainan { left: 450px; top: 577px; } .power-chart-int .power-chart-britain { background: url(../image/power-water-icon2.png) no-repeat center top; } .power-chart-col .power-chart-shanghai { left: 600px; } .power-chart-col .power-chart-fujian { left: 570px; } .power-chart-col .power-chart-henan { left: 480px; } .power-chart-col .power-chart-hebei { left: 510px; } .power-chart-col .power-chart-beijing { left: 520px; } /*********added**************/ .power-chart-col .power-chart-anhui { left: 536px; top: 360px; } .power-chart-col .power-chart-shanxi { left: 460px; } .power-chart-col .power-chart-hunan { left: 470px; } /*********added end**************/ .power-chart-ico1 { background: url(../image/power-water-icon2.png) no-repeat center top; } .power-chart-ico2 { background: url(../image/power-water-icon-num2.png) no-repeat center top; } .power-chart-ico3 { background: url(../image/power-water-icon-num3.png) no-repeat center top; } .power-chart-ico4 { background: url(../image/power-water-icon-num4.png) no-repeat center top; } .power-chart-pop { position: absolute; display: none; z-index: 100; border: 1px solid #693387; background: #fff; padding: 6px 10px; border-radius: 3px; } .power-chart-arr { position: absolute; left: 50%; bottom: -7px; background: url(../image/power-chart-arr.png) no-repeat; width: 12px; height: 7px; margin-left: -6px; } .power-chart-pop-li, .power-chart-pop .RCMS_EDITOR ul li { white-space: nowrap; color: #693387; line-height: 1.8; } .power-chart-color-zi { color: #693387; } .power-chart-color-huang { color: #cec954; } .power-chart-color-lu { color: #78a5aa; } .power-chart-color-zong { color: #484443; } .power-corp-text-main { color: #666; } .power-pic-title { height: 300px; } .power-bus-coal { background: url(../image/power-bus1.jpg) no-repeat center top; } .power-bus-zh { background: url(../image/power-bus-zh.jpg) no-repeat center top; } .power-bus-int { background: url(../image/power-bus1.jpg) no-repeat center top; } .power-bus-eng { background: url(../image/power-bus2.jpg) no-repeat center top; } .power-bus-clean { background: url(../image/power-bus3.jpg) no-repeat center top; } .power-bus-area { background: url(../image/power-bus-area.jpg) no-repeat center top; } .power-bus-detial { background: url(../image/power-bus4.jpg) no-repeat center top; } .power-bus-concept { background: url(../image/power-banner-concept.jpg) no-repeat center top; } .power-pic-title-span { font-size: 30px; font-weight: bold; color: #fff; margin-top: 50px; float: left; } .power-banner-concept-title { padding-top: 70px; font-size: 30px; color: #fff; font-weight: bold; } .power-banner-concept-desc { padding-top: 10px; color: #fff; font-size: 16px; } .power-concept-wrap-title { font-size: 30px; margin-bottom: 20px; } .power-banner .swiper-slide a { display: block; width: 100%; height: 100%; } .power-concept-wrap { padding-bottom: 35px; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .power-concept-other-title { font-weight: bold; padding: 25px 0px 20px 0px; } .power-concept-other-pic { margin-top: 20px; } .power-concept-other-pic img { max-width: 100%; } .power-case-wrap { height: 350px; margin-top: 20px; background: #f2f5f9; } .power-case-wrap-pic { width: 800px; float: left; height: 100%; position: relative; overflow: hidden; } .power-case-wrap-pic img, .power-case-wrap-pic a { display: block; width: 100%; } .power-case-wrap-text { float: right; width: 380px; height: 100%; } .power-case-wrap-title { font-size: 24px; font-weight: bold; } .power-case-wrap-in { padding: 65px 40px 0px 40px; } .power-case-wrap-title { margin-bottom: 15px; line-height: 1.2; } .power-case-wrap-desc { color: #969ba3; } .power-case-wrap-small .power-case-wrap-text { float: left; } .power-case-wrap-small .power-case-wrap-pic { float: right; } .power-excel-bot { margin-top: 20px; } .power-concept-wrap-desc-pic { float: left; } .power-governance-li { float: left; width: 160px; height: 155px; border: 1px solid #ddd; margin: 40px 25px 0px 0px; padding: 10px 20px; } .power-governance-li-intro { text-align: Center; font-size: 16px; font-weight: bold; height: 75px; margin-bottom: 20px; overflow: hidden; } .power-governance-li-href { display: block; text-align: center; padding: 8px 0px; background: #693387; color: #fff; } .power-governance { padding-left: 135px; } .power-governance-li:hover { background: #693387; color: #fff; } .power-governance-li:hover .power-governance-li-href { background: #fff; color: #693387; } .powewr-stork-table { width: 100% } .powewr-stork-table td { border: 1px solid #d5d8dd; text-align: left; padding: 10px 10px; font-weight: bold; } .powewr-stork-table td.power-tl { text-align: left; } .power-stork-title { font-size: 24px; font-weight: bold; margin-bottom: 10px; } .power-stork-money-big { font-size: 36px; font-weight: bold; } .power-money-wrap { margin-left: 80px; } .power-board-det-wrap { position: relative; width: 1180px; margin-left: 10px; display: none; } .power-board-close { position: absolute; right: 30px; top: 30px; } .power-board-det-li { display: none; } .power-video-list { padding-bottom: 20px; } .power-header-son-href { display: block; } .power-excel-pic { height: 260px; overflow: hidden; } .power-excel-pic a { display: block; width: 100%; height: 100%; overflow: hidden; } .power-excel-pic img:hover { transform: scale(1.1); transition: all 0.3s ease; } .power-det-header { position: relative; height: 100px; } .power-det-header .power-header-item-logo { margin-top: 5px; } .power-detial-title { font-size: 36px; font-weight: bold; line-height: 1.3; padding: 30px 0px 20px 0px; color: #333333; } .power-detial-sub { margin-bottom: 30px; color: #969ba3; } .power-detial-content { line-height: 1.8; color: #666; margin-bottom: 60px; text-align: justify; } .mo-level1 { float: left; width: 32%; margin-bottom: 50px; } .mo-level1 a { line-height: 30px; font-size: 20px; color: #693387; } .mo-level2 a { font-size: 18px; line-height: 30px; color: #333; padding-left: 20px; } .mo-level3 a { font-size: 16px; line-height: 30px; color: #666; padding-left: 20px; } /***********address end******************/ /**************响应式********************/ @media screen and (max-width: 600px) { .mo-level1 { float: none; width: 100%; margin-bottom: 0.6rem; } .mo-level1 a { line-height: 0.3; font-size: 0.4rem; color: #693387; } .mo-level2 a { font-size: 0.36rem; line-height: 30px; color: #333; padding-left: 0.4rem; } .mo-level3 a { font-size: 0.32rem; line-height: 0.6rem; color: #666; padding-left: 0.4rem; } .power-content { font-size: 0.28rem; padding: 0px 0.2rem; } .power-header-bar { display: none; } .power-in, .power-big-in, .power-max-in { width: 100%; height: auto; } .power-header-item { display: none; } .power-header { height: 0.9rem; } .power-mobile-header { display: block; } .power-header-item-logo { margin: 0.14rem 0px 0px 0.2rem; } .logo-80th img { height: 0.64rem; width: 80px; } .power-mobile-more { position: absolute; right: 0.2rem; top: 0.2rem; background: url('../image/power-mobile-more.png') center center no-repeat; width: 20px; height: 16px; background-size: cover; } .power-pos { height: 0.8rem; line-height: 0.8rem; width: 100%; } .power-pos-href { color: #333; } .power-main-title { margin-top: 0px; height: 1.45rem; line-height: 1.6rem; } .power-main-title .power-in { font-size: 0.6rem; } .power-award-li { width: 100%; margin: 0px 0px 0.4rem 0px; height: 3.75rem; } .power-award-list { margin: 0.4rem 0px 0.2rem 0px; } .power-award-time { width: 1rem; height: 0.64rem; line-height: 0.55rem; top: 0.08rem; right: -0.1rem; } .power-award-li-title { font-size: 0.36rem; padding: 0.2rem; width: 6rem; height: 2.1rem; } .power-award-li-desc { width: 4.2rem; padding-right: 0.4rem; height: 1.4rem; line-height: 1.5; } .power-mode5 .power-footer { height: auto; line-height: 1.8; padding: 0.2rem 0.2rem; position: static; display: none; } .power-footer-link { display: block; float: none; /* text-align: center; */ } .power-footer-copy { float: none; text-align: Center; } .power-mobile-more img { width: 0.4rem; } .power-award-big-li { margin: 0px 0px 0.4rem 0px; width: 100%; height: 4.5rem; } .power-award-big-pic { width: 3.55rem; } .power-award-big-wrap { padding: 0px 0.2rem 0px 3.9rem; } .power-award-big-name { height: 1rem; padding-top: 0rem; line-height: 1.3; font-size: 0.36rem; overflow: hidden; } .power-view-intro { padding: 0.4rem 0.4rem 0.4rem 0.4rem; margin-top: 0.4rem; } .power-view-intro-text { padding-left: 0px; } .power-view-intro-pic { width: 100%; padding-bottom: 0.4rem; margin-bottom: 0.4rem; height: auto; border-right: none; border-bottom: 1px solid #ddd; } .power-text-li-left { width: 100%; line-height: 1.7; float: none; font-size: 0.48rem; font-weight: bold; padding-right: 0px; color: #333; } .power-text-li-right { line-height: 1.8; padding-top: 0.2rem; padding-left: 0px; } .power-main-det { padding: 0.4rem 0.2rem; min-height: 9rem; } .power-main-det img { max-width: 100%; height: auto; } .power-main-det-title { padding-bottom: 0.4rem; } .power-nopadding { padding: 0px; } .power-pic-title { height: 3rem; padding: 0.2rem; background-size: cover !important; } .power-chart-intro, .power-chart-det { padding: 0px 0.2rem; } .power-chart-intro { padding-bottom: 0.4rem; margin-bottom: 0.4rem; } .power-chart-all { width: 100%; height: 6.5rem; background-size: cover; } .power-chart-int { background-size: 100% auto; height: 4.5rem; } .power-pic-title-span { margin-top: 0.2rem; line-height: 1.5; font-size: 0.4rem; } /***********address******************/ .power-board-det-wrap { width: 100%; margin: 0px; } .power-chart-heilongjiang { left: 5.3rem; top: 0.7rem; } .power-chart-liaoning { left: 5.6rem; top: 1.3rem; } .power-chart-beijing { left: 4.6rem; top: 2rem; } .power-chart-neimenggu { left: 3rem; top: 2.1rem; } .power-chart-gansu { left: 2.2rem; top: 2rem; } .power-chart-hebei { left: 4.7rem; top: 2.5rem; } .power-chart-ningxia { left: 3.5rem; top: 2.8rem; } .power-chart-qinghai { left: 1.9rem; top: 2.8rem; } .power-chart-tibet { left: 1rem; top: 3rem; } .power-chart-sichuan { left: 3rem; top: 3.5rem; } .power-chart-chongqing { left: 2.8rem; top: 3.5rem; } .power-chart-shanxi { left: 4.2rem; top: 2.4rem; } .power-chart-shaanxi { left: 3.8rem; top: 2.5rem; } .power-chart-henan { left: 4.2rem; top: 3rem; } .power-chart-shandong { left: 4.8rem; top: 2.6rem; } .power-chart-anhui { left: 5rem; top: 3.2rem; } .power-chart-hubei { left: 4.4rem; top: 3.6rem; } .power-chart-zhejiang { left: 4.9rem; top: 4.2rem; } .power-chart-fujian { left: 4.8rem; top: 4.4rem; } .power-chart-jiangxi { left: 4.6rem; top: 4rem; } .power-chart-hunan { left: 4.2rem; top: 4rem; } .power-chart-guizhou { left: 3.5rem; top: 4.2rem; } .power-chart-yunnan { left: 2.8rem; top: 4.6rem; } .power-chart-guangxi { left: 3.8rem; top: 4.7rem; } .power-chart-guangdong { left: 4.2rem; top: 4.7rem; } .power-chart-jiangsu { left: 5.2rem; top: 3rem; } .power-chart-shanghai { left: 5.4rem; top: 3.4rem; } .power-chart-northwest { left: 2.2rem; top: 1.4rem; } .power-chart-bangladesh { left: 3.3rem; top: 1.9rem; } .power-chart-indonesia { left: 3.5rem; top: 2.5rem; } .power-chart-thailand { left: 3.6rem; top: 2.3rem; } .power-chart-australia { left: 4.5rem; top: 3rem; } .power-chart-britian { left: 1.7rem; top: 8.2rem; z-index: 5; } .power-chart-col .power-chart-anhui { left: 4.9rem; top: 3.1rem; } .power-excel-pic { height: auto; margin-bottom: 0.2rem; } .power-chart-col .power-chart-shanxi { left: 4.1rem; top: 2.4rem; } .power-chart-col .power-chart-hunan { left: 4.1rem; top: 4rem; } .power-chart-col .power-chart-heilongjiang { left: 5.3rem; top: 0.7rem; } .power-chart-col .power-chart-liaoning { left: 5.6rem; top: 1.3rem; } .power-chart-col .power-chart-beijing { left: 4.6rem; top: 2rem; } .power-chart-inner { left: 3rem; top: 2.1rem; } .power-chart-col .power-chart-gansu { left: 2.2rem; top: 2rem; } .power-chart-col .power-chart-hebei { left: 4.7rem; top: 2.5rem; } .power-chart-col .power-chart-ningxia { left: 3.5rem; top: 2.8rem; } .power-chart-col .power-chart-qinghai { left: 1.9rem; top: 2.8rem; } .power-chart-col .power-chart-tibet { left: 1rem; top: 3rem; } .power-chart-col .power-chart-sichuan { left: 3rem; top: 3.5rem; } .power-chart-col .power-chart-shanxi { left: 4.2rem; top: 2.4rem; } .power-chart-col .power-chart-shaanxi { left: 3.8rem; top: 2.5rem; } .power-chart-col .power-chart-henan { left: 4.2rem; top: 3rem; } .power-chart-col .power-chart-shandong { left: 4.8rem; top: 2.6rem; } .power-chart-col .power-chart-anhui { left: 5rem; top: 3.3rem; } .power-chart-col .power-chart-hubei { left: 4.4rem; top: 3.6rem; } .power-chart-col .power-chart-zhejiang { left: 5.4rem; top: 3.8rem; } .power-chart-col .power-chart-fujian { left: 5.2rem; top: 4.4rem; } .power-chart-col .power-chart-jiangxi { left: 4.8rem; top: 4rem; } .power-chart-col .power-chart-hunan { left: 4.2rem; top: 4rem; } .power-chart-col .power-chart-guizhou { left: 3.5rem; top: 4.2rem; } .power-chart-col .power-chart-yunnan { left: 2.8rem; top: 4.6rem; } .power-chart-col .power-chart-guangxi { left: 3.8rem; top: 4.7rem; } .power-chart-col .power-chart-guangdong { left: 4.5rem; top: 4.8rem; } .power-chart-col .power-chart-jiangsu { left: 5.2rem; top: 3rem; } .power-chart-col .power-chart-shanghai { left: 5.4rem; top: 3.4rem; } .power-chart-all-col { width: 100%; height: auto; background-size: 100% auto; } .power-chart-english { position: static; width: 3rem; } .power-chart-col { height: 6.5rem; } .power-contact-title { font-size: 0.48rem; } .power-contact-table td { padding: 0.2rem 0px; } .power-contact-tdl { width: auto; } .power-contact-tdl li, .power-contact-content li { width: 100% !important; } .power-contact-li-desc { white-space: normal; } .power-contact-email { margin-left: 0px; padding-top: 0rem; } .power-form-right { padding-left: 0px; } .power-form-left { float: none; height: auto; margin-bottom: 0.2rem; } .power-form-tdl { width: 1.3rem; } .power-form-text { width: 100%; } .power-form-qrcode { margin-bottom: 0.4rem; } .power-qrcode-tip { display: block; margin: 0.2rem 0px 0px 0px; } .power-form-sub, .power-form-reset { padding: 0.2rem 0.6rem; } .power-form-sub { margin-right: 0.4rem; } .power-investor-li { width: 100%; height: 10rem; background: url(../image/power-mobile-investor-bg.png) no-repeat; background-size: 100% 100%; margin: 0px 0px 0.4rem 0px; padding: 0.1rem 0.1rem 0.1rem 0.2rem; } .power-investor-pic { height: 6.55rem; } .power-investor-pic a { display: block; height: 100%; } .power-investor-title { font-size: 0.36rem; height: 1.8rem; } .power-text-time { display: block; float: none; } .power-chart-addr-span { height: 0.05rem; overflow: hidden; background-size: auto 80%; z-index: 22; } .beian { display: none; } .power-video-list-li { width: 100%; margin: 0.4rem 0px 0px 0px; height: 7.5rem; } .power-text-pic { width: 1.6rem; height: 1rem; } .power-text-li-three { padding-left: 2rem; } .power-news-title-href { white-space: normal; line-height: 1.5; font-size: 0.36rem; } .power-text-li { padding: 0.3rem 0px 0.5rem 0px; } .power-news-page { padding: 0.5rem 0px 0.8rem 0px; } .power-video-list-pic { height: 4.5rem; } .power-video-list-pic img { width: 100%; height: 100%; } .power-video-list-title { margin: 0.5rem 0px 0.5rem 0.4rem; } .power-banner-concept-title { padding-top: 0px; } .power-concept-wrap-title { font-size: 0.48rem !important; margin-bottom: 0.2rem; } .power-concept-wrap { padding-bottom: 0.5rem; margin-bottom: 0.5rem; } .power-concept-other-title { padding: 0.3rem 0px; } .power-water-addr-tab { width: 100%; height: 1.6rem; margin: 0px 0px 0rem 0px; font-size: 0.3rem; } .power-water-addr-sel { background: #693387; } .power-water-wrap { background: url(../image/power-pb-vline.png) repeat-y 0.6rem top } .power-water-title-age { float: none; } .power-water-title-det { padding-left: 1rem; background: none; } .power-water-title-age { width: 100%; background: url(../image/power-pb-line.png) no-repeat 0.6rem center; padding-left: 1.4rem; } .power-water-tdl-pic { padding-left: 1rem; margin-bottom: 0.4rem; } .power-water-detial { margin-top: 0.1rem; } .power-water-wrap-tdl { width: 3.8rem; } .power-water-wrap-tdl, .power-water-wrap-tdr { float: none; } .power-water-tdr-detial { width: 6.1rem; margin-left: 1rem; padding: 0.2rem; } .power-water-tdr-detial-title { padding: 0px; } .power-water-wrap-dot { left: 0.4rem; bottom: -1rem; top: auto; } .power-governance { padding-left: 0px; } .power-governance-li { width: calc( (100% - 40px)/2); margin: 0.4rem 0.2rem 0px 0.2rem; } .power-excel-wrap { width: 100%; margin: 0px 0px 0.4rem 0px; overflow: hidden; } .power-case-wrap-pic { width: 100%; overflow: hidden; position: static; float: none; } .power-case-wrap-text { width: 100%; } .power-main-det .power-case-wrap-pic img { width: 100%; margin-left: 0px; left: 0px; } .power-excel-title { font-size: 0.36rem; padding: 0.2rem 0.2rem; height: auto; margin-bottom: 0px; font-weight: bold; } .power-excel-wrap { height: auto; padding: 0px 0px 0.3rem 0px; } .power-excel-text { padding: 0px 0.2rem; } .power-case-wrap { height: auto; margin-top: 0.4rem; padding: 0px 0px 0.3rem 0px; } .power-case-wrap-in { padding: 0.2rem 0.4rem 0.1rem 0.4rem; } .power-case-wrap-title { font-size: 0.36rem; margin-bottom: 0.1rem; } .power-mobile-nav { position: absolute; z-index: 200; width: 100%; left: 0px; top: 0px; margin-left: 0px; } .power-mobile-nav .power-header-nav-li { width: 100%; float: none; } .power-mobile-close { height: 0.9rem; background: #5c5c5c; } .power-mobile-close-href { float: right; margin: 0.25rem 0.2rem 0px 0px; background: url('../image/power-mobile-close.png') center center no-repeat; height: .35rem; width: .35rem; background-size: cover; } .power-header-nav-href { width: 75%; font-size: 0.28rem; color: #fff; padding: 0.25rem 0px 0.25rem 0.4rem; display: block; line-height: 1.5; border: none; } .power-header-item-nav { margin-left: 0px; padding: 0px 0.2rem; } .power-header-item-search { margin-top: 0.3rem; padding: 0px 0.2rem; } .power-header-nav-li { line-height: 1.5; } .power-search-text { width: 100%; padding: 0.2rem 0.6rem 0.2rem 0.2rem; background: #626161; border: none; color: #fff; } .power-search-but { position: absolute; width: 0.38rem; height: 0.38rem; background: url(../image/power-mobile-search.png) no-repeat; background-size: cover; right: 0.5rem; top: 0.16rem; } .power-header-son-ul { display: none; width: 100%; background: none; position: static; border: none; } .power-header-son-li { height: auto; line-height: 1.5; padding: 0px; padding: 0.2rem 0px 0.2rem 0.6rem; position: relative; } .power-header-son-li a { display: block; color: #fff; width: 70%; } .power-header-son-child { background: none; } .power-mobile-has-son { background: none; } .power-header-son-child>.power-mobile-has-son { background: none; } .power-header-son-li:hover { background: none; color: #333; } .power-mobile-add-href { position: absolute; display: none; right: 0.2rem; top: 0.3rem; width: 0.3rem; height: 0.3rem; background: url(../image/power-mobile-arr-add.png) no-repeat; background-size: 0.26rem auto; } .power-header-son-li a.power-mobile-add-href { position: absolute; display: none; right: 0.2rem; top: 0.3rem; width: 0.3rem; height: 0.3rem; background: url(../image/power-mobile-arr-add.png) no-repeat; background-size: 0.26rem auto; } .power-mobile-add-href { position: absolute; display: none; right: 0.2rem; top: 0.3rem; width: 0.3rem; height: 0.3rem; background: url(../image/power-mobile-arr-add.png) no-repeat; background-size: 0.26rem auto; } .power-header-nav-sel { background: url(../image/power-mobile-arr-sub.png) no-repeat; background-size: 0.26rem auto; line-height: 1.5; border: none; } .power-header-son-li a.power-header-nav-sel { background: url(../image/power-mobile-arr-sub.png) no-repeat; background-size: 0.26rem auto; line-height: 1.5; border: none; } .power-stork-title { font-size: 0.48rem; } .power-stork-money-big { font-size: 0.72rem; } .power-money-wrap { margin-left: 0.2rem; } .power-chart-pop { width: 6rem; } .power-chart-pop-li { white-space: normal; margin-bottom: 0.1rem; } .power-corp-wrap { margin-bottom: 0.4rem; } .power-corp-pic { width: 100% } .power-corp-text { width: 100% } .power-content-in { width: 100%; } .power-detial-in { width: 100%; } .power-detial-title { font-size: 0.6rem; padding: 0.6rem 0px 0.4rem 0px; } .power-detial-sub { margin-bottom: 0.5rem; } .power-footer { line-height: 24px; height: auto; padding: 10px 0; position: relative; z-index: 100; } .power-mobile-footer { display: block; height: auto; line-height: 2; } .power-mobile-nav .power-header-bar { height: auto; background: none; text-align: left; display: block; border-top: 1px solid #fff; margin-top: 0.2rem; padding-top: 0.2rem; } .power-mobile-nav .power-header-bar .power-header-bar-href { display: block; color: #fff; padding: 0.1rem 0px; } .power-award-big-name { min-height: auto; } .power-award-li-name { position: absolute; left: 4.3rem; top: 2.2rem; } .power-chart-zonghe { width: 100%; height: 6.5rem; background-size: cover; } } /***************响应式 end*******************/ .magnifying-glass { position: relative; width: 100px; height: 100px; border: 15px solid #90cf5b; border-radius: 50%; &::before { content: ""; position: absolute; right: -80%; bottom: -40%; width: 100%; height: 25%; border-width: 0; background: #90cf5b; transform: rotate(45deg); } }