﻿html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:300;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #1568b4; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:0;background:#1568b4;}
/*首次加载页面切入效果*/
.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:5rem;position: relative;}
.g-hd img{display:block;width:100%;}
.g-hd h1{float: left;width:12.5%;margin:0.6rem 0 0 3.1%;}
.g-hd ul{float: left;height:1.2rem;margin-top:1.9rem;margin-left: 14%;}
.g-hd ul li{float: left;font-size: 1.2rem;line-height:1.2rem;padding:0 0.7rem;}
.g-hd ul li a{color: #333;}
.g-hd .m-nav2{float: right;width:5.3%;margin:1.7rem 3.1% 0 0;}
#menu{display:none;position: absolute;right: 3.1%;top: 4rem;width: 42.5%;height:18.6rem;background:url(../images/menu_bg.png) no-repeat;background-size:100% 18.6rem;z-index: 100;}
#menu p{width: 88%;margin: 0.7rem auto 0;}
#menu p a{display: block;height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;color: #333;padding-left:1.1rem;border-bottom: 1px dashed #999;background:url(../images/dian1.png) no-repeat 0.5rem center;background-size:0.2rem 0.35rem;;}
#menu p a:last-child{border: 0;text-overflow: ellipsis;white-space: nowrap;}


.g-ft{height:29.9rem;}
.g-ft .top{display:block;height: 3.5rem;line-height: 3.5rem;background: #0062b2;text-align: center;font-size:1.1rem;color: #fff;}
.g-ft .top img{display:inline-block;width: 2.7rem;margin-right: 0.6rem;vertical-align: middle;}
.ewm{float: left;width:29.4%;padding:0.3rem;background: #eee;margin-left:6.1%;}
.gsxx{padding:1.3rem 0 0.7rem;}
.gsxx p{height: 2.3rem;line-height: 2.3rem;font-size: 1rem;color: #333;text-align: center;}
.gsxx p .site{display:inline-block;height: 2.3rem;line-height: 2.3rem;width: 26%;text-align: center;border:1px solid #dbdbdb;box-sizing: border-box;color: #333;border-radius:1.1rem;margin-left:1.5rem;}
.gsxx p a{color: #333;}
.sao i{display:block;width: 9rem;height: 8.2rem;padding-top:0.8rem;margin:0 auto;background:url(../images/kuang.jpg) no-repeat;background-size:100%;}
.sao i img{display:block;width: 7.3rem;margin:0 auto;}
.sao span{display:block;font-size: 1rem;color: #333;text-align: center;line-height:2.6rem;}
.f_nav{height: 5rem;background-color: #0062b2;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 200;}
.f_nav li{float: left;width: 25%;height: 5rem;text-align: center;border-right:1px solid #fff;box-sizing: border-box;}
.f_nav li img{display:block;width: 1.5rem;margin: 0.9rem auto 0;}
/*.f_nav li:nth-child(2){background-color: #ee7700;}*/
.f_nav li:last-child{border: 0;}
.f_nav li span{display: block;color: #fff;font-size: 1rem;line-height:2.3rem;}
