.w128{width: 1340px;margin:0 auto;}
.df{display: flex;}
.fe-jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.fw{flex-flow: wrap;}
.fd{flex-direction: column;}
.ai{align-items: center;}

/* 头部公共 css */
#com-head .web-top{width:100%;height:230px;background:url(../images/top-back.jpg)no-repeat center;background-size:cover;box-sizing: border-box;padding:15px 0px 20px;}
#com-head .web-link{font-size:16px;margin-bottom:50px;line-height:22px;color:#0056b9;}
#com-head .web-link a{color:#0056b9;}
#com-head .web-link .he-links{width:45%;}
#com-head .web-link .he-links a:first-child:before{content:'';display:inline-block;width:22px;height:21px;background:url(../images/top-icon1.png)no-repeat center;margin-right: 5px;margin-bottom: -4px;}
#com-head .web-link .he-links a:nth-child(2):before{content:'';display:inline-block;width:22px;height:16px;background:url(../images/top-icon2.png)no-repeat center;margin-right: 5px;margin-bottom: -2px;}


#com-head .web-top .logo{height:90px;}
#com-head .web-top .logo img{height:100%;}
#com-head .web-top .search-form{width:435px;height:50px;position: relative;margin:6px 0px;}
#com-head .web-top .search-form .keyword{width:100%;font-size:16px;line-height:50px;border:1px solid #b5d9ff;padding-left:20px;padding-right:70px;box-sizing: border-box;}
#com-head .web-top .search-form .keyword input{color: #888888;}
#com-head .web-top .search-form .sub-but{width:52px;height:52px;position: absolute;top: 0;right:0;background:#1487ff url(../images/search-icon.png)no-repeat center;
z-index:99;cursor: pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;    border: none;}
#com-head .web-top .hot-search{margin-top:15px;font-size:16px;line-height:16px;color:#888888;}
#com-head .web-top .hot-search a{color:#888888;}
#com-head .web-top .hot-search a:hover{color:#1487ff;}
#com-head .head-nav{width:100%;height:70px;background:#1487ff;}
#com-head .head-nav ul{gap:0px 1%;}
#com-head .head-nav .nav-1{font-size:22px;line-height:70px;width:19.5%;text-align: center;}
#com-head .head-nav .nav-1:before{content:'';display: inline-block;width:24px;margin-right:10px;height:22px;margin-bottom:-3px;}
#com-head .head-nav .nav-1:nth-child(1):before{background:url(../images/nav-icon01.png)no-repeat center;}
#com-head .head-nav .nav-1:nth-child(2):before{background:url(../images/nav-icon02.png)no-repeat center;}
#com-head .head-nav .nav-1:nth-child(3):before{background:url(../images/nav-icon03.png)no-repeat center;height:24px;margin-bottom:-4px;}
#com-head .head-nav .nav-1:nth-child(4):before{background:url(../images/nav-icon04.png)no-repeat center;}
#com-head .head-nav .nav-1:nth-child(5):before{background:url(../images/nav-icon05.png)no-repeat center;}
#com-head .head-nav .nav-1.active,.head-nav .nav-1:hover{background:#0066db;font-weight: bold;}
#com-head .head-nav .nav-1 .nav-1a{color:#fff;}

