﻿
html{ }/*图片加载未完成前，默认背景色*/
.wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
/*首次加载页面切入效果*/
.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;
}


        .head2 {position: relative;z-index: 11;height:4.6rem;background:#fff; overflow: hidden;}
        .head2 .logo{ width:45%; float:left; margin:0.8rem 4% 0 3%;}
        .head2 .logo img{display:block; width:100%;}
        .head2 p{ float: left; font-weight: bold; line-height: 100%; padding-top: 1.5rem; font-size: 1.5rem; color: #5f5d5e;}
        .head2 h4{padding: 0.9rem 5%; font-size:1.4rem; color:#2a2a2a; clear: both; font-weight: normal;box-sizing: border-box;text-align: center;position: absolute; left: 0; bottom: 0; width: 100%; background: #004b97;}
        .head2 h4 a{position: relative;display: inline-block; float: left; font-size: 1.22rem; width: 33.33%;; line-height: 100%; color: #fff; box-sizing: border-box;}
        .head2 h4 span:nth-of-type(2) a{ border-left: 1px solid #aaa;border-right: 1px solid #aaa;}
        .head2 .menu_btn{width:6.7%; height:4.5rem; float:right; overflow:hidden; margin-right:3%;}
        .head2 .menu_btn a.downmenu{display:block; width:100%; padding:1rem 0 0 0;}
        .head2 .menu_btn img{ display:block; width:100%;}
        .menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top:7.6rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;}
        .menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
        .slideMenu{background: url(../images/nav.jpg) no-repeat;background-size: 100%; min-height: 64rem;}
        .menu2 ul li {line-height:5rem;color:#fff; position:relative;font-size:1.3rem; margin: 0 3.4%; border-bottom: 1px dashed #888;}
        .menu2 ul li a {display: block;height:4.9rem;line-height: 4.9rem; font-size:1.3rem; font-family:"Microsoft Yahei"; color: #333333;text-decoration: none; text-align: center;;}
        .menu2  em{ display: block; width:14rem; height: 3.5rem; line-height: 3.5rem;border-radius: 3.5rem;background:#005dbd; margin: 2.9rem auto 0; height: 3.5rem; text-align: center; box-sizing: border-box;}
        .menu2  em a{ display: block; color: #fff; font-size: 1.2rem; }
       

        .g-ft{height:24rem;position: relative; background:#f0f0f0;margin-top:4rem;}
        .g-ft .top{position: absolute;width: 3.5rem;right: 5%;top: 13.9rem;}
        .g-ft .top img{width: 100%;display: block;}
        .g-ft dl{ margin: 0 9%; border-bottom: 1px solid #d6d6d6;}
        .g-ft dl dd{ float: right; width: 8rem; margin-top: -2.7rem; text-align: center;}
        .g-ft dl dd img{ width: 100%;}
        .g-ft dl dd span{ display: block; padding-top: 0.5rem; height: 3.1rem; text-align: center; color: #252525; font-size: 0.92rem;}
        .g-ft dl dt{ float: left; padding-top: 4.3rem;}
        .g-ft dl dt a{ color: #252525; font-size: 1.2rem;}
        .g-ft dl dt a span{ color: #16120f; font-size: 1.8rem;}
        .ftnav{ text-align: center; padding-top: 1.6rem; color: #676767; font-size: 1.22rem; line-height: 1.82rem;}
        .ftnav a{color: #676767;}
        .ft_p{background: #004b97;width:100%; position:fixed; bottom:0; max-width: 750px; min-width: 320px; z-index: 99; height: 5rem;}
        .ft_p p {float:left;width:18%;position: relative;box-sizing: border-box;text-align: center;  height:5rem;}
        .ft_p p a{ display: block;color: #fff; font-size: 1.4rem; line-height: 5rem;}
        .ft_p p:first-of-type{ width: 28%;}
        .ft_p p:first-of-type a{font-weight: bold;background: url(../images/f_home.png) no-repeat 31% 1.8rem; background-size:1.5rem 1.3rem; text-align: left; padding-left:52%;}
     
