﻿
        .head2 {
            position: relative;
            z-index: 11;
            height: 5rem;
            overflow: hidden;
        }
        
        .head2 .logo {
            width: 36.7%;
            float: left;
            height: 5rem;
          /*  background: #fff;*/
            margin: 1.2rem 0 0 2%;
        }
        
        .head2 .logo img {
            display: block;
            width: 100%;
        }
        
        .head2 h3 {
            width: 49.59375%;
            float: left;
            line-height: 5rem;
            font-size: 1.3rem;
            text-align: right;
        }
        
        .head2 h3 a {
            display: inline-block;
            color: #000;
            padding: 0 6%;
            position: relative;
        }
        
        .head2 h3 a:before {
            content: "";
            position: absolute;
            top: 2rem;
            right: 0;
            width: 1px;
            height: 25%;
            background: #8a8a8a;
        }
        
        .head2 h3 a:last-child:before {
            background: none;
        }
        
        .head2 .menu_btn {
            width: 11.7%;
            height: 4rem;
            float: right;
            overflow: hidden;
        }
        
        .head2 .menu_btn a.downmenu {
            display: block;
            width: 54.545454%;
            padding: 1.75rem 0.5rem 1rem 1rem;
        }
        
        .head2 .menu_btn img {
            display: block;
            width: 100%;
        }
        
        .menu2 .slideMenu {
            width: 31%;
            display: none;
            z-index: 16;
            position: absolute;
            top: 5rem;
            right: 0px;
            transition: transform 1s;
            -webkit-transition: transform 1s;
        }
        
        .menu2.down .slideMenu {
            transform: translate3D(0, 100%, 0);
            -webkit-transform: translate3D(0, 100%, 0);
        }
        
        .menu2 ul {
            background: rgba(238, 119, 0, 0.85);
        }
        
        .menu2 ul li {
            line-height: 3rem;
            text-align: center;
            color: #fff;
            position: relative;
            font-size: 1.1rem;
        }
        
        .menu2 ul li:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #fff;
        }
        
        .menu2 ul li:last-child:before {
            background: none;
            border: 0;
        }
        
        .menu2 ul li a {
            font-size: 1.1rem;
            font-family: "Microsoft Yahei";
            color: #fff;
            text-decoration: none;
        }
    

.g-ft{padding-bottom:6rem;}
.g-ft h3{ width:15.625%; margin:2.5rem auto 0;}
.g-ft h3 img{ display:block; width:100%;}
.g-ft h4{ width:36.71%; margin:1rem auto 0;}
.g-ft h4 img{ display:block; width:100%;}

.fwz{ text-align:center; line-height:2rem; color:#25292f; font-size:1.05rem; margin-top:1rem;}
.fwz a{ color:#25292f; font-weight:bold;}

.fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:5.2rem; background:#3d3d3d;z-index:99;}
.fnav li{ width:25%; float:left; height:5.2rem; position:relative;}
.fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#4f4f4f; border-right:1px solid #323232;}
.fnav li a{ display:block; text-align:center; color:#fff; font-size:1.1rem; height:5.2rem;}
.fnav li a:hover{ background:#ee7700;}
.fnav li em{ display:block; width:23.5%; margin:0 auto 0.2rem; padding-top:1rem;}
.fnav li em img{ display:block; width:100%;}
.fnav li:last-child:before{ background:none; border:0;}
        

.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;
}

