@charset "utf-8";

.h5ys,.h5xl{ text-align:center; line-height:200%; color:#73777A;padding:10px 0px; background:url(../imges/h5bg.png) no-repeat 150% top/auto 100%;}
.h5ys h2,.h5xl h2,.h5lxwm h2{ font-size:46px;  color:#01E188;font-family: 'HanHei-SC';}
.yslb >div{ text-align: left; clear:both;padding:10px}
.yslb >div p{ font-size:24px; margin:0px ; padding:10px 0px 0px}
.h5ys i{ font-size:36px; float: left; color: #FFFFFF; background:#01E188;border-radius:50%; width:70px; height:70px; text-align:center; line-height:100%; padding:20px 18px 0px; margin-right:20px}

.h5xl{ background:#F8F8F8;padding:10px 0px 0px}
.h5yslb {padding:30px 0px}
.h5yslb h4{ font-size:14px; font-weight:bold; color:#313131}
.h5yslb p{ font-size:12px; padding:0px 10%}
.h5yslb div{width:20%; float:left;padding:20px 0px}
.h5yslb i{ font-size:50px}
.h5lxwm{ text-align:center; line-height:200%; color:#73777A;padding:10px 0px; background:url(../imges/11.png) no-repeat  center bottom; height:500px}
.htfoot,.htfoot button{ background:#01E188}

/*波浪*/
.h5xgys
{ width:100%; height:310px; position:relative; }
.h5xgys1
{ width:100%; height:310px; position:absolute; background:url(../imges/t9.png) repeat-x -50px bottom;}
.h5xgys2
{ width:100%; height:310px; position:absolute; background:url(../imges/t10.png) repeat-x -50px bottom;}
.h5xgys3
{ position:relative;}

.h5xgys .fddiv
{ width:130px;  text-align:center; position:absolute;}
.h5xgys .fddiv p
{ height:170px; font-size:40px; color:#fff; text-align:center; padding:0; margin:0; font-family: "bebasregular";}
.h5xgys .fddiv span
{ line-height:34px; display:block; color:#333;}

.h5xgys .fddiv1
{ left:8%; top:60px;}
.h5xgys .fddiv1 p 
{ height:81px; line-height:81px; background:url(../imges/t12.png) no-repeat center top;}
.h5xgys .fddiv2
{ left:26%; top:10px;}
.h5xgys .fddiv2 p 
{ height:137px; line-height:120px; background:url(../imges/t13.png) no-repeat center top;}
.h5xgys .fddiv3
{ left:45%; top:20px;}
.h5xgys .fddiv3 p 
{ height:118px; line-height:105px; background:url(../imges/t14.png) no-repeat center top;}
.h5xgys .fddiv4
{ left:63%; top:50px;}
.h5xgys .fddiv4 p 
{ height:87px; line-height:87px; background:url(../imges/t15.png) no-repeat center top;}
.h5xgys .fddiv5
{ left:80%; top:50px;}
.h5xgys .fddiv5 p 
{ height:91px; line-height:91px; background:url(../imges/t16.png) no-repeat center top;}


/*手机超小屏幕下的单独样式 xs < 768px */

@media (min-width: 300px) and (max-width: 766px){
.h5ys h2,.h5xl h2{ font-size:26px;}
.h5ys { text-align:center; line-height:200%; color:#73777A;padding:10px 0px; background:url(../imges/h5bg.png) no-repeat 80px top/auto 100%; }
.yslb >div{ font-size:12px;padding:10px; line-height:200%;display: flex;align-items: center}
.yslb >div p{ font-size:18px; margin:0px ; padding:0px 0px 0px}
.yslb >div dd{line-height: 1.8}
.h5ys i{ font-size:26px; float: left; color: #FFFFFF; background:#01E188;border-radius:50%; width:65px; height:65px; text-align:center; line-height:100%; padding:20px 18px 0px; margin-right:10px}
.h5yslb div{width:50%; float:left;padding:20px 0px}
.h5lxwm{ display:none}

.h5xgys
{ display:none;}
}




/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 767px) and (max-width: 991px){
.h5ys { text-align:center; line-height:200%; color:#73777A;padding:10px 0px; background:url(../imges/h5bg.png) no-repeat 220px top/auto 100%; }

.h5xgys
{ display:none;}
}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){
.h5xgys
{ display:none;}
}