html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
/*首次加载页面切入效果*/
.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;
}


			.g-hd{height:4.2rem;width: 100%;background:#fff; }
			.g-hd h2{float: left;width:10.5rem;margin:0.7rem 0 0 0.8rem;display: inline;}
			.g-hd h2 img{display: inline-block; width: 100%;}
			.g-hd .m-nav2{float: right;width:4.5rem;margin: 1.1rem 0.8rem 0 0;position: relative;display: inline;}
			.g-hd .m-nav2 img{display: inline-block; width: 100%;}
			.menu2{position: relative;z-index: 9999;}
			.head_shows {position: fixed;z-index: 99998;background:#fff;height:4.58rem;width: 100%;max-width: 640px;top: 0;}

			.menu2 .erji{width: 100%;display: none;z-index: 9999;height: 100%;overflow: hidden;position: fixed;margin: 0 auto;max-width: 640px;top:4.28rem;right: 0;left: 0;transition: transform 1s;-webkit-transition: transform 1s;background: url(img/m_bg.jpg) no-repeat center 0;background-size:100% 100%;}
			.menu2 .erji span{display: block;width: 94%;margin: 0 auto;}
			.menu2 .erji span a{display: block;height:2.55rem;line-height:2.55rem;border-bottom: 1px solid #fff;font-size: 1.17rem;color: #333333;text-align: center;}
			.menu2 .erji span a:last-child{border-bottom: 0;}
			i,em{font-style: normal;}
			@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:85%;}}
@media screen and (min-width:414px) {  html { font-size:96%;}} 
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}
		

     .g-pz h2 i{    padding-top: 0.15rem;}
 

     .g-yix h2 i{    padding-top: 0.15rem;}
 

     .case h2 i{    padding-top: 0.15rem;}
 

     .zj h2 i{    padding-top: 0.15rem;}
 

		  .g-ft{height:15.5rem; box-sizing: border-box;  position: relative; padding-top: 1px; border-top: 0.12rem solid #eee;}
          .g-ft h3{ margin:-1.7rem auto 0; width: 3.3rem;}
           .g-ft h3 img{display: inline-block; width: 100%;}
		  .f_con{height:13.5rem;position: relative;}
		  .f_con p{ display: block; font-size: 1rem; color: #666; line-height: 1.9rem; text-align: center; padding-top: 1rem;}
		  .f_con p a{ color: #666;}
		  .f_con p span{padding: 0 2.15%;}

		  .f_nav{background: #cfa968;position: fixed;bottom: 0px;width: 100%;min-width: 320px;max-width: 640px;z-index: 20; height:5.08rem; box-sizing:border-box;}
		  .f_nav li{float: left;width:25%; box-sizing: border-box; text-align: center; padding-top: 0.65rem; box-sizing: border-box; border-right: 1px solid #d9ba86; height:5rem;    line-height: 100%;}
		  .f_nav li i{ display:block; width:2.35rem; margin: 0 auto 0.2rem; font-size: 0; line-height:0;}
          .f_nav li i img{ vertical-align: middle;display: inline-block; width: 100%;}
		  .f_nav li a{ color: #fff; font-size:1rem;}
		  /*intro*/
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:85%;}}
@media screen and (min-width:414px) {  html { font-size:96%;}} 
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}