@charset "UTF-8";
.header {
  position: fixed;
  z-index: 109;
  top: 0;
  left: 0;
  right: 0;
  padding: 18px 0;
  background: #fff;
  transition: all ease 0.3s;
}

.header .logo {
  display: flex;
  align-items: center;
}

.header .logo img {
  max-width: 169px;
  vertical-align: middle;
}

.header .hdr {
  float: right;
}

.header .nav li {
  float: left;
  margin-left: 40px;
  padding:15px 0px;
  position: relative;
}

.header .nav li a {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  display: block;
}

.header .nav>li:hover>a, .header .nav>li.on>a {
  color: var(--color);
}

.fix .header {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.banner .swiper-slide {
  position: relative; height:600px;
}
.banner .swiper-slide .vd {height:100%;}
.banner .swiper-slide .vd video{width:100%; min-height: 100%; object-fit: cover;}

.banner .swiper-slide img {
  display: block;
  min-width: 100%;
}

.banner .swiper-slide .txt1 {
  position: absolute;
  color: #fff;
  width: 100%;
  text-align: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.banner .swiper-pagination {
  bottom: 35px;
}

.banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin: 0 5px;
  transition: all ease .3s;
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
}

.banner .swiper-pagination-bullet-active {
  width: 35px;
  background: #0091FF;
}

.sec-type {
  text-align: center;
}

.sec-type .tit {
  color: #0074CC;
  font-size: 42px;
  font-weight: 600;
}

.sec-type .desc {
  padding: 13px 0 35px;
  position: relative;
  color: rgba(0, 0, 0, 0.25);
}

.sec-type .desc::after {
  content: "";
  width: 107px;
  height: 4px;
  background: #0091FF;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.equip .item {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 26px 18px;
  text-align: center;
  transition: all ease .3s;
  background-image: linear-gradient(#fff,#f0f0f0)
}

.equip .item .item-pic {
  height: 170px;
}

.equip .item .item-pic img {
  height: 100%;
  width: auto;
}

.equip .item .item-tit {
  margin: 15px 0;
  padding-bottom: 15px;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
}

.equip .item .item-tit::after {
  content: "";
  width: 41px;
  height: 4px;
  background: #0091FF;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-radius: 2px;
  transform: translateX(-50%);
}

.equip .item .item-desc {
  color: rgba(0, 0, 0, 0.25);
  line-height: 1.5;
  height: 3em;
}

.equip .item:hover {
  border-color: var(--color);
}

.equip .item:hover .item-tit {
  color: var(--color);
}

.product .item {
  text-align: center;
}

.product .item .item-pic {

  padding: 5px;
}

.product .item .item-pic .fitImg {
  padding-top: 65.62%;
}

.product .item .item-tit {
  color: rgba(0, 0, 0, 0.5);
  margin: 10px 0 20px;
}

.product .item:hover .item-tit {
  color: var(--color);
}

.news ul {
  border-right: 0;
  border-bottom: 0;
}

.news ul li {

}

.news .item {
  padding: 20px;
  border-bottom: #f2f2f2 solid 1px;
}

.news .item .item-date{
  width:10%;
  color:#aaa;
}
.news .item .item-date .day{font-size: 42px; font-weight: bold; text-align: center;}
.news .item .item-date .m{font-size: 14px; text-align: center;}

.news .item .item-pic {
  width: 20%;
}

.news .item .item-info {
  flex: 1;
  overflow: hidden;
  padding-left: 16px;
}

.news .item .item-info .item-desc {
  margin: 15px 0;
  color: rgba(0, 0, 0, 0.5);
}

.news .item .item-info .item-time {
  color: rgba(0, 0, 0, 0.25);
}

.section1 {
  background: rgba(0, 0, 0, 0.03);
}

.section2 {
  background-attachment: fixed;
  color: #fff;
  overflow: hidden;
}

.section2 .fitImg {
  max-width: 546px;
  padding-top: 64.65%;
}

.section2 .item-info {
  padding-left: 35px;
}

.section2 .item-info .item .icon {
  margin-right: 21px;
  width: 48px;
}

.section2 .item-info .list {
  margin: 20px 0;
}

.section2 .item-info .list .item {
  margin: 13px 0;
  color: #fff;
}

.section2 .item-info .list .item:hover {
  color: rgba(255, 255, 255, 0.8);
}

.section2 .item-info .link a {
  height: 41px;
  padding: 0 36px;
  color: #fff;
  border: 1px solid #fff;
}

.section2 .item-info .link a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.footer {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 50px 0;
}

.footer .msg .cont {
  margin: 18px 0 45px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.8);
}

.footer .msg .cont ul li {
  width: 40%;
  float: left;
  margin: 5px 0;
}

.footer .msg .cont ul li:nth-child(2n) {
  width: 60%;
}

.footer .copyright {
  color: #6D7278;
  font-size: 12px;
}

.footer .copyright a {
  color: #6D7278;
}

.footer .copyright a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.footer .qrcode {
  font-size: 12px;
  margin-left: 15px;
  text-align: center;
}

.footer .qrcode img {
  max-width: 125px;
}

.footer .qrcode p {
  margin-top: 10px;
  line-height: 1.5;
}

/* 新闻列表 */
.inner-slide {
  position: relative;
}

.inner-slide img {
  display: block;
}

.inner-slide .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 2;
  font-size: 36px; font-weight: bold;
  letter-spacing: 20px;
}
.inner-slide .txt span{
  color:#fff;
  text-align: center;
  font-size: 24px; display: block; opacity: .5;
  letter-spacing: 10px;
  padding-right: 10px;
}

