body {
    min-width: 3.7647rem;
    max-width: 10rem;
    width: 10rem;
    margin: 0 auto;
    background-color: #ebebeb;
    color: #2b2b2b;
    font-family:"Microsoft Yahei";
    /* font-family: "Noto Sans SC"; */
    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 */
.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 #f64271;
    font-size: .332rem;
    
}
.header .tel a {
    color: #f64271;
    /* font-weight: bold; */
}
.header .tel .iconfont {
    font-size: .3467rem;
    padding: 0 .1333rem;
    
}
.header .nav {
    flex: 1;
    cursor: pointer;
}
.header .nav i {
    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: #f64271;
}
.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 */
.footer {
    background-color: #fff;
    text-align: center;
    font-size: .24rem;
    padding: .2441rem 0;
    margin-bottom: .9333rem;
}
.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:#f64271;
	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:#f64271;
	background-image:url(../images/zxzxd.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;
  }
/* 页面定位导航 */
.navls {
    height: .5333rem;
    padding: .5333rem 0 .1333rem;
    border-bottom: 1px solid #dddada;
}
.navls .wz {
    float: left;
    font-size: .2133rem;
    font-weight: bold;
    width: 60%;
    line-height: .5333rem;
}
.navls .wz .iconfont {
    font-size: .2667rem;
    color: #f64271;
}

.navls .wz a:hover {
    color: #f64271;
}
.zbox {
    padding: .2rem 0;
    margin-bottom: .2rem;
}
.zbox img {
    display: block;
    width: 100%;
}
.zbox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.bg_w {
    background-color: #fff;

}
/* 分页 */

/* 分页样式 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: .0977rem auto;
    border-radius: 4px;
    font-size: .2667rem;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
  }

  .pagination>li {
    display: inline;
  }

  .pagination>li>a,
  .pagination>li>span {
    position: relative;
    float: left;
    padding: .08rem .24rem ;
    line-height: 1.42857;
    text-decoration: none;
    color: #f64271;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
  }

  .pagination>li:first-child>a,
  .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }

  .pagination>li:last-child>a,
  .pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }

  .pagination>li>a:hover,
  .pagination>li>a:focus,
  .pagination>li>span:hover,
  .pagination>li>span:focus {
    z-index: 2;
    color: #f64271;
    background-color: #eeeeee;
    border-color: #ddd;
  }

  .pagination>.active>a,
  .pagination>.active>a:hover,
  .pagination>.active>a:focus,
  .pagination>.active>span,
  .pagination>.active>span:hover,
  .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #f64271;
    border-color: #f64271;
    cursor: default;
  }