body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei";} body { color: #666666; margin: 0 auto; max-width: 640px; min-width: 320px; background: #fff; } body a { text-decoration: none; font-style: normal; font-weight: normal; } body i, body em, body strong { font-style: normal; } body ol, body ul, body li { list-style: none; } body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: normal; } body body textarea,input, body select{ outline: none; border: none; -webkit-appearance: none; } body img { max-width: 100%; border: none; } body .clearfix { *zoom: 1; } body .clearfix:after { content: ''; display: table; clear: both; } body .list:after{content: '';display: inline-block;width: 100%;} body .clear { clear: both; } body .container { width: 94%; height: auto; padding: 0 3%;position: relative;} body .flex {display: inline-block;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content:center;-webkit-align-items:center;-webkit-box-pack: center;-webkit-box-align: center;align-items:center; justify-content:center;} body .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;} /*通用*/ .wrap{width: 100%;overflow: hidden;margin-top: 0.65rem;} .title{text-align: center;} .title h2{font-size: 0.6rem;color: #ff3535;font-weight: bold;} .title img{display: block;width: 94%;margin: 0 auto;padding-top: 0.25rem;} /*header*/ .header{background: #1c999b;padding: 0.35rem 0;} .header a.logo{float: left;width: 57%;display: block;} .header a.tel{float: right;width: 38%;display: block;margin-top: 0.15rem;} .header a img{display: block;width: 100%;} /*top_nav*/ .top_nav{padding: 0.15rem 0;} .top_nav ul li{width: 25%;text-align: center;float: left;border-left: 0.075rem #fff solid;box-sizing: border-box;background: #f1f1f1;} .top_nav ul li:first-child{border-left: 0;} .top_nav ul li a{display: block;font-size: 0.452rem;color: #666;line-height: 2.2;} /*banner*/ .banner{position: relative;} .banner a.banner{display: block;width: 100%;} .banner a.banner img{display: block;width: 100%;} .banner a{width: 45%;display: block;} .banner a.ban_a{position: absolute;bottom: 0.55rem;left: 3%;} .banner a.ban_b{position: absolute;bottom: 0.55rem;right: 3%;} .banner a img{display: block;width: 100%;} /*01*/ .wrap_a ul{display: inline-block;width: 100%;text-align: justify;font-size: 0;margin-top: 0.25rem;} .wrap_a ul li{display: inline-block;width: 23%;text-align: center;font-size: 0.339rem;color: #666;margin-top: 0.3rem;padding-bottom: 0.1rem;} .wrap_a ul li img{display: block;width: 100%;margin-bottom: 0.1rem;} .wrap_a .flex{margin-top: 0.55rem;background: #f2ffff;} .wrap_a .flex .pic{width: 19.5%;margin-right: 3%;} .wrap_a .flex .pic img{display: block;width: 100%;} .wrap_a .flex .msg h6 a{display: inline-block;font-size: 0.339rem;color: #666;line-height: 1.8;border-bottom: 1px #9cd6d7 dashed;letter-spacing: -1px;box-sizing: border-box;} .wrap_a .flex .msg h6:last-child a{border-bottom: 0;} .wrap_a .a_btn{text-align: center;margin-top: 0.5rem;} .wrap_a .a_btn h5{font-size: 0.415rem;color: #ff3535;font-weight: bold;} .wrap_a .a_btn a{display: inline-block;font-size: 0.415rem;color: #fff;font-weight: bold;background: #f39500;padding: 0 8%;line-height: 2.4;border-radius: 0.47rem;margin-top: 0.3rem;} /*02*/ .wrap_b .center_a{margin-top: 0.35rem;} .wrap_b .center_a h6{font-size: 0.339rem;color: #666;padding: 0 3%;} .wrap_b .center_a .flex{margin-top: 0.5rem;} .wrap_b .center_a .msg{text-align: center;} .wrap_b .center_a .msg h4{font-size: 0.415rem;color: #ff3535;font-weight: bold;} .wrap_b .center_a .msg ul li{font-size: 0.339rem;color: #fff;background: #1c999b;line-height: 2.4;margin-top: 0.2rem;border-radius: 0.15rem;text-align: center;} .wrap_b .center_a .pic{width: 49%;margin-left: 3%;} .wrap_b .center_a .pic img{display: block;width: 100%;} .wrap_b .center_a item{display: block;margin-top: 0.5rem;background: #f39500;padding: 0.25rem 0 0.35rem;border-radius: 0.2rem;text-align: center;} .wrap_b .center_a item h3{font-size: 0.45rem;color: #fff;margin-bottom: 0.2rem;} .wrap_b .center_a item a{font-size: 0.415rem;color: #d98500;font-weight: bold;display: inline-block;line-height: 2.4;} .wrap_b .center_a item a:nth-of-type(1){background: #fff;padding: 0 0.75rem;border-bottom-left-radius: 0.47rem;border-top-left-radius: 0.47rem;} .wrap_b .center_a item a:nth-of-type(2){background: #ffff00;padding: 0 0.75rem;border-bottom-right-radius: 0.47rem;border-top-right-radius: 0.47rem;} .wrap_b .center_b{margin-top: 0.6rem;position: relative;} .wrap_b .center_b img.subtit{display: block;width: 100%;} .wrap_b .center_b .box{background: #20b6b7;padding: 0.55rem 0;} .wrap_b .center_b .box .pic{width: 41%;margin-right: 1%;} .wrap_b .center_b .box .pic img{display: block;width: 100%;} .wrap_b .center_b .box li{position: relative;text-align: center;} .wrap_b .center_b .box li.mp{margin-top: 0.3rem;} .wrap_b .center_b .box li img.bg{display: block;width: 100%;} .wrap_b .center_b .box li item{display: block;text-align: center;position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);} .wrap_b .center_b .box li item h3{font-size: 0.55rem;color: #f39500;font-weight: bold;} .wrap_b .center_b .box li item h4{font-size: 0.415rem;color: #666;} .wrap_b .center_b .box li item h4 span{font-family: impact;font-size: 0.65rem;color: #ff3535;line-height: 0.8;display: inline-block;vertical-align: bottom;margin-top: 0.15rem;} .wrap_b .center_b .box li item h5{font-size: 0.339rem;color: #666;margin-top: 0.04rem;text-align: center; } .wrap_b .center_b .box li item h6{font-size: 0.339rem;color: #666;margin-top: 0.04rem;text-align: left; text-indent: 2em;} .wrap_b .center_b .box li item i{display: block;text-align: left;width: 53%;margin: 0 auto;} .wrap_b .center_b .box li item h6 img{display: inline-block;width: 0.32rem;height: 0.32rem;} .wrap_b .center_b .box li item h6 span{color: #f39500;} .wrap_b .center_b .box li.mp item h6{letter-spacing: -1px;} .wrap_b .center_b .box table{text-align: center;margin-top: 0.35rem;width: 100%;border-collapse: separate;border-spacing: 0.09rem;} .wrap_b .center_b .box table td{background: #fff;padding: 0.15rem 0;} .wrap_b .center_b .box table td h3{font-size: 0.415rem;color: #00a7a8;font-weight: bold;padding: 0 0.188rem;} .wrap_b .center_b .box table td h3 span{color: #f39500;} .wrap_b .center_b .box table td h6{font-size: 0.339rem;color: #666;letter-spacing: -1px;} .wrap_b .center_b .box table td h6 span{color: #ff0000;font-weight: bold;} .wrap_b .center_b .box table td a{font-size: 0.339rem;color: #ff3535;font-weight: bold;letter-spacing: -1px;} /*03*/ .wrap_c .center_a{margin-top: 0.188rem;text-align: center;position: relative;} .wrap_c .center_a h4{font-size: 0.55rem;color: #ff3535;font-weight: bold;} .wrap_c .center_a ul{margin-top: 0.188rem;position: relative;} .wrap_c .center_a ul li{width: 50%;float: left;text-align: left;} .wrap_c .center_a ul li .pic{width: 40%;margin-right: 0.2rem;} .wrap_c .center_a ul li .pic img{display: block;width: 100%;} .wrap_c .center_a ul li h5{font-size: 0.452rem;color: #333;} .wrap_c .center_a ul li h6{font-size: 0.339rem;color: #666;letter-spacing: -1px;margin-top: 0.1rem;} .wrap_c .center_b{margin-top: 0.6rem;background: #20b6b7;text-align: center;padding: 0.5rem 0;} .wrap_c .center_b h4{font-size: 0.55rem;color: #fff;font-weight: bold;} .wrap_c .center_b .container{background: #00a7a8;margin-top: 0.25rem;padding: 0.295rem 3% 0.35rem 3%;} .wrap_c .center_b ul li{width: 49%;text-align: left;float: left;letter-spacing: -1px;background: #fff;margin-top: 0.055rem;} .wrap_c .center_b ul li:nth-of-type(2n){margin-left: 2%;} .wrap_c .center_b ul li span{font-size: 0.415rem;color: #666;font-family: impact;display: inline-block;background: #ffff00;line-height: 2.2;margin-right: 0.1rem;width: 0.7rem;text-align: center;} .wrap_c .center_b ul li a{font-size: 0.339rem;color: #666;} .wrap_c .center_c{position: relative;margin-top: 0.55rem;text-align: center;} .wrap_c .center_c img{display: block;width: 74%;margin: 0 auto;} .wrap_c .center_c h5 a{font-size: 0.415rem;color: #fff;font-weight: bold;position: absolute;top: 50%;left: 0;width: 100%;display: block;text-align: center;transform: translateY(-50%);} /*04*/ .wrap_d .center_a{margin-top: 0.55rem !important;width: 97%;background: #fffaf3;margin: 0 auto;} .wrap_d .center_a .pic{width: 45%;} .wrap_d .center_a .pic img{display: block;width: 100%;} .wrap_d .center_a .msg img{display: block;width: 64%;} .wrap_d .center_a .msg h6{font-size: 0.339rem; color: #666;margin: 0.15rem 0.3rem 0 0.4rem; letter-spacing: -1px;} .wrap_d .center_b{margin-top: 0.377rem !important;width: 97%;padding: 0.5rem 0;background: #20b6b7;text-align: center;border-radius: 0.15rem;margin: 0 auto;position: relative;} .wrap_d .center_b a.zx{font-size: 0.415rem;color: #009c9d;background: #ffff00;font-weight: bold;line-height: 2.2;padding: 0 4%;border-radius: 0.45rem;display: inline-block;} .wrap_d .center_b .enter-box{background: #fff;padding: 0.35rem 0;border-radius: 0.15rem;width: 97%; margin: 0 auto;margin-top: 0.377rem !important;position: relative;} .wrap_d .center_b .text h3{font-size: 0.55rem;color: #f39500;font-weight: bold;} .wrap_d .center_b h6{font-size: 0.377rem;color: #666;display: inline-block;vertical-align: middle;} .wrap_d .center_b .enter-box .text .calendar-box .calendar-box-show {line-height: 2; font-size: 0.377rem; color: #333;} .wrap_d .center_b .enter-box .text .calendar-box {border-radius: 0.1rem;border: 1px #ccc solid;width: 1.2rem; position: relative; display: inline-block; vertical-align: middle; margin: 0 5px; text-align: center; } .wrap_d .center_b .enter-box .text .calendar-box .calendar-box-option-list { position: absolute; top: 0.8rem; left: 0; background: #fff; z-index: 555; right: 0; padding: 0; margin: 0; border-radius: 0.1rem; overflow: hidden; max-height: 5rem; overflow-y: auto; display: none;} .wrap_d .center_b .enter-box .text .calendar-box .calendar-box-option-list li { width: 100%; font-size: 0.339rem;color: #888; text-align: center; padding: 0; margin: 0; list-style: none; line-height: 1.6;} .wrap_d .center_b h5{font-size: 0.377rem;color: #333;display: inline-block;vertical-align: middle;margin-top: 0.25rem;border: 1px #f39500 dashed;line-height: 2;padding: 0 0.25rem;} .wrap_d .center_b h5 span{width: 0.5rem;border-bottom: 1px #ff0000 solid;display: inline-block;color: #ff0000;line-height: 1;margin: 0 0.1rem;font-weight: bold;} .wrap_d .center_b a.count{display: inline-block;vertical-align: bottom;font-size: 0.377rem;color: #fff;font-weight: bold;background: #ff3535;line-height: 2.2;padding: 0 0.35rem;margin-left: 0.05rem;} .wrap_d .center_b a.zx_b{font-size: 0.377rem;color: #f39500;display: block;margin-top: 0.15rem;} .wrap_d .d_btn{margin-top: 0.5rem;text-align: center;} .wrap_d .d_btn a{display: inline-block;width: 44%;} .wrap_d .d_btn a.ml{margin-left: 2%;} .wrap_d .d_btn a img{display: block;width: 100%;} /*05*/ .wrap_e .container{text-align: center;} .wrap_e h4{font-size: 0.452rem;color: #fff;background: #20b6b7;display: inline-block;padding: 0 0.4rem;line-height: 2.2;margin-top: 0.3rem;} .wrap_e h5{font-size: 0.377rem;color: #666;margin-top: 0.35rem;letter-spacing: -1px;} .wrap_e h5 span{color: #ff0000;} .wrap_e .flex{margin-top: 0.4rem;} .wrap_e .flex .pic{width: 45%;margin-right: 3%;} .wrap_e .flex .pic img{display: block;width: 100%;border: 0.075rem #afecec solid;box-sizing: border-box;} .wrap_e .flex .msg{text-align: left;} .wrap_e .flex .msg h3{font-size: 0.58rem;color: #ff7e00;font-weight: bold;} .wrap_e .flex .msg b{display: inline-block;font-size: 0.377rem;color: #fff;background: #00a7a8;line-height: 1.8;padding: 0 0.35rem;margin-top: 0.1rem;} .wrap_e .flex .msg h6{font-size: 0.377rem;color: #666;margin-top: 0.1rem;} .wrap_e .flex .msg h6 a{color: #ff7e00;} .wrap_e .flex .msg .e_btn{text-align: center;margin-top: 0.2rem;} .wrap_e .flex .msg .e_btn a{display: inline-block;font-size: 0.377rem;color: #fff;font-weight: bold;background: #ff7e00;line-height: 2;padding: 0 0.35rem;border-radius: 0.35rem;} .wrap_e .flex .msg .e_btn a.ml{margin-left: 0.2rem;background: #00a7a8;} /*06*/ .wrap_f .container{text-align: center;} .wrap_f h4{font-size: 0.452rem;color: #fff;background: #20b6b7;display: inline-block;padding: 0 0.4rem;line-height: 2.2;margin-top: 0.3rem;} .wrap_f ul{margin-top: 0.55rem;display: inline-block;width: 100%;text-align: justify;font-size: 0;} .wrap_f ul li{width: 32%;display: inline-block;text-align: center;} .wrap_f ul li img{display: block;width: 100%;} .wrap_f ul li h6{font-size: 0.339rem;color: #666;margin-top: 0.15rem;} /*挂号*/ .wrap_gh{margin-top: 0.6rem;} .wrap_gh .subtit{text-align: center;position: relative;} .wrap_gh .subtit img{display: block;width: 100%;} .wrap_gh .subtit h3{font-size: 0.7rem;color: #fff;font-weight: bold;line-height: 1;} .wrap_gh .subtit h5{font-size: 0.377rem;color: #fff;margin-top: 0.1rem;} .wrap_gh .subtit item{width: 100%;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .wrap_gh .center{background: #f6f6f6;padding-bottom: 0.6rem;} .wrap_gh .center .zzgh{padding-top: 0.35rem;width: 100%;margin: 0 auto;text-align: center;} .wrap_gh .center .zzgh i input,textarea{display: inline-block;width: 90%;padding: 0.1rem 2%;background: #fff;border: 1px #e9e9e9 solid;font-size: 0.339rem;color: #666;font-family: "微软雅黑";line-height: 2;box-sizing: border-box;resize: none;margin-top: 0.2rem;} .wrap_gh .center .zzgh .gh_btn{text-align: center;margin-top: 0.5rem;} .wrap_gh .center .zzgh .gh_btn a,input{display: inline-block;font-size: 0.415rem;color: #fff;font-family: "微软雅黑";font-weight: bold;background: #00a7a8;line-height: 2.2;border-radius: 0.45rem;padding: 0 5%;} .wrap_gh .center .zzgh .gh_btn input{background: #f39500;margin-left: 5%;} /*footer*/ .footer{margin-top: 0.6rem;background: #00a7a8;padding-bottom: 2.4rem;text-align: center;} .footer ul{margin-bottom: 0.5rem;} .footer ul li{width: 25%;text-align: center;float: left;padding: 0.25rem 0;background: #1c999b;} .footer ul li a{display: block;font-size: 0.415rem;color: #fff;border-right: 1px #fff solid;box-sizing: border-box;line-height: 1;} .footer ul li:last-child a{border-right: 0;} .footer h6{font-size: 0.377rem;color: #fff;} .footer h6 a{color: #ffff00;font-weight: bold;} @media screen and (min-width: 640px) { .wrap_a .flex .pic{margin-right: 40px;} .wrap_a .flex .msg h6 a{letter-spacing: 0.5px;} .wrap_b .center_b .box li item i{width: 42%;} .wrap_b .center_b .box li item h5{margin-top: 8px;} .wrap_b .center_b .box li item h6{margin-top: 8px;} .wrap_c .center_b ul li span{width: 50px;margin-right: 10px;} .wrap_e .flex .msg b{margin-top: 12px;} } @media screen and (min-width: 320px) and (max-width: 475px) { .footer{padding-bottom: 2.0rem;} }