@charset "utf-8";
@import url("mui.min.css");
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol {
  margin: 0;
  padding: 0
}
em, i {
  font-style: normal
}
li {
  list-style: none
}
a, a:hover {
  text-decoration: none
}
img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
label {
  cursor: default
}
body, button, input, select, textarea {
  font: 17px/1.5 arial, 'microsoft yahei', \5b8b\4f53
}
textarea {
  resize: none
}
a, a:focus {
  outline: none
}
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both
}
.clearfix {
  *zoom: 1
}
.clear {
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}
.fl {
  float: none;
  display: inline
}
.fr {
  float: none;
  display: inline
}
.fn {
  float: none
}
.tl {
  text-align: left
}
.tr {
  text-align: right
}
.tc {
  text-align: center
}
.noBg {
  background: none !important
}
h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: normal;
}
body {
  position: relative;
  background: #efefef;
  color: #444;
}
a {
  color: #444;
  text-decoration: none;
}
.left {
  float: left;
  overflow: hidden;
}
.right {
  float: right;
  overflow: hidden;
}
#g-wp {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 40px;
  background: #fff;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 48px;
  background: #efefef;
}
.clean50 {
  clear: both;
  height: 5rem;
  overflow: hidden;
}
.clean20 {
  clear: both;
  height: 20px;
  overflow: hidden;
}
.clean10 {
  clear: both;
  height: 1rem;
  overflow: hidden;
}
.logo {}
.logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.site-bar {
  position: fixed;
  right: 0;
  left: 0;
  height: 90px;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 999
}
.site-bar:before {
  position: absolute;
  content: '';
  height: 2.2px;
  left: 0;
  top: -2.2px;
  background-color: #2f353b;
  width: 20%;
}
.site-bar > a {
  color: #0856a1;
  font-weight: 800;
}
.site-bar .mui-title {
  right: 40px;
  left: 40px;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  width: auto;
  margin: 0;
  text-overflow: ellipsis
}
.site-bar .mui-backdrop {
  background: 0 0
}
.site-bar .mui-title a {
  display: block;
  text-align: center;
  line-height: 100%;
  height: 100%;
}
.site-bar .mui-title img {
  height: 35%;
  width: auto;
  max-width: 100%;
  margin-top: 30px;
}
.site-bar ~ .banner {
  margin-top: 90px;
}
.site-side-colsebtn img {
  width: 35px;
  margin-top: 30px;
  margin-right: 9px;
}
/*侧边*/
.site-side-right {
  z-index: 10000 !important;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  box-sizing: content-box;
  width: 50%;
  min-width: 230px;
  min-height: 60%;
  overflow-y: auto;
}
.mui-scroll {
  background: rgba(7, 86, 160, 0.70) none repeat scroll !important;
  background: #0756a0;
  filter: Alpha(opacity=70);
}
.site-sideshow {
  -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1);
  transition: transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1);
  -webkit-transform: translate3d(0, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
}
.site-sidehide {
  z-index: 1000;
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  visibility: visible;
}
.site-side-active {
  overflow: hidden;
}
.site-side-active .mui-off-canvas-backdrop {
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  transition: background 350ms cubic-bezier(.165, .84, .44, 1);
  background: rgba(0, 0, 0, .4);
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  -webkit-tap-highlight-color: transparent;
}
.site-side-colsebtn {
  position: fixed;
  right: 0px;
  top: 0px;
  color: #333;
  font-size: 28px;
  display: block;
  z-index: 10;
}
.site-side-topBtn {
  height: 90px;
  padding: 0;
  background: none;
  display: table;
  width: 100%;
}
.site-side-topBtn input {
  margin: 0;
  border: 0;
}
#sitesearch {
  line-height: 60px;
}
.site-side-topBtn .side-submit, .site-side-topBtn .side-submit:active, .site-side-topBtn .side-submit:enabled:active {
  padding: 0;
  border: 0;
  width: 60px;
  margin-right: 10px;
  margin-top: 10px;
  height: 40px;
  background-color: ;
  color: #fff;
  line-height: 40px;
  background: #b12a0a
}
.site-side-topBtn .mui-btn {
  display: table-cell;
  width: 50%;
  border: 0 !important;
}
.site-side-right .site-side-topBtn ~ .mui-scroll-wrapper {
  top: 90px;
  font-size: 17px;
}
.site-side-right .site-side-topBtn ~ .mui-scroll-wrapper input, .site-side-right .site-side-topBtn ~ .mui-scroll-wrapper button, .site-side-right .site-side-topBtn ~ .mui-scroll-wrapper select {
  margin: 0;
  font-size: inherit;
  padding: 5px;
  height: auto;
}
.site-side-right .site-side-topBtn ~ .mui-scroll-wrapper .mui-table-view-cell.mui-collapse.mui-active {
  margin-top: 0px;
}
.site-side-right .mui-table-view-inverted {
  background: url(../images/dht2.jpg) repeat;
  color: #fff;
  padding: 10px 25px;
}
.site-side-right .mui-table-view-inverted .mui-table-view-cell.mui-active, .site-side-right .mui-table-view-inverted .mui-table-view-cell > a:not(.mui-btn).mui-active {
  background: #0856a1;
  color: #fff;
}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view-cell > a.mui-active:not(.mui-btn) {
  color: #fff;
  background: #0856a1;
}
.site-side-right .mui-table-view-inverted:before, .site-side-right .mui-table-view-inverted:after, .site-side-right .mui-table-view-inverted .mui-table-view-cell:after {
  left: 0;
  background: #fff
}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
  padding-left: 15px;
}
.site-side-right .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a:not(.mui-btn).mui-active {
  margin-left: -15px;
  padding-left: inherit;
}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
  left: 15px;
}
.backtop {
  position: fixed;
  right: 0%;
  bottom: 100px;
  z-index: 999;
  width: 2rem;
  height: 2rem;
  background: url("../images/top.png") no-repeat center;
  cursor: pointer;
  transition: all 0.8s;
  background-size: 100% 100%;
}
.nav {
  padding: 0.4em 0;
  background: #008AE2;
  border-top: 1px solid #FFF;
}
.nav li {
  position: relative;
  display: inline-block;
  float: left;
  width: 25%;
  color: #fff;
  line-height: 26px;
  text-align: center;
}
.nav li::before {
  content: "|";
  position: absolute;
  top: 5px;
  right: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 100;
  line-height: 16px;
}
.nav li:nth-child(4n)::before {
  content: "";
}
.nav li a {
  display: block;
  height: 26px;
  font-size: 13px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.banner {
  position: relative;
  overflow: hidden;
}
.banner .hd {
  position: absolute;
  height: 28px;
  line-height: 28px;
  bottom: 0;
  right: 42%;
  z-index: 1;
}
.banner .hd li {
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 6px;
}
.banner .hd li.on {
  background: #FF0;
}
.banner .bd {
  position: relative;
  z-index: 0;
}
.banner .bd li {
  position: relative;
  text-align: center;
}/
.banner .bd li img {
  background: url("../images/loading.gif") center center no-repeat;
  vertical-align: top;
  width: 100%; /* 图片宽度100%，达到自适应效果 */
}
.banner .bd li a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} /* 去掉链接触摸高亮 */
/* 快捷菜单 */
#fixed-foot {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #222;
  line-height: 24px;
  text-align: center;
  z-index: 10;
  display: table;
  border-collapse: collapse;
}
#fixed-foot li {
  display: table-cell;
  width: 1%;
  border-left: 1px solid rgba(255, 255, 255, .1);
  border-right: 1px solid rgba(0, 0, 0, .2);
}
#fixed-foot li a {
  display: block;
  padding: 8px 0 0;
  color: #fff;
}
.fixed-button {
  display: block;
  width: 19px;
  height: 17px;
  margin: 0 auto;
  background: url("../images/icon_arr_tel_white.png") /*tpa=http://www.gbqygl.com/3g/images/icon_arr_tel_white.png*/ no-repeat;
  overflow: hidden;
}
.icon_arr_email {
  background-image: url("../images/icon_arr_email.png") /*tpa=http://www.gbqygl.com/3g/images/icon_arr_email.png*/
}
.icon_arr_map {
  background-image: url("../images/icon_arr_map.png") /*tpa=http://www.gbqygl.com/3g/images/icon_arr_map.png*/
}
.icon_arr_share {
  background-image: url("../images/icon_arr_share.png") /*tpa=http://www.gbqygl.com/3g/images/icon_arr_share.png*/
}
.icon_arr_book {
  background-image: url("../images/icon_arr_book.png") /*tpa=http://www.gbqygl.com/3g/images/icon_arr_book.png*/
}
#fixed-foot ~ {
  padding-bottom: 50px;
}
/* 首页拨打电话 */
.m-tel {
  padding: 3%;
}
.m-tel a {
  display: block;
  padding: 0 3%;
  border-radius: 5px;
  background: #008AE2;
  color: #fff;
  text-align: center;
}
.m-tel a span {
  display: inline-block;
  padding: 3%;
}
.m-tel a span::before {
  content: "";
  padding-left: 10px;
  border-left: 10px solid #fff;
}
/*------- 通用结束--------- */
.w640 {
  width: 95%;
  margin: 0 auto
}
.bjs {
  width: 100%;
  float: left;
  background: #fff;
}
.dht ul {
  width: 100%;
  float: left;
  padding: 30px 0;
  overflow: hidden
}
.dht ul li {
  width: 33.33%;
  margin-bottom: 2%;
  float: left;
  text-align: center;
  overflow: hidden;
}
.dht ul li a img {
  width: 82%;
}
.dht ul li a p {
  line-height: 2.6rem;
}
.bt {
  width: 100%;
  float: left;
  text-align: center;
  background: url(../images/btl.jpg) no-repeat;
  height: 82px;
  padding: 10px 0;
  position: relative
}
.bt h1 {
  width: 100%;
  float: left;
  font-size: 22px;
  color: #fff;
  line-height: 150%;
  display: inline-block;
  position: relative
}
.bt h1::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 24%;
}
.bt h1::after {
  content: "";
  width: 40px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 24%;
}
.bt p {
  font-size: 18px;
  color: #fff;
  line-height: 150%;
  font-family: "Microsoft Yahei";
  text-transform: uppercase;
}
.bt span {
  font-size: 18px;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 10px
}
/*产品中心*/
.protnr ul {
  width: 103%;
  float: left
}
.protnr ul li {
  width: 47%;
  padding: 12px;
  padding-bottom: 0;
  margin-right: 3%;
  float: left;
  text-align: center;
  margin-bottom: 3%;
  background: #fff;
}
.protnr ul li a {
  display: block;
}
.protnr ul li span {
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.protnr ul li span img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  width: auto;
 /* height: auto*/
 height: 97px;
}
.protnr ul li:hover span img {
  -webkit-transition: -webkit-transform 2s cubic-bezier(.165, .84, .44, 1), opacity .5s;
  transition: transform 2s cubic-bezier(.165, .84, .44, 1), opacity .5s;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.protnr ul li h1 {
  width: 100%;
  float: left;
  line-height: 46px;
  font-size: 15px;
  height: 46px;
  overflow: hidden
}
.protnr ul li:hover h1 {
  color: #005bac
}
.ser {
  width: 100%;
  height: 40px;
  margin: 10px 0;
  float: left
}
.search {
  float: right;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  background: #fff;
  border-radius: 5px;
}
.search_tow {
  border: none !important;
  width: 80% !important;
  color: #777;
  font-size: 13px;
  padding-left: 10px !important;
  height: 40px !important;
  background: none;
}
.search_button {
  background: url(../images/btn.png) no-repeat center center;
  cursor: pointer;
  width: 20%;
  height: 40px;
  position: absolute;
  right: 0px;
  border: none;
}
.search {
  position: relative;
}
/*关于我们*/
.gywm {
  width: 100%;
  float: left;
  display: inline-block;
  background: #fff;
}
.gywm dl {
  width: 100%;
  padding: 20px 20px 10px;
  float: left;
  display: inline-block;
  background: #fff;
}
.gywm dl p {
  font-size: 16px;
  color: #666464;
  line-height: 30px;
}
.gywm img {
  width: 100%;
  object-fit: cover;
}
/*滚动数字*/
.product-number-info {
  background: #fff;
  position: relative;
}
.product-number-info ul {
  width: 103%;
  padding: 15px;
  overflow: hidden;
}
.product-number-info li {
  width: 47%;
  padding: 10px 0;
  margin-right: 3%;
  border-radius: 5px;
  border: 1px solid #898989;
  margin-bottom: 3%;
  text-align: center;
  float: left
}
.product-number-info li b {
  display: inline-block;
  position: relative;
  font-size: 16.8px;
  left: 1px;
  font-weight: normal;
}
.product-number-info li b i {
  font: 27px/37px Arial;
  color: #005bac;
  font-weight: bold;
}
.product-number-info li p {
  font-size: 15px;
  letter-spacing: 1px;
}
/* 底部版权 */
.foot {
  width: 100%;
  float: left;
  color: #fff;
  background: #0756a0;
  padding: 20px 30px 60px;
}
.foot span {
  width: 60%;
  float: left
}
.foot h1 {
  font-size: 30px;
  color: #fff;
  line-height: 45px;
  font-weight: 600
}
.foot p {
  line-height: 1.3rem;
  color: #fff;
  font-size: 14px
}
.foot a {
  color: #fff;
}
.foot img {
  width: 35%;
  float: right;
  margin-top: 30px;
  border: 10px solid #fff;
}
/*上一页 下一页*/
.articlebook {
  width: 95%;
  margin: 0 auto;
}
.articlebook p {
  margin-top: 5px;
  font-size: 14px;
  color: #999;
}
.articlebook p:hover {
  color: #005bac;
}
/*翻页样式*/
/*#pages {
  width: 100%;
  text-align: center;
  line-height: 22px;
  padding-top: 1px;
  clear: both;
}
#pages a {
  background: #f5f5f5;
  border: #ddd solid 1px;
  padding: 3px 8px;
  margin: 5px 2px;
  float: none;
  color: #333;
  font-size: 14px;
  display: inline-block
}
#pages span {
  background: #005bac;
  color: #fff;
  border: #DDD solid 1px;
  padding: 4px 8px;
  margin: 5px 2px;
  float: none;
}
#pages a:hover {
  border: #005bac solid 1px;
}*/
/*内页右侧通用标题*/
.wnr {
  width: 87%;
  margin: 20px auto
}
.nytybt {
  width: 100%;
  float: left;
  padding-top: 10px;
}
.nytybt p {
  font-size: 22px;
  letter-spacing: 2px;
  color: #000;
}
.nytybt h5 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  letter-spacing: 1.2px;
  text-transform: capitalize
}
.nytybt .xt {
  width: 100%;
  float: left;
}
.nytybt .xt .fl {
  width: 19%;
  float: left;
  height: 4px;
  background: #005bac;
}
.nytybt .xt .fr {
  width: 80%;
  float: right;
  height: 4px;
  background: #e6e6e6;
}
/*关于我们*/
.gy_nr {
  width: 100%;
  float: left;
  overflow: hidden
}
.gy_nr p {
  width: 100%;
  float: left;
  font-size: 16px;
  line-height: 2.5rem;
  color: #706e6e
}
.gy_nr strong {
  font-size: 20px;
  color: #005bac
}
.gy_nr img {
  max-width: 100%;
  object-fit: cover;
  margin-top: 10px;
}
.gy_nr table, .gy_nr table tr {
  width: 100% !important;
  overflow: hidden;
  float: left;
  text-align: center;
}
.gy_nr table td {
  width: 100% !important;
  overflow: hidden;
  float: left;
  margin-bottom: 10px;
}
/*历程*/
.licheng {
  width: 100%;
  float: left;
  padding: 25px 0;
  display: inline-block;
}
.licheng li {
  width: 100%;
  height: 67px;
}
.licheng li .nd {
  float: left;
  width: 83px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #005bac;
  font-size: 16px;
  text-align: center;
  border-radius: 20px;
}
.licheng li i {
  float: left;
  background: url(../images/lc.png);
  width: 9px;
  height: 67px;
  overflow: hidden;
  margin: 0 20px;
}
.licheng li .lcnr {
  font-size: 14px;
  line-height: 22px;
  padding-top: 6px;
}
/*新闻*/
.nyxwlist {
  width: 100%;
  overflow: hidden;
}
.nyxwlist li {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px dashed #000;
  overflow: hidden;
}
.nyxwlist .imgdw {
  float: left;
  height: 120px;
  width: 35%;
}
.nyxwlist .imgdw img {
  border-radius: 7px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.nyxwlist .fr {
  width: 61%;
  float: right;
  overflow: hidden
}
.nyxwlist h1 {
  font-size: 16px;
  line-height: 130%;
  padding-top: 9px;
  padding-bottom: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #005bac;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nyxwlist h1:hover {
  color: #434343;
}
.nyxwlist p {
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  letter-spacing: 1px;
  float: left
}
/*栏目分类*/
.product-tab {
  width: 102%;
  float: left;
  padding-bottom: .5rem;
  padding-top: 10px
}
.product-tab a {
  width: 48%;
  float: left;
  font-size: 16px;
  background: #e6e6e6;
  text-align: center;
  height: 35px;
  line-height: 35px;
  margin-right: 2%;
  margin-bottom: 10px;
  display: inline-block;
}
.product-tab a:hover, .product-tab a.cur {
  background: #0856a0 !important;
  color: #fff !important
}
/*图片*/
.plan ul {
  width: 103%;
  float: left;
  margin-top: 15px;
}
.plan ul li {
  width: 47%;
  margin-right: 3%;
  float: left;
  margin-bottom: 3%;
}
.plan ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
}
.plan ul li .img {
  width: 160px;
  display: table-cell;
  height: 200px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  border: 1px solid #898989;
}
.plan ul li .img img {
  max-width: 97%;
  max-height: 190px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: auto
}
.plan ul li p {
  width: 100%;
  line-height: 40px;
  height: 40px;
  overflow: hidden
}
.plan ul li:hover span {
  color: #0689f2
}
.plan ul li .imgt {
  width: 160px;
  display: table-cell;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  border: 1px solid #898989;
}
.plan ul li .imgt img {
  width: 90%;
  height: 130px;
  object-fit: cover;
}
/*案例*/
.al_img ul {
  width: 102%;
  float: left;
  margin-top: 15px;
}
.al_img ul li {
  width: 31.33%;
  margin-right: 2%;
  float: left;
  margin-bottom: 2%;
}
.al_img ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
}
.al_img ul li span {
  width: 130px;
  display: table-cell;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  border: 1px solid #898989;
}
.al_img ul li span img {
  max-width: 95%;
  max-height: 80px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: auto
}
/*产品内容内*/
/*主图*/
#showbox {
  background: #fff;
  border: 1px solid #9f9f9f;
  box-sizing: border-box;
}
#showbox span {
  background: url(../images/whitebg.png) repeat;
}
#showsum {
  left: 32px;
  margin-top: 10px;
}
#showsum span {
  border: 1px solid #9f9f9f;
  cursor: pointer;
}
#showsum span.sel {
  border: 1px solid #005bac;
}
.showpage {
  width: 100%;
  position: relative;
}
.showpage a {
  display: block;
  width: 30px;
  border: 1px solid #ddd;
  height: 68px;
  line-height: 68px;
  background: #eee;
  text-align: center;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: -68px;
  text-decoration: none;
  color: #999;
}
.showpage a#shownext {
  left: auto;
  right: 0;
}
.showpage a:hover {
  background: #005bac;
  color: #fff;
}
#showbox div {
  width: 100% !important;
  height: 260px !important;
  position: static !important;
}
#showbox div b {
  display: table-cell !important;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 258px;
  overflow: hidden;
}
#showbox div b img {
  display: inline !important;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
