/* CSS Document */ @media ( min-width:801px ) and ( max-width:1024px ) { html { font-size:56% } /* float */ .mo_fleft { float:left!important } .mo_fright { float:right!important } .mo_fnone { float:none!important } .fontSize26 { font-size:22px; line-height: 1em } .fontSize30 { font-size:26px; line-height: 1em } .fontSize46 { font-size:42px; line-height: 1em } h1, .h1 { font-size: 56px } h2, .h2 { font-size: 36px } h3, .h3 { font-size: 32px } h4, .h4 { font-size: 20px } h5, .h5 { font-size: 16px } h6, .h6 { font-size: 14px } .mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .insidekv { height: 300px } .insidekv-title { padding-top: 230px } /*------------------棣栭〉-------------------*/ .index-padding { padding-top: 40px; padding-bottom: 40px } .index-con01.index-business { margin-top: 20px } .index-con02 { padding-left: 40px } .index-con02 .city_list.width40 { width: 100%; margin-top: 30px } /* .index-con02 .city_list li.width25 { width: 16.66% } */ .innews-box { padding-right: 40px; box-sizing: border-box } .innews-box .area_40, .innews-box .area_60 { width: 100%; float: none } .innews-box .area_40 { padding-right: 0 } /*------------------璧拌繘鏂板煄-------------------*/ .about-video { height:450px } /*------------------鏂伴椈-------------------*/ input.newsearch-input01 { font-size:16px } /*------------------涓氬姟鍜岀増鍥?------------------*/ .in-sykf, .in-sygl, .in-dyyw { min-height: 360px } .item-list { padding-left: 40px } /*-------------------------------------*/ .wechat_ewm { margin-left:-100px; width:200px; height:auto } .system-img01 { width: 80%; margin-top: 150px } .tabs a { padding: 0 25px } .rl-list li { width: 33.33% } .rl-list li:nth-of-type(4), .rl-list li:last-of-type { margin-top: 20px } .rl-list li:last-of-type { width: 66.66% } .think-con02 { margin-top: 0; padding-top: 50px; padding-bottom: 300px; background-position: left bottom } } /*灞忓箷灏忎簬绛変簬800*/ @media ( max-width:800px ) { html { font-size:56% } .imgauto{ width: 100% !important; margin: auto !important; } .imgtitle{ width: 50% !important; margin: auto !important; } .imgun{ display: none !important; } .imgmo{ display: block !important; } .inkv-xhs-bg { background: url(../images/index/2.jpg) 30% 100% no-repeat !important; background-size: cover !important; } /* float */ .mo_fleft { float:left!important } .mo_fright { float:right!important } .mo_fnone { float:none!important } /* text-align */ .mo_tleft { text-align:left!important } .mo_tright { text-align:right!important } .mo_tcenter { text-align:center!important } .mo_positionRelative { position: relative!important } .mo_positionAbsolute { position: absolute!important } .mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .mo_margintop0 { margin-top: 0 } .mo_margintop5 { margin-top:5px } .mo_margintop10 { margin-top:10px } .mo_margintop15 { margin-top:15px } .mo_margintop18 { margin-top:18px } .mo_margintop20 { margin-top:20px } .mo_margintop30{margin-top: 30px;} .mo_margintop40{margin-top: 40px;} .mo_paddingtop30{ padding-top:30px } .mo_paddingtop35{ padding-top:35px } .mo_paddingtop80{ padding-top:80px } .mo_paddingtop5{padding-top:5px ;} .mo_marginright20{margin-right: 20px;} .mo_marginbottom30{margin-bottom: 30px;} .mo_adis { display:block } .mo_undis, .gap30, .gap40 { display:none } .area_100, .area_90, .area_86, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20 { float:none; width:100% } .mo_width26 { width:26% } .mo_width50 { width:50% } .mo_width80 { width: 80% } .mo_width85 { width: 85% } .mo_width100 { width:100% } .mo_marginauto { margin-left:auto; margin-right:auto } .padding30 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .width92 { width:100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .fontSize26 { font-size:2rem; line-height: 1em } .fontSize30 { font-size:2.2rem; line-height: 1em } .fontSize32 { font-size:2.4rem; line-height: 1em } .fontSize46 { font-size:2.6rem; line-height: 1em } .fontSize48 { font-size:2.8rem; line-height: 1em } h1, .h1 { font-size: 3.2rem; line-height: 1.1em } h2, .h2 { font-size: 2.8rem; line-height: 1.1em } h3, .h3 { font-size: 2.4rem } h4, .h4 { font-size: 2rem } h5, .h5 { font-size: 1.6rem } h6, .h6 { font-size: 1.4rem } .cd-main-content { padding-top: 0 } .headbox { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative } .headmenu { height:5em; padding-top:1em; width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .logo { width:auto; margin-top:0; height:3em } .language { width: 64px; position: absolute; top: 1.8em; right: 4.5em; margin-top: 0; margin-right: 0; margin-left: 0 } .language-a, .language-span { width: 28px; height: 20px; line-height: 20px!important } .footbox { width:100%; padding-top:0; padding-bottom:0 } .footbox .width92 { width:100%; padding-left: 0; padding-right: 0 } .footlink { float: none; width:92%; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } .copyright { width: 100%; background: #f7f7f7; padding-top: 1em; padding-bottom: 1em } .mo_footewm { display: block } .wangjing-t { left: 90px } .wangjing { top: auto; bottom: 5px; left: 50%; margin-left: -21px } /* max-width */ .mo_max-width160 {max-width: 160px;} /*-------------------棣栭〉-------------------*/ .in-stockdata { height: auto; padding-top: 10px; position: static; background: #fff } .index-padding { padding-top: 30px; padding-bottom: 30px } .index-con01, .index-con02 { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px } .index-con01 { float: none } .index-con02 .city_list.width40 { width: 100% } .index-con02 .city_list li.width25 { width: 16.66% } .index-con01.index-business { padding-top: 20px; padding-bottom: 30px } .index-business .area_25 { width: 50%; float: left } .index-business .area_25:nth-of-type(2), .index-business .area_25:nth-of-type(4) { padding-right: 0 } .index-business .area_25:nth-of-type(3), .index-business .area_25:nth-of-type(4) { margin-top: 20px } .innews-box .area_40 { padding-right: 0 } /* .indexstocks #stock0 { margin-top: 12% } .indexstocks #stock-down, .indexstocks #stock01{ margin-top: 15% } */ /*------------------鍐呴〉閫氱敤-------------------*/ .inside-contact { float: none } .insidekv { width: 100%; height: 22rem } .insidekv-title { padding-top: 18rem } /*闈㈠寘灞?/ .breadcrumb-level { width: 40%; padding: 0 10px } .breadcrumb-level01 { width:30%; padding: 0 10px 0 4% } .breadcrumb-level02 { width: 30% } .breadcrumb-level i.iconfont { font-size:18px!important; margin-top: 16px } .buscom-breadcrumb-level, .buscom-breadcrumb-level01, .buscom-breadcrumb-level02 { width: 25%; padding: 0 10px } .buscom-breadcrumb-level03 { width: 50%; padding: 0 10px } .buscom-breadcrumb-level i.iconfont { font-size:18px!important; margin-top: 16px } .breadcrumb-else { display: none } .paddingtop80, .paddingtop60, .paddingtop50 { padding-top:3rem } .paddingbottom50, .paddingbottom80 { padding-bottom:3rem } /*------------------璧拌繘鏂板煄-------------------*/ .about-con { height:15rem; padding-top: 3rem; padding-left: 2rem; padding-right: 2rem } .about-video { height:24rem } .about-txt01 { height:auto } .bc-con .kwicks { height: auto } .bc-con .kwicks li { width: 100%; height: 640px; position: relative!important; margin-bottom: 1px } .bc-con .kwicks h4 { height: auto } .bc-dl { margin-left:0 } .bc-dl dt { width:100%; margin-left: 0 } .bc-dl dd { width: 100% } .headportrait-shade { width: 100%; height: auto } .headportrait_big { width: 100% } .wmap-dl { margin-left: 10em } .wmap-dl dt { width:10em; margin-left: -10em } .wmap-dl dd li { float:left; width:10em } /*------------------鏂伴椈-------------------*/ .news-hiSlider .hiSlider-wrap { padding-bottom: 60px } .news-hiSlider .hiSlider-title { padding-top: 8px; padding-bottom: 8px; font-size: 14px; line-height: 1em; bottom: 30px } .news-hiSlider .hiSlider-pages { bottom:12px } .news-con .area_30 { float: none } .news-con .area_30.padding30 { padding-top: 0; padding-bottom: 0; } .news-con .area_30 .paddingleft30 { padding-left: 20px } .news-con .area_30 .paddingleft20 { padding-left: 10px } .news-con .area_30 .paddingright30 { padding-right: 20px } input.newsearch-input01 { font-size:1.6rem } .news-listcon { float:none; padding-top: 20px; padding-left: 20px; padding-right: 20px } .news-listcon .area_25.paddingright30 { padding-right: 0 } .newsd-con01 { margin-left: 0 } .newsd-con01 dt { width:100%; margin-left: 0 } .newsd-con01 h1 { font-size: 2rem } .news-date { width:100%; padding-top: 0; padding-bottom: 0; background:transparent; color: #717171; text-align:left } .news-day { display: inline-block; width:auto; font-size:14px } .news-month { float: left; display: inline-block; width:auto; margin-top: 0; font-size:14px } .nd-conright img { width:100%; height: auto } .media-popbox { width: 300px; height: 240px; overflow:hidden } /*------------------鎶曡祫鑰呭叧绯?------------------*/ .inv-listcon li { padding:30px 0 30px 100px } .inv-listdate { width:80px; margin-left:-100px } .ii-reportbox { margin-left: -20px; width: calc(100% + 40px) } .ii-reportbox .area_50.paddingleft20 { padding-left:0 } .company-dl { padding-top: 15px; padding-bottom: 15px } .company-dl dt, .company-dl dd { padding-top: 0; padding-bottom: 0 } .company-dl dt { width:100%; padding-left: 1em; box-sizing: border-box } .company-dl dd { padding-left: 1em; box-sizing: border-box } .invf-tableli01 { width: 100% } .invf-tableli02 { width: 50% } .s-pricebox .margintop20 { margin-top: -2px } .s-pricebox .margintop30 { margin-top: 10px } .popup { width: 90% } .contact-box { min-height: auto } input.contact-input, .contact-textarea,select.contact-input { width:100% } .invs-subheading { width: 100% } .invs-remark { float: left } .invs-tableli01 { width: 40%; padding-left: 0 } .invs-tableli02 { width: 60%; padding-left: 0 } .invs-tableli03, .invs-tableli04, .invs-tableli05 { width: 100%; text-align: left; padding-left: 0; padding-right: 0 } .ip-txt { position: relative; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: 2rem } .inv-tabli-month { left: 0 } /*------------------涓氬姟鍜岀増鍥?------------------*/ .in-sykf, .in-sygl, .in-dyyw { min-height: auto } .in-sykf-img, .in-sygl-img, .in-dyyw-img { background: transparent; position: static } .in-dyyw-a { margin-top: 20px } .in-dyyw-a a { margin-top: 0 } .residence-con .area_60 { float: none!important } .item-name { width: 100%; background: #eee; padding-right: 20px; padding-left: 20px; margin-left: -20px } .item-list { width: 100%; padding-left: 0 } .city-list li { width: 49%; margin-right: 0 } .city-list li:nth-of-type(odd) { margin-right: 2% } .housetype-hiSlider { padding:10px } .housetype-hiSlider .hiSlider-btn-prev, .housetype-hiSlider .hiSlider-btn-next { width: 20px; height: 40px; margin-top: -20px; background-size:auto 100% } .bod-tel { float: left } .bod-list li { border-right: 0 none; border-bottom: 1px solid #dfdfdf; padding-top: 10px; padding-bottom: 10px } .bod-list li:nth-child(1) { padding-top: 0 } .bod-list li:nth-child(4) { border-right: 0 none; border-bottom: 0 none; padding-bottom: 0 } .imgtxt-con .area_50:nth-of-type(1) { padding-right: 0 } .imgtxt-con .area_50:nth-of-type(2) { padding-left: 0; margin-top: 20px } .bi-tab a { padding: 0 20px; height: 50px; line-height: 50px } .hotel-page .container.poabsolute-wh50, .hotel-page .area_60.poabsolute-h50 { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: 20px } .residence-insidekv { background: url(../images/business/residence-insidekv.jpg?v0.1) center right; background-size:cover } .bdevelop-insidekv { background: url(../images/business/bdevelop-insidekv.jpg?v0.1) center right; background-size: cover } .boperation-insidekv { background: url(../images/business/boperation-insidekv.jpg?v0.1) center right; background-size: cover } .ewm-xcx { margin-left: auto; margin-right: auto } .yixiang-mail.popup {width: 90%!important;} /*------------------瀹㈡埛鏈嶅姟-------------------*/ .service4008-bg { padding-top: 30px; padding-bottom: 80px; min-height: auto } .inside-hiSlider-con { width:60%; padding:20px 20px 120px } /*------------------绀句細璐d换-------------------*/ .responsibility-txt01 { height:auto } a.res-a02 { border-left:0; border-right:0 } .res-hiSlider-con { width:80%; padding:20px 20px 80px; box-sizing: border-box; } .res-hiSlider .hiSlider-title { width: 70%; margin-left: 15% } .think-con01 { padding-top: 30px; padding-bottom: 200px } .think-con01 .area_33, .think-con03 .area_40 { margin-left:0 } .think-con02 { padding-top: 40px; padding-bottom: 320px; background-position: left bottom; background-size:80% auto } /*------------------鍔犲叆鏂板煄-------------------*/ .recruit-con { height: 80rem; background: url(../images/recruit/recruit-bg.jpg?v0.1) 60% bottom no-repeat } .recruit-tab .container { padding-left: 0; padding-right: 0 } .recruit-tab a { border-right:0; border-bottom: 1px solid #fff } .recruit-tab a i.iconfont { top: -5px } .recruit-a01.mo_adis, .recruit-tab a.mo_adis { display: inline-block } .recruit-tab a.mo_undis { display: none } .submenu.paddingbottom20 { padding-bottom: 0 } .submenu .padding30 { padding-left: 0; padding-right: 0; padding-top: 0 } .mo_dis{display: block;} .lz-dl { margin-left: 0 } .lz-dl dt { padding-right: 0; margin-left: auto } /* */ .mo_xf-bg .container {top: auto; bottom: -6%;} .mo_xf-bg {background:url(../images/service/360mobile02_02.png) center center no-repeat;background-size: cover; height: calc(110vh); min-height: 530px;} /* ----------------------2020鏀圭増鏂板---------------------- */ .mo_padding0 { padding:0!important } .mo_paddingtop10 { padding-top:10px } .mo_paddingtop0 { padding-top:0px } .mo_paddingtop20 { padding-top:20px } .mo_paddingtop30 { padding-top:30px } .mo_paddingbottom10 { padding-bottom:10px } .mo_paddingbottom20 { padding-bottom:20px } .mo_paddingleft10 { padding-left: 10px } .mo_paddingleft20 { padding-left: 20px } .mo_paddingleft45 { padding-left: 45px } .mo_paddingleft0 { padding-left:0px } .mo_paddingright0 { padding-right: 0px } .mo_paddingright10 { padding-right: 10px } .mo_paddingright20 { padding-right: 20px } .mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .container { width:100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-width: auto } .footbox .container { padding-left: 0; padding-right: 0 } .tabs a { padding: 0 20px; height: 50px; line-height: 50px } .content { margin-top: 10px } .system-img01 { width: 100%; max-width: auto } .system-logo .area_25 { width: 50%; float: left } .system-logo .area_25:nth-of-type(4) div.padding10, .system-logo .area_25:nth-of-type(5) div.padding10 { background: #fafafa } .system-logo .area_25:nth-of-type(3) div.padding10, .system-logo .area_25:nth-of-type(6) div.padding10{ background: #fff } .rl-tabs.tabs { display: block } .rl-tabs.tabs li { display: block; float: left; width: 33.33% } .rl-tabs.tabs li:nth-of-type(5) { width: 66.66% } .rl-tabs.tabs a { display: block; width: 100%; padding: 0; text-align: center } .rl-content.content { margin-top: 20px } .rl-list li { width: 33.33% } .rl-list li:nth-of-type(4), .rl-list li:last-of-type { margin-top: 10px } .rl-list li:last-of-type { width: 66.66% } .media-tab li a { padding:5px 10px } .company-con .poabsolute-w50 { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .company-con .area_60 { padding: 0 20px 20px; box-sizing: border-box } .mo_stable { width: 100%; text-align: left; border: 0; padding-top: 10px; padding-bottom: 0 } .party-head { padding-top: 30px; padding-bottom: 20px } .party-logo { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .mo_hui-hv{height: 200px;background: #fff;} .incorrupt-con>div { max-width: 260px } .incorrupt-con:nth-of-type(2) { margin-top: 20px } .sevenbg{background: url(/images/responsibility/sevencoor/mobile-bg.jpg)center center no-repeat;background-size: cover;height:calc(210vh);} .mo_width44{width:44%;z-index: 5;} .mo_planses{height:24px;position: absolute;top: 0;} .bgborder-v{width:100%; border-radius: 10px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #419145;} .top-v3{left: -7%;top: -9%;} .width18{width: 18%;} .mo_top30{position: absolute;left: 16%; top:7%;} .mo_border-vh{width: 100%;height: 1px;background-color: #8cc63f;top: 16%;left: 0%;} .mo_border-vh1{width: 100%;height: 1px;background-color: #8cc63f;top: 94%;left: 0%;} .mo_top31{position: absolute;left: 16%; top:20%;} .mo_top50{position: absolute;left: 7%; top:25%;text-align: justify;} .mo_fontsize12{font-size: 12px;} .color-bg1{background: url(/images/responsibility/color/color01.png)top center no-repeat;background-size: 100%;} .color-bg-kv1{height: calc(110vh);margin: auto;min-height: 400px;} .color01-bg{background: url(/images/responsibility/color/color03.png)top center no-repeat;background-size: 100%;} .color01-bg-kv{height: auto!important;margin: auto;min-height: auto;} .img-kg2{padding-top: 20px!important;} .mo_top-bg1{left:9%!important; top:6%;} .mo_top-bg2{left:9%!important; top:22%;} .mo_top-bg3{left:9%!important; top:29%;} .mo_border-vh2{width: 100%;height: 1px;background-color: #f97600;top: 18%;left: 0%;} .mo_border-vh3{width: 100%;height: 1px;background-color: #f97600;top: 85%;left: 0%;} .mo_color-bg-kv{height: calc(127vh);margin: auto;min-height: 400px;} .mo_height75{height: calc(75vh)!important;} .mo_color03-bg-kv{ height: auto!important;margin: auto;min-height: auto;} .mo_border-vh4{width: 90%;height: 1px;background-color: #f97600;top: 9%;left: 10%;} .mo_border-vh5{width: 100%;height: 1px;background-color: #f97600;top: 85%;left: 0%;} .mo_top-bg4{left:9%!important; top:13%;} .mo_top-bg5{left:9%!important; top:17%;} .mo_bgborder{width:100%;min-height:630px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;} .mo_tjug {text-align: justify;} .mo_width93{width: 93%;} .mo_width87{width: 87%;} .rs-con01 { height: calc(18vh); background-size: cover } .rs-con02, .rs-con03 { padding-top: calc(5vh); padding-bottom: calc(10vh) } .rs-con02-list, .rs-con03 .button { width: 100% } .rs-con02 .button, .rs-con03 .button { padding-left: 15px } .rs-con03 .button { height: auto; line-height: 20px } .rs-con03 .button span { padding-right: 15px } .rs-con04-title { width: 110px } .rs-con04-list { width: 100% } /* ------------------鍏氬缓鏀圭増------------------ */ .party-insidekv { background: url(../images/party/partykv.jpg) #fff3e2 44% center no-repeat; background-size: auto 110% } .p-history-insidekv, .p-committee-insidekv { background-size: cover } .p-history.timeline-box { padding-top: 50px} .p-history.timeline-box:before { left: 9px; margin-left: 0; top: 31px } .p-history.timeline-box .timeline-content { text-align: left } .p-history.timeline-box #timeline .timeline-item:first-of-type { margin-top: 0 } .p-history.timeline-box #timeline .timeline-item .timeline-content:before { border-left: 0; border-right: 9px solid #f7f7f7 } .p-history.timeline-box .timeline-content:hover:before { border-left: 0!important; border-right: 9px solid #d7000f!important } .p-intro-insidekv { padding-top: calc(10vh); background: url(../images/party/introkv.jpg) 68% bottom no-repeat } .p-intro-con01 { padding-top: calc(5vh); padding-bottom: calc(5vh) } .p-intro-con02 .kwicks { height: auto } .p-intro-con02 .kwicks li { width: 100%; height: 380px; position: relative!important; margin-bottom: 5px } .p-intro-con02 .kwicks h4 { height: auto } .p-committee.p-history.timeline-box:before { left: -11px } .p-committee.p-history.timeline-box #timeline .timeline-item .timeline-content:before { border-left: 0; border-right: 9px solid #fff } .p-committee-dl { padding-left: 0 } .p-committee-dl dt { width: 100%; margin-left: 0 } .p-committee-dl dd .area_25 { padding: 20px; height: auto } .dimtext{ transition: all 0.2s; display: block } .col-kg{margin-top: 40px!important;} /* -----------------------寤虹----------------------- */ .jianguan-con01>div { width: 120px; height: 120px; padding-top: 30px; box-sizing: border-box } .jianguan-con03>div { padding: 30px 0; box-sizing: border-box } .jianguan-con03>div:nth-of-type(2), .jianguan-con03>div:nth-of-type(3) { background: #ededed } .jianguan-con03>div:nth-of-type(1), .jianguan-con03>div:nth-of-type(4) { background: #f4f4f4 } .js-txtbox { position: static; height: auto } .js-txtbox .area_60 { position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 30px 30px 40px; box-sizing: border-box } .jianguan-swiper .swiper-button-prev, .jianguan-swiper .swiper-button-next { display: none } .jianguan-con04 .area_45 { position: relative; background: transparent } .jianguan-con04 .area_55 { padding: 30px } } /*-------------------鍏煎iphone5-------------------*/ @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ html { font-size:52% } }