.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/show.jpg) no-repeat 50% 50%;background-size:100% auto;z-index:51;  display:none;max-width:640px; min-width:320px; z-index:99999;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }

@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

/*---------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/**/
.g-cp01{padding: 3.5rem 0 0;}
.m-bt{display: block; font-size: 1.8rem; color: #333; width: 100%;height: 3rem;line-height: 3rem; text-align: center;background:url(../images/cp_line.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-cp01 ul{padding: 2rem 0 0;}
.g-cp01 ul li{width: 46.88%;float: left;position: relative;margin-left: 0.6rem;padding-top: 0.9rem;}
.g-cp01 ul li img{display: block;border: #e8e8e8 1px solid;box-sizing:border-box;}
.g-cp01 ul li em{width: 1.8rem;height: 1.8rem;display: block;position: absolute;top: 0;left: 45%;}
.g-cp01 ul li em img{width: 1.8rem;height: 1.8rem;border: none;}
.g-cp01 ul li span{display: block; font-size: 1rem; color: #333; width: 94%; padding:0 3%; text-align: center; line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*分类*/
.g-fenl{width: 96.88%;margin:0 auto; padding:2rem 0 0;height: 21rem; overflow:hidden;position: relative;}
.g-fenl .m-cnt li{ font-size:1.1rem; color:#333; font-weight:bold; height:4.4rem; line-height:4.4rem; width:9rem; text-align:center;background: #e0e0e0;position: relative;margin-right: 1.9rem;float: left;}
.g-fenl .m-cnt li:before{content: "";width: 0;height: 0;border-top:0.5rem solid #eb3d00; border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;position: absolute;bottom: -0.5rem;left: 45%;}
.g-fenl .m-cnt li.z-on{ background:#eb3d00;color: #fff;}
.g-fenl .m-cnt li:nth-child(3){margin-right: 0;}
.g-fenl .m-cnt li:nth-child(4),.g-fenl .m-cnt li:nth-child(5){margin-top: 11.8rem;}
.g-fenl .m-cnt li:nth-child(4):before,.g-fenl .m-cnt li:nth-child(5):before{border-bottom:0.5rem solid #eb3d00;top: -0.5rem;border-top:none;bottom: auto;}
.g-fenl .sclwrap_box{position: absolute;top: -15rem;left: 0;}
.g-fenl .m-box .con{ display:inline; float:left;}
.g-fenl .m-box ul{ width:100%; display:inline-block;}
.g-fenl .m-box ul li{ height:2.3rem; line-height:2.3rem; width:33.33%; float:left;}
.g-fenl .m-box ul li a{ font-size:1rem; color:#666; padding:0 0 0 1rem;}
.g-fenl .u-more{display: block;width: 9rem; font-size:1.1rem; color:#333; font-weight:bold; height:4.4rem; line-height:4.4rem; text-align:center;background: #e0e0e0;position: absolute;bottom: 0.4rem;right: 0.2rem;}
.g-fenl .u-more:before{content: "";width: 0;height: 0;border-bottom:0.5rem solid #eb3d00; border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;position: absolute;top: -0.5rem;left: 45%;}

/*应用案例*/
.g-case{ width:100%; overflow:hidden; padding:3rem 0;}
.g-case .m-bt{background:url(../images/case_line.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-case .m-cnt{ width:100%;margin-top: 1.5rem; display: block;height: 8.5rem;}
.g-case .m-cnt li{width: 7.4rem;float: left;height: 3rem;line-height: 3rem;font-size: 1rem;color: #fff;background: #271616;overflow: hidden;border-radius: 3rem;margin-left: 0.5rem;text-align: center;margin-bottom: 0.6rem;}
.g-case .m-cnt li.z-on{background: #eb3d00;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 100%;position: relative;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 76.56%;height: 9rem;position: absolute;bottom: 0;left: 11.7%;background: rgba(255,255,255,0.9);text-align: center;}
.g-case dl dd h5{height: 2.5rem;line-height: 2.5rem;font-weight: bold;width: 88%;margin:0 auto;padding: 1.2rem 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd h5 a{font-size: 1.1rem;color: #271616;}
.g-case .case_desc{font-size: 1rem;color: #333;line-height: 1.6rem;height: 3.2rem;overflow: hidden;width: 90%;margin:0 auto;}

/*优势*/
.g-ys{padding: 0 0 3rem;}
.g-ys .m-bt{margin-bottom: 1.5rem;}
.g-ys dl{width: 15rem;height: 25rem;float: left;background: #e9e9e9;margin-left: 0.6rem;margin-bottom: 1rem;}
.g-ys dl dt{width: 100%;height: 11.9rem;position: relative;line-height: 0;}
.g-ys dl dt em{display: block;position: absolute;bottom: -2.7rem;left: 32%;width: 5.55rem;}
.g-ys dl dt em img{width: 5.55rem;height: 5.55rem;}
.g-ys dl dd{width: 85%;margin:0 auto; padding:3.5rem 0 0;text-align: center;}
.g-ys dl dd h5{font-size: 1.1rem;color: #271616;height: 1.6rem;line-height: 1.6rem;overflow: hidden;font-weight: bold;}
.g-ys dl dd h5 i{font-weight: normal;padding: 0 0.5rem;}
.g-ys dl dd p{font-size: 1rem;color: #666;line-height: 1.5rem;padding: 0.5rem 0 0;height: 6rem;overflow: hidden;}

/*一站式服务*/
.g-liuc{background: #271616;padding: 2.2rem 0 0;position: relative;}
.g-liuc .m-bt{color: #fff;background:url(../images/liuc_line.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-bt b{color: #eb3d00;}
.g-liuc p{width: 100%;height: 7.5rem;margin-top: 1.2rem;background:url(../images/liuc_k.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc p i{display: block;float: left;font-size: 1.1rem;color: #817b7b;padding: 1.5rem 0 0 2.2rem;height: 2.5rem;width: 5rem;text-align: center;}
.g-liuc p i:nth-child(5){padding-left: 9.4rem;}
.g-liuc .u_tel{font-size: 1.3rem;color: #817b7b;display: block;position: absolute;left: 0.5rem;top: 11rem; font-family:"Times New Roman", Times, serif;line-height: 3.5rem;z-index: 10;}

/*走进鑫禾舞美*/
.g-about{ width:100%; padding: 3.5rem 0 3rem;}
.g-about ul{padding: 1.5rem 0 0;}
.g-about ul li{font-size: 1rem;color: #333;font-weight: bold;width: 9.2rem;height: 7rem;text-align: center;float: left;border: #bcbcbc 1px solid;border-radius: 50%;margin-left: 1rem;padding: 2.2rem 0 0;}
.g-about ul li i{font-size: 2.5rem; font-family:"Times New Roman", Times, serif;}
.g-about ul li span{display: block;font-weight: normal;}
.g-about dl{ width:100%; padding:2rem 0 0;}
.g-about dl dt{ width:100%;height: 18rem; background:url(../images/ab_k.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl dt a{display: block;width: 72.19%;margin:0 auto;padding: 1rem 0 0;}
.g-about dl dd{ width:92.5%;margin:0 auto; padding: 1.5rem 0 0;text-align: center;}
.g-about dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-about dl dd h5 a{font-size: 1.3rem;color: #333;}
.g-about .ab_desc{ font-size:1rem; color:#333;line-height: 1.8rem;height: 7.2rem;overflow: hidden;padding-top: 0.5rem;}

/**/

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}