
html{ }/*图片加载未完成前，默认背景色*/

@-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 .acla{float: right;background: url('http://rllpc.com/images/io3.jpg') no-repeat center left;width:auto;height:auto;padding-left: 1.5rem;font-size: 1.6rem;color: red;padding-right: 0.5rem;}
        .head2 {position: relative;z-index: 11;height:5rem;background: #fff; overflow: hidden;}
        .head2 .logo{ width:70%; float:left; margin:0.9rem 1.5% 0 2%;}
        .head2 .logo img{display:block; width:100%;}
        .head2 h4{ width:41%; line-height:4.5rem; padding-top:0.25rem; font-size:1.3rem; color:#2a2a2a; float:left; font-weight: normal;box-sizing: border-box;text-align: center;}
        .head2 h4 a{position: relative; color:#333333; padding: 0 4%; display: inline-block;}
        .head2 h4 a:before{content: "";position: absolute;width: 1px;height: 1.15rem;background: #eee;right: 0;top:1.75rem;}
        .head2 h4 span:last-of-type a:before{background: none;}


        .head2 .menu_btn{width:10%; height:5rem; float:right; overflow:hidden; margin-right: 1.1%;}
        .head2 .menu_btn a.downmenu{display:block; width:100%; padding:0.95rem 0 0 0;}
        .head2 .menu_btn img{ display:block; width:100%;}
        .menu2 .slideMenu{width:100%; 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);}
        .slideMenu{background: url(images/nav.jpg) no-repeat;background-size: 100%; min-height: 64rem;}
        .menu2 ul li {line-height:5rem;text-align:center;color:#fff; position:relative;font-size:1.3rem; margin: 0 3.4%; border-bottom: 1px solid #64594b;}
        .menu2 ul li a {display: block;height:4.9rem;line-height: 4.9rem; font-size:1.3rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}
        .menu2  em{ display: block; width:14rem; height: 3.5rem; line-height: 3.5rem;border-radius: 3.5rem; background: #1a4450; margin: 2.9rem auto 0;}
        .menu2  em a{ display: block; color: #fff; font-size: 1.2rem; padding-left: 5.6rem;background: url(images/n_tel.png) no-repeat 3.1rem 1rem;background-size:1.8rem 1.65rem;}
       

              .g-adv{ font-size: 0; line-height: 0; margin-bottom: 3.2rem;}
              .g-adv img{width: 100%;display: block;}
            

        .g-ft{height:17.5rem;background: url(images/bgh.jpg) repeat; position: relative;}
        .g-ft .top{position: absolute;width:4.3rem;right:43.1%;top: -2.5rem;}
        .g-ft .top img{width: 100%;display: block;}
        .g-ft .ftnav{padding-top:3.4rem; text-align: center; color:#333333; font-size: 1.2rem; line-height: 2.5rem;}
        .ftnav a{ color: #333333; font-size: 1.2rem; padding: 0 3.5%;}
        .ftnav p{}   .ftnav   span{ padding: 0 3%;}
        .ft_p{background: url(images/fbg.jpg) no-repeat center 0;  background-size:100% 6rem;width:100%; position:fixed; bottom:0; max-width: 640px; min-width: 320px; z-index: 99; box-shadow: 0 0 0.3rem #909090;}
        .ft_p p {float:left;width:25%;position: relative;box-sizing: border-box;text-align: center; padding-bottom: 0.4rem;}
        .ft_p p a{ display: block;color: #fff; font-size: 1.2rem; line-height: 100%;}
        .ft_p p a span{ font-size:1.2rem; padding-bottom: 0.25rem;}
        .ft_p p img {width:2.8rem; display:block; margin: 0 auto; padding-top:0.3rem;}




     
