﻿* { box-sizing:border-box; -webkit-box-sizing:border-box; font-family:"微软雅黑"; -moz-box-sizing:border-box; margin:0; padding:0;}

html{font-size:50px;}

body { color: #333; font-family: Microsoft Yahei; font-size: 0.22rem; }

a { text-decoration: none; border: none; color: #333;}

a:hover {text-decoration: underline;text-decoration: none;}

ul,li { list-style: none;}

table { border-collapse: collapse;border-spacing: 0;}

.clearfix{zoom:1;display:block}

.clearfix:after{content:"";height:0px;display:block;clear:both;visibility:hidden;}

.layout{width: 16rem;margin:0px auto;background:#fff;overflow:hidden;}

.container{width: 14.5rem;margin: 0px auto;}

.both {clear:both;}

.img {width: 100%; display: block;}

.clear { zoom:1;}

.clear:after { height: 0; display: block; content: "\20"; clear: both;}

.fl { float: left;}

.fr { float: right;}

.mc { margin:0 auto;}

.dis-inline { display: inline-block; vertical-align: middle;}

.text-center { text-align: center;}

.box { width:100%; max-width:640px; margin:0 auto;  background:#ececec; overflow:hidden;}

.font28 { font-size: 0.7rem;}

.font26 { font-size: 0.65rem;}

.font20 { font-size: 0.5rem;}

.font18 { font-size: 0.45rem;}

.mt10 { margin-top: 0.25rem;}

.mt11 { border-top: 0.25rem solid #eee;}

.mt12 { border-bottom: 0.35rem solid #eee;}

.bgfff { background: #fff;}

.border-bg{border: 0.25rem solid #eee;}



.reg {width: 95%; border:1px solid #dcdcdc; margin: 0.2rem auto; border-radius: 0.1rem; background: #fff;}

.reg ul li {font-size: 0.3rem; border-bottom: 1px solid #dcdcdc; color:#393939; line-height: 0.8rem;}

.reg ul li:nth-child(1) {text-indent: 0.3rem;}

.reg ul li:nth-child(2) {text-indent: 0.6rem; background: url(//www.xdf120.com/images/adds.jpg) no-repeat left; background-size: 0.3rem; background-position: 0.2rem}

.reg ul li:nth-child(3) {text-indent: 0.6rem; background: url(//www.xdf120.com/images/tel.jpg) no-repeat left; background-size: 0.3rem; background-position: 0.2rem}

.reg ul li b {width: 0.6rem; height: 0.4rem; display: block; background: #f28202; font-size: 0.2rem; color:#fff; line-height: 0.4rem; text-align: center; float: right; text-indent: 0; margin-top: 0.25rem; border-radius: 0.2rem;}

.reg ul li span {text-indent: 0.5rem; margin-right: 2%; font-weight: 900;}



.form {width: 95%; height: auto; margin: auto; margin-bottom: 2rem;}

.form .input {width: 100%; border:1px solid #dcdcdc; border-radius: 10px; background: #fff;}

.form .input h2 {text-indent: 0.4rem; line-height: 1rem; background: #e9f6f8; font-size: 0.3rem; color:#28b4c3;}

.form .input p {text-indent: 0.4rem; font-size: 0.3rem; line-height: 0.8rem;}

.form .input input {margin-left: 2.5%; text-indent: 0.2rem; width: 95%; height: 0.8rem; border:1px solid #dcdcdc; border-radius: 5px;}

.form .input select {margin-left: 2.5%; color:#bebebe; text-indent: 0.4rem; width: 95%; height: 0.8rem; border:1px solid #dcdcdc; border-radius: 5px;}

.form .input textarea {margin-left: 2.5%; text-indent: 0.2rem; width: 95%; height: 2rem; border:1px solid #dcdcdc; border-radius: 5px;}

.form input[type="submit"] {width: 98%; background: #f28202; color:#fff; line-height: 0.8rem; border-radius: 5px; border:none; display: block; margin:0.2rem auto; height: 0.8rem;}











.peso{width:100%; height:60px; background:#007A65; overflow:hidden; position:fixed; bottom:0px; left:0; }

.peso .ting{width:1180px; height:60px; overflow:hidden; margin:0px auto; }

.peso .ting ul{width:1180px;}

.peso .ting ul li{height:60px; float:left;}

.peso .ting ul li.t1{width:236px;}

.peso .ting ul li.t2{width:235px;}

.peso .ting ul li.t3{width:269px;}

.peso .ting ul li.t4{width:229px;}

.peso .ting ul li.t5{width:211px;}

.peso .ting ul li.t4{position:relative;}

.peso .ting ul li.t4 a:hover div{width:122px; height:124px; background:url(../../www.xdf120.com/images/weima.jpg) no-repeat; position:absolute; top:-130px; left:0;}



