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

                .tb{height:3.85rem;}
                .g-hd{min-width: 320px;max-width: 640px;width: 100%;height: 3.85rem;z-index: 99;box-sizing: border-box; background:#0088ed;position:fixed;;top:0;}
                .g-hd h1{float: left;width:8%;height:1.85rem;padding: 1rem 0 0 6.5%;z-index: 100;}
                .g-hd h1 a{display: block;width: 100%;}
                .g-hd h1 img{width:100%;}
                .g-hd .dt{float:left; margin-left:3.85rem;width:60%;}
                .g-hd .dt em{display:block;  font-size: 1.4rem; font-weight: bold; color:#FFF;float:left;letter-spacing: 0.2rem; height:3.85rem; line-height: 3.85rem;}
                .g-hd .dt i{display: block;margin-left:1.9rem;float:left;margin-top:0.7rem;width:11%; height:2.35rem;padding:0.3rem 2.5% 0;font-size: 0.9rem;font-weight: bold; color:#FFF; background:url("images/wzbj.png") no-repeat center;line-height: 1rem;}
                .g-hd .m-nav2{ background-size: 100%;width:7%;height:2.3rem;float: right;margin-top:1.15rem;position: relative;display: inline;margin-right:3%;}
                .g-hd .m-nav2 img{display:block;width:100%;}
                .menu2 {position: relative;z-index: 100;}
                .menu2 .erji{width:43.8%;display: none;overflow: hidden;padding:0 1rem;position: absolute;background:#e5f4ff;background-size:100%;height: 29rem;max-width: 640px;top:3.9rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s; border-bottom:14px solid #bcd7eb;}
                .menu2 .erji span {display: block;}
                .menu2 .erji span em a {display: block;height: 3.4rem;font-size: 1.4rem;color: #333333;text-align: center; box-sizing: border-box;background:url("images/jt.png") no-repeat 15%;}
                .menu2 .erji span em a b{display: block;font-weight: normal;}
                .menu2 .erji span em{display: block;width:100%;line-height: 3.4rem; margin:0 auto; height:3.4rem;border-bottom:1px solid #cbf0ee;}
                .menu2 .erji span em:last-child{border-bottom:0;}
                .menu2 .erji span em a:hover b{color:#ff8400; font-size: 1.5rem; font-weight: bold; }
            

                        .g-ft{height:30.25rem;background:#f2f4f6;}
                        .g-f{height:23.75rem; padding:0 3%;}
                        .g-f span{display: block; border-bottom:1px solid #b8b8b8;margin-bottom:1.35rem;height: 5.5rem;}
                        .g-f span a{display: block; width:17%;margin:0 auto;background-size:70%;text-align: center; color:#222222;font-size: 1.2rem;position: relative;top: -20px;}
                        .g-f span a i{display: block;width:70%; height:3.9rem;background:url("images/fh.png") no-repeat center;background-size: 100%;margin: 0 auto;}
                        .g-f em{display: block; font-size: 1.2rem; color:#333333;text-align: center; margin-bottom: 1.9rem;}
                        .g-f p{font-weight: bold;margin:0 auto 1.4rem;padding-left:2.8rem;background:url("images/phone3.png") no-repeat left;line-height: 3rem;background-size: 7%;margin-left:20%;}
                        .g-f p a{color:#ff9000;font-size: 1.5rem;}
                        .g-f ul li{font-size: 1.1rem;text-align: center; color:#333333; margin-bottom:0.7rem;line-height: 1.1rem;}
                        .g-f ul li a{font-size: 1.3rem;color:#333333;}
                        .g-f ul li b{display: block; color:#fe6a00;font-weight: bold;}
                        .g-ft .nav{height:6.5rem; position: fixed;bottom: 0;    min-width: 320px;	max-width: 640px;	width: 100%;z-index:100;}
                        .g-ft .nav li{width:33.3%; height:6.5rem;float:left;background:#076bcb; border-right:1px solid #469dda;box-sizing: border-box;}
                        .g-ft .nav li a{height:5.65rem; display: block;text-align: center; padding-top:1.2rem;}
                        .g-ft .nav li a i{color:#FFF;font-size:1.2rem; margin-top:0.5rem;}
                        .g-ft .nav li:last-child{border-right:0;}
                        .g-ft .nav li img{width:27%;height:2.8rem; margin: 0 auto;display:block;}

                
