@font-face {
            font-family:'mon1';
            src:url("font/Inter_18pt-Bold.ttf");
        }
        @font-face {
            font-family:'mon2';
            src:url("font/Inter_18pt-Regular.ttf");
        }
        @font-face {
            font-family:'mon3';
            src:url("font/Inter_18pt-Medium.ttf");
        }
        @font-face {
            font-family:'mon4';
            src:url("font/OPPOSans-H.ttf");
        }


      .g-hd{height:5.5rem;position: relative;z-index: 20;width: 100%;}
  
      .g-hd img{display: block;width: 100%;}
      .g-hd .logo{float: left;width:11.33%;position: relative;z-index: 30;overflow: hidden;display: block;z-index: 88;margin-top: 0.3rem;margin-left: 4%;}
      .g-hd .logo img{ display: block;width:100%;}
    

      .g-hd .h_con{height: 5.5rem;box-sizing: border-box;}
      .g-hd .h_nav{float: right;height:5.5rem;}
      .g-hd .h_nav li{float: left;font-size: 1.4rem;line-height:5.5rem;padding:0 1.2rem;position: relative;}
      .g-hd ul li a{color: #333;}

      .g-hd .t_wz{float: left;display: none;margin-left: 1rem;height: 5.5rem;}
      .g-hd .t_wz span{font-size: 1.6rem;line-height:5.5rem;position: relative;display: block;color: #1a1a1a;;font-weight: bold;}

      .g-hd .m-nav2{float: right;width:5.5rem;height: 5.5rem;position: relative;}
      .g-hd .m-nav2 .oo{ display: block;width: 2.6rem;height: 1.4rem;margin-top: 2.1rem;background: url(images/menu_ic3.png) no-repeat center;background-size: 100% 100%;margin-left: 1.3rem;}
      .g-hd .m-nav2 .xx{position: absolute;right: 0;top:0;display: none;width: 5.5rem;height: 5.5rem;}

      .g-hd.top_bg{background: #fff;}
      /* .g-hd.top_bg ul li a */

      .menu2 {z-index:301;}
      .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:rgba(0,0,0,0.8);background-size:100% 100%;height:61.25rem;max-width: 750px;top:5.5rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s; box-sizing: border-box; z-index: 70;}  
                .menu2 .erji ul{background:#FFF;width:100%; height:100%;float:right;padding:3rem 3.2rem 0; box-sizing: border-box; border-top:0.1rem solid #ebebeb;}
                .menu2 ul li{line-height: 6rem;color: #1a1a1a;font-size: 1.6rem;border-bottom:0.05rem solid rgba(26,26,26,.16); box-sizing: border-box;padding:0 0.9rem 0 0rem;}
                .menu2 ul li a{display: block;text-decoration: none;font-size:1.5rem; color:#1a1a1a;font-weight: normal;text-align: center;}
                 .bodyHtml {
                              height: 100%;
                              overflow: hidden;
                            }
    

    .mc2-about-1 {
        padding: 2rem 3% 1rem;
    }
    
    .mc2-about-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-pack: distribute;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .mc2-about-list ul li {
        width: 48%;
        margin-bottom: 1.5rem;
    }
    
    .mc2-about-list ul li:nth-child(2n) {
        margin-left: 4%;
    }
    
    .mc2-about-list ul li img {
        width: 100%;
        display: block;
        border-radius: 0.5rem;box-shadow: 0 0 0.25rem #ccc;
    }
    
    .mc2-about-list ul li h4 {
        max-height: 4rem;
        line-height: 2rem;
        font-size: 1.5rem;
        color: #333;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-top: 0.6rem;
    }


     .g-ft{height: 33.5rem;position: relative;background:#2453ad;padding: 4rem 0 0;box-sizing: border-box;background-size: 100% 100%;}
     .g-ft .go_top {position: fixed;right: 4%;bottom: 20%;z-index: 999;}
      .g-ft .go_top a {display: block;text-align: center;font-size: 1.1rem;line-height: 100%;color: #fff;width: 4rem;height: 4rem;background: #fcb100;border-radius: 50%;padding-top: 2.3rem;box-sizing: border-box;position: relative;overflow: hidden;}
      .g-ft .go_top a:before {position: absolute;content: "";border-width: 1.1rem .75rem;border-style: solid;border-color: transparent transparent #fff;top: -.35rem;left: 50%;margin-left: -.75rem;}
      .f_con{padding: 0 5.3%;}
     .f_bd li{display: block;margin-bottom: 0.6rem;}
     .f_bd li img{display: inline-block;width: 1.85rem;height: 1.95rem;vertical-align:top;}
     .f_bd li em{ display: inline-block;font-size: 1.4rem;font-weight: normal;color: #ffffff;line-height: 2.1rem;}
     .f_bd li i{ display: inline-block;font-size: 1.4rem;font-weight: bold;color: #ffffff;line-height: 2.1rem;margin-left: 0.1rem;font-family: "mon1";vertical-align:top;margin-top: -0.4rem;}
     .f_bd li span{ display: inline-block;font-size: 1.4rem;color: #ffffff;line-height: 2.1rem;margin-left: 0.1rem;width: 76%;vertical-align: top;}

     .f_bd li i a{ display: block;font-size: 2.3rem;font-weight: bold;color: #ffffff;line-height: 3.2rem;font-family: "mon1";}

     .f_con p{line-height: 2.1rem;font-size:1.4rem;color: #ffffff;}
     .f_con p a{color: #ffffff;margin-left: 1.2rem;}
   .f_er{margin-top: 2rem;position: relative;}
     .f_er i{font-size: 1.4rem;line-height: 1.8rem;color: #fff;font-weight: bold;display:block;position: relative;float:left;}
     .f_er ul{display:block;margin-left: 0.6rem;position:relative;float:left;}
    .f_er ul li{width: 4rem;margin-left: 0.6rem;display: block;float:left;} 

    .f_er ul li em>img{display: block;width: 4rem;height: 4rem;}
     .f_er ul li b{display: none;width:14.4rem; line-height: 0;position: absolute;left:50%;margin-left:-7.2rem;bottom:5.5rem;z-index: 20;background: #fff;background-size: 100% 100%;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 0.7rem;}

    .f_er ul li b img{display: block;width: 13rem;height: 13rem;padding-top: 0.7rem;margin: 0 auto;}
    .f_er ul li:hover b{display: block;}
    .f_er ul li b span{display: block;text-align: center;font-weight: normal;font-size: 1.3rem;line-height: 3.2rem;color: #4c4c4c;}


    
    .f_nav{height: 8.35rem;background: url(images/fnav.png) no-repeat;background-size: 100% 8.35rem;min-width: 320px;max-width: 750px;width: 100%;position: fixed;bottom: 0;z-index: 100;}
      .f_nav li{float: left;width: 20%;height: 8.35rem;text-align: center;padding-top: 3.4rem;box-sizing: border-box;}
      .f_nav li em{display:block;width: 2.4rem;height: 2rem;margin: 0 auto;overflow: hidden;}
      .f_nav li em img{display:block;width: 2.4rem;height: 2rem;overflow: hidden;}
      .f_nav li span{display: block;color: #333333;font-size: 1.4rem;line-height:2.4rem;text-align: center;font-weight: normal;}
      
      .f_nav li:nth-child(3) em{width: 4.5rem;height: 4.5rem;margin: -1.8rem auto 0rem;display: block;}
      .f_nav li:nth-child(3) em img{width: 4.5rem;height: 4.5rem;display: block;}
      .f_nav li:nth-child(3) span{font-size: 1.3rem;color: #fcb100;}