/* pages */
.pager {
  padding: 50px 0;
  overflow: hidden;
}

.pager li {
  float:left;
  margin-right: 12px;
}

.pager li a {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.25);
  transition: all ease .3s;
}

.pager li:hover a, .pager li.active a {
  background: #0091FF;
  color: #fff;
}

/* 新闻详情 */
.news-detail .news-tit {
  font-weight: bold;
  text-align: center;
}

.news-detail .news-time {
  color: rgba(0, 0, 0, 0.25);
  padding: 15px 0;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  text-align: center;
}

.news-detail .news-cont {
  color: rgba(0, 0, 0, 0.5);
  line-height: 2;
}

.news-detail .news-cont .wrap {
  max-width: 892px;
  margin: 0 auto;
}

.news-detail .news-cont img {
  max-width: 100% !important;
  height: auto !important;
}

/* 关于我们 */
.about1 .info {
  line-height: 1.8;
  color: #fff;;
}

.about2 {
  margin-top: 50px;
  background: rgba(0, 145, 255, 0.05);
  padding: 60px;
}

.about2 .item .item-tit {
  color: #0091FF;
  font-weight: bold;
  margin-bottom: 10px;
}

/* 产品列表 */
.subcat {
  margin-bottom: 45px;
}

.subcat li {
  min-width: 149px;
}

.subcat li a {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
}

.subcat li.on {
  background: #0091FF;
}

.subcat li.on a {
  color: #fff;
}

.subcat li:hover a {
  color: #0091FF;
}

/* 产品详情 */
.detail .item-pic {
  border: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 435px;
  padding: 10px;
}

.detail .item-cont .pro-tit {
  font-weight: normal;
}

.detail .item-cont .pro-desc {
  margin: 25px 0 35px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5;
}

.detail .item-cont .pro-type {
  position: relative;
  margin-bottom: 25px;
}

.detail .item-cont .pro-type::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.detail .item-cont .pro-type span {
  color: var(--color);
  background: #fff;
  padding: 0 5px 0 0;
  display: block;
  position: relative;
  z-index: 1;
}

.detail .item-cont .pro-cont {
  line-height: 1.8;
}

.detail .item-cont .pro-cont h3 {
  font-weight: normal;
  margin-bottom: 10px;
}

.detail .item-cont .pro-cont img {
  max-width: 100% !important;
  height: auto !important;
}

/* 联系我们 */
.contact .lxfs {
  margin-top: 45px;
}

.contact .lxfs li .item-tit {
  color: #0091FF;
  margin-bottom: 8px;
}

.contact .lxfs li .item-cont {
  color: rgba(0, 0, 0, 0.5);
}

#mapDiv .tdt-infowindow-content > h2 {
  font-size: 20px;
  margin: 5px 0 10px;
}

#mapDiv .tdt-infowindow-content > p {
  font-size: 14px;
  margin: 0 0 5px;
}

#mapDiv .tdt-infowindow-content img {
  float: right;
  width: 60px;
  margin-left: 10px;
}

