
@font-face {
	font-family: 'DINGTALK';
	src:url('font/DINGTALK.ttf') format('truetype');
}
.g-hd{ width:100%; height:6rem;position: relative;background: #fff; max-width:750px; min-width:320px; margin:0 auto;}
.g-hd .logo{width: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.g-hd .logo a{display: block;width: 12%;margin: 1.5rem 0 0 1.25rem;position: relative;z-index: 10;}
.g-hd .logo img{display: block;width: 100%;}
.h_dw{float: left;width: 60%; padding:1rem 0 0 21.33%;height: 5rem; font-size:1.3rem; color:#333;line-height: 1.8rem;position: relative;z-index: 5;}
.h_dw:before{content: '';width: 1px;height: 2.7rem;background: #e9e9e9;position: absolute;top: 1.7rem;left: 22%;}
.h_dw i{display: block;font-size: 1.1rem;font-weight: normal;letter-spacing: 0.3rem;}

.downmenu{width: 5.2rem;position: absolute;top: 0;right: 0; line-height:0;}
.downmenu img{width: 5.2rem;height: 6rem;}
.menu2 { position: relative;z-index: 102; }
.menu2 .slideMenu { width: 100%; display: none; z-index: 80; background:rgba(0,0,0,0.8); overflow: hidden; position: absolute; top: 6rem; right: 0; transition: transform 1s; -webkit-transition: transform 1s; }
.menu2 .slideMenu ul{ padding:2rem; overflow:hidden; margin-bottom: 2rem;}
.menu2 .slideMenu li { border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; line-height: 4rem; font-size: 1.4rem; clear: both; }
.menu2 .slideMenu li a { color: #fff; display: block; line-height: 4rem; text-align: center; }
.menu2 .slideMenu .contact a:first-child { display: block; color: #fff; font-size: 1.8rem; line-height: 100%; text-align: center; font-family: Arial; }
.menu2 .slideMenu .contact .call { display: block; color: #fff; font-size: 1.2rem; line-height: 3.5rem; text-align: center; font-weight: bold; background: #da251e; width: 40%; height: 3.5rem; margin: 1rem auto 4.5rem; border-radius: .3rem; }


        .g-ft{width: 100%;height: 37rem; max-width:750px; min-width:320px; margin:0 auto; background: #eaeaea;position: relative;}
        .g-ft h3{width: 4rem;height: 4rem; position:fixed; bottom: 8rem; right: 1.25rem;}
        .g-ft h3 img{width: 4rem;height: 4rem;}
        .foot_top{padding-top: 2.8rem;height: 6.2rem;border-bottom: #e2e2e2 0.15rem solid;}
        .foot_top a{display: block;float: left;margin-left: 1.25rem;width: 16%;line-height: 0;overflow: hidden;}
      .foot_top img{width: 100%;display: block;}
      .foot_top span{display: block;float: left; font-size:1.4rem; color:#da251e;font-weight: bold;line-height: 2rem;padding:0.15rem 0 0 1rem;}
      .foot_top i{display: block;font-size: 1.2rem;color: #333; font-weight: normal;letter-spacing: 0.25rem;}
        .f_code{width: 28%;margin:2rem auto;line-height: 0;border-radius: 0.5rem;}
        .f_code img{display: block;width: 90%;padding: 5%;background: #fff;border-radius: 0.5rem;}
        .f_link{width: 93%;margin:0 auto 0.5rem;}
        .f_link ul{width: 100%;display: flex;justify-content: space-between;}
        .f_link ul li a{color: #282828; font-size:1.3rem;display: block;line-height: 2rem;}
        .fwz{color: #666; font-size:1.3rem;line-height: 2rem;text-align: center;}
        .fwz a{color: #666;}
        .fwz span{ padding:0 0 0 1rem;}

        .fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:750px; width:100%; height:5rem; background:#333;z-index:50;}
        .fnav li{ width:25%; float:left; height:5rem; position:relative;line-height: 5rem;position: relative;}
        .fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,0.1);}
        .fnav li a{ color:#fff; font-size:1.3rem;width: 100%; height:5rem;display: flex;align-items: center;justify-content: center;}
        .fnav li em{ width:1.7rem;height: 2rem;line-height: 0;margin-right: 0.4rem;}
        .fnav li em img{width: 1.7rem;height: 2rem;}
        .fnav li:first-child{background: #da251e;}
        .fnav li:last-child:before,.fnav li:first-child:before{ background:none;}
        
