@charset "utf-8"; body{ min-width:320px;max-width:640px;margin:0 auto; font-family:"微软雅黑";} html {font-size:10px; font-size:62.5%; background:#6076a9;} @media screen and (min-width:320px) and (max-width:346px) {html{ font-size:62.5%}} @media screen and (min-width:347px) and (max-width:375px) {html{font-size:12px;}} @media screen and (min-width:376px) and (max-width:415px) {html{font-size:14px;}} @media screen and (min-width:416px) and (max-width:480px){html{font-size:16px;}} @media screen and (min-width:481px) and (max-width:560px){html{font-size:18px;}} @media screen and (min-width:561px) and (max-width:640px){html{font-size:20px;}} @media screen and (min-width:640px){html{font-size:20px;}} body,h1,h2,h3,h4,h5,h6,p,ul,ol,dd,dl,form,input,select,textarea{margin:0; padding:0; font-size:1.4rem;} li{list-style:none;} a{text-decoration:none;} img{border:none; vertical-align:top; width:100%;} textarea{resize:none;overflow:auto;} .clear:after{content:'';display:block;clear:both;} .clear{zoom:1;} h2,h3,h4,h5,h6{font-family:"微软雅黑"; } div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre{ overflow:visible;} .rbox4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .rbox5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;} .fv{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .f1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;} .fac{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .fpc{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} .fpj{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;} /* css reset */ body{ background:#fff; min-width:320px; margin:0 auto;} .banner{ display: block; width: 100%; margin-top: 0px; font-size: medium; } .us_cona{ width:100%; height:auto; padding-top:25px; padding-top:1.4rem;} .us_contop{ width:100%; text-align:center; height:32px; height:3rem; line-height:28px; line-height:2.6rem; margin-bottom:12px; margin-bottom:1rem; background:url(/uploads/image/s2kimages/us_line.jpg) center bottom no-repeat; background-size:100% auto; color:#6076a9; font-size:18px; font-size:1.6rem;} .us_contop span{ color:#eb5255;} .us_cona table{ width:85%; border:1px solid #dfdddd; margin:0 auto;border-collapse: collapse;} .us_cona table tr{ border-bottom:1px solid #bababa; line-height:24px; line-height:2.2rem;} .us_cona table th{ background:#6076a9; font-size:14px; font-size:1.3rem; color:#fff; font-weight:normal; border-left:1px solid #fff; border-right:1px solid #bababa; width:50%;} .us_cona table th:last-child {border:0;border-left:1px solid #6076a9; border-right:1px solid #fff;} .us_cona table tr td{ width:50%; font-size:12px; font-size:1.1rem; text-align:center; border-right:1px solid #bababa; color:#9f9b9b;} .us_cona table tr td:last-child,.us_cona table tr:last-child{ border:none;} .us_banner{ width:100%; height:auto; position:relative; margin-bottom:10px;} .us_banner a,.dcon a,.us_conb a{display:block; width:68%; height:25px; line-height:30px; text-align:center; color:#fff; height:2.5rem; line-height:2.5rem; position:absolute; left:16%; font-size:13px;font-size:1.2rem;} .us_banner a{ background:#eb5255; border-radius:50px;bottom:12%;} .us_conb{ width:100%; height:auto; position:relative;} .us_conb a{background:#eb5255;bottom:0; width:80%; left:10%;} .bcon img{ margin-bottom:35px;margin-bottom:3.2rem; } .bcon{ width:90%; height:auto; position:relative; margin:10px auto 20px; overflow:hidden;} .bcon div{ width:52%; text-align:center; height:auto; position:absolute;} .bcon div.b1{ left:28%; top:12%;} .bcon div.b2{ left:-1%; top:47%;} .bcon div.b3{ left:48%; top:46%;} .bcon div h4{ font-size:18px; font-size:1.6rem; line-height:26px; line-height:2.5rem;} .bcon div.b1 h4{ color:#a6e4ff;} .bcon div.b2 h4{ color:#cfcfd0;} .bcon div.b3 h4{ color:#ced3e2;} .bcon div p{ font-size:12px; font-size:1.1rem; color:#fff; line-height:18px; line-height:1.8rem;} .c_top{margin-bottom:22px; margin-bottom:2rem;} .ccon,.ccon_b{ width:100%; height:auto; position:relative; margin-bottom:10px; margin-bottom:1rem;} .ccon p,.ccon_b p{ position:absolute; width:75%; line-height:20px; line-height:1.8rem; text-align:center; font-size:12px; font-size:1.2rem;color:#646668;} .ccon_b p{ width:64%; text-align:left;} .ccon p.c1{ left: 20%; top: 0%; text-align: left; height: 32%; } .ccon p.c2{ left: 20%; top: 34%; text-align: left; height: 32%; } .ccon p.c3{ left: 20%; top: 68%; height: 32%; } .ccon_b p.c4{ left:26%; top:6%;} .ccon_b p.c5{ left:10%; top:29%;} .ccon_b p.c6{ left:26%; top:52%;} .ccon_b p.c7{ left:10%; top:75%;} /*dcon*/ .dcon{ width:100%; height:auto; overflow:hidden; position:relative; padding-top:50px; margin-bottom:10px; margin-bottom:1rem; padding-top:4.5rem;} .dcon ul{ width:94%; height:auto; overflow:hidden; position:absolute; left:3%; top:0;} .dcon ul li{ width:31%; height:auto; float:left; margin:0 1%;} .dcon li p{ width:100%; height:22px; line-height:22px; background:#a4bf00; color:#fff; font-size:16px; text-align:center; height:2.1rem; line-height:2.1rem;font-size:1.6rem;} .dcon li div{ height:170px; height:15rem; background:#eeeff3; padding:6px 6px 0; padding:0.5rem 0.5rem 0; color:#35383e; font-size:1rem; line-height:20px; line-height:1.5rem;} .dcon a{ background: #6076a9; bottom: 4%; height: 3rem; line-height: 3rem; font-size: 16px; font-size: 1.5rem; margin-top: 2%; } .us_cone{ width:100%; background:#f9f9f9;} .us_cone h4{ font-size:22px; font-size:2rem; line-height:65px; line-height:6.2rem; text-align:center; color:#41403c;} .fp_style{ width: 100%; background: #34333d; color: #a8a8a8; font-size: 13px; font-size: 1.2rem; font-family: "微软雅黑"; text-align: center; line-height: 50px; line-height: 5rem; margin-bottom: 0; display: inline-block; } .footer{ width:100%; height:50px; position:fixed; left:0px; bottom:0px; background:#f8f8f8; border:1px solid #d8d8d8;} .list_three6{ height:auto; overflow:hidden; display:-webkit-box; display:box; padding:8px 0px 5px; margin-top:-4px;} .list_three6 .pic img{ width: 100%;} .list_three6 > div p{ font-size:12px; line-height:24px; color:#707070; font-family:"华文黑体";} .list_three6 > div p span{ font-size:12px; color:#8b8b8b; font-family:"华文细黑"; padding-left:3px; } .home{ -webkit-box-flex:1; box-flex:1; text-align:center;} .zixun{ -webkit-box-flex:1; box-flex:1; text-align:center;} .dianhua{ -webkit-box-flex:1; box-flex:1; text-align:center;} .wode{ -webkit-box-flex:1; box-flex:1; text-align:center;} .fenlei{ -webkit-box-flex:1; box-flex:1; text-align:center;} .home .home_select{ display: block; width: 20px; height:25px; overflow: hidden; margin: 0 auto; background:url(/uploads/image/s2kimages/home.png) no-repeat center center;background-size:90% auto;} .zixun .zixun_select{ display: block; width: 20px; height:25px; overflow: hidden; margin: 0 auto; background:url(/uploads/image/s2kimages/zixun.png) no-repeat center center; background-size:90% auto;} .dianhua .dianhua_select{ display: block; width: 20px; height:25px; overflow: hidden; margin: 0 auto; background:url(/uploads/image/s2kimages/dianhua.png) no-repeat center center; background-size:90% auto;} .wode .wode_select{ display: block; width: 20px; height:25px; overflow: hidden; margin: 0 auto; background:url(/uploads/image/s2kimages/wode.png) no-repeat center center; background-size:90% auto; } .fenlei .fenlei_select{ display: block; width: 20px; height:25px; overflow: hidden; margin: 0 auto; background:url(/uploads/image/s2kimages/fenlei.png) no-repeat center center; background-size:90% auto;} .home_select .select{background: no-repeat center center; background-size:90% auto;} .zixun_select .select{background: no-repeat center center; background-size:90% auto;} .dianhua_select .select{background: no-repeat center center; background-size:90% auto;} .wode_select .select{background: no-repeat center center; background-size:90% auto;} .fenlei_select .select{background: no-repeat center center; background-size:90% auto;} /*表单*/ .ajyl { position: relative; background-color: #f6f6f6; float: left; width: 100%; text-align: center; padding-bottom: 10%; } .ajyl .lf { text-align: center; margin-left: auto; margin-right: auto; } .ajyl .lf #bookingform1 { display: block; } #bookingform1 .tj_form input { width: 60%; font-size: 16px; line-height: 34px; font-size: 1.2rem; line-height: 2.5rem; border: 1px solid #c9caca; background: none; background-color: #fff; color: #5f5f5f; padding-top: 0; padding-right: 1%; padding-left: 3%; padding-bottom: 0; margin-left: 2%; border-radius: 8px; display: inline-block; margin-bottom: 5%; } .ajyl .lf .b1 { text-align: center; font-size: 1.5rem; font-weight: bold; padding-top: 5%; margin-bottom: 5%; } .lf .tj_btn, .qjb_bm { width: 39%; line-height: 3rem; font-size: 1.2rem; color: #ffffff; background-color: #e8403e; border-radius: 6px; border-width: 0px; display: inline-block; margin-top: 0px; }