﻿
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{ position: relative;height:4.8rem; z-index: 3; background: #fff;}
			.top{height:5rem;overflow: hidden;}
			.logo {width:15.8%; position: absolute; left:1.5rem; top: 0.6rem; z-index: 9;}
			.logo img{width:100%;}
			.t_dh{float:right;color:#e5e5e5;width:63%;line-height:4.8rem; padding-right:10.5%;}
			.t_dh a{text-align:center;display: inline-block; color:#666; font-size:1rem;padding:0 3.5%; position: relative;}
			.menu{ position: absolute; top:1.5rem;right:3%;width:2.2rem;overflow: hidden; line-height: 0;}
			.menu img{width:100%;}
			.slideMenu{ width:100%;background:none;position: absolute; top:4.8rem;right:0;padding:0 0 3rem; z-index: 9; display: none;}
			.slideMenu li{ height:3.4rem;line-height:3.4rem; position: relative;width:100%;background:#000; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; margin-bottom: 1px;text-align: center;}
			.slideMenu li a{ display: block; color:#fff;font-size: 1.1rem;}
		

     .p_mn ul li em span{  line-height: 100%;}
 

		  .g-ft{height:14.5rem; box-sizing: border-box;  position: relative; padding-top: 1px; background: #f2f9fd;}
		  .f_top{ margin: 0 4.5%; height: 2.8rem; line-height: 2.8rem; background: #e5e5e5; text-align: center;}
		  .f_top a{ font-size: 1rem; color: #333; background: url("../images/top.gif") no-repeat 62% 0.9rem; background-size: 1rem 1rem; display: block;}
		  .f_con{position: relative;}
		  .f_con p{ display: block; font-size: 1rem; color: #333;text-align: center; line-height: 1.7rem; padding-top:1rem;}
		  .f_con p span{ display: block;}.f_con p i{ padding: 0 3%;}
		  .f_con p a{ color: #333; display: inline-block; ;}

		  .f_nav{background:#0896f3;position: fixed;bottom: 0px;width: 100%;min-width: 320px;max-width: 640px;z-index: 20; height:4rem; box-sizing:border-box;}
		  .f_nav li{float: left;width:25%; box-sizing: border-box; text-align: center; box-sizing: border-box; border-right: 1px solid #a6d9fb;height:4rem; padding-top: 0.2rem ;}
		  .f_nav li i{ display:block; width:2.42rem; margin: 0 auto -0.2rem; font-size: 0; line-height: 100%;  font-size: 0;}
          .f_nav li i img{ vertical-align: middle;}
		  .f_nav li a{ color: #fff; font-size:1rem; line-height: 100%;}
		  .f_nav li:nth-child(2){ background: #4a4a4a;}
	  
