body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding:0; margin: 0; font-family: "微软雅黑", Arial, Helvetica, sans-serif; -webkit-text-size-adjust:100%; } fieldset, img { border:0; vertical-align:top; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } ol, ul, li, dl, dt, dd { list-style:none; } input, button, textarea, checkbox, select, radio, form { vertical-align: top; } a { color:#555; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} a:link, a:visited { text-decoration:none; } a:hover { text-decoration:underline; } input:focus,select:focus,textarea:focus,button:focus{outline:none;} input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"] ,input[type="email"],input[type="date"],textarea{-webkit-appearance:none; -webkit-border-radius:0;border-radius:0;} input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;} .red, .red a { color:#f40000; } .left { float:left; } /* .right { float:right; } */ .clearfix::after,.clear::before{ display:table; content:"";} .clearfix::after{ clear:both; overflow:hidden;} .clearfix{ zoom:1;} .blank { height: .5rem; font-size:0; line-height:0; clear:both; overflow:hidden; } .blank2 { height:1rem; font-size:0; line-height:0; clear:both; overflow:hidden; } .blank3 { height:1.5rem; font-size:0; line-height:0; clear:both; overflow:hidden; } .blank4 { height:2rem; font-size:0; line-height:0; clear:both; overflow:hidden; } body { margin:0 auto; color:#555;max-width:640px;min-width:320px;} .img img{ max-width:100%;max-height:100%;} .translateXY {-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .translateY {-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);} .translateX {-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);} *{-webkit-box-sizing:border-box;box-sizing:border-box;} img[width*="1"],img[width*="2"],img[width*="3"],img[width*="4"],img[width*="5"],img[width*="6"],img[width*="7"],img[width*="8"],img[width*="9"],img[width*="10"]{ max-width:100% !important;} img[height*="1"],img[height*="2"],img[height*="3"],img[height*="4"],img[height*="5"],img[height*="6"],img[height*="7"],img[height*="8"],img[height*="9"],img[height*="10"]{ height:auto !important;} /*首页板块修改开始*/ .ban_tt { text-align: center; width: 100%; position: absolute; left: 0; bottom: 1.1rem; z-index: 3; } .ban_tt ul li { display: inline-block; border-radius: 50%; width: 1.1rem; height: 1.1rem; margin: 0 0.4rem; background: rgba(255,255,255,0.7); } .ban_tt ul li.hover { background: #ff8800 } .zk_nav{ overflow:hidden; width:100%;} .zk_nav ul{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .zk_nav ul li{ width:33.3%; height:auto;} .zk_nav ul li img{ width:100%; height:auto;} /*首页板块修改结束*/ /*1*/ .jun_menu{ width:100%; overflow:hidden;} .jun_menu ul{ width:100%; padding:.8rem 0 1.5rem; overflow:hidden;} .jun_menu li{ width:25%; float:left; text-align:center; margin-top:1rem; } .jun_menu li h2{ width:5rem; margin:0rem auto; overflow:hidden; height:5rem;box-shadow: 0 0 10px rgba(10,2,4,0.2); border-radius:50%;} .jun_menu li h2 span{ display:inline-block; width:2.6rem; margin:0rem auto; overflow:hidden; margin-top:1.1rem;} .jun_menu li p{ font-size:1.2rem; color:#333; line-height:2.1rem;} /*2 banner*/ .zk_ban{ height:23rem; position:relative; } .zk_ban2{ } .zk_ban2 li{ float:left;} .zk_jdz{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; font-size:0; } .zk_jdz h5{ width:1rem; height:1rem; display:inline-table; background:#999999; border-radius:.5rem; margin-right:.7rem;} .zk_jdz h5.hover{ background:#80bf26;} /*3*/ .zk_read{ margin:0 0.7rem; overflow:hidden;} .zk_zincon1{ width:12.6%;} .zk_inconr{ overflow:hidden; width:84.5%; margin-top:.75rem;} .zk_inconr cite{ float:left; width:1.75rem; height:auto; vertical-align:middle;} .yndtr{ float:right; width:90.4%; height:1.8rem; line-height:1.8rem;} .yndtr li{ font-size:1.25rem; color:#333333; height:1.8rem; line-height:1.8rem; overflow:hidden;} .yndtr li span{ display:inline-block; width:4rem; height:1.8rem; background:#ff0000; text-align:center; font-size:1.25rem; color:#FFF;} .zr_ty{ width:95.3125%; margin:0rem auto; border-bottom:1px solid #cccccc;} .zr_ty h2{ overflow:hidden; font-size:1rem; line-height:2.5rem;position:relative; color:#ddd;} .zr_ty h2 span{ display:inline-block; float:left; width:.25rem; height:1.8rem; background:#80bf26;position:absolute; top:.3rem; left:0;} .zr_ty h2 b{ display:inline-block; float:left; border-bottom:.1rem solid #80bf26; font-size:1.5rem; color:#80bf26; text-indent:.5rem; margin-right:.5rem; } .zr_ty h2 em{ } .zr_eb{ width:100%; overflow:hidden; } .zr_eb ul{ text-align:center; overflow:hidden; font-size:0; margin:1rem auto;} .zr_eb li{ width:25%; float:left; margin:.2rem auto;} .zr_eb li span { width:81.25%; margin:.5rem auto; display:inline-block; vertical-align:middle; } .zr_eb li span img{ width:100%; display:inline-table; border-radius:1.3rem;box-shadow: 0 0 10px rgba(15,2,4,0.4);} .zr_eb li p{ font-size:1.2rem; font-weight:bold; line-height:1.7rem;} .zr_eb li:nth-child(4n+1) a{ color:#efc051;} .zr_eb li:nth-child(4n+2) a{ color:#b2b2b2;} .zr_eb li:nth-child(4n+3) a{ color:#52bdad;} .zr_eb li:nth-child(4n+4) a{ color:#80bf26;} /*4*/ .zk_qie2{ overflow:hidden;} .zk_qie2 ul{ overflow:hidden; } .zk_qie2 ul li{ float:left; width:100%; position:relative; height:22.25rem; overflow:hidden; z-index:11;} .zk_qie2 ul li .zk_dtu{ } .zk_qie2 ul li .zk_wzj{ width:42%; position:absolute; left:2.3rem; top:3.8rem; z-index:999} .zk_qie2 ul li .zk_wzj h2{ font-size:2.5rem; color:#69b201; } .zk_qie2 ul li .zk_wzj h3{ color:#333333; font-size:1.5rem;} .zk_qie2 ul li .zk_wzj h4{ font-size:1.2rem; line-height:2rem; margin:1rem 0} .zk_qie2 ul li .zk_wzj h5{ width:7.7rem; height:2.75rem; line-height:2.75rem; background:#80bf26; font-size:1.2rem; text-align:center;} .zk_qie2 ul li .zk_wzj h5 a{ color:#FFF;} .zk_qie2 ul li .zk_dtu img{width:32rem;} .zk_qiex{ height:8.55rem; overflow:hidden; margin:1.5rem 0 0; } .zk_qiex ul{ overflow:hidden; } .zk_qiex ul li{ float:left; text-align:center; margin:0 0.65rem; width:6.6rem; overflow: hidden; z-index: 1;} .zk_qiex ul li:last-child{ margin-right:0;} .zk_qiex ul li h2{ width:100%; height:6.5rem; border-radius:100%; border:1px solid #cecfd0;} .zk_qiex ul li h2 img{ width:6.4rem;height:6.4rem} .zk_qiex ul li h3{ color:#333333; font-size:1.2rem; margin-top:.5rem;} .zk_qiex ul li.hover h2{ border:.1rem solid #80bf26;} .zk_qiex ul li.hover h3{ color:#80bf26;} /*5*/ .zk_bk_sp{ overflow:hidden;} .zk_bk_ti{ text-align:center; font-size:1.3rem; background:url(../images/zk_zktbg.jpg) no-repeat center top/100% 100%; height:3.5rem; line-height:3.5rem; font-weight:bold; color:#FFF;} .zk_bk_spz{ padding:1.25rem;} .zk_zjr{ margin:0 0.7rem;} .zk_xie{ overflow:hidden; position:relative; height:11.75rem;} .zk_xie li{ float:left; width:100%; position:relative; height:11.75rem;} .zk_xie li h2 img{ width:100%; height:auto;} .zk_xie li h3{ position:absolute; left:0; bottom:0; height:2.7rem; line-height:2.7rem; background:rgba(255,255,255,.7); text-align:center; font-size:1.2rem; color:#333333; width:100%} .zk_xie .pageState{ display:inline-block; width:2.25rem; height:1.8rem; line-height:1.8rem; background:#80bf26; border-radius:5px; text-align:center; color:#FFF; position:absolute; left:.5rem; bottom:4%;} /*6*/ .zk_jwerg{ overflow:hidden;} .zk_jwerg li{ padding:1rem 0; border-bottom:1px dashed #cccccc; overflow:hidden;} .zk_jwerg li h2{ font-size:1.3rem; color:#888888;} .zk_jwerg li h2 img{ vertical-align:middle; width:5rem; height:auto;} .zk_jwerg li cite{ float:left; box-shadow: 0 0 8px rgba(0,0,0,.5); width:32%; margin:.5rem;} .zk_jwerg li .zk_jwer{ margin-top:.5rem;} .zk_jwerg li .zk_jwerjj{ float:right; width:63.2%; overflow:hidden;} .zk_jwerg li .zk_jwerjj p{ color:#888888; font-size:1rem; line-height:1.6rem; text-indent:2em;} .zk_jwerg li .zk_jwerjj h3{ text-align:right; color:#b6b5b5; padding-top:.5rem;} .zk_jwerg li:last-child{ border-bottom:0;} .zk_djbtn{ text-align:center; width:36.5%; margin:1rem auto;} /*7*/ .zk_qjhq{ overflow:hidden; background:#f2efef; overflow:hidden; box-shadow: 0 0 8px rgba(0,0,0,.2); margin:1rem;} .zk_qjhq li{ float:left; height:24.3rem; width:100%;} .zk_qjhq li h2{ width:100%; height:auto;} .zk_qjhq li h3{ color:#60a104; font-size:1.2rem; font-weight:bold; padding:1rem 0rem .5rem 1rem;} .zk_qjhq li h3 img{ vertical-align:middle; width:1.5rem; height:auto;} .zk_qjhq li h4{ color:#f16c00; font-size:1.1rem; padding-left:1rem;} .zk_qjhq li h4 img{ width:1.6rem; height:auto;} .zk_qjhq li p{ color:#333333; font-size:1rem; line-height:1.7rem; padding:.8rem 1rem;} .zk_qjhq li p a{ color:#ff0000;} .zk_jug{ margin:0 0.7rem; overflow:hidden;} .zk_jug li{ float:left; width:17.2%; text-align:center; margin-right:1rem;} .zk_jug li:last-child{ margin-right:0;} .zk_jug li h2{ width:100%; height:5.25rem; border-radius:100%;} .zk_jug li h3{ font-size:1.1rem; color:#666666; text-align:center; margin-top:.45rem;} .zk_jug li.hover h2{ border:.15rem solid #9ece5a;} .zk_jug li.hover h3{ color:#80bf26;} /*8*/ .zk_jbuyz{ margin:0 0.8rem; overflow:hidden;} .zk_jbuyz li{ overflow:hidden; margin-bottom:1rem;} .zk_jbuyz li .zk_abou1l{ width:62%;} .zk_jbuyz li .zk_abou1r{ width:36.7%; background:url(../images/zk_jbg2.jpg) no-repeat right top/100% 100%; height:9rem; text-align:center;} .zk_jbuyz li .zk_abou1r h3{ font-size:1rem; line-height:1.3rem; color:#ffffff; padding-top:1.9rem;} .zk_jbuyz li .zk_abou1r h4{ width:5.9rem; margin:.5rem auto; border:1px solid #ffffff; height:1.65rem; line-height:1.5rem; text-align:center;} .zk_jbuyz li .zk_abou1r h4 a{ color:#FFF;} /*footer*/ .lb_footer{height:15.2rem;overflow:hidden;background:url(../images/footer.jpg) no-repeat;background-size:100% 100%;padding:1.65rem 0 0 38.59%;} .lb_footer_text cite{width:2.2rem;height:auto;overflow:hidden;margin:0.7rem .7rem 0 0.5rem;} .lb_footer_text p{font-size:.9rem;color:#000;line-height:1.6rem;} .lb_footer_text p span{font-weight:bold;font-size:1.2rem;} .lb_footer_btn a{display:inline-block;width:9.1rem;height:auto;margin:1rem 0.2rem 0 0;} .zk_jdi{ text-align:center; line-height:1.5rem;} .zk_jdi h2{ font-size:.8rem; color:#abadb1;} .zk_jdi h3{ font-size:.6rem; color:#abadb1;} /*病种列表页*/ .zk_tong{ background:#80bf26; height:3.5rem; line-height:3.5rem; font-size:1.2rem; font-weight:bold; color:#FFF; padding-left:.7rem;} .zk_tong a{ color:#FFF;} .zk_tong img{ vertical-align:middle; width:1.5rem; height:auto;} .zl_bzzg{ overflow:hidden; margin:0 .7rem 0 0.2rem;} .zk_bzg1rl{ width:37.5%; box-shadow: 0 0 8px rgba(0,0,0,.2); padding:.3rem; margin:.3rem 0 .3rem 0.3rem;} .zk_bzg1r{ width:58.5%; overflow:hidden;} .zk_bzg1r h3{ color:#666666; font-size:1.1rem; line-height:1.6rem; padding:.3rem 0; border-bottom:1px dashed #b4b4b4;} .zk_bzg1r h3 span{ color:#80bf26; font-weight:bold;} .zk_bzg1r h3 a{ text-decoration:underline; color:#ff7200;} .bbzm1_t{ overflow:hidden; margin:0 0.7rem;} .bbzm1_t li{ float:left; width:22.13%; background:#efc051; height:7.6rem; border-radius:4px; text-align:center; margin:0 1rem 1rem 0} .bbzm1_t li:nth-child(4n){ margin-right:0;} .bbzm1_t li h2{ padding-top:.7rem; width:4.35rem; height:auto; margin:0 auto;} .bbzm1_t li h3{ color:#FFF; padding-top:.4rem; font-size:1.1rem;} .bbzm1_t li:nth-child(4n+1){ background:#efc051;} .bbzm1_t li:nth-child(4n+2){ background:#b2b2b2;} .bbzm1_t li:nth-child(4n+3){ background:#52bdad;} .bbzm1_t li:nth-child(4n+4){ background:#80bf26;} .zk_yjbg{ margin:0 0.7rem; overflow:hidden;} .zk_yjbg li{ overflow:hidden; padding:1rem 0; border-bottom:1px dashed #cccccc;} .zk_yjbg li h2{ color:#888888; font-size:1.3rem;} .zk_yjbg li p{ color:#888888; font-size:1rem; line-height:1.6rem; padding:.6rem 0;} .zk_yjbg li p a{ color:#ff0000;} .zk_yjbg li h3{ color:#b6b5b5; text-align:right; font-size:1rem;} .zk_yjbg li:last-child{ border-bottom:0;} .wzy-d{width:95.3125%; margin:0 auto 1.5rem; overflow:hidden;} .wzy-d ul{ overflow:hidden; width:100%; } .wzy-d li{ width:30.6%; float:left; font-size:1.1rem; margin-right:4%; margin-top:1rem; text-align:center; line-height:2.6rem; border:1px solid #bcbcbc;} .wzy-d li:nth-child(3n){ margin-right:0;} .wzy-d li a{ display:block; color:#80bf26;} /*病种列表页*/ .zk_fblby{ margin:0 0.7rem; overflow:hidden;} .zk_fblby li{ padding:1.2rem 0; border-bottom:1px dashed #cccccc; overflow:hidden;} .bazyl{ width:40.16%;} .bazyr{ width:100%; overflow:hidden;} .bazyr h2{ color:#888888; font-size:1.2rem;} .bazyr p{ color:#888888; font-size:1rem; line-height:1.6rem; padding-top:.8rem;text-indent: 2em;} .bazyr p a{ color:#ff0000;} .zk_fblby li:last-child{ border-bottom:0;} /*文章页*/ .zk_wzy{ width:92%; margin:0 auto; overflow:hidden;} .zk_wzy h1{ color:#333333; font-size:1.3rem; font-weight:bold; text-align:center; margin-top:1.5rem;} .zk_wzy h2{ text-align:center; color:#999999; font-size:1rem; border-bottom:1px dashed #cccccc; padding:1rem 0} .zk_wzy h2 span{ background:#80bf26; border-radius:1.75rem; height:1.75rem; line-height:1.75rem; font-size:1rem; display:inline-block; width:7rem;} .zk_wzy h2 span a{ color:#FFF;} .zk_wzy .zk_wzycon{ color:#414141; font-size:1.2rem; line-height:2.2rem; overflow:hidden; } .zk_wzycon p,.zk_wzycon div{ padding:0.5rem 0; text-indent:0em;} .zk_bnt{ text-align:center;} .zk_bnt a{ display:inline-block; margin-right:1rem; width:47.8%;} .zk_bnt a:last-child{ margin-right:0;} .zk_hot{ margin:0 0.7rem; overflow:hidden;} .zk_hot li{ float:left; height:3.5rem; line-height:3.5rem; text-align:center; margin-bottom:.5rem;} .zk_hot li a{ color:#FFF;} .zk_hot li:nth-child(1){ background:#efc150; width:100%;} .zk_hot li:nth-child(2){ background:#b3b3b3; width:48.8%; margin-right:.7rem;} .zk_hot li:nth-child(3){ background:#efc150; width:48.8%; margin-right:0;} .zk_hot li:nth-child(4){ background:#52bdad; width:48.8%; margin-right:.7rem;} .zk_hot li:nth-child(5){ background:#b3b3b3; width:48.8%; margin-right:0;} .zk_hot li:nth-child(6){ background:#81bf26; width:100%;} /* 来源路线 */ .access-map { margin: .75rem 0 0;} .route-cate { margin-bottom: 1rem;} .route-cate li { overflow: hidden; clear: both; padding: 1.3rem 0 1.2rem 1rem; border-bottom: #ccc 1px dashed;} .route-cate li:last-child { border-bottom: none;} .tool-tag { float: left; width: 4.45rem;} .tool-tag img { width: 100%;} .route-detail { float: right; width: 82%; font-size: 1.2rem;} .route-detail dl:not(:last-child) { padding-bottom: 1.2rem; margin-bottom: 1.3rem; border-bottom: #ccc 1px dashed;} .route-detail dt { font-weight: bold;} .route-detail dd { line-height: 1.75rem; padding: .2rem .5rem 0 0; word-break: break-all;} /*导航下拉*/ .clearfix:after, .clear:before { display:table; content:''; } .clearfix:after { clear:both; overflow:hidden; } .clearfix { zoom:1; } .relative { position:relative; } .absolute { position:absolute; } .bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; } .ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; } .translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .popMenus { position: absolute; width: 100%; height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754; -moz-transition:all .6s ease-out 0s; -webkit-transition:all .6s ease-out 0s; transition:all .6s ease-out 0s; -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); z-index:2147483647; } .popMenus.show { -moz-transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .pop_title { width: 100%; position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; } .pop_title span { display: inline-block; float: left; font-size: 1.5rem; line-height:3.6rem; color: #6a7380; } .closePopMenu { display: block; width:2rem; height:auto; right: 3%; top: 50%; } .closePopMenu img { width:100%; } .menuContainer { width: 100%; height: 100%; } .menuNavs { width: 39.3%; background-color: #2e3642; height: 100%; float: left; overflow: hidden; position: relative; } .menuNavs ul { /*position: absolute;width:100%;-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;*/ } .menuNavs ul li { width: 100%; font-size: 1.3rem; line-height:4rem; padding-left: 9%; } .menuNavs ul li img { width:1.45rem; height:auto; vertical-align:middle; } .menuNavs h3 { width: 100%; font-size: 1.3rem; line-height:4rem; padding-left: 9%; } .menuNavs h3 img { width:1.45rem; height:auto; vertical-align:middle; } .menuNavs h3 a { display: block; width: 100%; height: 100%; color: #fff; } .menuNavs ul li.on { background-color:#3f4754; } .menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; } .menuNavs ul a:hover{ text-decoration:none; } .menuContents { width:60.7%; height:100%; overflow:hidden; float:left; padding:0 4%; overflow-y:auto; } .menuContent { width:100%; height:100%; } .menuList h4 { font-size:1.2rem; color:#fff; line-height:3rem; border-bottom:1px solid #525c6b; margin-top:2%; font-weight:normal; } .menuList h4 span { display:inline-block; float:right; margin-right:4rem; font-size:1.1rem; color:#a9a9a9; font-weight:200; } .menuList h4 span img { vertical-align:middle; margin-left:0.5rem; width:0.65rem; } .menuList .links { padding:3% 0.5%; } .menuList .links a { display:block; float:left; color:#a9a9a9; font-size:1.2rem; line-height:3rem; width:50%; overflow:hidden; } .menuList .links a.hot:after { content:''; position:absolute; width:9px; height:11px; background:url(../images/h.png) no-repeat; top:0; right:-1px; } .menuList .links a.hot.active:after { -webkit-animation:shake .4s linear 0s 1; animation:shake .4s linear 0s 1; } .newNavs { padding:4% 0 4%; background-color:#fff; } .newNavs .newNav { width:25%; } .newNavs .newNav a { display:block; width:57.5%; padding-top:57.5%; margin:0 auto; border-radius:50%; position:relative; z-index:2; } .newNavs .newNav a img { position:absolute; width:100%; height:100%; left:0; top:0; display:block; border-radius:50%; } .newNavs .newNav a:after { content:attr(data-txt); position:absolute; left:0; top:0; border-radius:50%; z-index:-1; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); font-size:4.3rem; color:#d70a50; text-align:center; line-height:2.3; font-weight:400; } .newNavs .hmpinpai a:after { -moz-box-shadow:0 7px 20px rgba(215, 10, 80, .3); -webkit-box-shadow:0 7px 20px rgba(215, 10, 80, .3); box-shadow:0 7px 20px rgba(215, 10, 80, .3); } .newNavs .tyys a:after { -moz-box-shadow:0 7px 20px rgba(172, 93, 159, .3); -webkit-box-shadow:0 7px 20px rgba(172, 93, 159, .3); box-shadow:0 7px 20px rgba(172, 93, 159, .3); } .newNavs .safe-service a:after { -moz-box-shadow:0 7px 20px rgba(233, 60, 140, .3); -webkit-box-shadow:0 7px 20px rgba(233, 60, 140, .3); box-shadow:0 7px 20px rgba(233, 60, 140, .3); } .newNavs .xmdq-circle a:after { -moz-box-shadow:0 7px 20px rgba(134, 110, 110, .3); -webkit-box-shadow:0 7px 20px rgba(134, 110, 110, .3); box-shadow:0 7px 20px rgba(134, 110, 110, .3); } .newNavs .yh-activities a:after { -moz-box-shadow:0 7px 20px rgba(255, 72, 145, .3); -webkit-box-shadow:0 7px 20px rgba(255, 72, 145, .3); box-shadow:0 7px 20px rgba(255, 72, 145, .3); } .newNavs .gallarys a:after { -moz-box-shadow:0 7px 20px rgba(242, 57, 91, .3); -webkit-box-shadow:0 7px 20px rgba(242, 57, 91, .3); box-shadow:0 7px 20px rgba(242, 57, 91, .3); } .newNavs .ylbaoxian a:after { -moz-box-shadow:0 7px 20px rgba(106, 167, 27, .3); -webkit-box-shadow:0 7px 20px rgba(106, 167, 27, .3); box-shadow:0 7px 20px rgba(106, 167, 27, .3); } .newNavs .fqtongdao a:after { -moz-box-shadow:0 7px 20px rgba(31, 164, 199, .3); -webkit-box-shadow:0 7px 20px rgba(31, 164, 199, .3); box-shadow:0 7px 20px rgba(31, 164, 199, .3); } @-webkit-keyframes shake { 0%, 10%, 20% { -webkit-transform:translateY(0px); transform:translateY(0px); } 5%, 15% { -webkit-transform:translateY(-3px); transform:translateY(-3px); } } @keyframes shake { 0%, 10%, 20% { -webkit-transform:translateY(0px); transform:translateY(0px); } 5%, 15% { -webkit-transform:translateY(-3px); transform:translateY(-3px); } } .newNavs .newNav p { font-size:2.6rem; text-align:center; color:#6a7380; line-height:2; } /*首页样式表*/ .red, .red a { color:#f40000; } .left { float:left; } /* .right { float:right; } */ .clearfix::after,.clear::before{ display:table; content:"";} .clearfix::after{ clear:both; overflow:hidden;} .clearfix{ zoom:1;} .blank { height: .5rem; font-size:0; line-height:0; clear:both; overflow:hidden; } .blank2 { height:1rem; font-size:0; line-height:0; clear:both; overflow:hidden; } .absolute { position: absolute;} .relative { position: relative;} body { margin:0 auto; color:#333;max-width:640px;min-width:320px; font-size: 1.2rem; background: #fff;} .img img{ max-width:100%;/*max-height:100%;*/} .translateXY {-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .translateY {-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);} .translateX {-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);} *{-webkit-box-sizing:border-box;box-sizing:border-box;} .header { position: relative; height: auto;} .header img { width: 100%;} .hd-menuBtn { display: block; position: absolute; left: 3.125%; top: 50%; width: 8.4375%;} .hd-telBtn { display: block; position: absolute; top: 50%; right: 3.125%; width: 7.34375%;} /*.popMenus { position: absolute; width: 100%;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754; -webkit-transition:all .45s ease;transition:all .45s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%);} .popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);} .pop_title { width: 100%; position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; } .pop_title span { display: inline-block; float: left; font-size: 1.5rem; line-height:3.6rem; color: #6a7380; } .closePopMenu { display: block; width:2rem; height:auto;right: 3%; top: 50%; } .closePopMenu img{width:100%;} .menuContainer { width: 100%; height: 100%; } .menuNavs { width: 39.3%; background-color: #2e3642; height: 100%; float: left; overflow: hidden; position: relative; } .menuNavs ul { position: absolute;width:100%;-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;} .menuNavs ul li { width: 100%; font-size: 1.3rem; line-height:4rem; padding-left: 9%; } .menuNavs ul li img{ width:1.45rem; height:auto; vertical-align:middle;} .menuNavs ul li.on { background-color:#3f4754;} .menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; } .menuContents {width:60.7%;height:100%;overflow:hidden;float:left;padding:0 6%;} .menuContent {width:100%;height:100%;overflow-y:auto;} .menuList h4 {font-size:1.2rem;color:#fff;line-height:3rem;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;} .menuList .links {padding:3% 0.5%;} .menuList .links a{display:block;float:left;color:#a9a9a9;font-size:1.2rem;line-height:3rem;width:50%;overflow:hidden;} */ .guide-menu { text-align: center; font-size: 0; margin: 2rem 0 1.5rem;} .guide-menu li { display: inline-block; vertical-align: top; width: 15%; margin: 0 4%;} .guide-menu li a { display: block;} .guide-menu li img { width: 4.5rem; border-radius: 100%; box-shadow: 0 0 .6rem rgba(128,191,38,.6);} .guide-menu li p { font-size: 1.1rem; line-height: 1.6rem; padding: .5rem 0 1.4rem;} .tro-cate li { float: left; width: 33.4375%;} .tro-cate li:nth-child(3n) { width: 33.125%;} .tro-cate li a { display: block; border-bottom: #fff 1px solid; border-right: #fff 1px solid;} .tro-cate li:nth-child(3n) a { border-right: none;} .tro-cate li img { width: 100%; height: 9.95rem;} .gg-slide { position: relative; height: auto; margin: 2rem 0;} .gg-slide .bd img { width: 100%;} .gg-slide .gg-focus { bottom: .1rem;} .gg-focus { position: absolute; left: 0; width: 100%; text-align: right; font-size: 0;} .gg-focus span { display: inline-block; vertical-align: top; margin: 0 .25rem; width: .65rem; height: .65rem; border-radius: 100%; background: #b4b4b4;} .gg-focus .on { background: #80bf26;} .team-slide { position: relative; height: auto; margin: 2rem 0;} .team-slide .bd img { width: 100%;} .team-slide .slide-focus { bottom: .8rem;} .slide-focus { position: absolute; left: 0; width: 100%; text-align: center; font-size: 0;} .slide-focus span { display: inline-block; vertical-align: top; margin: 0 .25rem; width: .65rem; height: .65rem; border-radius: 100%; background: #b4b4b4;} .slide-focus .on { background: #80bf26;} .ind-media { margin-bottom: 2rem;} .ind-media h3 { text-align: center; font-size: 1.2rem; line-height: 2.6rem; color: #000; margin-bottom: .8rem;margin-top:1.5rem;} .ind-media h3 img { width: 8rem; vertical-align: middle; margin-top: -.2rem;} .ind-video { width: 92.1875%; margin:0 auto;} .indexAnli {width:100%;overflow:hidden;} .indexAnli .focus { width:100%; max-width: 640px; overflow: hidden;} .indexAnli .focus em {float:left;position:relative;padding:3% 0; font-style: normal;} .indexAnli .focus em img {-moz-transition: transform 0.3s ease-out 0s;-webkit-transition: transform 0.3s ease-out 0s;transition: transform 0.3s ease-out 0s;} .indexAnli .focus em.active:after {content:'';position:absolute;width:0;height:0;border-color: transparent transparent #fff transparent;border-width:8px;border-style:solid;left:50%;top:-16px;margin-left:-6px;} .indexAnli .focus em.active img{-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} .indexAnli .focus em img {display:block;width: 75%; margin:0 auto;} .indexAnli .focus em p {font-size:1.1rem;text-align:center;line-height:2;} .export_teamSlides .focus {z-index:1;left:0;bottom:2%;width:100%;text-align:center;} .export_teamSlides .focus span {display:inline-block;width:16px;height:16px; background-color:#FFF;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .export_teamSlides .focus span.on { background-color:#d70a50;} .hos-about { margin: 0 .75rem 1.5rem;} .hos-about li { position: relative; overflow: hidden; clear: both; margin-bottom: 1rem;} .about-img { width: 60%;} .about-img img { width: 100%;} .hos-about li:nth-child(2n+1) .about-img { float: left;} .hos-about li:nth-child(2n) .about-img { float: right;} .about-txt { position: relative; width: 11.2rem; height: 9.1rem;} .hos-about li:nth-child(2n+1) .about-txt { float: right;} .hos-about li:nth-child(2n) .about-txt { float: left;} .hos-about li:nth-child(1) .about-txt { background: url(../images/ind_aboutBg01.jpg) no-repeat center top/cover;} .hos-about li:nth-child(2) .about-txt { background: url(../images/ind_aboutBg02.jpg) no-repeat center top/cover;} .hos-about li:nth-child(3) .about-txt { background: url(../images/ind_aboutBg03.jpg) no-repeat center top/cover;} .hos-about li dl { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; color: #fff;} .hos-about li dt { line-height: 1.3rem; padding-bottom: .5rem;} .hos-about li dd a { display: inline-block; height: 1.8rem; line-height: 1.7rem; color: #fff; padding: 0 .5rem; border: #fff 1px solid;} .com-tel { width: 95.18%; margin:0 auto 2rem;} .fot-box { position: relative; width: 100%; height: 13.4rem; overflow: hidden; background: url(../images/fot_bg.jpg) no-repeat center top/cover;margin-bottom:3rem;} .fot-box ul { margin: .6rem 0 0 39.8%;} .fot-box li { font-size: 1rem; color: #2e3642; padding-left: 3rem; margin-bottom: .6rem;} .fot-box li:nth-child(1) { background: url(../images/fot_icon01.png) no-repeat left center/2.3rem 2.3rem;} .fot-box li:nth-child(2) { background: url(../images/fot_icon02.png) no-repeat left center/2.3rem 2.3rem;} .fot-box li b { font-size: 1.2rem; font-weight: bold;} .fot-box li:nth-child(1) b { font-size: 1.4rem;} .fot-link { position: absolute; left: 39.8%; bottom: 1.6rem;} .fot-link a { display: block; float: left; margin-right: .4rem; position: relative; width: 8.8rem; height: 3rem; line-height: 3rem; padding-left: 1.15rem; font-size: 1.2rem; color: #fff; background: #2e3642; border-radius: .6rem;} .fot-link a::before { content:""; position: absolute; right: .9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.45rem; height: 1.45rem; background: url(../images/fot_btnArrow.png) no-repeat center center/cover;} /*病种康复案列*/ .case_nr{ margin:0 1rem; overflow:hidden;} .zk_titi2{ background:url(../images/zk_jmg.jpg) no-repeat 62% center/10rem 5rem; width:100%; height:5rem;} .casr_titi{ width:45%; overflow:hidden; } .casr_titi cite{ width:22.4%; float:left; overflow:hidden;padding-top:.3rem;} .casr_titi p{ float:right; width:74.6%; overflow:hidden;} .casr_titi p span{ font-size:1.3rem; color:#80bf26; border-bottom:1px solid #b9dc88;} .casr_titi p b{ color:#80bf26; font-size:.7rem; font-weight:100;} .zk_sp{ overflow:hidden; background:#FFF} .zk_sp h2{ height:3.25rem; line-height:3.25rem; text-align:center; font-size:1.3rem; background:#80bf26; color:#FFF; margin-top:.1rem;} .zk_gs{ overflow:hidden;} .zk_gs li{ padding:1.5rem 0; border-bottom:1px solid #c6c6c6; overflow:hidden; background:url(../images/zk_bgj.jpg) no-repeat right 1.5rem/4.65rem 6.4rem; width:100%;} .zk_gs li cite{ float:left; width:32.3%;} .zk_gs li .zk_wr{ width:63.6%; float:right;} .zk_gs li .zk_wr h2{ font-size:1.2rem;} .zk_gs li .zk_wr h3{ color:#666666; font-size:1rem; padding-top:1.7rem;} .zk_gs li .zk_wr h3 img{ vertical-align:middle; width:1.5rem; height:auto;} #gd{ width:63.5%; margin:1.7rem auto;} #gd2{ width:63.5%; margin:1.7rem auto;} /*case2*/ .banner{ position: relative; } .tell{ position: absolute; top: 68%; } #b-txt{ position:absolute; right:2%; bottom:4%; font-family:"寰蒋闆呴粦"} #b-txt span{ background:#e05558; color:#fff; padding:5px; border-radius:3px; margin-right:3px; text-shadow:#8e1a1d 1px 1px 1px;} #b-txt i{ color:#e05558; font-style:normal;} .case_hdz{ overflow:hidden; background:#fff;} .case_hdz li{ float:left; border:1px solid #c0c0c0; width:23.5%; font-size:1.2rem; text-align:center; color:#666666; height:3rem; line-height:3rem; text-align:center; margin:0 0.35rem .5rem 0} .case_hdz li.on{ border:1px solid #80bf26; color:#80bf26} .case_hdz li:last-child{ margin-right:0;} .zk_gs34 ul{ height:36rem;} .more{ width:63.5%; margin:1.7rem auto; background:url(../images/more.png) no-repeat center top/100% 100%; height:2.9rem; line-height:2.9rem; text-align:center; font-size:1.2rem;} .hd_z{ overflow:hidden; width:100%; } .hd_z h5{ float:left; width:50%; height:4rem; line-height:4rem; font-size:1.4rem; text-align:center; background:#80bf26; color:#FFF;} .hd_z h5.on{ background:#b8cf1c;} .zk_case1 { height:auto;} .active { height:0px; overflow:hidden;} .case_jz{ width:96.75%; margin:0 auto;} .case_jz ul{ height:36.2rem;} .case_jz ul li{ margin-bottom:1rem; background:#FFF; width:100%;} .bp_c730{ margin:0 1rem;} /* 2017.11.16首页新增板块 */ .kf_title{ background:url(../images/al_title.png) no-repeat center/32rem 1.75rem; height:auto; overflow:hidden; text-align:center; font-size:1.8rem; color:#80bf26; margin:1rem 0 2rem 0;} .kfal_b { margin: 2rem auto 0; } .kfal_b li { float: left; width:20%; text-align: center; } .kfal_b img { border-radius: 50%; width:4.1rem; } .kfal_b p { color: #4d4d4d; font-size: 1rem; line-height: 2.2rem; } .kfal_b ul { width:80%; float:left; } .kfal_b h3 { text-align:center; width:20%; float:left; } .kfal_b h3 img { width:4.1rem; } .kfal_b p { font-size:1rem; } .kfal_ship ul li img{width:100%;} .kfal_ship ul li video{ width:32rem; height:16rem; } /* 2017.11.16首页banner图片轮播 */ .banner{ position:relative;} .bannert{ width:100%; text-align:center; overflow:hidden; font-size:0; position:absolute; bottom:20px; } .bannert li{ background: #b4b4b4; border-radius: 100%; display: inline-block; height: 0.65rem; width: 0.65rem; margin: 0 0.25rem; vertical-align: top; } .bannert li.hover{ background:#80bf26;} /*2017.11.20案列*/ #b-txt1 { position: absolute; right: 2%; bottom: 8%; font-family: "寰蒋闆呴粦" } #b-txt1 span { color: #7f8faa; padding: 0.25rem; margin-right: 0.15rem; } #b-txt1 i { color: #7f8faa; font-style: normal; } .lb_pl { overflow: hidden; background: #eef7e6 url(../images/ct40.png) no-repeat center top/100% 4.35rem; padding-top: 2.25rem; } .lb_plcon_cy { height: auto; overflow: hidden; padding: 0 1rem; } .lb_pltop { width: 29rem; overflow: hidden; margin: 1rem auto 0 auto; } .lb_pltop li { width: 9.3rem; height: 3.15rem; overflow: hidden; background: url(../images/pl_img02.png) no-repeat center center/100% 100%; float: left; margin: 0 0.55rem 0.55rem 0; font-size: 1rem; color: #444; line-height: 3.15rem; text-align: center; } .lb_pltop li img { width: 1.05rem; vertical-align: middle; margin: -0.15rem 0.3rem 0 0.5rem; } .lb_pltop li span { color: #ff6203; } .lb_pltop li:nth-child(3n) { margin-right: 0; } .lb_plcon { width: 29rem; overflow: hidden; background: #fff url(../images/pl_img03.png) no-repeat center top/100% 10.05rem; margin: 1.2rem auto 3.75rem auto; padding-top: 10.05rem; } .yh_tit { overflow: hidden; zoom: 1; text-align: center; margin-top: 3rem; padding-bottom: 0.6rem; border-bottom: #c8e2ae 1px solid; color: #c8e2ae; } .yh_tit span { display: block; font-size: 0.8rem; line-height: 1rem; } .yh_tit strong { font-size: 1.9rem; display: block; line-height: 3rem; color: #64ab19; } .yh_kfsp { overflow: hidden; zoom: 1; padding: 2rem 1rem 1.8rem; } .yh_kfsp_l { width: 9rem; margin-right: 0.7rem; } .yh_kfsp_l ul li { overflow: hidden; zoom: 1; margin-bottom: 0.5rem; background: url(../images/yh_kfspt.png) no-repeat left top/9rem 3.5rem; height: 3.5rem; line-height: 3.2rem; padding-right: 0.8rem; text-align: center; color: #fff; font-size: 1.5rem; width: 9rem; } .yh_kfsp_l ul li.hover { background: url(../images/yh_kfsptho.png) no-repeat left top/9rem 3.5rem; } .yh_kfsp_r { width: 20.5rem; overflow: hidden; zoom: 1; } .yh_kfsp_r ul { overflow: hidden; zoom: 1; } .yh_kfsp_r ul li { margin-bottom: 1.1rem; width: 20.5rem; height: 18.9rem; border-radius: 0.8rem; background: #f1f1f1; } .yh_kfsp_r ul li i { display: block; text-align: center; width: 18.7rem; margin: 0rem auto; padding-top: 0.8rem; } .yh_kfsp_r ul li i img { width: 18.7rem; } .yh_kfsp_r ul li p { text-align: center; line-height: 1.8rem; font-size: 1.1rem; color: #333333; padding-top: 0.5rem; } .yh_al { overflow: hidden; zoom: 1; padding-bottom: 3rem; } .yh_al ul li { overflow: hidden; zoom: 1; margin-top: 1.1rem; } .yh_al ul li h2 { background: url(../images/yh_altbg.png) no-repeat left top/32rem 2.5rem; height: 2.5rem; text-align: right; padding: 0rem 1rem 0rem 1.4rem; } .yh_al ul li h2 a { font-size: 1.2rem; line-height: 2.5rem; display: inline-block; color: #fff; width: 9.5rem; text-align: center; } .yh_al ul li h2 span { display: inline-block; float: left; background: #fff; padding: 0rem 0.8rem; line-height: 2.5rem; height: 2.5rem; font-size: 1.6rem; color: #000000; } .yh_al ul li dl { overflow: hidden; zoom: 1; width: 30rem; height: 12.9rem; background: #f4f4f4; padding: 0.5rem; margin: 1.2rem auto 0; } .yh_al ul li dl dt { float: left; width: 11.6rem; margin-right: 1.2rem; } .yh_al ul li dl dt img{width: 11.6rem;} .yh_al ul li dl dd { font-size: 1.2rem; line-height: 1.9rem; color: #333333; overflow: hidden; zoom: 1; } .lb_tit img{ width:100%;} .lzc_ggimz{ height:auto; overflow:hidden;} .lzc_ggimz h3{ padding-bottom:1rem;} .lzc_ggimz h3 img{width:100%;} .lzc_ggimz img{width:100%;} .lzc_lizz{ height:auto; overflow:hidden; background:#80bf26; padding:1.3rem 0 2rem 0; width:100%; position:relative;} .lzc_lizz .swiper-pagination{ text-align:center!important; display:block; width:100%; padding-top:1rem; bottom:6rem;} .lzc_lizz .swiper-pagination span.swiper-pagination-bullet{ display:inline-block!important; background:#e1e1e1; opacity:1; width:1rem; height:1rem;} .lzc_lizz .swiper-pagination span.swiper-pagination-bullet-active{ background:#3f591b;} .swiper-slide-active .yanse{background:rgba(0,0,0,0.0);} .yanse{ background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; border-radius:1rem;} .lzc_lst{ width:22.35rem; background:#fff; padding-bottom:1rem; background:#fff; border-radius:1rem; float:left; box-shadow:0 0 0.5rem #666; margin:1rem 0;} .lzc_lst h3{ text-align:center; font-size:1.3rem; color:#68b001; line-height:1.6rem; padding:0.5rem 0; border-bottom:1px #e8e7e5 solid; margin:0 1rem;} .lzc_lst p{ font-size:1.1rem; color:#666666; padding:0.5rem 1rem 1rem; height:5rem;} .lzc_lst img{width:100%; border-radius:0.5rem 0.5rem 0 0;} .lz_tjgengd{ text-align:center; padding-top:3rem;} .lz_tjgengd a{ color:#fff;} .lz_tjgengd span{ font-size:1.2rem; color:#fff; display:inline-block; border:1px #fff solid; border-radius:0.5rem; padding:0.5rem 2rem;} .lzc_title{ height:auto; overflow:hidden; color:#fff; text-align:center;} .lzc_title h3{ font-size:2rem; background:url(../images/lgz_tit1.png) no-repeat center bottom/25.45rem 0.3rem; padding:0.5rem 0;} .lzc_title p{ font-size:1.1rem; } .lz_rukou { height:auto; overflow:hidden; padding-top:0.5rem; } .lz_rukou h3 { font-size:1.3rem; color:#ccc; border-bottom:1px #525c6b solid; padding-bottom:0.8rem; font-weight:bold; margin-bottom:0.8rem; } .lz_rukou p { font-size:1.2rem; line-height:2.6rem; color:#b3b7bc; } .lz_rukou p strong { color:#fff; } .lz_rukou p strong a { color:#fff; } .menuList h5 { font-size:1.2rem; color:#fff; line-height:3rem; border-bottom:1px solid #525c6b; margin-top:2%; font-weight:normal; } .menuList h5 span { display:inline-block; float:right; margin-right:4rem; font-size:1.1rem; color:#a9a9a9; font-weight:200; } .menuList h5 span img { vertical-align:middle; margin-left:0.5rem; width:0.65rem; } .menuList h5 span a{color:#a9a9a9;} .links { display:none; } .zuilzg{ display:block;} .zuilzg a { width:33%; } .zhuanjia{ height:auto; overflow:hidden;} .zhuanjia h2{ text-align:center; background:url(../images/zj_mt1.png) no-repeat center bottom/1.35rem 0.9rem; padding-bottom:1rem; font-size:1.5rem;} .zhuanjia h2 span{ display:inline-block; border-bottom:1px #e5e5e5 solid; padding-bottom:0.3rem;} .zhuanjia ul li{ width:6.75rem; text-align:center; float:left; margin-left:1rem;} .zhuanjia ul li span{ border-radius:100%; display:block;} .zhuanjia ul li span img{border-radius:100%;border:0.1rem #ccc solid; width:100%;} .zhuanjia ul li h3{ color:#67ab05; padding-top:0.5rem;} .zhuanjia ul li p{ font-size:0.8rem; padding:0.5rem 0;} .zhuanjia ul li h4{ text-align:center; background:#fd7801; font-size:1rem; color:#fff; line-height:1.9rem; border-radius:0.3rem;} html{ font-size:62.5%;} @media screen and (min-width:320px) and (max-width:321px) { html { font-size: 62.5%; } } @media screen and (min-width:321px) and (max-width:322px) { html { font-size: 62.6953125%; } } @media screen and (min-width:322px) and (max-width:323px) { html { font-size: 62.89062500000001%; } } @media screen and (min-width:323px) and (max-width:324px) { html { font-size: 63.08593749999999%; } } @media screen and (min-width:324px) and (max-width:325px) { html { font-size: 63.28125%; } } @media screen and (min-width:325px) and (max-width:326px) { html { font-size: 63.4765625%; } } @media screen and (min-width:326px) and (max-width:327px) { html { font-size: 63.671875%; } } @media screen and (min-width:327px) and (max-width:328px) { html { font-size: 63.86718750000001%; } } @media screen and (min-width:328px) and (max-width:329px) { html { font-size: 64.0625%; } } @media screen and (min-width:329px) and (max-width:330px) { html { font-size: 64.2578125%; } } @media screen and (min-width:330px) and (max-width:331px) { html { font-size: 64.453125%; } } @media screen and (min-width:331px) and (max-width:332px) { html { font-size: 64.6484375%; } } @media screen and (min-width:332px) and (max-width:333px) { html { font-size: 64.84375%; } } @media screen and (min-width:333px) and (max-width:334px) { html { font-size: 65.0390625%; } } @media screen and (min-width:334px) and (max-width:335px) { html { font-size: 65.234375%; } } @media screen and (min-width:335px) and (max-width:336px) { html { font-size: 65.4296875%; } } @media screen and (min-width:336px) and (max-width:337px) { html { font-size: 65.625%; } } @media screen and (min-width:337px) and (max-width:338px) { html { font-size: 65.8203125%; } } @media screen and (min-width:338px) and (max-width:339px) { html { font-size: 66.015625%; } } @media screen and (min-width:339px) and (max-width:340px) { html { font-size: 66.2109375%; } } @media screen and (min-width:340px) and (max-width:341px) { html { font-size: 66.40625%; } } @media screen and (min-width:341px) and (max-width:342px) { html { font-size: 66.6015625%; } } @media screen and (min-width:342px) and (max-width:343px) { html { font-size: 66.796875%; } } @media screen and (min-width:343px) and (max-width:344px) { html { font-size: 66.9921875%; } } @media screen and (min-width:344px) and (max-width:345px) { html { font-size: 67.1875%; } } @media screen and (min-width:345px) and (max-width:346px) { html { font-size: 67.3828125%; } } @media screen and (min-width:346px) and (max-width:347px) { html { font-size: 67.578125%; } } @media screen and (min-width:347px) and (max-width:348px) { html { font-size: 67.7734375%; } } @media screen and (min-width:348px) and (max-width:349px) { html { font-size: 67.96875%; } } @media screen and (min-width:349px) and (max-width:350px) { html { font-size: 68.1640625%; } } @media screen and (min-width:350px) and (max-width:351px) { html { font-size: 68.359375%; } } @media screen and (min-width:351px) and (max-width:352px) { html { font-size: 68.5546875%; } } @media screen and (min-width:352px) and (max-width:353px) { html { font-size: 68.75%; } } @media screen and (min-width:353px) and (max-width:354px) { html { font-size: 68.9453125%; } } @media screen and (min-width:354px) and (max-width:355px) { html { font-size: 69.140625%; } } @media screen and (min-width:355px) and (max-width:356px) { html { font-size: 69.3359375%; } } @media screen and (min-width:356px) and (max-width:357px) { html { font-size: 69.53125%; } } @media screen and (min-width:357px) and (max-width:358px) { html { font-size: 69.7265625%; } } @media screen and (min-width:358px) and (max-width:359px) { html { font-size: 69.921875%; } } @media screen and (min-width:359px) and (max-width:360px) { html { font-size: 70.1171875%; } } @media screen and (min-width:360px) and (max-width:361px) { html { font-size: 70.3125%; } } @media screen and (min-width:361px) and (max-width:362px) { html { font-size: 70.5078125%; } } @media screen and (min-width:362px) and (max-width:363px) { html { font-size: 70.703125%; } } @media screen and (min-width:363px) and (max-width:364px) { html { font-size: 70.8984375%; } } @media screen and (min-width:364px) and (max-width:365px) { html { font-size: 71.09375%; } } @media screen and (min-width:365px) and (max-width:366px) { html { font-size: 71.2890625%; } } @media screen and (min-width:366px) and (max-width:367px) { html { font-size: 71.484375%; } } @media screen and (min-width:367px) and (max-width:368px) { html { font-size: 71.6796875%; } } @media screen and (min-width:368px) and (max-width:369px) { html { font-size: 71.875%; } } @media screen and (min-width:369px) and (max-width:370px) { html { font-size: 72.0703125%; } } @media screen and (min-width:370px) and (max-width:371px) { html { font-size: 72.265625%; } } @media screen and (min-width:371px) and (max-width:372px) { html { font-size: 72.4609375%; } } @media screen and (min-width:372px) and (max-width:373px) { html { font-size: 72.65625%; } } @media screen and (min-width:373px) and (max-width:374px) { html { font-size: 72.8515625%; } } @media screen and (min-width:374px) and (max-width:375px) { html { font-size: 73.046875%; } } @media screen and (min-width:375px) and (max-width:376px) { html { font-size: 73.2421875%; } } @media screen and (min-width:376px) and (max-width:377px) { html { font-size: 73.4375%; } } @media screen and (min-width:377px) and (max-width:378px) { html { font-size: 73.6328125%; } } @media screen and (min-width:378px) and (max-width:379px) { html { font-size: 73.828125%; } } @media screen and (min-width:379px) and (max-width:380px) { html { font-size: 74.0234375%; } } @media screen and (min-width:380px) and (max-width:381px) { html { font-size: 74.21875%; } } @media screen and (min-width:381px) and (max-width:382px) { html { font-size: 74.4140625%; } } @media screen and (min-width:382px) and (max-width:383px) { html { font-size: 74.609375%; } } @media screen and (min-width:383px) and (max-width:384px) { html { font-size: 74.8046875%; } } @media screen and (min-width:384px) and (max-width:385px) { html { font-size: 75%; } } @media screen and (min-width:385px) and (max-width:386px) { html { font-size: 75.1953125%; } } @media screen and (min-width:386px) and (max-width:387px) { html { font-size: 75.390625%; } } @media screen and (min-width:387px) and (max-width:388px) { html { font-size: 75.5859375%; } } @media screen and (min-width:388px) and (max-width:389px) { html { font-size: 75.78125%; } } @media screen and (min-width:389px) and (max-width:390px) { html { font-size: 75.9765625%; } } @media screen and (min-width:390px) and (max-width:391px) { html { font-size: 76.171875%; } } @media screen and (min-width:391px) and (max-width:392px) { html { font-size: 76.3671875%; } } @media screen and (min-width:392px) and (max-width:393px) { html { font-size: 76.5625%; } } @media screen and (min-width:393px) and (max-width:394px) { html { font-size: 76.7578125%; } } @media screen and (min-width:394px) and (max-width:395px) { html { font-size: 76.953125%; } } @media screen and (min-width:395px) and (max-width:396px) { html { font-size: 77.1484375%; } } @media screen and (min-width:396px) and (max-width:397px) { html { font-size: 77.34375%; } } @media screen and (min-width:397px) and (max-width:398px) { html { font-size: 77.5390625%; } } @media screen and (min-width:398px) and (max-width:399px) { html { font-size: 77.734375%; } } @media screen and (min-width:399px) and (max-width:400px) { html { font-size: 77.9296875%; } } @media screen and (min-width:400px) and (max-width:401px) { html { font-size: 78.125%; } } @media screen and (min-width:401px) and (max-width:402px) { html { font-size: 78.3203125%; } } @media screen and (min-width:402px) and (max-width:403px) { html { font-size: 78.515625%; } } @media screen and (min-width:403px) and (max-width:404px) { html { font-size: 78.7109375%; } } @media screen and (min-width:404px) and (max-width:405px) { html { font-size: 78.90625%; } } @media screen and (min-width:405px) and (max-width:406px) { html { font-size: 79.1015625%; } } @media screen and (min-width:406px) and (max-width:407px) { html { font-size: 79.296875%; } } @media screen and (min-width:407px) and (max-width:408px) { html { font-size: 79.4921875%; } } @media screen and (min-width:408px) and (max-width:409px) { html { font-size: 79.6875%; } } @media screen and (min-width:409px) and (max-width:410px) { html { font-size: 79.8828125%; } } @media screen and (min-width:410px) and (max-width:411px) { html { font-size: 80.078125%; } } @media screen and (min-width:411px) and (max-width:412px) { html { font-size: 80.2734375%; } } @media screen and (min-width:412px) and (max-width:413px) { html { font-size: 80.46875%; } } @media screen and (min-width:413px) and (max-width:414px) { html { font-size: 80.6640625%; } } @media screen and (min-width:414px) and (max-width:415px) { html { font-size: 80.859375%; } } @media screen and (min-width:415px) and (max-width:416px) { html { font-size: 81.0546875%; } } @media screen and (min-width:416px) and (max-width:417px) { html { font-size: 81.25%; } } @media screen and (min-width:417px) and (max-width:418px) { html { font-size: 81.4453125%; } } @media screen and (min-width:418px) and (max-width:419px) { html { font-size: 81.640625%; } } @media screen and (min-width:419px) and (max-width:420px) { html { font-size: 81.8359375%; } } @media screen and (min-width:420px) and (max-width:421px) { html { font-size: 82.03125%; } } @media screen and (min-width:421px) and (max-width:422px) { html { font-size: 82.2265625%; } } @media screen and (min-width:422px) and (max-width:423px) { html { font-size: 82.421875%; } } @media screen and (min-width:423px) and (max-width:424px) { html { font-size: 82.6171875%; } } @media screen and (min-width:424px) and (max-width:425px) { html { font-size: 82.8125%; } } @media screen and (min-width:425px) and (max-width:426px) { html { font-size: 83.0078125%; } } @media screen and (min-width:426px) and (max-width:427px) { html { font-size: 83.203125%; } } @media screen and (min-width:427px) and (max-width:428px) { html { font-size: 83.3984375%; } } @media screen and (min-width:428px) and (max-width:429px) { html { font-size: 83.59375%; } } @media screen and (min-width:429px) and (max-width:430px) { html { font-size: 83.7890625%; } } @media screen and (min-width:430px) and (max-width:431px) { html { font-size: 83.984375%; } } @media screen and (min-width:431px) and (max-width:432px) { html { font-size: 84.1796875%; } } @media screen and (min-width:432px) and (max-width:433px) { html { font-size: 84.375%; } } @media screen and (min-width:433px) and (max-width:434px) { html { font-size: 84.5703125%; } } @media screen and (min-width:434px) and (max-width:435px) { html { font-size: 84.765625%; } } @media screen and (min-width:435px) and (max-width:436px) { html { font-size: 84.9609375%; } } @media screen and (min-width:436px) and (max-width:437px) { html { font-size: 85.15625%; } } @media screen and (min-width:437px) and (max-width:438px) { html { font-size: 85.3515625%; } } @media screen and (min-width:438px) and (max-width:439px) { html { font-size: 85.546875%; } } @media screen and (min-width:439px) and (max-width:440px) { html { font-size: 85.7421875%; } } @media screen and (min-width:440px) and (max-width:441px) { html { font-size: 85.9375%; } } @media screen and (min-width:441px) and (max-width:442px) { html { font-size: 86.1328125%; } } @media screen and (min-width:442px) and (max-width:443px) { html { font-size: 86.328125%; } } @media screen and (min-width:443px) and (max-width:444px) { html { font-size: 86.5234375%; } } @media screen and (min-width:444px) and (max-width:445px) { html { font-size: 86.71875%; } } @media screen and (min-width:445px) and (max-width:446px) { html { font-size: 86.9140625%; } } @media screen and (min-width:446px) and (max-width:447px) { html { font-size: 87.109375%; } } @media screen and (min-width:447px) and (max-width:448px) { html { font-size: 87.3046875%; } } @media screen and (min-width:448px) and (max-width:449px) { html { font-size: 87.5%; } } @media screen and (min-width:449px) and (max-width:450px) { html { font-size: 87.6953125%; } } @media screen and (min-width:450px) and (max-width:451px) { html { font-size: 87.890625%; } } @media screen and (min-width:451px) and (max-width:452px) { html { font-size: 88.0859375%; } } @media screen and (min-width:452px) and (max-width:453px) { html { font-size: 88.28125%; } } @media screen and (min-width:453px) and (max-width:454px) { html { font-size: 88.4765625%; } } @media screen and (min-width:454px) and (max-width:455px) { html { font-size: 88.671875%; } } @media screen and (min-width:455px) and (max-width:456px) { html { font-size: 88.8671875%; } } @media screen and (min-width:456px) and (max-width:457px) { html { font-size: 89.0625%; } } @media screen and (min-width:457px) and (max-width:458px) { html { font-size: 89.2578125%; } } @media screen and (min-width:458px) and (max-width:459px) { html { font-size: 89.453125%; } } @media screen and (min-width:459px) and (max-width:460px) { html { font-size: 89.6484375%; } } @media screen and (min-width:460px) and (max-width:461px) { html { font-size: 89.84375%; } } @media screen and (min-width:461px) and (max-width:462px) { html { font-size: 90.0390625%; } } @media screen and (min-width:462px) and (max-width:463px) { html { font-size: 90.234375%; } } @media screen and (min-width:463px) and (max-width:464px) { html { font-size: 90.4296875%; } } @media screen and (min-width:464px) and (max-width:465px) { html { font-size: 90.625%; } } @media screen and (min-width:465px) and (max-width:466px) { html { font-size: 90.8203125%; } } @media screen and (min-width:466px) and (max-width:467px) { html { font-size: 91.015625%; } } @media screen and (min-width:467px) and (max-width:468px) { html { font-size: 91.2109375%; } } @media screen and (min-width:468px) and (max-width:469px) { html { font-size: 91.40625%; } } @media screen and (min-width:469px) and (max-width:470px) { html { font-size: 91.6015625%; } } @media screen and (min-width:470px) and (max-width:471px) { html { font-size: 91.796875%; } } @media screen and (min-width:471px) and (max-width:472px) { html { font-size: 91.9921875%; } } @media screen and (min-width:472px) and (max-width:473px) { html { font-size: 92.1875%; } } @media screen and (min-width:473px) and (max-width:474px) { html { font-size: 92.3828125%; } } @media screen and (min-width:474px) and (max-width:475px) { html { font-size: 92.578125%; } } @media screen and (min-width:475px) and (max-width:476px) { html { font-size: 92.7734375%; } } @media screen and (min-width:476px) and (max-width:477px) { html { font-size: 92.96875%; } } @media screen and (min-width:477px) and (max-width:478px) { html { font-size: 93.1640625%; } } @media screen and (min-width:478px) and (max-width:479px) { html { font-size: 93.359375%; } } @media screen and (min-width:479px) and (max-width:480px) { html { font-size: 93.5546875%; } } @media screen and (min-width:480px) and (max-width:481px) { html { font-size: 93.75%; } } @media screen and (min-width:481px) and (max-width:482px) { html { font-size: 93.9453125%; } } @media screen and (min-width:482px) and (max-width:483px) { html { font-size: 94.140625%; } } @media screen and (min-width:483px) and (max-width:484px) { html { font-size: 94.3359375%; } } @media screen and (min-width:484px) and (max-width:485px) { html { font-size: 94.53125%; } } @media screen and (min-width:485px) and (max-width:486px) { html { font-size: 94.7265625%; } } @media screen and (min-width:486px) and (max-width:487px) { html { font-size: 94.921875%; } } @media screen and (min-width:487px) and (max-width:488px) { html { font-size: 95.1171875%; } } @media screen and (min-width:488px) and (max-width:489px) { html { font-size: 95.3125%; } } @media screen and (min-width:489px) and (max-width:490px) { html { font-size: 95.5078125%; } } @media screen and (min-width:490px) and (max-width:491px) { html { font-size: 95.703125%; } } @media screen and (min-width:491px) and (max-width:492px) { html { font-size: 95.8984375%; } } @media screen and (min-width:492px) and (max-width:493px) { html { font-size: 96.09375%; } } @media screen and (min-width:493px) and (max-width:494px) { html { font-size: 96.2890625%; } } @media screen and (min-width:494px) and (max-width:495px) { html { font-size: 96.484375%; } } @media screen and (min-width:495px) and (max-width:496px) { html { font-size: 96.6796875%; } } @media screen and (min-width:496px) and (max-width:497px) { html { font-size: 96.875%; } } @media screen and (min-width:497px) and (max-width:498px) { html { font-size: 97.0703125%; } } @media screen and (min-width:498px) and (max-width:499px) { html { font-size: 97.265625%; } } @media screen and (min-width:499px) and (max-width:500px) { html { font-size: 97.4609375%; } } @media screen and (min-width:500px) and (max-width:501px) { html { font-size: 97.65625%; } } @media screen and (min-width:501px) and (max-width:502px) { html { font-size: 97.8515625%; } } @media screen and (min-width:502px) and (max-width:503px) { html { font-size: 98.046875%; } } @media screen and (min-width:503px) and (max-width:504px) { html { font-size: 98.2421875%; } } @media screen and (min-width:504px) and (max-width:505px) { html { font-size: 98.4375%; } } @media screen and (min-width:505px) and (max-width:506px) { html { font-size: 98.6328125%; } } @media screen and (min-width:506px) and (max-width:507px) { html { font-size: 98.828125%; } } @media screen and (min-width:507px) and (max-width:508px) { html { font-size: 99.0234375%; } } @media screen and (min-width:508px) and (max-width:509px) { html { font-size: 99.21875%; } } @media screen and (min-width:509px) and (max-width:510px) { html { font-size: 99.4140625%; } } @media screen and (min-width:510px) and (max-width:511px) { html { font-size: 99.609375%; } } @media screen and (min-width:511px) and (max-width:512px) { html { font-size: 99.8046875%; } } @media screen and (min-width:512px) and (max-width:513px) { html { font-size: 100%; } } @media screen and (min-width:513px) and (max-width:514px) { html { font-size: 100.1953125%; } } @media screen and (min-width:514px) and (max-width:515px) { html { font-size: 100.390625%; } } @media screen and (min-width:515px) and (max-width:516px) { html { font-size: 100.5859375%; } } @media screen and (min-width:516px) and (max-width:517px) { html { font-size: 100.78125%; } } @media screen and (min-width:517px) and (max-width:518px) { html { font-size: 100.9765625%; } } @media screen and (min-width:518px) and (max-width:519px) { html { font-size: 101.171875%; } } @media screen and (min-width:519px) and (max-width:520px) { html { font-size: 101.3671875%; } } @media screen and (min-width:520px) and (max-width:521px) { html { font-size: 101.5625%; } } @media screen and (min-width:521px) and (max-width:522px) { html { font-size: 101.7578125%; } } @media screen and (min-width:522px) and (max-width:523px) { html { font-size: 101.953125%; } } @media screen and (min-width:523px) and (max-width:524px) { html { font-size: 102.1484375%; } } @media screen and (min-width:524px) and (max-width:525px) { html { font-size: 102.34375%; } } @media screen and (min-width:525px) and (max-width:526px) { html { font-size: 102.5390625%; } } @media screen and (min-width:526px) and (max-width:527px) { html { font-size: 102.734375%; } } @media screen and (min-width:527px) and (max-width:528px) { html { font-size: 102.9296875%; } } @media screen and (min-width:528px) and (max-width:529px) { html { font-size: 103.125%; } } @media screen and (min-width:529px) and (max-width:530px) { html { font-size: 103.3203125%; } } @media screen and (min-width:530px) and (max-width:531px) { html { font-size: 103.515625%; } } @media screen and (min-width:531px) and (max-width:532px) { html { font-size: 103.7109375%; } } @media screen and (min-width:532px) and (max-width:533px) { html { font-size: 103.90625%; } } @media screen and (min-width:533px) and (max-width:534px) { html { font-size: 104.1015625%; } } @media screen and (min-width:534px) and (max-width:535px) { html { font-size: 104.296875%; } } @media screen and (min-width:535px) and (max-width:536px) { html { font-size: 104.4921875%; } } @media screen and (min-width:536px) and (max-width:537px) { html { font-size: 104.6875%; } } @media screen and (min-width:537px) and (max-width:538px) { html { font-size: 104.8828125%; } } @media screen and (min-width:538px) and (max-width:539px) { html { font-size: 105.078125%; } } @media screen and (min-width:539px) and (max-width:540px) { html { font-size: 105.2734375%; } } @media screen and (min-width:540px) and (max-width:541px) { html { font-size: 105.46875%; } } @media screen and (min-width:541px) and (max-width:542px) { html { font-size: 105.6640625%; } } @media screen and (min-width:542px) and (max-width:543px) { html { font-size: 105.859375%; } } @media screen and (min-width:543px) and (max-width:544px) { html { font-size: 106.0546875%; } } @media screen and (min-width:544px) and (max-width:545px) { html { font-size: 106.25%; } } @media screen and (min-width:545px) and (max-width:546px) { html { font-size: 106.4453125%; } } @media screen and (min-width:546px) and (max-width:547px) { html { font-size: 106.640625%; } } @media screen and (min-width:547px) and (max-width:548px) { html { font-size: 106.8359375%; } } @media screen and (min-width:548px) and (max-width:549px) { html { font-size: 107.03125%; } } @media screen and (min-width:549px) and (max-width:550px) { html { font-size: 107.2265625%; } } @media screen and (min-width:550px) and (max-width:551px) { html { font-size: 107.421875%; } } @media screen and (min-width:551px) and (max-width:552px) { html { font-size: 107.6171875%; } } @media screen and (min-width:552px) and (max-width:553px) { html { font-size: 107.8125%; } } @media screen and (min-width:553px) and (max-width:554px) { html { font-size: 108.0078125%; } } @media screen and (min-width:554px) and (max-width:555px) { html { font-size: 108.203125%; } } @media screen and (min-width:555px) and (max-width:556px) { html { font-size: 108.3984375%; } } @media screen and (min-width:556px) and (max-width:557px) { html { font-size: 108.59375%; } } @media screen and (min-width:557px) and (max-width:558px) { html { font-size: 108.7890625%; } } @media screen and (min-width:558px) and (max-width:559px) { html { font-size: 108.984375%; } } @media screen and (min-width:559px) and (max-width:560px) { html { font-size: 109.1796875%; } } @media screen and (min-width:560px) and (max-width:561px) { html { font-size: 109.375%; } } @media screen and (min-width:561px) and (max-width:562px) { html { font-size: 109.5703125%; } } @media screen and (min-width:562px) and (max-width:563px) { html { font-size: 109.765625%; } } @media screen and (min-width:563px) and (max-width:564px) { html { font-size: 109.9609375%; } } @media screen and (min-width:564px) and (max-width:565px) { html { font-size: 110.15625%; } } @media screen and (min-width:565px) and (max-width:566px) { html { font-size: 110.3515625%; } } @media screen and (min-width:566px) and (max-width:567px) { html { font-size: 110.546875%; } } @media screen and (min-width:567px) and (max-width:568px) { html { font-size: 110.7421875%; } } @media screen and (min-width:568px) and (max-width:569px) { html { font-size: 110.9375%; } } @media screen and (min-width:569px) and (max-width:570px) { html { font-size: 111.1328125%; } } @media screen and (min-width:570px) and (max-width:571px) { html { font-size: 111.328125%; } } @media screen and (min-width:571px) and (max-width:572px) { html { font-size: 111.5234375%; } } @media screen and (min-width:572px) and (max-width:573px) { html { font-size: 111.71875%; } } @media screen and (min-width:573px) and (max-width:574px) { html { font-size: 111.9140625%; } } @media screen and (min-width:574px) and (max-width:575px) { html { font-size: 112.109375%; } } @media screen and (min-width:575px) and (max-width:576px) { html { font-size: 112.3046875%; } } @media screen and (min-width:576px) and (max-width:577px) { html { font-size: 112.5%; } } @media screen and (min-width:577px) and (max-width:578px) { html { font-size: 112.6953125%; } } @media screen and (min-width:578px) and (max-width:579px) { html { font-size: 112.890625%; } } @media screen and (min-width:579px) and (max-width:580px) { html { font-size: 113.0859375%; } } @media screen and (min-width:580px) and (max-width:581px) { html { font-size: 113.28125%; } } @media screen and (min-width:581px) and (max-width:582px) { html { font-size: 113.4765625%; } } @media screen and (min-width:582px) and (max-width:583px) { html { font-size: 113.671875%; } } @media screen and (min-width:583px) and (max-width:584px) { html { font-size: 113.8671875%; } } @media screen and (min-width:584px) and (max-width:585px) { html { font-size: 114.0625%; } } @media screen and (min-width:585px) and (max-width:586px) { html { font-size: 114.2578125%; } } @media screen and (min-width:586px) and (max-width:587px) { html { font-size: 114.453125%; } } @media screen and (min-width:587px) and (max-width:588px) { html { font-size: 114.6484375%; } } @media screen and (min-width:588px) and (max-width:589px) { html { font-size: 114.84375%; } } @media screen and (min-width:589px) and (max-width:590px) { html { font-size: 115.0390625%; } } @media screen and (min-width:590px) and (max-width:591px) { html { font-size: 115.234375%; } } @media screen and (min-width:591px) and (max-width:592px) { html { font-size: 115.4296875%; } } @media screen and (min-width:592px) and (max-width:593px) { html { font-size: 115.625%; } } @media screen and (min-width:593px) and (max-width:594px) { html { font-size: 115.8203125%; } } @media screen and (min-width:594px) and (max-width:595px) { html { font-size: 116.015625%; } } @media screen and (min-width:595px) and (max-width:596px) { html { font-size: 116.2109375%; } } @media screen and (min-width:596px) and (max-width:597px) { html { font-size: 116.40625%; } } @media screen and (min-width:597px) and (max-width:598px) { html { font-size: 116.6015625%; } } @media screen and (min-width:598px) and (max-width:599px) { html { font-size: 116.796875%; } } @media screen and (min-width:599px) and (max-width:600px) { html { font-size: 116.9921875%; } } @media screen and (min-width:600px) and (max-width:601px) { html { font-size: 117.1875%; } } @media screen and (min-width:601px) and (max-width:602px) { html { font-size: 117.3828125%; } } @media screen and (min-width:602px) and (max-width:603px) { html { font-size: 117.578125%; } } @media screen and (min-width:603px) and (max-width:604px) { html { font-size: 117.7734375%; } } @media screen and (min-width:604px) and (max-width:605px) { html { font-size: 117.96875%; } } @media screen and (min-width:605px) and (max-width:606px) { html { font-size: 118.1640625%; } } @media screen and (min-width:606px) and (max-width:607px) { html { font-size: 118.359375%; } } @media screen and (min-width:607px) and (max-width:608px) { html { font-size: 118.5546875%; } } @media screen and (min-width:608px) and (max-width:609px) { html { font-size: 118.75%; } } @media screen and (min-width:609px) and (max-width:610px) { html { font-size: 118.9453125%; } } @media screen and (min-width:610px) and (max-width:611px) { html { font-size: 119.140625%; } } @media screen and (min-width:611px) and (max-width:612px) { html { font-size: 119.3359375%; } } @media screen and (min-width:612px) and (max-width:613px) { html { font-size: 119.53125%; } } @media screen and (min-width:613px) and (max-width:614px) { html { font-size: 119.7265625%; } } @media screen and (min-width:614px) and (max-width:615px) { html { font-size: 119.921875%; } } @media screen and (min-width:615px) and (max-width:616px) { html { font-size: 120.1171875%; } } @media screen and (min-width:616px) and (max-width:617px) { html { font-size: 120.3125%; } } @media screen and (min-width:617px) and (max-width:618px) { html { font-size: 120.5078125%; } } @media screen and (min-width:618px) and (max-width:619px) { html { font-size: 120.703125%; } } @media screen and (min-width:619px) and (max-width:620px) { html { font-size: 120.8984375%; } } @media screen and (min-width:620px) and (max-width:621px) { html { font-size: 121.09375%; } } @media screen and (min-width:621px) and (max-width:622px) { html { font-size: 121.2890625%; } } @media screen and (min-width:622px) and (max-width:623px) { html { font-size: 121.484375%; } } @media screen and (min-width:623px) and (max-width:624px) { html { font-size: 121.6796875%; } } @media screen and (min-width:624px) and (max-width:625px) { html { font-size: 121.875%; } } @media screen and (min-width:625px) and (max-width:626px) { html { font-size: 122.0703125%; } } @media screen and (min-width:626px) and (max-width:627px) { html { font-size: 122.265625%; } } @media screen and (min-width:627px) and (max-width:628px) { html { font-size: 122.4609375%; } } @media screen and (min-width:628px) and (max-width:629px) { html { font-size: 122.65625%; } } @media screen and (min-width:629px) and (max-width:630px) { html { font-size: 122.8515625%; } } @media screen and (min-width:630px) and (max-width:631px) { html { font-size: 123.046875%; } } @media screen and (min-width:631px) and (max-width:632px) { html { font-size: 123.2421875%; } } @media screen and (min-width:632px) and (max-width:633px) { html { font-size: 123.4375%; } } @media screen and (min-width:633px) and (max-width:634px) { html { font-size: 123.6328125%; } } @media screen and (min-width:634px) and (max-width:635px) { html { font-size: 123.828125%; } } @media screen and (min-width:635px) and (max-width:636px) { html { font-size: 124.0234375%; } } @media screen and (min-width:636px) and (max-width:637px) { html { font-size: 124.21875%; } } @media screen and (min-width:637px) and (max-width:638px) { html { font-size: 124.4140625%; } } @media screen and (min-width:638px) and (max-width:639px) { html { font-size: 124.609375%; } } @media screen and (min-width:639px) and (max-width:640px) { html { font-size: 124.8046875%; } } @media screen and (min-width:640px) { html { font-size: 125%; } }