/*公共样式部分*/
*{padding:0px; margin:0px;font-family:'Microsoft YaHei', Helvetica, Arial, sans-serif;}
body{min-width:320px; max-width:640px; font:1.2rem Microsoft Yahei;height: 100%;overflow-x: hidden;margin:0 auto;color: #333;}
body{background: #fff;}
input{ -webkit-appearance: none;}
html, body {position: relative;height: 100%;}
textarea{line-height:100%;} 
a{color: #333; outline:0;cursor:pointer;/**star:expression(this.onFocus=this.blur());*/ text-decoration:none;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;max-width:100%;}
ul,li{list-style:none;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.3em;font-size: 1.2rem;}
i,em{font-style: normal;}
.f1{float: left;}
.f2{float: right;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clear{zoom:1} 

/*从写小圆点*/
/*.g-con6 .swiper-pagination {position: relative;}*/
.g-banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -0.2rem;}
.g-banner .swiper-pagination {position: relative;}
.g-banner .swiper-pagination-bullet {width: 2.2rem; height: 0.6rem;}
.g-banner .swiper-pagination-bullet {border-radius: 0.2rem;}
.g-banner .swiper-pagination-bullet-active {background: #f33;}



/*header*/
header .g-logo img {display: block;}
header .head-content ul li {float: left; height: 3.9rem; box-sizing: border-box; margin-left: 1rem;}
header .head-content ul li:nth-child(1) {width: 8.1rem; background: url(../images/head01.jpg) no-repeat; background-size: 100%; margin-left: 1.4rem;}
header .head-content ul li:nth-child(2) {width: 10.1rem; background: url(../images/head02.jpg) no-repeat; background-size: 100%;}
header .head-content ul li:nth-child(3) {width: 9.1rem; background: url(../images/head03.jpg) no-repeat; background-size: 100%;}
header .head-content ul li p {text-align: center; padding-top: 0.8rem; line-height: 1.2rem; font-size: 1rem;}
header nav {height: 3.4rem; background: url(../images/head-nav.jpg) no-repeat; background-size: 100%; margin-top: 0.9rem;}
header nav ul {width: 32rem;}
header nav ul li {float: left; text-align: center; width: 6.9rem;}
header nav ul li:nth-child(1) {width: 4.4rem;}
header nav ul li a {height: 3.4rem; line-height: 3.4rem; display: block; color: #fff;}
header .g-banner img {display: block;}

.pain-content {width: 30.1rem; margin: 1.4rem auto 0;}
.pain-content .left {width: 9.8rem; height: 9.8rem; box-sizing: border-box; border-radius: 0.4rem; background: #ff3333;}
.pain-content .left img {display: block; margin: 0 auto; padding-top: 1.5rem; width:4rem;}
.pain-content .left .p1 {text-align: center; color: #fff; font-size: 1.6rem; line-height: 2rem; margin-top: 0.4rem;}
.pain-content .left .p2 {text-align: center; color: #fff; font-size: 1rem; line-height: 2rem;}
.pain-content .left .p2 span {color: #ffff33;}
.pain-content .right {width: 19.6rem; margin-left: 0.7rem;}
.pain-content .right ul li {float: left; width: 9.5rem; border: 1px solid #ccc; box-sizing: border-box; height: 3rem; line-height: 3rem; border-radius: 0.3rem; margin-bottom: 0.4rem;}
.pain-content .right ul li:nth-of-type(even) {float: right;}
.pain-content .right ul li a {display: block; text-align: center; line-height: 3rem; border-radius: 0.3rem;}

/*con1*/
.pain-con1 {margin-top: 1.4rem;}
.pain-con1 .title h1 {font-size: 2.4rem; font-weight: bold; color: #f33; text-align: center;}
.pain-con1 .title p {text-align: center; font-size: 0.8rem; color: #999; line-height: 2rem;}
.pain-con1 .title img {display: block;}
.pain-con1 .content {width: 30rem; margin: 1rem auto 0;}
.pain-con1 .content ul li {float: left; width: 14.6rem; height: 3rem; border: 1px solid #ff9999; text-align: center; border-radius: 0.3rem; margin-bottom: 0.8rem;}
.pain-con1 .content ul li:nth-of-type(even) {float: right;}
.pain-con1 .content ul li a {display: block; border-radius: 0.3rem; line-height: 3rem;}


/*con2*/
.price-con2 {margin-top: 1.2rem;}
.price-con2 .title h1 {font-size: 2.4rem; font-weight: bold; color: #f33; text-align: center;}
.price-con2 .title p {text-align: center; font-size: 0.8rem; color: #999; line-height: 2rem;}
.price-con2 .title img {display: block;}
.price-con2 .list {width: 30rem; margin: 0 auto;}
.price-con2 .list ul li {border-bottom: 1px dashed #ccc; padding: 0.8rem 0;}
.price-con2 .list .left {width: 9.6rem;}
.price-con2 .list .left img {display: block;}
.price-con2 .list .right {width: 19.3rem; margin-left: 1rem;}
.price-con2 .list .right p {font-weight: bold; font-size: 1.4rem; color: #f33;}
.price-con2 .list .right span {display: block; line-height: 1.6rem; margin: 0.3rem 0;}
.price-con2 .list .right a {text-decoration: underline; color: #f90;}

/*con3*/
.wuto-con2 {margin-top: 1.6rem;}
.wuto-con2 .title h1 {font-size: 2.4rem; font-weight: bold; color: #f33; text-align: center;}
.wuto-con2 .title p {text-align: center; line-height: 2rem;}
.wuto-con2 .title img {display: block;}
.wuto-con2 .content {width: 30.2rem; margin: 0 auto; margin-top: 1.2rem;}
.wuto-con2 .content .left {width: 11.2rem; box-sizing: border-box;}
.wuto-con2 .content .left img {display: block; width: 11.1rem;}
.wuto-con2 .content .left .p {height: 4.1rem;}
.wuto-con2 .content .left .p p {line-height: 4.1rem; font-size: 1.3rem; text-align: center;}
.wuto-con2 .content .left li {position: relative; width: 100%; height: 7.6rem; box-sizing: border-box; border-top: 1px dashed #ccc;}
.wuto-con2 .content .left li p {width: 9.6rem; line-height: 1.75rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.wuto-con2 .content .midd {width: 7.7rem; box-sizing: border-box;}
.wuto-con2 .content .midd .img {width: 7.7rem; position: relative; height: 7.3rem;}
.wuto-con2 .content .midd img {display: block; width: 5.8rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.wuto-con2 .content .midd li {height: 7.6rem; width: 100%; position: relative;}
.wuto-con2 .content .midd li p {width: 5.5rem; height: 5.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ff3333; color: #fff; text-align: center; box-sizing: border-box; padding-top: 1rem; border-radius: 0.3rem;}
.wuto-con2 .content .midd li span {display: block; text-align: center; font-size: 2rem; font-weight: bold;}
.wuto-con2 .content .right {width: 11.2rem; box-sizing: border-box; color: #f13242;}
.wuto-con2 .content .right img {display: block; width: 11.1rem;}
.wuto-con2 .content .right .p {height: 4.1rem; box-sizing: border-box; line-height: 4.1rem;}
.wuto-con2 .content .right .p p {font-weight: bold; font-size: 1.3rem; text-align: center; line-height: 4.1rem;}
.wuto-con2 .content .right li {position: relative; width: 100%; height: 7.6rem; box-sizing: border-box; border-top: 1px dashed #ccc;}
.wuto-con2 .content .right li p {width: 9.6rem; line-height: 1.75rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #f33;}
.wuto-con2 .tel {width: 23.5rem; height: 3.8rem; margin: 0.9rem auto 0; background: url(../images/pain-con2-tel.jpg) no-repeat; background-size: 100%;}
.wuto-con2 .tel a {display: block; border-radius: 2rem;}
.wuto-con2 .tel span {display: inline-block; line-height: 3.2rem;}
.wuto-con2 .tel span:nth-child(1) {margin-left: 2.6rem; color: #f60;}
.wuto-con2 .tel span:nth-child(2) {margin-left: 4.2rem; color: #fff;}

/*con5*/
.pain-con5 {margin-top: 1.3rem;}
.pain-con5 .title h1 {font-size: 2.4rem; font-weight: bold; color: #f33; text-align: center;}
.pain-con5 .title p {text-align: center; font-size: 0.8rem; color: #999; line-height: 2rem;}
.pain-con5 .title img {display: block;}
.pain-con5 .content {width: 30rem; margin: 1.3rem auto 0;}
.pain-con5 .content .text {height: 11.4rem; box-sizing: border-box; background: #f2f2f3; border-radius: 0.8rem; overflow: hidden;}
.pain-con5 .content .text .left {width: 14.5rem;}
.pain-con5 .content .text .left p {margin: 1rem 0 0 1rem; color: #f33; font-size: 1.4rem; font-weight: bold;}
.pain-con5 .content .text .left span {display: block; margin: 0.7rem 0 0 1rem; line-height: 1.6rem;}
.pain-con5 .content .text .left a {display: inline-block; margin: 0.7rem 0 0 1rem; color: #f90; text-decoration: underline;}
.pain-con5 .content .text .right {width: 13.35rem;}
.pain-con5 .content .text .right img {display: block;}
.pain-con5 .content .img {display: block; margin: 0.3rem auto; width: 1.7rem; text-align: center;}

/*con6*/
.pain-con6 {margin-top: 1.8rem;}
.pain-con6 .title h1 {font-size: 2.4rem; font-weight: bold; color: #f33; text-align: center;}
.pain-con6 .title p {text-align: center; font-size: 0.8rem; color: #999; line-height: 2rem;}
.pain-con6 .title img {display: block;}
.pain-con6 .content {width: 30rem; margin: 1.5rem auto 1.3rem;}
.pain-con6 .content ul li {width: 9.2rem; float: left; background: #f2f2f3; margin-left: 1.1rem;}
.pain-con6 .content ul li a {display: block;}
.pain-con6 .content ul li img {display: block; margin: 0 auto; padding-top: 1rem; width: 6.2rem;}
.pain-con6 .content ul li p {text-align: center; margin-top: 0.7rem; padding-bottom: 1rem;}
.pain-con6 .content ul li:first-child {margin-left: 0;}
.pain-con6 .text {height: 7.2rem; width: 30rem; box-sizing: border-box; margin: 0 auto; background: url(../images/pain-con6-04.jpg) no-repeat; background-size: 100%;}
.pain-con6 .text .p {font-size: 1.6rem; font-weight: bold; padding-top: 1rem; margin-left: 10.4rem; color: #666;}
.pain-con6 .text .p span {display: block; color: #f33;}
.pain-con6 .text .p1 {font-size: 0.7rem; margin: 0.4rem 0 0 10.4rem; color: #999;}
.pain-con6 .text01 {width: 30rem; margin: 1rem auto 0rem;}
.pain-con6 .text01 li {height: 6.4rem; border-bottom: 1px dashed #ccc; box-sizing: border-box; padding-top: 0.8rem;}
.pain-con6 .text01 li img {display: block; float: left; width: 4.7rem;}
.pain-con6 .text01 li p {margin-left: 5.5rem; padding-top: 0.5rem;}
.pain-con6 .text01 li a {display: block; margin-left: 5.5rem; color: #f90; text-decoration: underline; margin-top: 0.6rem;}

/*form表单*/
.form {margin-top: 1.2rem;}
.form .title p {text-align: center; color: #f33; font-size: 1.6rem;}
.form .title span {display: block; text-align: center;}
.form .title img {display: block;}
.form ul {font-size: 0; margin: 1.2rem 0 0 3.4rem;}
.form ul li {display: inline-block; font-size: 1.2rem;}
.form ul li span {display: inline-block; font-size: 1.2rem; font-weight: bold; width: 1.9rem; height: 1.9rem; line-height: 1.9rem; text-align: center; border-radius: 50%; background: #ff9900; color: #fff;}
.form ul li:nth-child(2) {margin-left: 4.5rem;}
.form ul li:nth-child(3) {margin-left: 3.9rem;}
.form form {margin: 1.2rem 0 0 1.8rem;}
.form form input[type="text"], .form form input[type="date"] {display: inline-block; width: 20.8rem; height: 3.3rem; box-sizing: border-box; border: 1px solid #ccc; font-size: 1.2rem; padding-left: 1rem; margin: 0 0 0.3rem 0.5rem;}
.form .date {height: 3.3rem; overflow: hidden; display: flex; box-sizing: border-box;}
.form .date label, .form .date i{line-height: 3.3rem;}
.form form input[type="date"] {box-sizing: border-box; line-height: 3.3rem;}
.form form input[type="date"] {background: url(../images/form.jpg) no-repeat; background-size: 1.6rem 3.2rem; background-position: right 0.05rem top 0.05rem;}
.form form i {color: #f33; margin-left: 0.3rem;}
.form form input[type="submit"] {display: inline-block; width: 10.5rem; height: 3.2rem; border: none; font-size: 1.2rem; margin: 1.2rem 0 0 2.4rem; background: #ff6600; color: #fff; text-align: center; line-height: 3.2rem; border-radius: 0.3rem;} 
.form form a {display: inline-block; width: 10.5rem; height: 3.2rem; background: #ff3333; margin-left: 2.1rem; color: #fff; text-align: center; line-height: 3.2rem; border-radius: 0.3rem;}

/*foot*/
footer {margin-top: 1.4rem; height: 24.8rem; background: url(../images/foot.jpg) no-repeat; background-size: 100%; box-sizing: border-box;}
footer .p1 {padding-top: 4rem; margin-left: 7.4rem;}
footer .p2 {height: 2.4rem; font-size: 1.5rem; background: url(../images/icon05.jpg) no-repeat; background-size: 2.4rem 2.4rem; background-position: left; padding-left: 2.7rem; margin: 1.8rem 0 0 13.6rem;}
footer .p2 span {display: block; font-size: 0.9rem; height: 1rem; line-height: 1rem;}
footer .p3 {height: 2.4rem; font-size: 1.2rem; background: url(../images/icon06.jpg) no-repeat; background-size: 2.4rem 2.4rem; background-position: left; padding-left: 2.7rem; margin: 1.3rem 0 0 13.6rem;}
footer .p3 span {display: block; font-size: 0.9rem; height: 1rem; line-height: 1rem;}
footer .tel {margin: 2rem 0 0 13.6rem; font-size: 0;}
footer .tel a {display: inline-block; font-size: 1.2rem; line-height: 3rem; box-sizing: border-box; padding-left: 0.9rem; border-radius: 0.3rem; color: #fff; height: 3rem; width: 8.4rem; background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 1.4rem 1.4rem; background-position: right 0.9rem top 0.8rem;}
footer .tel .a1 {background-color: #f90;}
footer .tel .a2 {background-color: #ff3333; margin-left: 0.6rem;}
footer .p4 {text-align: center; margin-top: 2rem;}