.row-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.row-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;}
.row-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    line-clamp: 3;-webkit-box-orient: vertical;}
/* 公共底部  */
.foot{width:100%;background:url(../images/foot-back.jpg)no-repeat center;padding:40px 0px;box-sizing: border-box;}
.foot .he-links{width:380px;}
.foot .he-links li{width:100%;height:40px;box-sizing: border-box;padding:0px 30px;position: relative;
background:#1487ff;border-radius:6px;cursor: pointer;}
.foot .he-links li h3{color:#fff;font-size:16px;line-height:40px;}
.foot .he-links li h3:after{content:'';display:block;width:10px;height:7px;background:url(../images/foot-icon1.png)no-repeat center;}
.foot .he-links li .link-list{display:none;position: absolute;width: 100%;left: 0;bottom: 45px;height: 200px;background: #fff;
overflow:hidden;box-sizing: border-box;text-align:center;border-radius:6px;overflow-y: auto;}
.foot .he-links li .link-list a{display: block;font-size:16px;line-height:42px;border-bottom:1px dashed #eee;}
.foot .call-info{flex:1;margin:0px 40px;font-size:16px;line-height:16px;color:#fff;}
.foot .call-info a{color:#fff;}
.foot .call-info .info-top,.foot .call-info .info-bottom{gap:20px 30px;}
.foot .call-info .info-bottom .gn-icon:before{content:'';display: inline-block;width:18px; height:20px;
background:url(../images/foot-icon2.png)no-repeat center;margin-right:6px;margin-bottom:-3px;}
.foot .foot-icon{width:320px;}
.foot .foot-icon img{width:100%;}

/*  */
.input-group-text{padding: 0px !important;font-size: 0.2rem;}
.info-btns,.tc{justify-content: center;gap:0px 10px;}
.info-btns .btn-lg,.btn{width:auto;}
.btn-check:focus+.btn, .btn:focus,.forms .form-control:focus{box-shadow: none;}

@media screen and (min-width:780px) {
   .mobile-nav{display: none;}
}

/* 移动端样式 */
@media screen and (max-width:780px) {
	.nybanner{margin-top: 1rem;}
  .mb40{margin-bottom:0.4rem;}

  .nav-list .offcanvas-header{font-size: 0.32rem;line-height: 0.4rem;margin-bottom: 6%;padding-left: 5%;}
  .nav-list .offcanvas-header h5{font-weight: bold;font-size: 0.36rem;line-height: 0.5rem;}
  .nav-list .offcanvas-body{box-sizing: border-box;padding:0rem;}
  .nav-list .offcanvas-body li{font-size:16px;line-height:0.7rem;border-bottom: 1px solid #404040;padding: 0.1rem 0px;}
  .nav-list .offcanvas-body li:before{content:'';display:inline-block;width:0.4rem;height:0.36rem;
  margin-left: 6%; margin-bottom: -0.05rem; margin-right: 0.2rem;}
   .nav-list .offcanvas-body li:nth-child(1):before{background:url(../images/nav-icon1.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(2):before{width:0.36rem;height:0.36rem;margin-bottom: -0.08rem;background:url(../images/nav-icon2.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(3):before{background:url(../images/nav-icon3.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(4):before{background:url(../images/nav-icon4.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(5):before{width: 0.38rem;height: 0.36rem;margin-bottom: -0.08rem;background:url(../images/nav-icon5.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(6):before{background:url(../images/nav-icon6.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(7):before{width:0.4rem;height:0.4rem;margin-bottom: -0.1rem;background:url(../images/nav-icon7.png)no-repeat;background-size:100% 100%;}
  
.nav-list .offcanvas-body li:nth-child(1).active:before{background:url(../images/nav-iconon1.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(2).active:before{background:url(../images/nav-iconon2.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(3).active:before{background:url(../images/nav-iconon3.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(4).active:before{background:url(../images/nav-iconon4.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(5).active:before{background:url(../images/nav-iconon5.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(6).active:before{background:url(../images/nav-iconon6.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(7).active:before{background:url(../images/nav-iconon7.png)no-repeat;background-size: cover;}
   
  #com-head .web-link{display: none;}
  #banner{margin-top: 1rem;}
  .w128{width:100%;box-sizing: border-box;padding:0px 3%;}
  .w580,.w620,.w430,.w810,.w630,.w610{width:100%;}
   #com-head .web-top{height:auto;padding: 0.15rem 0px 0.2rem;top: 0;left: 0;z-index:9999;}
   #com-head .web-top .logo, .mobile-nav .nav-but{height:0.64rem;}
   .search-div,.head-nav{display: none;}
  .mobile-nav{display: block;}
  .mobile-nav .nav-but img{height:0.64rem;}


  .nav-list{width:60%;box-sizing: border-box;padding:5% 0px;background: #323232;color:#fff;}
  .nav-list a{color:#fff;}
  .nav-list .offcanvas-body a:hover,.nav-list .offcanvas-body .active a{color:#0d6efd;}
  .offcanvas-header,.offcanvas-body{padding:0;}
  .nav-list .offcanvas-header{font-size: 0.32rem;line-height: 0.4rem;margin-bottom: 10%;}
  .nav-list .offcanvas-header h5{font-weight: bold;font-size: 0.36rem;line-height: 0.5rem;}
  .nav-list .offcanvas-body{box-sizing: border-box;padding:0rem 3%;}

  /* 底部信息 */
  .foot{background-size: cover;padding: 0.99rem 0px;}
  .foot .foot-icon{display: none;}
  .foot .he-links{width:100%;}
  .foot .he-links li{height:0.8rem;margin-bottom:0.3rem;padding:0px 3%;border-radius:0.1rem;}
  .foot .he-links li h3{font-size:0.32rem;line-height:0.8rem;}
  .foot .he-links li h3:after{width:0.2rem;}
  .foot .call-info{font-size: 0.28rem;margin: 0 auto;line-height: 0.4rem;height: 3rem;}
  .foot .call-info .info-top, .foot .call-info .info-bottom{gap:0.2rem 0.3rem;}
  .foot .he-links li .link-list{height: 4rem;border-radius: 0.1rem;}
  .foot .he-links li .link-list a{font-size: 0.32rem;line-height: 0.8rem;}


  /*  */
  

}