#mapDiv {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.tdt-control-copyright {
  opacity: 0.4;
}

@media (max-width: 500px) {
  #youbian {
    display: none;
  }
}

@media (min-width: 501px) {
  #mapDiv .tdt-infowindow-content img {
    float: right;
    width: 80px;
    height: 80px;
    margin-left: 10px;
  }
}

.header .subnav{position: absolute; left:0; top:100%; border:#f2f2f2 solid 1px; display: none; background-color: #fff; box-shadow: 0px 0px rgba(0,0,0,.2)}
.header .subnav li{display: block; width:220px; float:none; margin: 0; padding:0px;}
.header .subnav li a{display: block; padding:15px 10px; border-bottom: #f2f2f2 solid 1px; font-size: 16px; font-weight: normal;}
.header .subnav li a:hover{color: var(--color);}
.header .nav>li:hover .subnav{display: block;}
.header .wp{max-width: none; padding:0 3%;}

.main .wp{overflow: hidden;}
.main .subcat{width:100%; overflow: hidden; border-bottom: #eee solid 1px; margin-bottom: 20px;}
.main .product{width:100%;}
.main .flex-cc{display: block;}
.main .subcat li{float:left; text-align: center;}
.main .subcat li a{display: block; padding:14px 15px; height:auto;}

.about .slogen{text-align: center; margin-bottom: 40px;}
.about .slogen img{display: block; height:60px; width:auto; margin:0 auto;}
.about .about-l{background-color: #0091FF; color:#fff; padding:60px !important; height:500px;}
.about .about-l h2{font-size: 34px; font-weight: bold;}
.about .about-l h3{font-size: 16px;}
.about .about-l p{margin-top: 40px; font-size: 14px; line-height: 2; text-align: justify;}
.about .about-r{background:url(../img/about-bg.jpg) no-repeat center center; background-size: cover; height:500px;}
.about .about-r-bg{background-color: #fff; padding:40px; width:90%; margin-top: 40px; height:410px;}
.about .about-r-item{float:left; width:50%;text-align: center; font-size: 18px; margin-top: 120px;}
.about .about-r-item a{color:#0074CC; text-align: center;}
.about .about-r-item .icon{height:80px; margin:0 auto; margin-bottom: 10px;}
.about .about-r-item .icon img{display: block; height:100%; width:auto; margin:0 auto;}

.pro-page{background-color: #f4f4f4;}
.product li{background-color: #fff;}
.product .grid{gap:20px; margin:0;}
.product .grid li{width:calc(33.33333333% - 20px);}

.pro-detail{background-color: #f4f4f4;}
.pro-detail .wp{max-width: 70%; background-color: #fff; padding:40px;}
.detail .item-cont .pro-desc{margin:25px 0 35px 0; font-size: 14px; font-weight: normal; line-height: 2; color:#666;}

.pro-detail .tabs{overflow: hidden; border-bottom: #eee solid 1px; margin-top: 40px;}
.pro-detail .tabs li{float:left; cursor: pointer; background-color: #f2f2f2; color:#333; font-size: 18px; text-align: center; padding:15px 50px; border-top-left-radius: 7px; border-top-right-radius: 7px; margin-left: 4px;}
.pro-detail .tabs li.active{background-color: #0074CC; color:#fff;}
.pro-detail .tab-content{padding:40px 0px; display: none;}
.pro-detail .tab-content.active{display: block;}
.pro-detail .tab-content {font-size: 14px; font-weight: normal; line-height: 2;}
.pro-detail .tab-content table{border-collapse:collapse; width:100% !important}
.pro-detail .tab-content td,.pro-detail .tab-content th{border:#eee solid 1px; border-right-color:none !important; border-bottom-color:none !important; border-left-color:none !important; padding:10px; }
.pro-detail .tab-content tr:nth-child(even){background-color: rgba(200,200,200,.1);}

.section4 .news .item .item-pic{width:40%;}

.contact-list {overflow: hidden;}
.contact-list li{float:left; width:49%; border:#eee solid 1px; border-radius: 7px; margin-bottom: 20px; padding:20px; height:340px;}
.contact-list li:nth-child(2n){float:right;}

.news-list .fitImg{padding-top: 50.25%;}
.news-list a:hover .item-date{color:#0074CC;}

.sub-banner::after{content:''; display: block; position: absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(50,115,198,.7); z-index: 1;}