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 input, body textarea, body select { outline: none; border: none; -webkit-appearance: none; } body img { max-width: 100%; border: none; } .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: table; clear: both; } .list:after{content: '';display: inline-block;width: 100%;} .clear { clear: both; } .wrap { width: 100%; } .container { width: 94%; height: auto; padding: 0 3%; } .main { width: 100%; height: auto; } .rel { position: relative; } /*top*/ .top{background: #f69e2a;position: relative;} .top .home{float: left;width: 23%;padding: 0.377rem 0;} .top .tel{float: right;width: 60%;padding: 0.283rem 0;position: relative;} .top .tel a{display: block;} /*logo*/ .logo{width: 94%;padding: 0.377rem 3%;height: auto;} /*nav*/ .nav{width: 100%;position: relative;text-align: center;} .nav ul li{width: 25%;float: left;background: #eee;border: 1px #fff solid;box-sizing: border-box;-moz-box-sizing: border-box;} .nav ul li a{font-size: 0.377rem;color: #666;display:block;padding: 0.2rem 0;} .nav ul li:nth-of-type(4){background: #21a38a;} .nav ul li:nth-of-type(4) a{color: #fff;} /*banner*/ .banner img{position: relative;margin-top: 0.188rem;display: block;width: 100%;} /*main_a*/ .main_a{width: 94%; height: auto; padding: 0 3%; margin-top: 0.377rem;} .main_a .box_a .subtit{border: 1px #21a38a dashed;padding: 0.2rem 0;border-radius: 0.5rem;text-align: center;letter-spacing: -1px;} .main_a .box_a .subtit em{font-size: 0.34rem;color: #21a38a;} .main_a .box_a .subtit i{display: inline-block;vertical-align: middle;width: 5%;} /*ul*/ .main_a .box_a ul{padding-top: 0.4rem;position: relative;width: 100%;display: inline-block;text-align: justify;} .main_a .box_a ul:after{content: '';display: inline-block;width: 100%;} .main_a .box_a ul li{width: 17.5%;display: inline-block;position: relative;text-align: center;} .main_a .box_a ul li item{font-size: 0.6rem;color: #fff;position: absolute;text-align: center;width: 100%;display: inline-block;top: 13%;left: 0;} .main_a .box_a ul li item em{font-size: 0.32rem;display: block;line-height: 1;} .main_a .box_a ul li span{font-size: 0.452rem;color: #fff;position: absolute;top: 16%;left: 0;width: 100%;display: inline-block;} .main_a .box_a p{font-size: 0.339rem;color: #666;text-indent: 2em;line-height: 1.7;display: inline-block;padding-bottom: 0.4rem;} /*btn btn_a*/ .btn{text-align: center;width: 100%;} .btn ul{width: 100%;display: inline-block;text-align: justify;position: relative;} .btn ul:after{content: '';display: inline-block;width: 100%;} .btn ul li{display: inline-block;width: 49%;text-align: center;} .btn ul li a{font-size: 0.36rem;color: #fff;display: block;padding: 0.25rem 4%;vertical-align: middle;border-radius: 0.1rem;background: #f69e2a;border-bottom: 3px #e08610 solid;letter-spacing: -1px;} .btn ul li a i{display: inline-block;vertical-align: middle;padding-right: 2%;width: 12%;} .btn ul li:nth-of-type(2) a{margin-right: 0;background: #ff4040;border-bottom: 3px #d22323 solid;} /*box_b*/ .main_b .box_b{text-align: center;margin-top: 0.64rem;background: #ceece7;position: relative;width: 94%;padding: 2% 3%;} .main_b .box_b img.b_sub{display: inline-block;padding-top: 0.35rem;} .main_b .box_b p{font-size: 0.339rem;color: #666;text-indent: 2em;line-height: 1.7;display: inline-block;padding-top: 0.188rem;text-align: left;} .main_b .box_b img.renliu{display: inline-block;padding-top: 0.2rem; padding-bottom: 0.5rem;} /*内容01*/ .wrap_a{padding-top: 0.94rem;position: relative;} /*title*/ .title{background: #21a38a;width: 94%;padding: 0 3%;display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .title .pic{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: center;-webkit-justify-content: center;-webkit-align-items: center; align-items: center;-webkit-box-pack: center;-webkit-box-align: center;width: 13%;padding: 0.188rem 0;position: relative;margin-right: 0.188rem;} .title .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;color: #fff;padding-top: 0.25rem;} .title .msg h3{font-size: 0.52rem;font-weight: bold;} .title .msg p{font-size: 0.377rem;} /*wrap_a ul*/ .wrap_a ul.ul_a{width: 100%;display: inline-block;text-align: justify;position: relative;} .wrap_a ul.ul_a:after{content: '';width: 100%;display: inline-block;} .wrap_a ul.ul_a li{display: inline-block;width: 47.5%;text-align: center;padding-top: 0.47rem;} .wrap_a ul.ul_a li p{font-size: 0.339rem;color: #666;background: #eaf6f4;display: inline-block;width: 100%;line-height: 1.5;padding: 0.188rem 0;border: 1px #ccc dashed;box-sizing: border-box;-moz-box-sizing: border-box;} /*btn_c*/ .wrap_a .btn_c a{letter-spacing: -1px;font-size: 0.36rem;} .wrap_a .btn_c ul li{padding-top: 0.088rem;padding-bottom: 0.65rem;} /*内容02*/ .wrap_b ul.b_ul{margin-top: 0.566rem;} .wrap_b ul.b_ul{width: 100%;display: inline-block;text-align: justify;position: relative;} .wrap_b ul.b_ul:after{content: '';width: 100%;display: inline-block;} .wrap_b ul.b_ul li{display: inline-block;width: 49%;background: #fff9f2;border: 1px #fed4a6 solid;box-sizing: border-box;-moz-box-sizing: border-box; margin-bottom: 0.188rem;} .wrap_b ul.b_ul li i{display: inline-block;vertical-align: middle;width: 42%;padding: 0.3rem 2%;} .wrap_b ul.b_ul li p{display: inline-block;vertical-align: middle;width: 50%;font-size: 0.339rem;color: #666;line-height: 1.6;} /*内容03*/ .wrap_c {margin-top: 0.566rem;position: relative;} .wrap_c ul.c_ul{margin-top: 0.566rem;} .wrap_c ul.c_ul li{width: 48%;text-align: center;float: left;margin-right: 4%;margin-bottom: 0.377rem;} .wrap_c ul.c_ul li:nth-of-type(2n+2){margin-right: 0;} .wrap_c ul.c_ul li img{display: block;position: relative;} .wrap_c ul.c_ul li b{font-size: 0.377rem;color: #fff;width: 100%;display: inline-block;background: #f69e2a;padding: 0.188rem 0;} .wrap_c ul.c_ul li p{display: inline-block;background: #eaf6f4;border: 1px #cccccc solid;box-sizing: border-box;-moz-box-sizing: border-box; font-size: 0.339rem;color: #666;padding: 0.4rem 7%;line-height: 1.6;text-align: left;} .wrap_c ul.c_ul li p span{color: #21a38a;} /*btn_e*/ .wrap_c .btn_e{margin-top: 0.2rem;} .wrap_c .btn_e a{font-size: 0.36rem;letter-spacing: -1px;} /*内容04*/ .wrap_d{margin-top: 0.66rem;position: relative;} /*title_d*/ .wrap_d .title_d h3{padding-top: 0.26rem;letter-spacing: -1px;} /*d_ul*/ .wrap_d ul.d_ul{margin-top: 0.2rem;} .wrap_d ul.d_ul{width: 100%;display: inline-block;text-align: justify;position: relative;} .wrap_d ul.d_ul:after{content: '';width: 100%;display: inline-block;} .wrap_d ul.d_ul li{display: inline-block;width: 48%;text-align: center;border: 1px #ececec solid;box-sizing: border-box;-moz-box-sizing: border-box; border-radius: 0.4rem;margin-top: 0.377rem;} .wrap_d ul.d_ul li img{border-top-right-radius: 0.4rem; border-top-left-radius: 0.4rem;display: inline-block;position: relative;} .wrap_d ul.d_ul li b{font-size: 0.377rem;color: #ff4040;display: block;line-height: 2; border-bottom: 1px #ccc dashed;} .wrap_d ul.d_ul li p{font-size: 0.377rem;color: #666;line-height: 1.5;padding: 0.2rem 0;} /*btn_f*/ .wrap_d .btn_f a{letter-spacing: -1px;font-size: 0.36rem;} /*内容05*/ .wrap_e{margin-top: 0.66rem;position: relative;} /*title_e*/ .wrap_e .title_e h3{letter-spacing: -1px;padding-top: 0.26rem;} .wrap_e ul.e_ul li{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;border-bottom: 1px #ccc dashed;} .wrap_e ul.e_ul li .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;} .wrap_e ul.e_ul li .pic{width: 48%;position: relative;margin-right: 3.5%;padding: 0.8rem 0;} .wrap_e ul.e_ul li .msg .center{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;padding-top: 1rem;} .wrap_e ul.e_ul li .msg .center img{width: 1.13rem;height: 1.13rem; position: relative;display: block;margin-right: 0.13rem;} .wrap_e ul.e_ul li .msg .center item{font-size: 0.339rem;color: #333;line-height: 1.4;letter-spacing: -1px;} .wrap_e ul.e_ul li .msg .center item b{font-size: 0.49rem;color: #ff9b2f;font-weight: bold;} .wrap_e ul.e_ul li .msg p{font-size: 0.339rem;color: #666;display: inline-block;margin-top: 0.45rem;line-height: 1.7;width: 80%;padding-left: 8%;} /*btn_g*/ .wrap_e .btn_g{text-align: center;margin-top: 0.556rem;} .wrap_e .btn_g a img{width: 38%;display: inline-block;margin-right: 6%;} .wrap_e .btn_g a:nth-of-type(2) img{margin-right: 0;} /*内容06*/ .wrap_f{margin-top: 0.9rem;position: relative;} /*title_f*/ .wrap_f .title_f h3{letter-spacing: -1px;font-size: 0.47rem;padding-top: 0.1rem;} .wrap_f .title_f p{letter-spacing: -1px;font-size: 0.36rem;} .wrap_f .doc_pic{position: relative;width: 100%;} .wrap_f .doc_pic img{display: block;position: relative;width: 100%;margin-top: 0.4rem;} /*预约按钮*/ .wrap_f .doc_pic a.yuyue_a{width: 12%;height: 20%;display: block;position: absolute;bottom: 16%;left: 18.5%;} .wrap_f .doc_pic a.yuyue_b{width: 12%;height: 20%;display: block;position: absolute;bottom: 16%;left: 43.5%;} .wrap_f .doc_pic a.yuyue_c{width: 12%;height: 20%;display: block;position: absolute;bottom: 16%;right: 15%;} /*btn_g*/ .wrap_f .btn_g{margin-top: 0.566rem;} /*f_center*/ .wrap_f .f_center{margin-top: 0.4rem;position: relative;text-align: center;} .wrap_f .f_center h4{font-size: 0.528rem;color: #ff9b2f;font-weight: bold;} .wrap_f .f_center img{display: block;position: relative;width: 100%;margin-top: 0.48rem;} .wrap_f .f_center a{font-size: 0.377rem;color: #fff;background: #ff4040;border-bottom: 3px #d22323 solid;display: inline-block;padding: 0.2rem 5%;border-radius: 0.1rem;margin-top: 0.566rem;} /*挂号*/ .wrap_gh{margin-top: 0.85rem;position: relative;text-align: center;} .wrap_gh h4{font-size: 0.68rem;color: #fff;background: #21a38a;padding: 0.3rem 0;display: block;width: 100%;} .wrap_gh .cform { width: 100%; margin: 8% 0% 6% 0%; } .wrap_gh .cform ul { width: 84%; margin: 0 8%; } .wrap_gh .cform ul li { font-size: 0.37736rem; color: #333; line-height: 2; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-bottom: 5%; float: left; } .wrap_gh .cform ul li:nth-of-type(4){margin-bottom: 0;} .wrap_gh .cform ul li span { padding: 1% 0; display: block; } .wrap_gh .cform ul li input { font-size: 0.37736rem; line-height: 2; border: 1px #a7a7a7 solid;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-flex: 1; flex: 1; padding: 1% 2%;} .wrap_gh .cform ul li textarea { font-size: 0.37736rem; line-height: 1.5; border: 1px #a7a7a7 solid;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-flex: 1; flex: 1; padding: 2%; background: #fff;resize: none;} .wrap_gh .cform ul p{font-size: 0.339rem;color: #e42d1b;display: inline-block;padding: 0.2rem 0;letter-spacing: -1px;} .wrap_gh .cform .center { text-align: right; margin-right: 8%;margin-top: 0.3rem;} .wrap_gh .cform .center input { border-radius: 0.6rem; -webkit-border-radius: 0.6rem; -moz-border-radius: 0.6rem; color: #fff; background: #21a38a; font-size: 0.37736rem; line-height: 2.5; position: relative; display: inline-block; margin: 0 2%; padding: 0 6%; } .wrap_gh .cform .center input:nth-of-type(2) { background: #999; } /*gh_btn*/ .wrap_gh a{display: block;position: relative;} .wrap_gh a img{display: inline-block;width: 94%;padding: 0 3%;} /*footer*/ .footer ul{margin-top: 0.7rem;position: relative;} .footer ul li{float: left;width: 25%;background: #117c67;border-right:2px #fff solid;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;text-align: center;display: inline-block;} .footer ul li:nth-of-type(4){border-right: 0;} .footer ul li a{font-size: 0.377rem;color: #fff;display: block;position: relative;padding: 0.2rem 0;} /*center*/ .footer .center{background: #21a38a;width: 100%;text-align: center;} .footer .center a img{display: inline-block;position: relative;padding-top: 0.6rem;width: 66%;} .footer .center .msg{padding: 0.25rem 0 0.4rem 0;} .footer .center .msg p{font-size: 0.377rem;color: #fff;line-height: 1.7;} .footer .center .msg p:nth-of-type(1){letter-spacing: -1px;} /*媒体查询*/ @media screen and (min-width:640px){ .wrap_gh .cform .center { text-align: right; margin-right: 15%;} .main_a .box_a .subtit{letter-spacing: 0px;} .main_a .box_a .subtit em{padding: 0 0.2rem;} .main_a .box_a .subtit img{width: 70%;} .wrap_d .title_d h3{letter-spacing: 0px;} } .footbtm{ padding-top: 10%;}