#showsum {
  height: 68px !important;
}
#showsum p {
  height: 68px !important;
}
#showsum span {
  height: 68px !important;
}
#showsum img {
  width: 31.33%;
  margin-right: 2%;
  height: 68px;
  object-fit: cover;
  border: 1px solid #ddd
}
.showbt {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #e6e6e6;
  margin-bottom: 15px;
  float: left
}
.showbt span {
  display: inline-block;
  padding: 0 30px;
  color: #fff;
  font-size: 16.8px;
  letter-spacing: 2px;
  background: #005bac;
}
.lingyu p {
  font-size: 16.8px;
  line-height: 35px;
}
.liangdian {
  margin-top: 20px;
}
.liangdian p {
  font-size: 16.8px;
  line-height: 35px;
}
.gongneng {
  margin-top: 40px;
}
.gongneng p {
  font-size: 16.8px;
  line-height: 35px;
}
.canshu {
  margin-top: 20px;
}
.canshu p {
  font-size: 15px;
  line-height: 25px;
}
.canshu table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #898989;
  font-size: 15px;
}
.canshu table .firstRow {
  background: #e6e6e6;
}
.canshu table td { /*width: auto;*/ border-collapse: collapse;
  border: 1px solid #898989;
  padding: 10px 5px;
}
.table_form {
  float: left;
}
.table_form tr {
  width: 99%;
  float: left;
  overflow: hidden;
  color: #969696;
}
.table_form tr th {
  width: 99%;
  float: left;
  font-size: 1.05rem;
  text-align: left;
}
.table_form td {
  width: 99%;
  float: left;
}
.input-text, .table_form textarea, .table_form select {
  width: 100% !important;
  height: 3rem;
  background: #f4f4f4;
}
.button {
  background: #0988f3 !important;
  width: 9.5rem;
  height: 2rem;
  line-height: 2rem;
  color: #FFF;
  text-align: center;
  border: none !important;
}
/*新闻内容页*/
.xw_nr h1 {
  width: 100%;
  float: left;
  text-align: center;
  font-weight: 600;
  line-height: 2rem;
  font-size: 1.1rem;
}
.xw_nr span {
  width: 100%;
  float: left;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 20px;
  font-size: 14px;
  border-bottom: 1px solid #ddd
}
.xw_nr span a {
  color: #0988f3
}
.xw_nr img {
  max-width: 80%;
  margin-bottom: 8px;
}
.cp_dy {
  width: 99%;
  padding: 5px;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px
}
.cp_dy dd {
  width: 100%;
  display: block;
  float: left;
  line-height: 24px;
  overflow: hidden;
  color: #868686;
  font-size: 12px;
  margin-bottom: 10px
}
.xw_nr p {
  line-height: 2rem;
  font-size: 15px;
}
.xw_nr strong {
  font-size: 17px;
  color: #005bac
}
/*内页联系我们*/
.lximg {
  width: 100%;
  height: auto;
  text-align: center
}
.lximg img {
  width: 50%
}
.lxnr {
  padding-left: 20px;
  border-left: 2px solid #898989;
  float: right;
  margin-top: 15px;
}
.lxnr h1 {
  font-size: 36px;
  font-weight: bold;
  color: #005bac;
}
/*搜索页样式*/
.ny_sousuo {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  border-bottom: .1rem dashed #ccc;
  padding-bottom: .5rem;
  padding-top: .5rem;
  padding-left: 1rem
}
dt {
  overflow: hidden;
  float: left;
  padding: 0 .5rem;
}
dl.nryd dt dd {
  float: right;
  overflow: hidden;
}
dl.nryd dd .nrybt {
  color: #333;
  font-size: 1.2rem;
  line-height: 2rem;
  overflow: hidden;
}
dl.nryd dd .nrybt:hover {
  color: #1c4587;
}
dl.nryd dd p {
  overflow: hidden;
  line-height: 1.2rem;
  color: #676767;
  text-indent: 0 !important
}
dl.nryd dd a.nryxq {
  width: 6rem;
  line-height: 1.2rem;
  color: #067dc5;
}
dl.nryd dd a.nryxq:hover {
  font-weight: bold
}
/*项目公示--多图展示*/
.mod18 {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.mod18 .btn {
  position: absolute;
  cursor: pointer;
  z-index: 99;
  font-size: 50px;
  font-weight: bold;
}
.mod18 .prev {
  left: 1px;
  background: url(../images/prevBtn.png) left no-repeat;
}
.mod18 #prevTop, .mod18 #nextTop {
  top: 270px;
  width: 10%;
  height: 48px;
}
.mod18 #prev, .mod18 #next {
  top: 365px;
  width: 10px;
  height: 16px;
}
.mod18 #prevTop {
  background: url(../images/prevBtnTop.png) left no-repeat;
}
.mod18 #nextTop {
  background: url(../images/nextBtnTop.png) right no-repeat;
}
.mod18 .next {
  right: 1px;
  background: url(../images/nextBtn.png) right no-repeat;
}
.mod18 li {
  float: left;
}
.mod18 .cf li {
  position: relative;
  color: #fff;
}
.mod18 .cf a {
  display: block;
  width: 100%;
  position: absolute;
  color: #fff;
}
.mod18 .picBox {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}
.mod18 .picBox ul {
  height: 365px;
  position: absolute;
  left: 0;
  padding-top: 30px;
}
.mod18 .picBox li {
  width: 365px;
  float: left;
  text-align: center
}
.mod18 .picBox li img {
  max-width: 100%;
}
.mod18 .listBox {
  width: 356px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  padding-top: 15px;
  overflow: hidden;
}
.mod18 .listBox ul {
  height: 100px;
  position: absolute;
  left: 0;
}
.mod18 .listBox li {
  max-width: 100px;
  max-height: 100px;
  cursor: pointer;
  position: relative;
  padding: 5px 0 0 0;
}
.mod18 .listBox li i {
  display: none;
}
.mod18 .listBox li a {
  display: block;
  max-width: 98px;
  max-height: 90px;
}
.mod18 .listBox img {
  border: 1px solid #fff;
  max-height: 70px;
  max-width: 70px;
}
.mod18 .listBox .on img {
  border: 1px solid #CECDCC;
}
.mod18 .listBox .on {
  background: url(../images/img_bg.png) center top no-repeat;
}
.mod18 .listBox .on i {
  display: block;
}
@media (max-width:414px) {
  .mod18 .picBox li {
    width: 387px;
  }
}


/*弹框样式1*/
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container {position: relative;max-width: 70%;margin: 250px auto;height: 267px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-close {position: absolute;right: 7px;top: 10px;z-index: 10;width: auto;height: 0.525rem;display: block;font-size: 16px;}
.is-visible .cd-popup-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/**/
.weixin{max-width: 81%;height: auto ! important;margin: 0 auto;display: block;position: relative;top: 7%;}
.weixin img{ width:100%; height:100%; }



.pages {width: 104%;margin: 0 auto;height: 58px;line-height: 72px;text-align: center;}
.pages span, .pages a {background: #ffffff;line-height: 20px;padding: 2px 6px 4px 6px;border: 1px solid #ddd;margin: 0px 6px 0px 0px;color: #333;display: inline;text-decoration: none;border-radius: 4px;font-size: 12px;}
.pages a:hover { background: #4c4b4b; border: 1px solid #4c4b4b; color: #FFFFFF; }
.pages span.nolink { background: #1bafe8; color: #FFFFFF; font-weight: bold; border-radius: 12px; }
.next { width: 94%; margin: 0 auto; height: 60px; line-height: 30px; }
.next ul li { line-height: 30px; width: 80%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.next ul li a { color: #137ea7; }