@font-face {
           .content {
    width: 90.666%;
    margin: 0 auto;
}
        font-family:'mon1';
        src:url("font/Inter_18pt-Bold.ttf");
          }
          @font-face {
              font-family:'mon2';
              src:url("font/Inter_18pt-Regular.ttf");
          }
      .g-hd{height:4.6rem;position:relative;left: 0;top: 0;z-index: 20;width: 100%;background:#fff;}
      .g-hd img{display: block;width: 100%;}
      .g-hd .logo{float: left;width: 29.33%;position: relative;/* overflow: hidden; */display: block;z-index: 88;margin-top: 0.75rem;margin-left: 1.5rem;}
      .g-hd .logo img{ display: block;width:100%;}
      /*.g-hd .logo img:nth-child(2){display: none;}*/
      .g-hd .logo i{display: block;font-size: 1rem;line-height: 1rem;color: #333;margin-top: 0.2rem;opacity: 0.9;}
      .g-hd.top_bg{background: #fff;}
      /*.g-hd.top_bg .logo em img:nth-child(1){display: none;}*/
      /*.g-hd.top_bg .logo em img:nth-child(2){display: block;}*/
      .g-hd.top_bg .logo i{color: #333;opacity: 0.9;}
      .g-hd .logo em{width:6.3rem;display:block;}
      .g-hd .h_con{float: right;width: 62%;padding-right: 1.5rem;height: 5rem;box-sizing: border-box;line-height: 5rem;}
      .g-hd.top_bg .h_con{border-color: #e8e8e8;}
      .g-hd .h_nav{float: right;height:5rem;margin-right: 1.5rem;}
      .g-hd .h_nav li{float: left;font-size: 1.4rem;line-height:5rem;padding:0 1.1rem;position: relative;}
      .g-hd ul li a{color: #333;}

      .g-hd .t_wz{float: left;display: none;height: 5rem;line-height: 5rem;}
      .g-hd .t_wz span{font-size: 1.4rem;line-height:5rem;position: relative;display: block;color: #f47115;/*! font-weight: bold; */}

      .g-hd .m-nav2{float: right;width:2.6rem;height: 2rem;position: relative;margin-top: 1.4rem;}
      .g-hd .m-nav2 .oo{ display: block;width: 2.6rem;height: 1.4rem;margin-top: 0.45rem;}
      .g-hd .m-nav2 .xx{position: absolute;right: 0;top:0;display: none;width: 1.95rem;height: 1.95rem;}
      .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:4.6rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;box-sizing: border-box;z-index: 70;border-top: 2px solid #e8e8e8;}  
                .menu2 .erji ul{background:#fff;width:100%; height:100%;float:right;padding:1.2rem 3.2rem 0; box-sizing: border-box;}
                .menu2 ul li{line-height: 5rem;color: #fff;font-size: 1.4rem;border-bottom: 0.05rem solid #dadada;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;
                            }
  
    

    .products {
    padding: 4.2rem 0 0 0;
}

.products {}

.products h2 {
    text-align: center;
}

.products h2 a {
    font-size: 2.4rem;
    font-weight: 700;
    color: #023793;
    text-align: center;
}

.products h2 p {
    font-size: 0.9rem;
    color: #333;
    font-weight: normal;
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 0.8rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.49rem;
}
.products h2 p:after {
    content: "";
    background: #023793;
    position: absolute;
    width: 5%;
    height: 4px;
    left: 47.5%;
    bottom: 0px;
}
.products .promains {}

.products .procolumn {
    overflow: hidden;
}

.products .procolumn .tit {
    background: #023793;
    border-radius: 1rem 1rem 0 0;
    height: 3.9rem;
    box-sizing: border-box;
    padding: 0 5%;
}

.products .procolumn .tit em {
    float: left;
    height: 2.2rem;
    width: 2.2rem;
    line-height: 2.2rem;
    background: #fff;
    border-radius: 2rem;
    margin-top: 0.8rem;
    font-size: 1.1rem;
    color: #023793;
    font-weight: bold;
}

.products .procolumn .tit span {
    float: left;
    color: #fff;
    font-size: 1.6rem;
    line-height: 3.7rem;
    margin-left: 2.2%;
}

.products .procolumn ul {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.products .procolumn ul li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1.2rem 0;
    height: 4rem;
    overflow: hidden;
}

.products .procolumn ul li a {
    text-align: center;
    display: block;
    height: 2rem;
    overflow: hidden;
}

.products .procolumn ul li a b {
    color: #333;
    font-size: 1.3rem;
    display: block;
    font-weight: normal;
}

.clearfix {}

.products .procolumn dl.pro-item {
    float: left;
    width: 48.1%;
    margin-right: 3.3%;
}
.products .procolumn dl.pro-item:nth-child(2n){ margin-right:0px;}

.products .procolumn dl.pro-item dt {}

.products .procolumn dl.pro-item dt img {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0.7rem;
    background: #fff;
}

.products .procolumn dl.pro-item dd {}

.products .procolumn dl.pro-item dd  span {
    display: block;
}

.products .procolumn dl.pro-item dd  span a {
    display: block;
    height: 4.5rem;
    text-align: center;
    line-height: 4rem;
    font-size: 1.3rem;
    color: #333;
}

.products .procolumn .ul {}

.products .procolumn .ul dl.pro-item dt {}

.products .procolumn .ul dl.pro-item dt img {
    border-radius: 0px;
    border: 0px;
}

.products .procolumn .ul dl.pro-item dd {
    box-sizing: border-box;
    padding: 0 6%;
}

.products .procolumn .ul dl.pro-item dd span {
    border-top: 1px solid #ccc;
}

.products .procolumn .ul dl.pro-item dd span a {
    text-align: left;
    font-size: 1.5rem;
    height: 3rem;
    line-height: 2rem;
    padding: 1rem 0;
}

.products .procolumn .ul dl.pro-item dd p {
    font-size: 1.3rem;
    color: #333;
    line-height: 2rem;
}

.products .procolumn .ul dl.pro-item dd .more {
    margin-top: 1rem;
}

.products .procolumn .ul dl.pro-item dd .more a {
    color: #fff;
    display: block;
    background: linear-gradient(to right, rgb(2, 55, 147) 0%, rgb(2, 58, 157) 25%, rgb(1, 67, 183) 50%, rgb(0, 73, 199) 75%, rgb(0, 76, 208) 100%);
    width: 24%;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.3rem;
    padding: 0 4%;
    border-radius: 2rem;
    float: right;
}

li {}

.products .procolumn ul li:nth-child(1), .products .procolumn ul li:nth-child(4), .products .bgs .procolumn ul li:nth-child(7), .products .bgs .procolumn ul li:nth-child(10) {
    border-left: 1px solid #ccc;
}

.products .procolumn ul li:nth-child(6) {
    border-radius: 0 0  0.8rem 0rem;
}

.products .procolumn ul li:nth-child(4) {
    border-radius: 0 0 0 0.8rem;
}

.products .bgs .procolumn ul li:nth-child(4),.products .bgs .procolumn ul li:nth-child(6) {border-radius: 0;}

.products .bgs .procolumn ul li:nth-child(10) {
    border-radius: 0 0 0 0.8rem;
}
.products .bgs .procolumn ul li:nth-child(12) {
    border-radius: 0 0  0.8rem;
}

.products .bgs .procolumn dl.pro-item {
    float: none;
    border: 2px solid #7d7d7d;
    margin: 0px;
    box-sizing: border-box;
    border-radius: 1rem;
    overflow: hidden;
    margin-right: 0.1px;
    padding-bottom: 2rem;
}

.products .procolumn dl.pro-item.no {
    border: 0px;
    overflow: visible;
    float: left;
    margin-right: 3.3%;
    padding-bottom: 0rem;
}

.products .procolumn dl.pro-item.no:nth-child(2n) {
    margin-right: 0px;
}

.fenye {
    display: none;
}

.clearfix.top {
    margin-top: 0.3rem;
}


    /*案例*/.case {padding:1.5rem 0 5rem;/* background:#f2f5f7;*/}
.case_con {margin-top:1rem;}
.case_con dl {background:#f7f7f7;}
.case_con dt img {border-radius: 0.6rem 0.6rem 0 0;width:100%;display:block;width:100%;}
.case_con dd {background:#f7f7f7;padding:1.6rem 2.5rem 2.4rem 2.5rem;box-sizing:border-box;position:relative;z-index:60;}
.case_con dd h4 a {font-weight:normal;display:block;font-size: 1.4rem;color:#262626;line-height:2.1rem;font-weight: bold;}
.case_con dd p {font-size:1.3rem;line-height:2.1rem;color:#595959;display:block;margin-top:1rem;}
.case_con .more {display:flex;height:1.8rem;line-height:1.8rem;box-sizing:border-box;width:100%;font-size:1.3rem;color: #023793;/*! border-top:1px solid #dcdcdc;*/box-sizing:border-box;margin-top:1.2rem;}
.case_con .more>img {display:block;width:1.8rem;height:1.8rem;float:left;padding-left:1rem;}


.case .tit2 {
    text-align: center;
}

.case .tit2 span {
    font-size: 1.5rem;
    color: #333;
    font-weight: normal;
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 0.8rem;
    text-align: center;
    display: block;
}
.case .tit2 span:after {
    content: "";
    background: #023793;
    position: absolute;
    width: 5%;
    height: 4px;
    left: 47.5%;
    bottom: 0px;
}

.case .tit2 i {
    font-size: 2.4rem;
    font-weight: 700;
    color: #023793;
    text-align: center;
}


  


    .news {
    padding: 4.2rem 0 0 0;
}

.news h2 {
    text-align: center;
    margin-bottom: 3rem;
}

.news h2 a {
    font-size: 2.4rem;
    font-weight: 700;
    color: #023793;
    text-align: center;
}

.news h2 p {
    font-size: 0.9rem;
    color: #333;
    font-weight: normal;
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 0.8rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.49rem;
}
.news h2 p:after {
    content: "";
    background: #023793;
    position: absolute;
    width: 5%;
    height: 4px;
    left: 47.5%;
    bottom: 0px;
}

.news dl {
    margin-bottom: 2.8rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}
.news dl dt {
    float: right;
    width: 35.58%;
    border-radius: 0.5rem;
    overflow: hidden;
}
.news dl dt img {}

.news dl dd {
    float: left;
    width: 59%;
}

.news dl dd  span {}

.news dl dd  span.title {
    font-size: 1.4rem;
    color: #333;
    line-height: 2.2rem;
}

.news dl dd  .ddv.clearfix {
    margin-top: 1rem;
}

.news dl dd  em {
    color: #999999;
    font-size: 1.1rem;
}

.news dl dd   span.date {
    float: right;
    color: #999999;
    font-size: 1.1rem;
}
  

 .content {
    width: 90.666%;
    margin: 0 auto;
}
      .g-ft{position: relative;height: 12rem;background: url(http://g1.cms.51yxwz.com/20250722085909000159/images/fb_bg.jpg) no-repeat;background-size: 100% 100%;padding: 3.5rem 0 7.6rem 0;margin-bottom: 4rem;}
   

.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: 2rem;height: 4rem;padding-top: 2.3rem;box-sizing: border-box;position: relative;overflow: hidden;}
.g-ft .go_top a img{
    width: 100%;
}
    .f_con p{line-height: 2rem;font-size:1.2rem;color: #fff;text-align: center;opacity: 0.66;text-align: left;padding-bottom: 5rem;}

    .f_con p a{color: #fff;}

      .g_fnva{background:#fff;height:4.9rem;position:fixed;bottom:0;min-width:320px;max-width:750px;width:100%;z-index:30;font-size: 1.1rem;}
     .g_fnva li{height:4.9rem;width:23.4%; line-height: 1.2rem; float:left; text-align:left;color:#fff;position:relative;text-align: center;font-size: 1.2rem;box-sizing: border-box;}
     .g_fnva li em{display:block;width:2.8rem;height: 1.68rem;margin: 0 auto;padding-top: 0.7rem; color:#023793;}
     .g_fnva li em img{ display:block;width:1.68rem;margin:0 auto;}
      .g_fnva li span{ display: block;font-size: 1.1rem;color: #023793;line-height: 1.8rem;text-align: center; }
      .g_fnva .tel li{background: #f0762b;border-left: 0; width:25.73%;}
      
      .g_fnva .tel li span{ color: #fff;
    height: 100%;
    line-height: 4.9rem;
    font-size: 1.4rem;}
               
      

.g-ft .telmain {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.g-ft .telmain p {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
    padding-left: 2rem;
}
.g-ft .telmain p.p1 {
background:url(images/f_t1.png) no-repeat left;background-size:1.4rem;
}
.g-ft .telmain p.p2 {
background:url(images/f_t2.png) no-repeat left;background-size:1.4rem;
}
.g-ft .telmain p.p3 {
background:url(images/f_t3.png) no-repeat left;background-size:1.4rem;
}
.g-ft .telmain p span {
    opacity: 0.7;
}

.g-ft .telmain p em {
}