body {
    min-width: 3.7647rem;
    max-width: 10rem;
    width: 10rem;
    margin: 0 auto;
    background-color: #ebebeb;
    color: #333;
    font-family:"Microsoft Yahei";
    
    font-weight: 200;
}
@media screen and (min-width: 750px) {
    html {
        font-size: 75px !important;
    }
    
}
@media screen and (max-width: 320px) {
    html {
        font-size: 32px !important;
    }
    
}

.main-w {
    width: 9.3945rem;
    margin: 0 auto;
}

img {
    width: 100%;
}
.margin-15, .m-15 {
    margin-top: .1465rem;
}
.margin-20 ,.m-20{
    margin-top: .1953rem;
}


.header {
    display: flex;
    padding: 0 .0977rem;
    background-color: #fff;
    align-items: center;
}
.header .logo {
    width: 5.1758rem;
    padding: 0 .1465rem;
}

.header .tel {
    display: flex;
    align-items: center;
    width: 3.3398rem;
    height: .4102rem;
    border-left: .0098rem solid #ffa201;
    font-size: .332rem;
    
}
.header .tel a {
    color: #ffa201;
}
.header .tel img {
    width: .4102rem;
    padding: 0 .0977rem;
    
}
.header .nav {
    flex: 1;
    cursor: pointer;
}
.header .nav .iconfont{
    font-size: .4883rem;
    padding-left: .1953rem;
}


.navs {
    visibility: hidden;
    width: 10rem;
    position:absolute;
    display: flex;
    justify-content: flex-end;
    z-index: 100;
    
}
.navs ul {
    background:rgba(255,255,255,0.6); ;
}
.navs ul li {
    height: .5859rem;
    line-height: .5859rem;
   
}
.navs ul li a {
    padding: .293rem .1953rem;
    font-size: .293rem;
    
}


.navbox {
    display: flex;
    align-items: center;
    width: 10rem;
    height: .6836rem;
    background-color: #1773fa;
}
.navbox ul {
    display: flex;
    align-items: center;
    
}
.navbox ul li {
    display: flex;
    flex: 1;
    border-left: 1px solid #fff;
    height: .6836rem;
    text-align: center;
    line-height: .6836rem;
}
.navbox ul li:nth-child(1) {
    border: 0;
}
.navbox ul li a {
    
    font-size: .2344rem;
    font-weight: 300;
    color: #fff;
    width: 100%;
    height: 100%;
    line-height:.6836rem;
}
.navbox ul li:hover a {
    color: #ffd58e;
}



.footer {
    background-color: #fff;
    text-align: center;
    font-size: .293rem;
    padding: .2441rem 0;
}
.footer p {
    padding: .0977rem 0;
}
.xinxi{
    display: flex;
    height: 1.6992rem;
    background-color: #fff;
    margin-bottom: .8789rem !important;
}
.xinxi p {
    font-size: .293rem;
    padding: .35rem .1953rem;
    line-height: .3906rem;
}
.xinxi img {
    width: 4.6875rem ;
}

.tel {
    height: 1.0449rem;
}


.com-client {
	position: fixed;
    left: 50%;
    transform:translate(-50%,-50%);
	width: 10rem;
	bottom: -.5rem;
	z-index: 800;
	background:#f3f5f4;
	font-size : .293rem;
    
}
.com-client .innum {
	display: block;
}
.com-client .dianzx {
	width: 33.1%;
	height: .9766rem;
	border-radius:.0293rem;
	text-align:center;
	line-height:.9766rem;
	color:#FFF;
	background:#0c97ee;
	font-size:.3906rem;
}
.com-client li:nth-child(2) .dianzx {
    animation:myfirst 5s ease-in-out infinite;
    margin: 0 2px;
  }
@keyframes myfirst{
    0%{background: #e60012}
    50%{background: orchid}
    100%{background: #e60012}
}
.com-client .dianzxs {
	width: 33.3;
	height: .9766rem;
	border-radius:3px;
	line-height:.4883rem;
	text-align:center;
	color:#FFF;
	background:#0c97ee;
	background-image:url(404.png);
	background-repeat:no-repeat;
    background-size:.57rem .57rem;
    background-position:.12rem .07rem;
}
.dianzx .iconfont {
    font-size: .3906rem;
    font-weight: 600;
    padding-right: .0977rem;
    
}
.user-info {
    display: flex;
}
.user-info li {
    flex: 1;
	text-align: center;
	float: left;
	display: inline;
	box-sizing: border-box;
   
}
.user-info li .dianzx {
    width: 100%;
}
.user-info li img {
	padding-left:.0977rem;
	width: auto;
    height:.5rem;
    float:left;
}


.zxbm{
    background-color: #fff;
    margin-top: .293rem;
}
.zxbm {
    padding-bottom: .293rem;
}
.zxbm h1 {
    color: #0572c5;
    text-align: center;
    font-size: .5371rem;
}
.zxbm form {
    display: flex;
    flex-direction: column;
    width: 7.8613rem;
    margin: 0 auto;
    font-size: .332rem;
}
.zxbm form div {
    display: flex;
    justify-content: space-between;
    margin-top: .1953rem;
    line-height: .7324rem;
}
.zxbm form div span {
    color: red;
}
.zxbm form input,.zxbm form select {
    width: 5.7813rem;
    height: .7324rem;
    border-radius: .0488rem;
    border: 1px solid #8a8a8a;
    padding-left: .3906rem;
}
.zxbm form select {
    width: 6.172rem;
    color: #333;
}
.zxbm form input:focus ,.zxbm form select:focus{
    outline: 0;
}
.zxbm form .sub {
    width:6.172rem;
    height: .7813rem;
    background-color: #0572c5;
    color: #fff;
    font-size: .4102rem;
    text-align: center;
    line-height:.7813rem;
    border-radius: .0488rem;
    position: relative;
    top: .1953rem;
    left: 1.6602rem;
   
}



.dhdz {
    padding: .4rem 0;
    background-color: #fff;
    margin-top: .1333rem;
  }
  .dhdz h1 {
    text-align: center;
    color: #1AAD19;
    padding-bottom: .2667rem;
    font-size: .4rem;
  }
  
  .dhdz ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .dhdz ul li {
    width: 30%;
    font-size: .24rem;
    text-align: center;
  }