@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{background:#FFF;}

.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}

ul{ padding:0px; margin:0px;}
table { width:100%!important;max-width:100%!important; border-collapse:collapse; } 
table td{ word-break: break-word; } 
li{ list-style:none;}
p{ margin:0px; padding:0px;}

body{ font-family:microsoft yahei;font-size:15px;color:#646464; }

/*标题公共样式*/

.lp1{}
.lp2{display:none;}

/*内页banner按图片高度显示*/
.page-banner{
  width: 100%;
  float: left;
  line-height: 0;
  overflow: hidden;
}
.page-banner .lp1,
.page-banner .lp2{
  width: 100%;
  float: left;
  line-height: 0;
  overflow: hidden;
}
.page-banner img{
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
  border: 0;
}



.cf{ width:100%; float:left}
.cf ul{ width:100%; float:left}
.cf ul li{ width:50%; float:left; padding-bottom:15px;}


.xxx{}
.xxx img{ height:auto!important; max-width:100%; width:auto }

.index_wz{ text-align:center; margin:0 auto;}
.index_wz h2{ font-size:28px; color:#343434; font-weight:bold}
.index_wz h5{ font-size:19px; color:#343434; font-weight:normal}

.index_wz h3{ font-size:15px; color:#333; font-weight:normal; margin-top:17px;}
.index_line{ background:#0082c8; height:3px; width:60px; margin:0 auto; margin-top:20px}
.wd1300{  float:left; width:100%;padding-top:50px; padding-bottom:70px; background:#f6f6f6}
.wd13007{ float:left; width:100%;padding-top:50px; padding-bottom:0px; background:#f6f6f6}

.wd130012{  padding-left:7%; padding-right:7%; float:left; width:86%; background:#f2f2f2;padding-top:10px; padding-bottom:0px;}


.wd1300_lx{  padding-left:4%; padding-right:4%; float:left; width:92%;padding-top:0px; padding-bottom:0px; background:#f6f6f6}


.wd1400{ width:100%; margin:0 auto; padding-top:70px; padding-bottom:70px;}

.nnt{ width:100%; float:left; line-height:35px; padding-top:20px; text-align:center; font-size:18px;}
.nnt strong{ width:100%; float:left; font-size:30px; padding-bottom:25px; letter-spacing:5px;}

line3 {
    width: 40px;
    height:1px;
    background: #333;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}.index_wz h4 {
    font-size: 20px;
    text-align: center;
    font-family: Barlow-Regular; text-transform:uppercase; font-weight:normal
}@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
/*首页公司简介*/
.about_txt{width:75%; margin:0 auto;text-align:center;height:150px; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; margin-top:30px;}
.gd_about{ border:2px solid #d8d8d8; text-align:center; margin:0 auto; width:150px; border-radius:25px; height:43px; line-height:435px; line-height:43px; margin-top:60px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.gd_about:hover{ background:#0082c8; border:2px solid #0082c8; padding-left:15px; padding-right:15px; display:block}
.gd_about:hover a{ color:#fff;}

/*数字动画样式*/
.wrapper{ width:83%; margin:0 auto; margin-top:50px;}
.col_fourth{position: relative;display:inline;display: inline-block;float: left; width:33%; text-align:center;}
.wrapper { position: relative;}
.shuzi_line{ background:#d8d8d8; height:1px; width:150px; margin:0 auto; margin-top:10px;}
.col_fourth h2{ font-size: 50px; color:#0082c8; margin-bottom: 0; text-align: center; }
.col_fourth h3{color:#0082c8; }
.count-text { font-size: 25px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; color:#333; }




.yincang{ color:#000}


.right{ width:65%; float:right}

/*产品详情左侧竖排导航*/
.product-detail-layout{
  display: flex;
  align-items: flex-start;
  gap: 1.75rem;
  overflow: visible;
}
.product-side{
  width: 250px;
  flex: 0 0 250px;
  background: #f7fafc;
  border-radius: 12px;
  border: 1px solid #e6eef4;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(10, 61, 98, 0.04);
}
.product-side-head{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  background: linear-gradient(135deg, #0082c8 0%, #0a6eaa 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 0.95rem 1rem;
}
.product-side-logo{
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
  filter: brightness(0) invert(1);
}
.product-side-list{
  list-style: none;
  margin: 0;
  padding: 0.55rem 0;
}
.product-side-list li{
  margin: 0;
  padding: 0;
}
.product-side-list a{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.55rem;
  padding: 0.65rem;
  margin: 0 0.55rem 0.55rem;
  color: #334155;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 8px;
  border-left: 3px solid transparent;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.product-side-thumb{
  display: block;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  background: #e8eef3;
  line-height: 0;
}
.product-side-thumb img{
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
  border: 0;
}
.product-side-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0 0.15rem 0.1rem;
}
.product-side-name{
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-side-arrow{
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.35;
  flex: 0 0 auto;
  transition: opacity .2s ease, transform .2s ease;
}
.product-side-list a:hover{
  background: #fff;
  color: #0082c8;
  border-left-color: #8ec8e8;
}
.product-side-list a:hover .product-side-arrow{
  opacity: 0.8;
  transform: rotate(45deg) translate(1px, -1px);
}
.product-side-list a.active{
  background: #fff;
  color: #0082c8;
  font-weight: 700;
  border-left-color: #0082c8;
  box-shadow: 0 4px 14px rgba(0, 130, 200, 0.1);
}
.product-side-list a.active .product-side-arrow{
  opacity: 1;
  color: #0082c8;
}
.product-detail-main{
  flex: 1;
  min-width: 0;
}
.product-detail-main .cuti{
  border-radius: 8px;
}
.product-detail-body{
  line-height: 1.9;
  color: #445062;
}
.product-detail-body img{
  max-width: 100%;
  height: auto;
}

/*新闻详情：正文 + 右侧最新3条*/
.news-detail-layout{
  width: min(1280px, calc(100% - 2.5rem));
  margin: 50px auto 0;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  box-sizing: border-box;
}
.news-detail-layout .news-detail-main{
  flex: 1;
  min-width: 0;
  margin: 0 !important;
  width: auto !important;
}
.news-detail-side{
  width: 300px;
  flex: 0 0 300px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
.news-detail-side-head{
  background: #0082c8;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 0.95rem 1rem;
}
.news-detail-side-list{
  list-style: none;
  margin: 0;
  padding: 0.85rem 0.9rem 1rem;
}
.news-detail-side-list li{
  margin: 0 0 0.75rem;
}
.news-detail-side-list li:last-child{
  margin-bottom: 0;
}
.news-detail-side-list a{
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  text-decoration: none;
  padding: 0.65rem;
  border-radius: 10px;
  background: #f7fafc;
  border: 1px solid #e8eef3;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.news-detail-side-list a:hover{
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 130, 200, 0.1);
  transform: translateY(-2px);
}
.news-side-thumb{
  display: block;
  width: 78px;
  height: 58px;
  flex: 0 0 78px;
  border-radius: 6px;
  overflow: hidden;
  background: #e9eef3;
}
.news-side-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-side-info{
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  flex: 1;
}
.news-side-info strong{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #0a3d62;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}
.news-side-info em{
  font-style: normal;
  color: #8a97a6;
  font-size: 12px;
}
.news-detail-side-list a:hover .news-side-info strong{
  color: #0082c8;
}

@media (max-width: 980px){
  .news-detail-layout{
    flex-direction: column;
    margin-top: 30px;
  }
  .news-detail-side{
    width: 100%;
    flex: none;
  }
}

/*技术中心列表：正文 + 右侧最新5条*/
.tech-page-layout{
  width: min(1280px, calc(100% - 2.5rem));
  margin: 50px auto 0;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  box-sizing: border-box;
}
.tech-page-layout .tech-page-main{
  flex: 1;
  min-width: 0;
  margin: 0 !important;
  width: auto !important;
}
.tech-page-side{
  width: 300px;
  flex: 0 0 300px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  position: sticky;
  top: 100px;
}
.tech-page-side-head{
  background: #0082c8;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 0.95rem 1rem;
}
.tech-page-side-list{
  list-style: none;
  margin: 0;
  padding: 0.7rem 0.85rem 1rem;
  counter-reset: tech-side;
}
.tech-page-side-list li{
  margin: 0 0 0.55rem;
  counter-increment: tech-side;
}
.tech-page-side-list li:last-child{
  margin-bottom: 0;
}
.tech-page-side-list a{
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  text-decoration: none;
  padding: 0.75rem 0.7rem;
  border-radius: 10px;
  background: #f7fafc;
  border: 1px solid #e8eef3;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tech-page-side-list a:hover{
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 130, 200, 0.1);
  transform: translateY(-2px);
}
.tech-side-num{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 130, 200, 0.1);
  color: #0082c8;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.tech-side-num::before{
  content: counter(tech-side, decimal-leading-zero);
}
.tech-side-info{
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  flex: 1;
}
.tech-side-info strong{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #0a3d62;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.45;
}
.tech-side-info em{
  font-style: normal;
  color: #8a97a6;
  font-size: 12px;
}
.tech-page-side-list a:hover .tech-side-info strong{
  color: #0082c8;
}

@media (max-width: 980px){
  .tech-page-layout{
    flex-direction: column;
  }
  .tech-page-side{
    width: 100%;
    flex: none;
    position: static;
  }
}

/*技术资讯全部类别同页排版*/
.tech-all-page{
  padding-top: 28px !important;
  padding-bottom: 36px !important;
}
.tech-cat-block{
  margin: 0 0 2.1rem;
}
.tech-cat-block:last-child{
  margin-bottom: 0.4rem;
}
.tech-cat-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 0.75rem;
  margin: 0 0 0.15rem;
  border-bottom: 1px solid #cfd8e0;
}
.tech-cat-head h3{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0a3d62;
  line-height: 1.4;
}
.tech-cat-more{
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: #5eb3e4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background .2s ease;
}
.tech-cat-more span{
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: -2px;
}
.tech-cat-more:hover{
  background: #0082c8;
}
.tech-cat-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.tech-cat-list li{
  margin: 0;
  border-bottom: 1px dotted #d7dee5;
}
.tech-cat-list li:last-child{
  border-bottom: 1px dotted #d7dee5;
}
.tech-cat-list a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 0.95rem 0.15rem;
  text-decoration: none;
  color: #445062;
  transition: color .2s ease;
}
.tech-cat-list a:hover{
  color: #0082c8;
}
.tech-cat-title{
  flex: 1;
  min-width: 0;
  font-size: 15px;
  line-height: 1.55;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tech-cat-date{
  flex: 0 0 auto;
  color: #8a97a6;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

@media (max-width: 768px){
  .tech-cat-head h3{ font-size: 16px; }
  .tech-cat-list a{
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.85rem 0.1rem;
  }
  .tech-cat-title{
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .tech-cat-date{ font-size: 13px; }
}

/*内页内容表格统一样式（全部走 CSS）*/
.neirong_biankang table,
.product-detail-body table,
.xxx table,
.proxx table{
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.1rem 0 1.4rem;
  background: #fff;
  border: 1px solid #dce6ee;
  border-radius: 8px;
  overflow: hidden;
  table-layout: fixed;
  font-size: 15px !important;
  box-shadow: 0 4px 14px rgba(10, 61, 98, 0.04);
}
.neirong_biankang table th,
.neirong_biankang table td,
.product-detail-body table th,
.product-detail-body table td,
.xxx table th,
.xxx table td,
.proxx table th,
.proxx table td{
  padding: 0.85rem 1rem !important;
  border: 1px solid #e3ebf2 !important;
  vertical-align: middle;
  text-align: left;
  color: #445062;
  line-height: 1.7;
  word-break: break-word;
  background: #fff !important;
}
.neirong_biankang table th,
.product-detail-body table th,
.xxx table th,
.proxx table th{
  background: #0082c8 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}
.neirong_biankang table tr:nth-child(even) td,
.product-detail-body table tr:nth-child(even) td,
.xxx table tr:nth-child(even) td,
.proxx table tr:nth-child(even) td{
  background: #f5f9fc !important;
}
.neirong_biankang table tr:hover td,
.product-detail-body table tr:hover td,
.xxx table tr:hover td,
.proxx table tr:hover td{

}
.neirong_biankang table td:first-child,
.product-detail-body table td:first-child,
.xxx table td:first-child,
.proxx table td:first-child{
  width: 22%;
  color: #0082c8 !important;
  font-weight: 700;

  background: #f0f7fc !important;
}
.neirong_biankang table tr:nth-child(even) td:first-child,
.product-detail-body table tr:nth-child(even) td:first-child,
.xxx table tr:nth-child(even) td:first-child,
.proxx table tr:nth-child(even) td:first-child{
  background: #e7f2fa !important;
}
.neirong_biankang table td:last-child,
.product-detail-body table td:last-child,
.xxx table td:last-child,
.proxx table td:last-child{
  color: #333;
}
.neirong_biankang table td font,
.product-detail-body table td font,
.xxx table td font,
.proxx table td font,
.neirong_biankang table td span,
.product-detail-body table td span,
.xxx table td span,
.proxx table td span{
  color: inherit !important;
  background: transparent !important;
}
.neirong_biankang table[width],
.product-detail-body table[width],
.xxx table[width],
.proxx table[width]{
  width: 100% !important;
}

@media (max-width: 768px){
  .neirong_biankang table td:first-child,
  .product-detail-body table td:first-child,
  .xxx table td:first-child,
  .proxx table td:first-child{
    width: 30%;
    white-space: normal;
  }
  .neirong_biankang table th,
  .neirong_biankang table td,
  .product-detail-body table th,
  .product-detail-body table td,
  .xxx table th,
  .xxx table td,
  .proxx table th,
  .proxx table td{
    padding: 0.7rem 0.75rem !important;
    font-size: 14px !important;
  }
}

@media (max-width: 900px){
  .product-detail-layout{
    flex-direction: column;
    gap: 1.1rem;
  }
  .product-side{
 display:none;
  }
  .product-side-list{
    display: grid;
    grid-template-columns: 1fr;
  }
}


.ny_about_ul li{border: 1px solid #e0e0e0;width:90%; margin-top: 20px;padding: 3% 5% 4% 5%;}

.ny_about_ul2 li{border: 1px solid #e0e0e0;width:90%; margin-top: 20px;padding: 3% 5% 4% 5%;}
.txt_js{color:#666;}
.txt_line{background:#329ba9;width:80px;height:2px;margin:5px 0 15px 0;}
.txt_bt{font-size:23px;font-weight:bold;color:#333;line-height:55px;}
.txt_js2{margin:5px 0;line-height:35px; font-size:16px;}



.faq-one {
    position: relative;
    display: block;

}

.faq-one__content {
    position: relative;
    display: block;
    padding-right: 30px;
}

.faq-one__faq {
    position: relative;
    display: block;
}

.faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 11px 30px 11px;
    background: #f1f5f9;
    border-radius: var(--thm-bdr-radius);
    padding-right: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-one-accrodion .accrodion-title::before {
    position: absolute;
    top: 50%;
    right: 14px;
    content: "\e902";
    font-family: 'icomoon' !important;
    font-weight: 900;
    font-size: 13px;
    color: var(--thm-base);
    transform: rotate(0deg) translateY(-50%);
    transition: all 500ms ease;
    width: 20px;
    height: 20px;
    line-height: 22px;
}

.faq-one-accrodion .accrodion.active .accrodion-title::before {
    color: #ffffff;
    transform: rotate(180deg) translateY(50%);
    top: 50%;
    right: 21px;
}

.faq-one-accrodion .accrodion-title-inner {
    position: relative;
    display: block;
    padding-left: 35px;
}

.faq-one-accrodion .accrodion-title-inner .icon {
    position: absolute;
    top: 3px;
    left: 0;
}

.faq-one-accrodion .accrodion-title-inner .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--thm-base);
    font-size: 15px;
    line-height: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-one-accrodion .accrodion.active .accrodion-title-inner .icon span::before {
    color: #ffffff;
}

.faq-one-accrodion .accrodion-title h4 {
    position: relative;
    color: var(--thm-gray);
    font-size: 15px;
	
    line-height: 27px;
    font-weight: 900;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion+.accrodion {
    margin-top: 25px;
}

.faq-one-accrodion .accrodion.active .accrodion-title {
    background: var(--thm-base);
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: #ffffff;
}

.faq-one-accrodion .accrodion-content {
    position: relative;
    padding: 23px 20px 20px;
    padding-right: 50px;
    margin-top: 0px;
    background: #f1f5f9;
}

.faq-one-accrodion .accrodion-content .inner {
    position: relative;
    display: block;
    
}

.faq-one-accrodion .accrodion-content .inner .img-box {
    position: absolute;
    top: -3px;
    left: 0;
}

.faq-one-accrodion .accrodion-content .inner .img-box::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--thm-base-rgb), 0.7);
    content: "";
}

.faq-one-accrodion .accrodion-content .inner .text {
    position: relative;
    display: block;
}

.faq-one-accrodion .accrodion-content .inner .img-box img {
    width: 100%;
}

.faq-one-accrodion .accrodion-content p {
    margin: 0; font-size:15px;
}

.faq-one__img {
    position: relative;
    display: block;    height: 490px;
    overflow: hidden;
}

.faq-one__img::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--thm-base-rgb), .7) 0%, rgba(var(--thm-base-rgb), .3) 100%);
    transform: skewX(25deg);
    z-index: 2;
}

.faq-one__img:hover::before {
    -webkit-animation: shine 1.9s;
    animation: shine 1.9s;
}

.faq-one__img img {
    width: 100%;
    transition: all 500ms linear;
    transition-delay: 0.2s;
}

.faq-one__img:hover img {
    transform: scale(1.1) rotate(0deg);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}



/*首页上市*/
.shangshi{ background:url(../images/index_02.png) no-repeat center fixed; width:100%; margin:0 auto}
.shangshi .wd1300{ padding-top:250px; padding-bottom:250px; text-align:center; margin:0 auto}
.shangshi h2 a{ color:#fff;}
.shangshi h2{ font-size:55px;}
.shangshi h3{ color:#fff; font-size:30px; margin-top:30px; margin-bottom:30px;}
.shangshi h4{ color:#fff; font-size:25px;}

/*首页产品*/
.index_cp_pic{ text-align:center; margin:0 auto; margin-bottom:30px;}
.index_cp_pic img{ text-align:center; margin:0 auto}
.chanpin h3{ width:75%; margin:0 auto; margin-top:17px; line-height:30px; color:#555; font-size:17px; padding-bottom:30px;}

.js-container{}


.chan_bg{ background:url(../images/cpbg.jpg) no-repeat center;  width:100%; margin:0 auto}
.icpic{ width:25%;}
.ictxt{ width:70%; margin-top:10px;}
.ictxt h2{ font-weight:normal; text-align:left}
.ictxt h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; text-align:left; margin-top:5px;}
.chbk{ padding-top:80px;}

.developer-solution-block{position:relative;max-width:none;text-align:center;clear:both;margin:0 auto}
/*å¤§æ ‡é¢˜*/



.developer-solution .solution-tab{font-size:18px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:40%;float:left}
.developer-solution .solution-tab ul{background:rgba(27,53,127,0.30);opacity:1;width:100%}
.solution-tab ul li{width:60%;color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.2); height:220px; margin:0 auto;padding-left:20%; padding-right:20%}
.solution-tab ul li:nth-child(2){ margin-top:1px;}
.solution-tab ul li.active{width:60%;background:#0082c8; margin:0 auto; padding-left:20%; padding-right:20%}
.title h2{ font-size:40px;}
.title h3{ font-size:30px; margin-top:20px;}
.detail dl { margin-top:60px}
.tline{ background:#fff; height:3px; width:80px; margin-top:20px;}
.detail dl dd{ width:28%; float:left; border:1px solid #fff; padding-top:20px; padding-bottom:20px; text-align:center; margin-right:40px; margin-bottom:40px;}
.detail dl dd:nth-child(3n){ margin-right:0px;}
.detail dl dd:hover{ background:#fff; }
.detail dl dd:hover a{color:#0082c8;}
.detail dl dd a{ color:#fff;}
.detail dl dd  h2{ font-weight:normal; font-size:20px;}
.detail dl dd  h3{ font-weight:normal; font-size:20px; margin-top:5px;}

.developer-solution .solution-detail{width:48%;display:inline-block;padding-top:100px; }
.developer-solution .solution-detail ul li{display:none}
.developer-solution .solution-detail ul li.active{display:block}
.solution-detail li .title{font-size:22px;color:#ffffff;line-height:28px;text-align:left;margin-bottom:14px}
.solution-detail li .detail{font-size:14px;color:#ffffff;line-height:22px;text-align:left}
/*产看更多按钮*/
.solution-detail li .more-btn{ text-align:left;margin-top:30px}
.more-btn a{ color:#fff; font-size:17px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.more-btn a:hover{ padding-left:15px; display:block}

/*首页优势*/
.youshi{ background:url(../images/index_22.jpg) no-repeat center  #fff;width:100%;margin:0 auto; height:1136px;}
.youshi .wd1300{ padding-bottom:0px; }
.ys01 .ysnr{ width:48%; margin-top:-30px;}
.ys01 .ystu{ margin-top:-120px;}
.ys03 .ysnr{ width:45%; margin-top:110px;}
.ys03{ margin-top:150px;}

.yuan{ width:65px; height:65px; border-radius:50px; line-height:65px; background:#0082c8; text-align:center; color:#fff; font-size:30px; margin-right:20px;}
.shuom h2{ font-size:35px; color:#0082c8;}
.shuom h3{ font-size:15px; font-weight:normal;font-family:Arial, Helvetica, sans-serif; color:#555; opacity:0.7; text-transform:uppercase}
.ystxt{ width:80%; margin:0 auto; margin-top:30px; line-height:30px;}
.ystxt .fl{ width:1%; border:2px solid #0082c8; width:10px; height:10px; border-radius:50px; margin-top:7px;}
.ystxt .fr{ width:94%;}
.ys02{ position:relative;}
.ys02 .ysnr{ width:44%; margin-left:5%; margin-top:70px;}
.ys02 .ystu{ position:absolute;right:-40px;overflow:hidden; margin-top:-30px;  overflow:hidden}
/*合作伙伴*/
.hezuo{ background:url(../images/index_23.png) no-repeat center; width:100%;}
.hezuo .wd1300 .index_wz h2{ color:#fff;}
.rollBox{overflow:hidden;;margin:0 auto; margin-top:60px;}
.rollBox .LeftBotton{height:84px;width:37px;background:url(../images/left.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; margin-top:25px;}
.rollBox .RightBotton{height:84px;width:37px;background:url(../images/right.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;margin-top:25px;}
.rollBox .Cont{width:90%;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{display: flex;justify-content: center;align-items: center;width:203px; height:130px;float:left;text-align:center; background:#fff; margin-left:15px; margin-right:15px; overflow:hidden}
.rollBox .Cont .pic img:hover{transform: scale(1.2);}
.rollBox .Cont .pic img{max-width:203px;max-height:130px; transition: all 0.8s;}

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}


.cuti{ width:100%; float:left; background:#0082c8; text-align:center; color:#FFFFFF; font-size:17px; padding-top:10px; padding-bottom:10px; margin-bottom:20px;}


/*新闻*/

.ny_news {width:100%;  text-align:left; line-height:28px;}


.new2{ width:100%; float:left; border-bottom:#e9e9e9 solid 1px; color:#666; padding-bottom:25px; margin-bottom:25px;}

.new2:hover{float:left; border-bottom:#0082c8 solid 1px;}


.n_l{ width:10%; float:left; margin-right:40px; border-top:#00a2ea solid 2px; text-align:center; font-size:20px;font-family: 'Montserrat-Bold';}
.n_l h1{ padding:30px 0; font-size:54px; font-weight:bold;	font-family: 'Montserrat-Bold';}

.n_r1{ width:65%; float:right;}
.n_r{ width:100%; float:left;  color:#0082c8; margin-bottom:10px; font-weight:normal; font-size:17px; font-weight:bold; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_r3{ width:100%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:24px;}

.n_r a{   color:#0082c8; }



.n_r12{ width:100%; float:left;}
.n_r11{ width:100%; float:left;  color:#00a2ea; margin-bottom:10px; font-weight:normal; font-size:19px; font-weight:bold; background:url(../images/r1.jpg) no-repeat left 3px; padding-left:3%}
.n_r31{ width:100%; float:left; line-height:24px;background:url(../images/r2.jpg) no-repeat left 3px; padding-left:3%}


.m32{width:120px; line-height:30px; text-align:center; float:left; color:#FFFFFF; margin-top:10px; font-size:14px;}

.m32 a{width:120px; line-height:30px; float:left; background:#00a2ea; color:#0082c8!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m32 a:hover{ color:#FFFFFF!important; background:#00a2ea; width:180px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.n_r2{ width:20%; float:left;}
.n_r2 img{ width:100%!important; height:150px!important;border-radius:5px;}


.m3211{width:100px; line-height:30px;  float:left; color:#969696; margin-top:20px; font-size:14px; border:#969696 solid 1px; text-align:center}



.shijian{ width:8%; float:left; background:#fff; border:#e7e7e7 solid 1px; padding:1%; font-size:17px; text-align:center; margin-right:3%}

.new2:hover .shijian{float:left; border-bottom:#0082c8 solid 0px; background:#0082c8; color:#FFFFFF}



.ny_news13 {width:75%; line-height:28px; float:right}





.ny_news1 {width:100%; line-height:28px;}
.new21{ width:100%; float:left; border-bottom:#e9e9e9 solid 1px; color:#666; padding-bottom:35px; margin-bottom:35px;}
.n_l1{ width:10%; float:left; margin-right:40px; border-top:#00a2ea solid 2px; text-align:center; font-size:20px;font-family: 'Montserrat-Bold';}
.n_l1 h1{ padding:30px 0; font-size:54px; font-weight:bold;	font-family: 'Montserrat-Bold';}

.n_r4{ width:50%; float:right;}
.n_r42{ width:100%; float:left;  color:#0082c8; margin-bottom:10px; font-weight:normal; font-size:25px; font-weight:bold; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.n_r311{ width:100%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:26px; margin-top:15px; padding-bottom:20px; font-size:17px;}

.n_r1 a{   color:#0082c8; }



.n_r121{ width:100%; float:left;}
.n_r111{ width:100%; float:left;  color:#00a2ea; margin-bottom:10px; font-weight:normal; font-size:19px; font-weight:bold; background:url(../images/r1.jpg) no-repeat left 3px;}
.n_r311{ width:100%; float:left; line-height:24px;background:url(../images/r2.jpg) no-repeat left 3px; }


.m321{width:120px; line-height:40px; text-align:center; float:left; color:#FFFFFF; margin-top:10px; font-size:14px;}

.m321 a{width:120px; line-height:40px; float:left; background:#54938b; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m321 a:hover{ color:#FFFFFF!important; background:#f7b543; width:180px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.n_r21{ width:45%; float:left; background:#f4f4f4;
margin: 0 auto;text-align:center;}
.n_r21 img{ max-width:100%!important; height:250px!important;border-radius:5px; margin:auto}



.n_r213{ width:45%; float:left; background:#f4f4f4;
margin: 0 auto;text-align:center;}
.n_r213 img{ max-width:100%!important; height:300px!important;border-radius:5px; margin:auto}




/*内页*/
/*产品分类*/
.nymenu{border-bottom:0px #d9d9d9 solid; margin:0px 0px 0px; box-shadow:0px 6px 6px rgba(0,0,0,.05); }


.div12701{margin:0 auto; padding:0 0em; text-align:center; width:88%;}

.div1270{margin:0 auto; padding:0 0em; text-align:center; width:100%;}
.nymenu_mid ul li{ background-position:left center; background-repeat:no-repeat;float:left; width:20%; text-align:center;background:#fff; border-right:1px solid #dcdcdc;}
.nymenu_mid ul li:nth-child(1){background-image:none; border-left:1px solid #dcdcdc;}
.nymenu_mid ul{ margin:0 auto}
.nymenu_mid_s{ text-align:center}
.nymenu_mid_s ul li {display: inline-block;}
.nymenu_mid ul li a{ padding:13px 0;display:inline-block; font-size:17px; position:relative; }
.nymenu_mid ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:35px; line-height:35px; background-color:#0082c8; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color:#fff; background:#0082c8; display:block}
/*---
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width:12.65em;opacity:1; margin-left:-6.325em;}---*/
.nymenu_mid p { display: none;}



.zzz{ color:#000}



.neirong_biankang1 { width:85%; margin:auto}

.ny_contact_ul li{float:left;width:20%;margin:1%;padding:1.5%;background:#fff;line-height:28px;border-top-left-radius: 40px;border-bottom-right-radius: 40px;min-height:150px;text-align:center;box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1); height:220px;}
.ny_contact_ul li:hover{background:#0082c8;box-shadow: 0 4px 20px -2px rgba(27, 90, 158, 0.5);color:#fff;}
.ny_contact_ul li:hover .icon{color:#fff;}
.ny_contact_ul li:hover a{color:#fff;}
.ny_contact_ul li b{font-size:18px;font-weight:bold;padding-bottom:10px;color:#000;padding-top:12px; width:100%; float:left; text-align:center}
.ny_contact_ul li:hover b{color:#fff;}






.nymenu_mid1 ul li{ background-position:left center; background-repeat:no-repeat;float:left; width:16.5%; text-align:center;background:#fff; border-right:1px solid #dcdcdc;}
.nymenu_mid1 ul li:nth-child(1){background-image:none; border-left:1px solid #dcdcdc;}
.nymenu_mid1 ul{ margin:0 auto}
.nymenu_mid_s1{ text-align:center}
.nymenu_mid_s1 ul li {display: inline-block;}
.nymenu_mid1 ul li a{ padding:13px 0;display:inline-block; font-size:17px; position:relative; }
.nymenu_mid1 ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; background-color:#0082c8; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid1 ul li a:hover,.nymenu_mid1 ul li a.active{color:#fff; background:#0082c8; display:block}
.nymenu_mid1 p { display: none;}










.nymenu_mid2 ul li{ background-position:left center; background-repeat:no-repeat;float:left; width:19.5%; text-align:center;background:#fff; border-right:1px solid #dcdcdc;}
.nymenu_mid2 ul li:nth-child(1){background-image:none; border-left:1px solid #dcdcdc;}
.nymenu_mid2 ul{ margin:0 auto}
.nymenu_mid_s2{ text-align:center}
.nymenu_mid_s2 ul li {display: inline-block;}
.nymenu_mid2 ul li a{ padding:13px 0;display:inline-block; font-size:17px; position:relative; }
.nymenu_mid2 ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:35px; line-height:35px; background-color:#0082c8; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid2 ul li a:hover,.nymenu_mid2 ul li a.active{color:#fff; background:#0082c8; display:block}
.nymenu_mid2 p { display: none;}
.left-type-nav{
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto !important;
}
.left-type-nav li{
  float: none !important;
  display: block !important;
  width: auto !important;
  flex: 1 1 0;
  min-width: 140px;
  max-width: 280px;
  border-right: 1px solid #dcdcdc;
  border-left: 0 !important;
  background: #fff;
}
.left-type-nav li:first-child{
  border-left: 1px solid #dcdcdc !important;
}
.left-type-nav li a{
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 18px !important;
  text-align: center;
  white-space: nowrap;
}
.left-type-nav li a.active{
  color: #fff !important;
  background: #0082c8 !important;
  font-weight: 700;
}





.nymenu_mid4 ul li{ background-position:left center; background-repeat:no-repeat;float:left; width:24.7%; text-align:center;background:#fff; border-right:1px solid #dcdcdc;}
.nymenu_mid4 ul li:nth-child(1){background-image:none; border-left:1px solid #dcdcdc;}
.nymenu_mid4 ul{ margin:0 auto}
.nymenu_mid_s4{ text-align:center}
.nymenu_mid_s4 ul li {display: inline-block;}
.nymenu_mid4 ul li a{ padding:13px 0;display:inline-block; font-size:17px; position:relative; }
.nymenu_mid4 ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:35px; line-height:35px; background-color:#0082c8; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid4 ul li a:hover,.nymenu_mid4 ul li a.active{color:#fff; background:#0082c8; display:block}
.nymenu_mid4 p { display: none;}








.lpp{ width:20%; float:left}
.lpp h3{ width:100%; float:left; background:#172972; padding-top:20px; padding-bottom:20px; text-align:center; color:#FFFFFF; margin-bottom:5px; }
.lpp ul{ width:100%; float:left;}
.lpp ul li a{ width:99%; float:left; border:#CCCCCC solid 1px; line-height:35px; margin-bottom:5px; text-align:center}
.lpp ul li a:hover{ width:99%; float:left; border:#d80606 solid 1px; background:#d80606; color:#FFFFFF!important}



.lrr{ width:75%; float:right}
.lrr h1{ width:100%; float:left; background:#7697ba; line-height:50px; text-align:center; color:#FFFFFF; font-size:20px; margin-bottom:25px;}






/*内页产品列表*/
.nymain{ width:100%}
.teshjl{ padding-bottom:0px!important;}
.nymain .search{width:60%; margin:0 auto; padding-left:10px;  background:#fff; border-radius:5px; margin-bottom:30px;}
.nymain  .search .fl{ width:83%}
.nymain  .searchinput{height:52px;border:#b7b7b7 solid 1px;width:100%;float:left;display:inline;line-height:48px; outline:none; background:none; color:#555; opacity:0.7;}


.cplie:nth-child(2){ margin-top:70px; margin-bottom:70px;}
.cplie:nth-child(2) .cp_pic{ float:right}
.cplie:nth-child(2) .cp_txt{ float:left; background:#0082c8;}
.cp_txt_bk{ padding:50px;}
.cp_txt h2{ color:#fff}
.cp_txt h3{ color:#fff}
.cp_pic{ width:50%; height:500px; display: flex;justify-content: center;
align-items: center;overflow:hidden}
.cp_pic  img{max-width:100%;max-height:500px; height:500px; transition: all 0.8s;}
.cp_pic  img:hover{   transform: scale(1.1);}
.cp_txt{ width:50%; background:#0082c8; height:500px;}
.cp_txt .detail dl dd h2{ font-size:17px;}
.cp_txt .detail dl dd { padding-top:10px; padding-bottom:10px;}
.cp_txt .detail dl dd a:hover h2{ color:#0082c8}
.cp_txt .title h2{ padding-top:20px;}
.proxx{ min-height:200px;}
.juzm{ width:70%; margin:0 auto}

/*专利证书*/
.tupian ul li{ float:left;width:23%; text-align:center; overflow:hidden;margin-left:1%; margin-right:1%; margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:200px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,.05); box-sizing:border-box;}
.chanpinlbbc{display:flex;vertical-align:middle; overflow: hidden!important; height:100%; min-height:0; background-size: cover !important; justify-content: center;
align-items: center; padding:12px; box-sizing:border-box;}
.chanpinlbbc img{cursor: pointer;transition: all 0.6s; height:100%; width:100%; max-width:100%; max-height:100%; object-fit:contain; display:block;}
.chanpinlbbc img:hover{transform: scale(1.08);}
.chanpinlbbc a.case-zoom{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  text-decoration:none;
}

/*荣誉资质图片放大*/
.case-lightbox[hidden]{ display:none !important; }
.case-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.86);
  padding:48px 64px 72px;
  box-sizing:border-box;
}
.case-lightbox-img{
  max-width:min(1100px, 92vw);
  max-height:78vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:6px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  background:#111;
}
.case-lightbox-close{
  position:absolute;
  top:16px;
  right:20px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:28px;
  line-height:42px;
  cursor:pointer;
}
.case-lightbox-close:hover{ background:rgba(255,255,255,.28); }
.case-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.case-lightbox-nav:hover{ background:rgba(255,255,255,.28); }
.case-lightbox-prev{ left:18px; }
.case-lightbox-next{ right:18px; }
.case-lightbox-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:22px;
  margin:0;
  text-align:center;
  color:rgba(255,255,255,.88);
  font-size:15px;
  padding:0 1rem;
}
@media (max-width:640px){
  .case-lightbox{ padding:56px 12px 64px; }
  .case-lightbox-nav{ width:38px; height:38px; font-size:18px; }
  .case-lightbox-prev{ left:8px; }
  .case-lightbox-next{ right:8px; }
}

/*全景*/
.tupian2 ul li{ float:left;width:30%; text-align:center; overflow:hidden;margin-left:1.5%; margin-right:1.5%; margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:240px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1)}
.chanpinlbbc2{display:table-cell;vertical-align:middle;overflow: hidden!important; height:220px; background-size: cover !important; display: flex;justify-content: center;
align-items: center;}
.chanpinlbbc2 img{cursor: pointer;transition: all 0.8s; width:100%; overflow:hidden; padding:10px}
.chanpinlbbc2 img:hover{transform: scale(1.1);}

.biaoti{ line-height:22px;}


.nyabout{ background:url(../images/nyabout.jpg) no-repeat center ; height:400px; width:100%}
.nyshiming{background:url(../images/nyshiming.jpg) no-repeat center bottom ; height:400px; width:100%}
.nytouzi{ background:url(../images/nytouzi.jpg) no-repeat center ; height:400px; width:100%}
.nycx{ background:url(../images/nycx.jpg) no-repeat center bottom ; height:400px; width:100%}
.nyhonor{ background:url(../images/nyhonor.jpg) no-repeat center ; height:400px; width:100%}
.nyjob{ background:url(../images/nyjob.jpg) no-repeat center ; height:400px; width:100%}
.nyzhinan{ background:url(../images/nyzhinan.jpg) no-repeat center ; height:400px; width:100%}
.nynews{ background:url(../images/nynews.jpg) no-repeat center ; height:400px; width:100%}
.nypro{ background:url(../images/nypro.jpg) no-repeat center; height:400px; width:100%}
.nycon{ background:url(../images/nycon.jpg) no-repeat center; height:400px; width:100%}

/*内页公司简介*/
.neirong_biankang .about_txt{width:100%; margin:0 auto;text-align:left;height:auto!important; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:20;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; margin-top:0px;}
.neirong_biankang{ text-align:left}

/*关于我们页视频*/
.about-video{
  width: 100% !important;
  max-width: 100% !important;
  float: left;
  clear: both;
  margin: 0 0 1.5rem;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  line-height: 0;
  box-sizing: border-box;
}
.about-video video{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  vertical-align: top;
  border: 0;
  object-fit: contain;
}
.about_1 .wd1300{ padding-bottom:70px;}
.about_left { width:100%; float:left; }








.about_right_tuz { width:100%; background:#0082c8;  margin-top:50px; height:350px;}
.about_right_tu { width:50%; float:left; position:relative;  height:350px; overflow:hidden; }
.about_right_tu .tu2 { z-index:0; top:0px ; right:0px;  width:100%; height:350px; position:absolute;}
.about_right_tu .tu2 img { width:100%;  height:350px; float:right; transition: all 0.8s;}
.about_right_tu .tu2 img:hover{   transform: scale(1.1);}


.about_right_zi { width:37%; float:right; padding:7% 3% 8% 10%; color:#fff; font-size:18px; line-height:32px; text-align:left; font-weight:900}
.about_right_zi h3 { font-size:35px; line-height:50px;}
.about_right_zi p { padding-top:20px; float:left}


.wenhua_tu { float:left; width:49%; background:; height:400px;}
.wenhua_tu img{  width:100%; height:auto; margin-top:40px;}
.wenhua_zi { float:left; width:50%; height:400px; margin-top:60px; color:#fff;}


.nybg{ background:rgba(250,250,250,0.5)}
.nybg .index_wz{ padding-bottom:50px;}
.jyzuo{ width:45%; overflow:hidden; border-radius:5px;}
.jyzuo  img{transition: all 0.8s; width:100%;}
.jyzuo  img:hover{   transform: scale(1.1);}
.jyyou{ width:50%; line-height:30px; }

.neirong{ line-height:30px;padding-top:0px; font-size:16px;}
.neirong1{ width:100%; float:left; padding-top:50px;}





  /*job*/
 .lian-page-job {width:100%; margin:0 auto;}
 
.lian-page-career-development {margin-top: 0px;overflow: hidden;}
.lian-page-career-development-content {text-align: center;padding: 0% 0% 3%;overflow: hidden;}
.lian-page-career-development-content .class-1 {font-weight: 900;color: #24b7b3;}

.lian-page-career-development-video {position: relative;}
.lian-page-career-development-video .video-text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width: 50%;text-align: center;}
.lian-page-career-development-video .title-1 {color: #fff;margin-top:1%;}
.lian-page-career-development-video .title_cu { font-weight:700;}
.lian-page-career-development-video .play-1 {width: 90px;height: 90px;border-radius: 100%;background: #fff;margin: auto;position: relative;cursor: pointer;transition:all .4s ease;}
.lian-page-career-development-video .play-1 i{display: block;width: 20px;height: 20px;background: url('../images/play.png') center top no-repeat;position: absolute;left: 40%;top: 50%;transform: translateY(-50%);transition:all .4s ease; }
.lian-page-career-development-video .play-1:hover {transform: scale(0.9);}

.lian-page-career-development-center {overflow: hidden;padding-bottom: 3%;}
.lian-page-career-development-center .lian-page-career-development-content {width: 76%;margin: auto;text-align: left;padding: 6% 0 4% 0;}
.lian-page-career-development-center .lian-page-career-development-content .text-1 {margin: 0;margin-top: 3%;width: 66%;}
.lian-page-career-development-swiper {position: relative;float: right;width: 88%;overflow: visible;}
.lian-page-career-development-item {overflow: hidden;}
.lian-page-career-development-item .title-1{margin-top: 3%;}
.lian-page-career-development-bottom {width:1200px;margin: auto;padding-bottom: 6%;overflow: hidden;}
.position-list {overflow: hidden;border-bottom: 1px solid #d4d4d4;}
.lian-page-career-position-item {overflow: hidden; margin-bottom:5px;}
.lian-page-career-position-item .title2{padding: 1% 0;overflow: hidden;cursor: pointer;position: relative; background:#f5f5f5; font-size:15px;}
.lian-page-career-position-item .title2.cur .title-1{color: #000;}
.lian-page-career-position-item .title2.cur {border-bottom: 0px solid #fff; }
.lian-page-career-position-item .title2::before {content: '';width: 12px;height: 2px;background: #535353;position: absolute;right: 0;top: 50%;margin-top: 0;margin-right:2%}
.lian-page-career-position-item .title2::after {content: '';width: 2px;height: 12px;background: #535353;position: absolute;right: 5px;top: 50%;margin-top: -5px;margin-right:2%}
.lian-page-career-position-item .title2.cur::after,.lian-page-career-position-item .title2.cur .text-1{display: none;}
.lian-page-career-position-item .title2 .title-1,.lian-page-career-position-item .title2 .text-1{display: inline-block;vertical-align: middle;}
.lian-page-career-position-item .title2 .title-1 {width: 30%;color:#535353; padding-left:5%}

.lian-page-career-position-item .title2 .text-1 {width:30%;color:#535353;}
.lian-page-career-position-item .text{padding: 2% 0;overflow: hidden;display: none;}
.lian-page-career-position-item .position-li:first-child li{float: left;margin-right: 5%;}
.lian-page-career-position-item .position-li {overflow: hidden;}
.lian-page-career-position-item .position-li li{list-style: none;margin: 0;padding: 0;margin-bottom: 3%;}
.lian-page-career-position-item .position-li .text-3{color: #999;}
.lian-page-career-position-item .position-li .text-4{margin-top: 10px;}	
.lian-page-career-position-item .position-li .text-4 p {margin: 0;padding: 0;} 
.apply-now-1 {overflow: hidden;}
.apply-now-1 a{width: 120px;padding:5px 0;text-align: center;color: #fff;background: #d80606;display: block;}
.position-bottom {margin-top: 2%;}
 
 
 .lian-page-career-position-item {overflow: hidden;}
.lian-page-career-position-item .title3{padding: 1% 0;overflow: hidden;cursor: pointer;position: relative; background:#0082c8; font-size:15px;}
.lian-page-career-position-item .title3.cur .title-1{color: #fff;}
.lian-page-career-position-item .title3.cur {border-bottom: 1px solid #fff;}
.lian-page-career-position-item .title3::before {content: '';width: 12px;height: 2px;background: #fff;position: absolute;right: 0;top: 50%;margin-top: 0;margin-right:2%}
.lian-page-career-position-item .title3::after {content: '';width: 2px;height: 12px;background: #fff;position: absolute;right: 5px;top: 50%;margin-top: -5px;margin-right:2%}
.lian-page-career-position-item .title3.cur::after,.lian-page-career-position-item .title3.cur .text-1{display: none;}
.lian-page-career-position-item .title3 .title-1,.lian-page-career-position-item .title3 .text-1{display: inline-block;vertical-align: middle;}
.lian-page-career-position-item .title3 .title-1 {width: 30%;color:#fff; font-weight:900; padding-left:5%}

.lian-page-career-position-item .title3 .text-1 {width:30%;color:#fff; }
 



/*内页企业文化*/

.servicesBox { width:100%; height:320px; margin:0 auto; clear:both; line-height:24px; color:#999999; font-size:12px;}
.servicesBox .serBox { cursor:pointer; border:1px solid #fff; display:inline; width:16.66%; height:320px; float:left; overflow:hidden; background-color:#f4f4f4; position:relative;}
.servicesBox .serBoxOn { font-family:"Microsoft Yahei"; display:none; width:100%; height:320px; background:url(../images/serboxon_bg.gif) repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:19;}
.servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:72px; right:41px; z-index:99;}
.servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:10px; left:-110px; z-index:99;}

.servicesBox .serBox .txt1 { width:100%; height:100px; color:#999999; position:absolute; top:185px; left:0px; z-index:99;}

.servicesBox .serBox .txt2 { width:100%; height:100px; color:#a9cf4f; position:absolute; top:110px; right:-240px; z-index:99;}
.servicesBox .serBox span.tit { font-size:22px; display:block; text-align:center; }
.servicesBox .serBox .txt1 .tit { color:#000000; line-height:30px;}
.servicesBox .serBox .txt2 .tit { color:#fff; line-height:50px; }
.servicesBox .serBox p{ padding:0 10px; text-align:center; line-height:25px; font-size:14px;}
.servicesBox .serBox .txt2 p { color:#fff;}



/*内页企业文化*/

.wh1{ width:100%; float:left;background-image:url(../images/bg_about_history1.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed;  padding-top:100px; padding-bottom:100px; text-align:center; font-size:20px; color:#FFFFFF; line-height:30px;}
.wh1 b{ font-size:40px; color:#FFFFFF; line-height:70px!important;}


.ho{ line-height:50px; text-align:center; font-size:15px; margin-bottom:50px; float:left; width:100%;}
.ho p{ border:#dfdfdf solid 1px; float:left; width:48%; margin-bottom:5px; margin-right:0.5%; margin-left:0.5%}

/*内页联系我们*/
.ditu{ width:50%}
.ditu img{ width:auto!important}
.nylianxi{ width:45%;line-height:35px; padding-top:0px;}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 20px;font-weight:normal; color:#000; margin-bottom:0px;}
.rit-box .top-tit p {font-size: 15px;color: #999999; }
.rit-box .top-tit p font{ color:#0082c8; font-weight:bold; font-size:25px;}
.city li.on, .city li:hover {background-color: #0082c8;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #0082c8;}
.city li a{ color:#fff}
.city {width: 100%;display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}



.font3{ color:#FFFFFF; font-weight:bold}



/*工程案例*/
.teshunymain{ margin-bottom:20px;}
.teshunymain .nywenzi{ border-bottom:0px;}
.xiangguan h2{ color:#000; font-size:35px; text-align:center; margin:0 auto; font-weight:normal; padding-bottom:50px;}
.case ul li{ float:left; width:30%; margin-left:1.5%; margin-right:1.5%; margin-bottom:1.5%}
.case ul li h2{ color:#000; text-align:center; font-size:20px;}
.anli_tu{ width:100%; height:270px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.anli_tu  img{max-height:270px; transition: all 0.8s; border-radius:5px;}
.case ul li:hover img{   transform: scale(1.2);border-radius:5px;}
.case ul li:hover h2{ color:#0082c8}

.huisebg{ background:#f2f2f2; width:100%; margin:0 auto}
.anlimc{ color:#000; font-size:30px; text-align:center; margin:0 auto;}
.anli_z{ width:45%; height:400px; overflow:hidden}
.anli_z img{ width:100%; transition: all 0.8s;height:400px;}
.anli_z img:hover{transform: scale(1.2);}
.anli_y{ background:#0082c8; width:55%; height:400px; color:#fff;}
.anli_txt{ padding-top:60px; }
.albk{ padding:50px;}
.anms{ line-height:30px;}


/*详细页*/
.ny_biao h2{ color:#000; font-size:25px; text-align:center; margin:0 auto; font-weight:normal}
.neirong_biankang{ padding:50px;   width: min(1280px, calc(100% - 2.5rem)); margin:auto; background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.03); line-height:32px; font-size:16px;border-radius:15px; overflow:hidden}


.neirong_biankang12{ padding:50px;   width: min(1280px, calc(100% - 2.5rem)); margin:auto; background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.03); line-height:32px; font-size:16px;border-radius:15px; overflow:hidden}

/*企业文化独立排版*/
.culture-page{
  width: 100%;
  float: left;
  background: #f6f6f6;
  padding: 60px 0 80px;
  box-sizing: border-box;
}
.culture-page .culture-inner{
  width: min(1280px, calc(100% - 2.5rem));
  margin: 0 auto;
}
.culture-page .culture-head{
  text-align: center;
  margin-bottom: 48px;
}
.culture-page .culture-head h2{
  margin: 0;
  font-size: 28px;
  color: #343434;
  font-weight: bold;
  line-height: 1.3;
}
.culture-page .culture-line{
  display: block;
  width: 60px;
  height: 3px;
  margin: 18px auto 0;
  background: #0082c8;
}
.culture-page .culture-circles{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.5rem 3.5rem;
}
.culture-page .culture-circle{
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 28px rgba(10, 61, 98, 0.1);
  border: 3px solid #e8f4fb;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
}
.culture-page .culture-circle-inner{
  padding: 1.2rem;
}
.culture-page .culture-circle p{
  margin: 0;
  color: #0a3d62;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
}
.culture-page .culture-circle:hover{
  transform: translateY(-6px);
  background: #0082c8;
  border-color: #0082c8;
  box-shadow: 0 16px 32px rgba(0, 130, 200, 0.28);
}
.culture-page .culture-circle:hover p{
  color: #fff;
}

@media (max-width: 768px){
  .culture-page{ padding: 30px 0 40px; }
  .culture-page .culture-head{ margin-bottom: 28px; }
  .culture-page .culture-head h2{ font-size: 20px; }
  .culture-page .culture-line{ width: 40px; margin-top: 12px; }
  .culture-page .culture-circles{ gap: 1.5rem; }
  .culture-page .culture-circle{
    width: 170px;
    height: 170px;
  }
  .culture-page .culture-circle p{ font-size: 15px; }
}

/*人才招聘独立排版*/
.job-page{
  width: 100%;
  float: left;
  background: #f6f6f6;
  padding: 60px 0 80px;
  box-sizing: border-box;
}
.job-page .job-inner{
  width: min(1280px, calc(100% - 2.5rem));
  margin: 0 auto;
}
.job-page .job-head{
  text-align: center;
  margin-bottom: 36px;
}
.job-page .job-head h2{
  margin: 0;
  font-size: 28px;
  color: #343434;
  font-weight: bold;
  line-height: 1.3;
}
.job-page .job-line{
  display: block;
  width: 60px;
  height: 3px;
  margin: 18px auto 0;
  background: #0082c8;
}
.job-page .job-idea{
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(10, 61, 98, 0.05);
  padding: 40px 44px 42px;
  margin-bottom: 28px;
  box-sizing: border-box;
}
.job-page .job-idea-title{
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 700;
  color: #0a3d62;
  line-height: 1.3;
  letter-spacing: 0.04em;
}
.job-page .job-idea-intro{
  margin: 0 0 28px;
  color: #666;
  font-size: 15px;
  line-height: 2;
}
.job-page .job-idea-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem;
  align-items: stretch;
}
.job-page .job-idea-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f3f7fa;
  border-radius: 8px;
  padding: 1.6rem 1.4rem 1.7rem;
  border: 0;
  border-top: 4px solid #6eb4d8;
  box-sizing: border-box;
  transition: transform .25s ease, box-shadow .25s ease;
}
.job-page .job-idea-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0, 130, 200, 0.1);
}
.job-page .job-idea-num{
  display: block;
  margin: 0 0 0.9rem;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #0082c8;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}
.job-page .job-idea-card p{
  margin: 0;
  color: #5a6573;
  font-size: 14px;
  line-height: 1.9;
  flex: 1;
}
.job-page .job-list-wrap{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(10, 61, 98, 0.06);
  padding: 36px 40px 40px;
}
.job-page .job-list-title{
  font-size: 22px;
  font-weight: 700;
  color: #0a3d62;
  margin-bottom: 22px;
}
.job-page .job-table{
  width: 100%;
}
.job-page .job-table-head,
.job-page .job-row-bar{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 5px;
  align-items: center;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}
.job-page .job-table-head{
  background: #0082c8;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 0 1.5rem;
  min-height: 48px;
}
.job-page .job-table-head .job-col-toggle{
  text-align: right;
  font-size:20px;
  font-weight: 400;
  line-height: 1;
}
.job-page .job-table-body{
  margin-top: 0;
}
.job-page .job-row{
  margin-top: 6px;
}
.job-page .job-row-bar{
  border: 0;
  background: #f3f3f3;
  color: #333;
  text-align: left;
  cursor: pointer;
  padding: 1rem 1rem;
  transition: background .2s ease;
  font: inherit;
}
.job-page .job-row-bar:hover{
  background: #ececec;
}
.job-page .job-col-post{
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}
.job-page .job-col-post strong{
  font-size: 15px;
  color: #222;
  line-height: 1.35;
}
.job-page .job-col-post em{
  font-style: normal;
  font-size: 13px;
  color: #888;
}
.job-page .job-col-time{

  font-size: 15px;
}
.job-page .job-col-toggle{
  position: relative;
  width: 100%;
  height: 18px;
}
.job-page .job-row-bar .job-col-toggle::before,
.job-page .job-row-bar .job-col-toggle::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background: #555;
  transition: transform .2s ease, opacity .2s ease;
}
.job-page .job-row-bar .job-col-toggle::before{
    width: 10px;
    height: 2px;
    margin-top: 3px;
}
.job-page .job-row-bar .job-col-toggle::after{
    width: 2px;
    height: 10px;
    right: 4px;
    margin-top: -1px;
}
.job-page .job-row.is-open .job-row-bar{
  background: #e9e9e9;
}
.job-page .job-row.is-open .job-row-bar .job-col-toggle::after{
  opacity: 0;
  transform: scaleY(0);
}
.job-page .job-row-detail{
  display: none;
  background: #fafafa;
  border: 1px solid #eee;
  border-top: 0;
  padding: 1.25rem 1.5rem 1.5rem;
}
.job-page .job-row.is-open .job-row-detail{
  display: block;
}
.job-page .job-detail-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 2rem;
  margin-bottom: 1rem;
  color: #333;
  font-size: 14px;
}
.job-page .job-detail-meta i,
.job-page .job-detail-body > i{
  font-style: normal;
  color: #999;
  margin-right: 0.25rem;
}
.job-page .job-detail-body{
  color: #555;
  font-size: 14px;
  line-height: 1.85;
}
.job-page .job-detail-content{
  margin-top: 0.45rem;
}
.job-page .job-detail-content p{
  margin: 0 0 0.5rem;
}
.job-page .job-page-nav{
  margin-top: 28px;
  text-align: center;
  clear: both;
}
.job-page .job-page-nav,
.job-page .job-page-nav a,
.job-page .job-page-nav span{
  color: #666;
  font-size: 13px;
}
.job-page .job-page-nav a,
.job-page .job-page-nav > *{
  display: inline-block;
  border: 1px solid #ddd;
  padding: 6px 14px;
  background: #fff;
  text-decoration: none;
  line-height: 1.4;
}

@media (max-width: 980px){
  .job-page .job-idea-grid{
    grid-template-columns: 1fr;
  }
  .job-page .job-idea{
    padding: 28px 22px 30px;
  }
}

@media (max-width: 768px){
  .job-page{ padding: 30px 0 40px; }
  .job-page .job-head h2{ font-size: 20px; }
  .job-page .job-line{ width: 40px; margin-top: 12px; }
  .job-page .job-idea{ padding: 22px 16px 24px; border-radius: 12px; }
  .job-page .job-idea-title{ font-size: 20px; margin-bottom: 12px; }
  .job-page .job-idea-intro{ margin-bottom: 20px; font-size: 14px; line-height: 1.85; }
  .job-page .job-idea-num{ font-size: 30px; }
  .job-page .job-idea-card{ padding: 1.25rem 1.1rem 1.35rem; }
  .job-page .job-list-wrap{ padding: 24px 16px 28px; border-radius: 12px; }
  .job-page .job-list-title{ font-size: 18px; }
  .job-page .job-table-head,
  .job-page .job-row-bar{
    grid-template-columns: 1.1fr 0.9fr 0.9fr 36px;
    gap: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .job-page .job-col-post strong{ font-size: 15px; }
  .job-page .job-col-time{ font-size: 13px; }
  .job-page .job-row-detail{ padding: 1rem; }
  .job-page .job-detail-meta{ gap: 0.5rem 1rem; }
}

/*产品列表独立排版*/
.products-page{
  width: 100%;
  float: left;
  background: #f6f6f6;
  padding: 60px 0 80px;
  box-sizing: border-box;
}
.products-page .products-inner{
  width: min(1280px, calc(100% - 2.5rem));
  margin: 0 auto;
}
.products-page .products-head{
  text-align: center;
  margin-bottom: 40px;
}
.products-page .products-head h2{
  margin: 0;
  font-size: 28px;
  color: #343434;
  font-weight: bold;
  line-height: 1.3;
}
.products-page .products-line{
  display: block;
  width: 60px;
  height: 3px;
  margin: 18px auto 14px;
  background: #0082c8;
}
.products-page .products-head p{
  margin: 0 auto;
  max-width: 48em;
  color: #666;
  font-size: 15px;
  line-height: 1.8;
}
.products-page .products-block{
  margin-bottom: 42px;
}
.products-page .products-cat{
  background: #0082c8;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 22px;
}
.products-page .products-cat a{
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  text-decoration: none;
}
.products-page .products-grid{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}
.products-page .products-grid > li{
  display: flex;
  height: 100%;
}
.products-page .products-card{
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(10, 61, 98, 0.06);
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
  height: 100%;
}
.products-page .products-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(10, 61, 98, 0.12);
}
.products-page .products-card-media{
  height: 210px;
  background: #111;
  overflow: hidden;
  flex: 0 0 auto;
}
.products-page .products-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.products-page .products-card:hover .products-card-media img{
  transform: scale(1.06);
}
.products-page .products-card-body{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.25rem 1.3rem 1.35rem;
  background: #fff;
  border-top: 1px solid #eef2f5;
}
.products-page .products-card-body h3{
  margin: 0 0 0.65rem;
  font-size: 17px;
  font-weight: 700;
  color: #0a3d62;
  line-height: 1.45;
  min-height: 2.9em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.products-page .products-card-cas{
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.35rem;
  margin: 0 0 0.85rem;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  background: rgba(0, 130, 200, 0.08);
  color: #0082c8;
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.products-page .products-card-cas strong{
  font-weight: 700;
  color: #0a6eaa;
}
.products-page .products-card-desc{
  margin: 0 0 1rem;
  color: #5a6573;
  font-size: 14px;
  line-height: 1.8;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.products-page .products-card-more{
  display: inline-block;
  margin-top: auto;
  color: #0082c8;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.products-page .products-card-more::after{
  content: " →";
}
.products-page .products-card:hover .products-card-more{
  color: #0069a3;
}
.products-page .products-more{
  text-align: center;
  margin-top: 26px;
}
.products-page .products-more a{
  display: inline-block;
  min-width: 160px;
  line-height: 42px;
  padding: 0 1.5rem;
  background: #0082c8;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 15px;
}
.products-page .products-more a:hover{
  background: #0069a3;
}

@media (max-width: 980px){
  .products-page .products-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

@media (max-width: 640px){
  .products-page{ padding: 30px 0 40px; }
  .products-page .products-head h2{ font-size: 20px; }
  .products-page .products-line{ width: 40px; }
  .products-page .products-grid{
    grid-template-columns: 1fr;
  }
  .products-page .products-card-media{ height: 200px; }
  .products-page .products-card-body{ padding: 1.1rem 1.05rem 1.2rem; }
  .products-page .products-card-body h3{ min-height: 0; font-size: 16px; }
  .products-page .products-card-desc{ -webkit-line-clamp: 5; }
}

.contact-page{
  width: 100%;
  float: left;
  background: #f6f6f6;
  padding: 60px 0 80px;
  box-sizing: border-box;
}
.contact-page .contact-inner{
  width: min(1280px, calc(100% - 2.5rem));
  margin: 0 auto;
}
.contact-page .contact-head{
  text-align: center;
  margin-bottom: 36px;
}
.contact-page .contact-head h2{
  margin: 0;
  font-size: 28px;
  color: #343434;
  font-weight: bold;
  line-height: 1.3;
}
.contact-page .contact-line{
  display: block;
  width: 60px;
  height: 3px;
  margin: 18px auto 0;
  background: #0082c8;
}
.contact-page .contact-card{
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.03);
  padding: 48px 52px;
}
.contact-page .contact-company{
  font-size: 20px;
  font-weight: 700;
  color: #0a3d62;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e8eef3;
}
.contact-page .contact-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem 1.5rem;
}
.contact-page .contact-list li{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  padding: 1.1rem 1.15rem;
  border: 0;
  border-radius: 10px;
  background: #f7fafc;
  line-height: 1.55;
  min-height: 100%;
  box-sizing: border-box;
}
.contact-page .contact-list li:last-child{
  border-bottom: 0;
  padding-bottom: 1.1rem;
}
.contact-page .contact-label{
  flex: none;
  color: #8a94a0;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.contact-page .contact-value{
  flex: none;
  width: 100%;
  color: #445062;
  font-size: 16px;
  word-break: break-all;
}
.contact-page .contact-value a{
  color: #0082c8;
  text-decoration: none;
}
.contact-page .contact-value a:hover{
  text-decoration: underline;
}

@media (max-width: 980px){
  .contact-page .contact-list{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px){
  .contact-page{ padding: 30px 0 40px; }
  .contact-page .contact-head{ margin-bottom: 22px; }
  .contact-page .contact-head h2{ font-size: 20px; }
  .contact-page .contact-line{ width: 40px; margin-top: 12px; }
  .contact-page .contact-card{ padding: 28px 22px; border-radius: 12px; }
  .contact-page .contact-company{ font-size: 17px; margin-bottom: 18px; padding-bottom: 14px; }
  .contact-page .contact-list{
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }
  .contact-page .contact-list li{ padding: 0.95rem 1rem; }
  .contact-page .contact-label{ font-size: 13px; }
  .contact-page .contact-value{ font-size: 15px; }
}
.ny_fbrq{ text-align:center; margin:0 auto; color:#555; opacity:0.6; margin-top:10px;}
.fanye{ background:#f2f2f2; height:70px; line-height:70px; margin-top:60px; padding-left:15px; padding-right:15px; font-size:16px;}
.fanye ul li{ float:left;}
.fanye ul li:nth-child(1){ width:40%;}
.fanye ul li:nth-child(3){ width:40%; text-align:right}
.fanye ul li:nth-child(2){ width:20%; background:#0082c8; text-align:center}
.fanye ul li:nth-child(2) a{ color:#fff;}

/*内页新闻*/
.newsmid{background-color:#fff; overflow:hidden}
.newsmid_1_2{overflow:hidden;}
.newsmid_1_2 img{width:100%;}
.newsmid_1_1{font-size:1.875em; color:#000; margin-top:2.333333333333333em; margin-bottom:1.2em;}
.newsmid_1_3{ margin-top:2em; margin-bottom:2em;
position:relative; padding-left:6.875em;}
.newsmid_1_3_right{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; min-height:3.6em;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:0.9375em; color:#000; line-height:1.8;}

.newsmid_1_3_left_1{
font-size:2.5em; color:#000; font-weight:bold; line-height:1;}
.newsmid_1_3_left_2{
font-size:0.75em; color:#666;}
.newsmid_2_1 ul li{ 
float:left; width:100%;  }
.newsmid_2_1 ul li:nth-child(3n){
margin-right:0;}




.newsmid_2_1_mid_1{overflow:hidden; width:180px; border:1px solid #f2f2f2; display: flex;justify-content: center;
align-items: center;height:120px; background:#fff;}
.newsmid_2_1_mid_1 img{width:200px;height:120px;}
.newsmid_2_1_mid {background-color:#fff; border:1px #e4e4e4 solid; padding-top:20px; padding-left:40px; padding-right:30px; padding-bottom:20px; margin-bottom:20px;box-shadow: 0px 1px 1px 0px rgba(0,0,0,.09);}
a:hover .newsmid_2_1_mid{ background:#f8f8f8;}


a:hover .newsmid_2_1_mid .newsmid_2_1_mid_1 img { transform:scale(1.07) }

.newsmid_2_1_mid_2{ width:100%;}
.newsmid_2_1_mid_2_1{  float:left; width:10%; border-right:1px solid #e2e2e2; text-align:center; margin-top:10px;
color:#0082c8; font-size:0.875em; font-family:Arial, Helvetica, sans-serif; padding-right:10px; margin-right:20px;}
.newsmid_2_1_mid_2_1 b { font-size:18px; color:#0082c8; font-family:Arial, Helvetica, sans-serif;  line-height:20px; float:left; font-weight:normal}
.newsmid_2_1_mid_2_2{overflow:hidden;width:85%; margin-top:0px;}
.newsmid_2_1_mid_2_2 h3 {font-size:17px; margin-left:10px; text-align:left; font-weight:400;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;line-height:35px; }
.newsmid_2_1_mid_3{ position:absolute; left:0; bottom:0;border-top:1px #d7d7d7 solid;width:100%;}

.cci{font-size:15px; color:#afafaf; margin-left:10px;  text-align:left; font-weight:400;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; line-height:45px; }


.newsmid_2_2{ margin-top:1em;
text-align:center;}
.newsmid_2_2 a{ 
display:inline-block; background-color:#fff; padding:0.5em 1.1em; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 0.2em;margin-bottom:0.5em;}
.newsmid_2_2 a.on,.newsmid_2_2 a:hover{
color:#fff; background-color:#027845}







.news_da { background:none!important;}
.news_da_nr { width:68%; float: left;}



/*内页新闻*/
.newsmid3{background-color:#fff; overflow:hidden}
.newsmid3_1_2{overflow:hidden;}
.newsmid3_1_2 img{width:100%;}
.newsmid3_1_1{font-size:1.875em; color:#000; margin-top:2.333333333333333em; margin-bottom:1.2em;}
.newsmid3_1_3{ margin-top:2em; margin-bottom:2em;
position:relative; padding-left:6.875em;}
.newsmid3_1_3_right{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; min-height:3.6em;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:0.9375em; color:#000; line-height:1.8;}

.newsmid_31_3_left_1{
font-size:2.5em; color:#000; font-weight:bold; line-height:1;}
.newsmid3_1_3_left_2{
font-size:0.75em; color:#666;}
.newsmid3_2_1 ul li{ 
float:left; width:100%;  }
.newsmid3_2_1 ul li:nth-child(3n){
margin-right:0;}




.newsmid3_2_1_mid_1{overflow:hidden; width:180px; border:1px solid #f2f2f2; display: flex;justify-content: center;
align-items: center;height:120px; background:#fff;}
.newsmid3_2_1_mid_1 img{width:200px;height:120px;}
.newsmid3_2_1_mid {background-color:#fff; border:1px #e4e4e4 solid; padding-top:10px; padding-left:20px; padding-right:30px; padding-bottom:10px; margin-bottom:20px;box-shadow: 0px 1px 1px 0px rgba(0,0,0,.09);}
a:hover .newsmid3_2_1_mid{ background:#f8f8f8;}


a:hover .newsmid3_2_1_mid .newsmid3_2_1_mid_1 img { transform:scale(1.07) }

.newsmid3_2_1_mid_2{ width:100%;}
.newsmid3_2_1_mid_2_1{  float:left; width:20%; border-right:1px solid #e2e2e2; text-align:left; margin-top:10px;
color:#0082c8; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-right:10px; margin-right:20px; line-height:27px;}
.newsmid3_2_1_mid_2_1 b { font-size:22px; color:#0082c8; font-family:Arial, Helvetica, sans-serif;  line-height:20px; float:left; font-weight:900}
.newsmid3_2_1_mid_2_2{overflow:hidden;width:63%; margin-top:10px;}
.newsmid3_2_1_mid_2_2 p {font-size:15px; margin-left:10px; text-align:left; font-weight:400;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4; overflow:hidden;line-height:27px; }
.newsmid3_2_1_mid_3{ position:absolute; left:0; bottom:0;border-top:1px #d7d7d7 solid;width:100%;}

.cci{font-size:15px; color:#afafaf; margin-left:10px;  text-align:left; font-weight:400;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden; line-height:45px; }


.newsmid3_2_2{ margin-top:20px;
text-align:center;}
.newsmid3_2_2 a{ 
display:inline-block; background-color:#fff; padding:0.5em 1.1em; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 0.2em;margin-bottom:0.5em;}
.newsmid3_2_2 a.on,.newsmid3_2_2 a:hover{
color:#fff; background-color:#027845}

.newsmid3_2_1_mid_2_3{width:10%; float:right;}





.m13{border-radius:25px; border:#CCCCCC solid 1px; width:100px; line-height:32px; float:right; margin-top:30px; font-size:14px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m13:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.fanhui{ width:100%; margin:0 auto; line-height:40px; margin-top:50px; margin-bottom:0px;}
.fanhui ul li{ float:left; width:31%;background:#f2f2f2;padding-left:1%; padding-right:1%; padding-top:5px; padding-bottom:5px; }
.fanhui ul li:nth-child(2n) {background:#d5d5d5; text-align:center}
.fanhui ul li:nth-child(2n) a{ color:#fff; text-align:center}



.cplist2{ width:31%; height:300px; background:#efefef;-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ -webkit-transition: .8s; margin-right:1.2%; margin-left:1%; margin-bottom:60px;}
.biaoq2{ color:#c7c7c7; padding-top:30px; font-size:16px;text-align:center}
.cplist2 h2{ font-size:20px; font-weight:bold; color:#000; text-align:center; padding-top:2px; padding-bottom:15px;}
.cplist2 h2 a{ color:#000}
.cplist2 a:hover  h2 { color:#0082c8}
.cpmiao2{ background:#fff; line-height:30px; width:75%; margin:10px; padding:20px; margin:0 auto; color:#555;}
.pmore2{ background:#0082c8;height:30px; line-height:30px; text-align:center; width:130px;margin-top:40px; margin-bottom:40px;-moz-border-radius:20px;/*Firefox支持*/ -webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ margin:0 auto; text-align:center; margin-top:20px; color:#fff}
.pmore2 a{ color:#fff;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.pmore2 a:hover {padding-left:20px; display:block }
.cplist2:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition: .8s;-moz-transition:.8s;-o-transition: .8s;}
.wslan{ background:#8ba747; width:100%; margin:0 auto; text-align:center;  margin-bottom:20px;}
.wslan h2{ color:#fff; text-align:center; line-height:24px; font-size:18px; padding-top:15px; padding-bottom:15px;}


.cpnr tr td{ padding:1%; }

.ny_sou{ padding:50px; background:#f2f2f2}
.ny_sou_z{ width:80%; background:#fff;}
.ny_sou_z input{ background:#fff;border:0px;height:50px; line-height:50px; padding-left:15px; width:98%; border:0px; font-size:15px; color:#555; outline:none;}
.cpzs_con1_u1{font-size: 0;}
.cpzs_con1_u1 li:hover { margin-top:-10px;}
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:23%;margin-right: 2.6%;position: relative;text-align: center;margin-bottom: 40px; box-shadow:0px 8px 8px 0px rgba(0,0,0,.1); transition:all 0.4s; }
.cpzs_con1_u1 li:nth-child(4n){margin-right: 0;}
.cpzs_con1_u1 li img{/*width: 100%;*/ vertical-align: middle; margin:0px auto;   }
.cpzs_con1_u1 li a span{display: block;  height:140px;   
 display: flex;justify-content: center;
align-items: center;}
.cpzs_con1_u1 li a{display: block;position: relative;text-align: center;background: #fff;box-sizing: border-box;border: 1px solid #dedede;padding: 5px;}
.cpzs_con1_u1 li a:after{content: '';display: block;width: 0%;height: 1px;background:#035cac;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:before{content: '';display: block;width: 1px;height: 0%;background:#035cac;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:after{content: '';display: block;width: 0%;height: 1px;background:#035cac;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:before{content: '';display: block;width:1px;height: 0%;background:#035cac;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
/*.cpzs_con1_u1 li a:hover:after,.cpzs_con1_u1 li a:hover span:after{width: 100%;}
.cpzs_con1_u1 li a:hover:before,.cpzs_con1_u1 li a:hover span:before{height: 100%;}*/



.cpzs_con1_u1 li a span img{max-width:100%;transform: translateX(0); max-height:100%; }
.sec3_right_div{box-sizing: border-box;padding:0 15px 40px 15px; }
.sec3_right_div h2{font-size: 18px;color: #2c3238;transition: 0.3s ease-out;word-break: break-all; }
.sec3_right_div p{margin-top: 5px; height:40px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#2a2a2a;background: #f2f2f2;box-sizing: border-box; width:150px; height:40px; line-height:40px; text-align:center;z-index: 2;position: relative; margin-top:12px;}
.cpzs_con1_u1 li a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background: #0082c8;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.cpzs_con1_u1 li a i img{transition: 0.3s ease-out;transform:translateX(0px);width: auto; margin-top:13px;}
.cpzs_con1_u1 li a i:hover img{transform:translateX(0px) rotate(180deg);}
.cpzs_con1_u1 li a:hover i{transform: translateY(0);opacity: 1;}
.cpzs_con1_u1 li a:hover h1{color: #035cac;}
.cpzs_con1 .xwpage {padding: 60px 0 100px;}


.ny_chan_z{ width:40%; border:2px dotted #ccc; display: flex;justify-content: center;
align-items: center; height:400px; overflow:hidden; text-align:center; margin:0 auto}
.ny_chan_z  img{max-height:400px; transition: all 0.8s;}
.ny_chan_z  img:hover{   transform: scale(1.2);}
.ny_chan_y{ width:100%;}
.ny_chan_y h2{ color:#333; font-size:25px;}
.ny_chan_xx{ font-size:17px; line-height:35px; color:#555;}
.ny_rx{ color:#0082c8; font-size:25px; margin-top:30px;}
.ny_lx{ background:#0082c8; width:170px; margin-top:15px; height:50px; line-height:50px; text-align:center; }
.ny_lx a{ color:#fff; font-size:17px;}

.contentPage{text-align:center;margin:0px 3px; padding:0px; padding-top:15px;color: #7d7d7d; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #7d7d7d; text-decoration: none; font-size: 15px; margin:0px 3px; padding:4px 7px; border: 1px solid #0082c8; font-weight: normal;}
.contentPage a:visited {color: #7d7d7d; text-decoration: none; font-size: 15px; margin:0px 3px; border: 1px solid #0082c8; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 15px; text-decoration: none; padding:4px 7px; background-color:#0082c8;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 15px; margin: 0px; border:0px solid #0082c8; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:15px; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

/*党建工作*/
.djgz_bk{ padding:20px;}
.nydjgz dl dd{background: #fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);line-height: 35px;font-size: 16px; margin-bottom:30px;}
.nydjgz .riqi{ width:10%; text-align:center; border-right:1px solid #d8d8d8}
.riqi h2{ font-size:30px; color:#0082c8;}
.riqi h3{ font-size:16px; font-weight:normal}
.djgztxt{ margin-left:20px; margin-top:20px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:20;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-size:18px; -webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.gjgzgd{ background:#0082c8; color:#fff; text-align:center; height:30px; line-height:30px; width:110px; margin-top:20px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.nydjgz dl dd:hover{ background:#f8f8f8}
.nydjgz dl dd:hover .djgztxt{ padding-left:20px; color:#0082c8}
.nydjgz dl dd:hover .gjgzgd{ padding-left:20px; padding-right:20px; display:block; background:#0082c8;}

.tabbox {width:100%;}
    .tabmenu {width:60%;height:50px; margin:0 auto; text-align:center}
    .tabmenu ul {margin:0;padding:0;list-style-type: none;}
    .tabmenu li { font-size:18px;text-align:center; float:left; display:block; width:31%; margin-left:1%; margin-right:1%; height:50px; overflow:hidden; background-color: #f2f2f2; line-height:50px; display:inline;}
    .tabmenu .cli {text-align:center;float:left;display:block;width:31%;height:50px;overflow:hidden;background-color: #0082c8;line-height:50px;display:inline; cursor:pointer; color:#fff; font-size:18px;}
    #tabcontent {width:100%; margin-top:60px;}
    #tabcontent ul {margin:0;list-style-type: none;}
    #tabcontent .hidden {display:none;}
/*人才招聘*/

.join-us .recruit-list{max-width:100%;}
.join-us .recruit-list .item{border-bottom:1px dashed #D3D3D3;}
.join-us .recruit-list .item .title{height:80px;line-height:80px;font-size:16px;color:#333333;cursor:pointer;}
.join-us .recruit-list .item .title .down{width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#8A8A8A;float:right;border-radius:50%;margin-top:25px;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.join-us .recruit-list .item .title .down:hover{background:#0082c8;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);line-height:31px;}
.join-us .recruit-list .item .title .down.open{background:#0082c8;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);line-height:31px;}
.join-us .recruit-list .item .contents{font-size:14px;color:#555;line-height:1.8;overflow:hidden;display:none;}
.join-us .recruit-list .item .contents.open{}
.join-us .recruit-list .item .contents p{padding-bottom:30px;}


.join-us .recruit-list .item .title .down {

    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #8A8A8A;
    float: right;
    border-radius: 50%;
    margin-top: 25px;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;

}
.iconfont {

    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

  @font-face {
	font-family:BEBAS;
	src: url('../fonts/BEBAS.ttf'); }
		#articleContent { justify-content: space-between}
        #articleContent .fl11{ width:589px; }
		 #articleContent .fr11{ width:100%; }
		
			.fr11 h3{ font-size:30px; color:#000; font-weight:normal; margin-bottom:20px; text-align:center}
		.fr11 h3 span{ color:#666; font-size:18px; font-family:Barlow-Regular; text-transform:uppercase}
		line {
    width: 40px;
    height: 2px;
    background: #e60012;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}.articleBox p {
    font-size: 14.5px;
    line-height: 34px;
    letter-spacing: 0px;
}
		
     .about_nub1 {
   
    overflow: hidden;
    position: relative;
    width:100%;
  margin:0 auto
}
.about_nub1 li {
    
    min-height: 120px;  width:17%; float:left; margin-left:3%
}
.about_nub1 li b div {
    font-size: 40px!important;
    color: #333!important; margin-bottom:0px!important; font-family: 'BEBAS'!important; font-weight:normal; float:left; margin-right:3%
}
.about_nub1 li .intro {
    display: block;
    font-size: 18px;
    line-height: 27px; color:#666!important; margin-top:5px
}.about_nub1 li span img {
    width: 30px!important;
    position: relative;
    top: 12px;
    margin-right: 5px;
    vertical-align: super;
}
.about_nub1 li b  {
    font-size: 0.9rem!important;
    color: #666!important;
    line-height: 55px!important;
    font-family: 'BEBAS'!important;
    margin-bottom: 5px!important;
    font-weight:normal!important;
    margin-right: 12px!important;
    letter-spacing: -1px!important; float:left; width:100%;
}
.about_nub1 li .intro img{ width:20%}
.about_nub1 li b   img{ width:17%!important; margin-left:4%}
  .about_nub1 li b div{ color:#333!important}
  .quality-con-02{
    width: 100%;
    position: relative;
    margin-top: 60px;
    overflow: hidden;
}
ul.quality-list-group li {
    width: 33%;
    height: 40vh;
    min-height: 450px;
    float: left;
    display: table;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

ul.quality-list-group li.quality-list01 {
    background-color: #f2f2f2;
}

ul.quality-list-group li.quality-list02 {
    background-color: #fbfbfb;
}

ul.quality-list-group li.quality-list03 {
    background-color: #f2f2f2;
}

ul.quality-list-group li.quality-list04 {
    background-color: #fbfbfb;
}

ul.quality-list-group li .quality-list-txt {
    text-align: center;
    padding-top: 20%;

    /* display: table-cell;
    vertical-align: middle; */
}

ul.quality-list-group li .quality-list-txt .num {
    font-size: 80px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.1);
    font-family: BEBAS;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

ul.quality-list-group li .quality-list-txt .tit {
    font-size: 30px;
    letter-spacing: -0.75px;
    color: #1b1b1b;
    font-weight: 300;
    text-transform: uppercase;
    font-family: Barlow-Regular;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

ul.quality-list-group li .quality-list-txt .tit span {
    padding-right: 10px;
    font-size: 28px;
}

ul.quality-list-group li .quality-list-txt .txt {
    margin-top: 10px;
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 300;
    color: #666;
    padding-top:7px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.quality-center-img img {
    display: block;
    width: 23vw;
    max-width: 388px;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

ul.quality-list-group li.quality-list01:hover {
    background: url("../images/quality_bg_img01.jpg") no-repeat center center;
    background-size: cover;
}

ul.quality-list-group li.quality-list02:hover {
    background: url("../images/quality_bg_img02.jpg") no-repeat center center;
    background-size: cover;
}

ul.quality-list-group li.quality-list03:hover {
    background: url("../images/quality_bg_img03.jpg") no-repeat center center;
    background-size: cover;
}

ul.quality-list-group li.quality-list04:hover {
    background: url("../images/quality_bg_img04.jpg") no-repeat center center;
    background-size: cover;
}

ul.quality-list-group li:hover .quality-list-txt .num {
    color: rgba(255, 255, 255, 0.3);
}

ul.quality-list-group li:hover .quality-list-txt .tit {
    color: #fff;
}

ul.quality-list-group li:hover .quality-list-txt .txt {
    color: #fff;
}.rollBox1{  width:100%; margin:0 auto; }
.rollBox1  h3{width:100%;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:30px; margin-top:50px;}
.rollBox1 h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1277px; }

.rollBox1 .Cont{width:100%;float:left;}

.rollBox1 .Cont .pick{width:32%; height:290px;  float:left;text-align:center; color:#333; margin: 0 0.5%; margin-bottom:20px;
  }
.rollBox1 .Cont .pic1{width:100%; height:290px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑";
  background:#fff; border: 1px dotted #ccc;
    border-radius: 5px;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1)
 }.rollBox1 .Cont .pic1 p{ font-size:16px; margin:0}
.rollBox1 .Cont .pic1 h5{ width:100%;float:left; color:#3b3b3b; font-size:18px!important; text-align:center;  margin-top:10px; font-weight:normal; text-align:center}
.rollBox1 .Cont .pic1 h5 a{  color:#3b3b3b; text-align:center }
.rollBox1 .Cont .pic1 h5 img{ width:100%; margin-bottom:20px; max-width:90%}

.rollBox1 .Cont .pic1 .linkmore a{ width: 40%; height:31px; line-height:31px; margin:0 auto; text-align:center; display:block; text-decoration:none; background:#e0e0e0; color:#333; display:block; margin:0 30%; float:left; margin-top:16px; 
}
.rollBox1 .Cont .pic1 .linkmore a:hover{ color:#fff; background:#d01617; border:0; }


.rollBox1 .Cont .wenn{width:100%; text-align:center; height:50px;  float:left; margin-bottom:20px}



.rollBox1 .Cont .pick:hover img{ transition:all 0.4s;transform: scale(1.1)}
.rollBox1 .Cont .pick:hover p{ color:#d01617;}

.rollBox1 .Cont .pick:hover .linkmore a{ color:#fff; background:#d01617; border:0}

.rollBox1 .Cont .pick:hover .wenn{ color:#d01617}

.rollBox1 .Cont .pic1{ transition:all 0.4s}

.rollBox1 .Cont .pic1:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);   }

.rollBox1 .Cont .pic1:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;}

.rollBox1 .Cont .pic1:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 5px;
    width: 0;
    background:#0082c8;
    transition: 400ms ease all; }



.rollBox1 .Cont .pic1:hover:after {
    width: 100%;
    transition: 800ms ease all;
}.product-list1{ width:92%; padding:3% 4% 6% 4%; background:#fff; margin-top:5px; float:left}
.product-list1 p{ font-size:15px; line-height:36px}




.product-list{ padding: 0; margin: 0; overflow: hidden; margin-right:0%; margin-bottom: .5rem; width:100%}
.product-list li {
	width: 32.3%;
	float: left; height:280px
	 
}
	.product-list li img{
    width:auto!important; margin:auto; text-align:center;
    height: 230px!important;
}

.product-list li {
	background: none;
	/*height: 386px;
	width: 386px;*/
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative; margin: 0 1% 1% 0; background:#fff
	
	
}

.product-list li figure img {
	display: block; width:100%;
	
	
	transition: 424ms linear; 
}

.product-list li figcaption {
	display: block;
	color: #0082c8;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center; padding-bottom:30px
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(35, 96, 187, 0.2);
	background: #0082c8\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #0082c8;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #0082c8;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 0px solid #0082c8;
	border-right: 0px solid #0082c8;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 0px solid #0082c8;
	border-bottom: 0px solid #0082c8;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #0082c8;
}


.newspage {
 width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; margin:20px auto 0 auto; clear:both; margin-bottom:0px; padding-bottom:20px;
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 6px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 15px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; font-family:"微软雅黑"!important;
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #196ec1; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #196ec1; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
BORDER-RIGHT: #0082c8 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: #0082c8; PADDING-BOTTOM: 3px; BORDER-LEFT: #0082c8 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 3px; BORDER-BOTTOM: #0082c8 1px solid; font-size:15px
}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}



  /*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1100px){  
  
.about_nub1 li b div {
    font-size: 27px!important;
    color: #333!important;
    margin-bottom: 0px!important;
    font-family: 'BEBAS'!important;
    font-weight: normal;
    float: left;
    margin-right: 3%;
}

.about_nub1{ margin-top:30px!important}

.about_nub1 li .intro {
    display: block;
    font-size: 14.5px;
    line-height: 20px;
    color: #666!important;
}

.articleBox iframe{ height:400px!important}



.nymenu_mid ul li {
    width: 23%!important;
}

.nymenu_mid ul li a {
    padding: 0.6em 0;
    display: inline-block;
    font-size: 15px;
    position: relative;
}
.index_wz h2 {
    font-size: 30px;
    color: #343434;
    font-weight:normal;
}

.index_wz h4 {
    font-size: 17px;
    text-align: center;
    font-family: Barlow-Regular;
    text-transform: uppercase;
    font-weight: normal;
}
.neirong_biankang {
    padding: 7% 4%;
    background: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    line-height: 35px;
    font-size: 15px;
}

.about_nub1 li {
    min-height: 100px;
    width: 44%;
    float: left;
    margin-left: 6%;
}.div1270 {
    margin: 0 auto;
    padding: 0 0em;
    text-align: center; width:100%
}.wd1300 {
    width: 95%;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 0px;
}.about_right_tu .tu2 img {
    width: 100%;
    height: 300px;
    float: right;
    transition: all 0.8s;
}.about_right_tu {
    width: 100%;
    float: left;
    position: relative;
    height: 300px;
    overflow: hidden;
}.about_right_zi {
    width: 90%;
    float:left;
    padding: 8% 5% 8% 5%;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    text-align: left;
}.about_right_tuz {
    width: 100%;
    background: #0082c8;
    margin-top: 50px;
    height: 550px;
}.about_right_zi h3 {
    font-size:15px;
    line-height:24px;
}.about_right_zi span {
    font-size: 18px;
}ul.quality-list-group li {
    width: 50%;
    height: 40vh;
    min-height: 350px;
    float: left;
    display: table;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; margin-bottom:1%
}ul.quality-list-group li .quality-list-txt .num {
    font-size: 60px;}
	ul.quality-list-group li .quality-list-txt .tit {
    font-size: 20px;
    letter-spacing: -0.75px;
    color: #1b1b1b;
    font-weight: 300;
    text-transform: uppercase;
    font-family: Barlow-Regular;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}ul.quality-list-group li .quality-list-txt .txt {
    margin-top: 10px;
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300;
    color: #666;
    padding-top: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
	
	ul.quality-list-group li .quality-list-txt .tit span {
    padding-right: 10px;
    font-size: 22px;
}
	
	.product-list li {
    width: 49%;
    float: left;
    height: 207px;
}


.newspage A {
    BORDER-RIGHT: #999 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #999 1px solid;
    PADDING-LEFT: 6px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 3px;
    FONT-size: 12px;
    BORDER-LEFT: #999 1px solid;
    COLOR: #666;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #999 1px solid;
    font-family: "微软雅黑"!important;
}	
	.newspage SPAN.current {
    BORDER-RIGHT: #0082c8 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #666 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    BACKGROUND: #0082c8;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #0082c8 1px solid;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #0082c8 1px solid;
    font-size: 14px;
}
	
	.product-list li figcaption {
    display: block;
    color: #5d5d5d;
    font-size: 15px;
    line-height: normal;
    margin-top: 20px;
    transition: 350ms;
    text-align: center;
    padding-bottom: 10px;
}.index_wz h3 {
    font-size: 15px;
    color: #333;
    font-weight: normal;
    margin-top: 17px;
}.chanpin h3 {
    width: 90%;
    margin: 0 auto;
    margin-top: 17px;
    line-height: 30px;
    color: #555;
}.nymain .search {
    width: 80%;
    margin: 0 auto;
    height: 32px;
    padding-left: 10px;
    background: #fff;
    border-radius: 5px;
}

.nymain  .searchinput{height:32px;border:#fefefe solid 0px;width:100%;float:left;display:inline;line-height:50px; outline:none; background:none; color:#555; opacity:0.7;}

table {
    font-size: 15px!important;
}

.newsmid_2_1_mid {
    background-color: #fff;
    border: 1px #e4e4e4 solid;
    padding: 3%;
    margin-bottom: 20px;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);
}
.newsmid_2_1_mid_2{ width:100%;}

.newsmid_2_1_mid_2_2 {
    overflow: hidden;
    width:70%;
    margin-top: 0px;
}.newsmid_2_1_mid_2_1 {
    float: left;
    width: 20%;
    border-right: 1px solid #CCC;
    text-align: center;
    margin-top: 0px;
    color: #0082c8;
    font-size: 0.875em;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 10px;
    margin-right: 3%;
}.newsmid_2_1_mid_1 {
display:none; 
}

.newsmid_2_1_mid_2_2 h3 {
    font-size: 14px;
    margin-left: 10px;
    text-align: left;
    color: #000;
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; line-height:20px; padding-top:5px
}.newsmid_2_1_mid_2_1 b {
    font-size: 26px;
    color: #0082c8;
    font-family: Arial, Helvetica, sans-serif;
    display: block; line-height:30px; padding-top:7px
}.newsmid_2_1_mid_2_1 i {
    font-size: 14px;
    color: #0082c8;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    display: block;
}.news_list{ width:100%;}
.news_list img{ width:100%}
.newspage{ height:30px}

.index_wz h2 {
    font-size: 22px!important;
    color: #343434;
    font-weight: bold;
}

line3 {
    width: 30px;
    height: 1px;
    background: #333;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.ditu {
    width: 100%;
}#dituContent{ height:300px!important}
.nylianxi {
    width: 100%; margin-top:7%
}
.rit-box .top-tit h3 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0px;
}

.rit-box .top-tit p {
    font-size: 14px;
    color: #999999;
}
.rit-box .top-tit p font {
    color: #0082c8;
    font-weight: bold;
    font-size: 15px;
}
.kbm div { font-size:15px}

.city {
    width:100%;
    display: table;
    margin-top: 15px;
}
}


@media all and (max-width:980px){


.wd1300{ width:100%; margin:0 auto; padding-top:30px; padding-bottom:20px}
.wd1400{ width:100%; margin:0 auto; padding-top:30px; padding-bottom:20px;}

.neirong{ line-height:30px;padding-top:0px; font-size:14px;}
.neirong1{ width:100%; float:left; padding-top:20px;}


.chanpin h3{ width:75%; margin:0 auto; margin-top:10px; line-height:24px; color:#555;}

.nymain{ background:#f2f2f2; width:100%}
.teshjl{ padding-bottom:60px!important;}
.nymain .search{width:100%; margin:0 auto; padding-left:10px;  background:#fff; border-radius:5px; margin-bottom:30px; height:50px;}
.nymain  .search .fl{ width:75%}
.nymain  .searchinput{height:52px;border:#fefefe solid 0px;width:100%;float:left;display:inline;line-height:50px; outline:none; background:none; color:#555; opacity:0.7;}


.product-list{ padding: 0; margin: 0; overflow: hidden; margin-right:0%; margin-bottom: .5rem; width:100%}
.product-list li {
	width: 100%;
	float: left; height:auto
	 
}
	.product-list li img{
    width:auto!important; margin:auto; text-align:center; max-width:100%;
    height:auto!important;
}

.product-list li {
	background: none;
	/*height: 386px;
	width: 386px;*/
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative; margin: 0 1% 1% 0; background:#fff
	
	
}

.product-list li figure img {
	display: block; width:100%;
	
	
	transition: 424ms linear; 
}

.product-list li figcaption {
	display: block;
	color: #0082c8;
	font-size: 14px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center; padding-bottom:30px
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(35, 96, 187, 0.2);
	background: #0082c8\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #0082c8;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #0082c8;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 1px solid #0082c8;
	border-right: 1px solid #0082c8;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 1px solid #0082c8;
	border-bottom: 1px solid #0082c8;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #0082c8;
}






.ho{ line-height:24px; text-align:center; font-size:13px; margin-bottom:10px; float:left; width:100%;}
.ho p{ border:#dfdfdf solid 1px; float:left; width:100%; margin-bottom:5px; margin-right:0.5%; margin-left:0.5%}



.about_right_tuz { width:100%; background:#0082c8;  margin-top:50px; height:400px;}
.about_right_tu { width:100%; float:left; position:relative;  height:200px; overflow:hidden; }
.about_right_tu .tu2 { z-index:0; top:0px ; right:0px;  width:100%; height:200px; position:absolute;}
.about_right_tu .tu2 img { width:100%;  height:200px; background-size:cover; float:right; transition: all 0.8s;}
.about_right_tu .tu2 img:hover{   transform: scale(1.1);}


.about_right_zi { width:90%; float:right; padding:5% 5% 5% 5%; color:#fff; font-size:14px; line-height:32px; text-align:left; font-weight:normal}
.about_right_zi h3 { font-size:15px; line-height:20px;}
.about_right_zi p { padding-top:20px; float:left}


/*内页公司简介*/
.neirong_biankang {
padding:5%; width:90%; margin:auto; background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.03); line-height:24px; font-size:14px;border-radius:15px; overflow:hidden
}


/*内页*/
/*产品分类*/

.nymenu{display:none;}
.div1270{margin:0 auto; padding:0 0em; text-align:center}
.nymenu_mid ul li{ background-position:left center; background-repeat:no-repeat;float:left; width:18%!important; text-align:center;background:#fff; border-right:1px solid #d1d1d1;}
.nymenu_mid ul li:nth-child(1){background-image:none; border-left:1px solid #d1d1d1;}
.nymenu_mid ul{ margin:0 auto}
.nymenu_mid_s{ text-align:center}
.nymenu_mid_s ul li {float: none;display: inline-block;}
.nymenu_mid ul li a{ padding:0.8em 0;display:inline-block; font-size:14px; position:relative; }
.nymenu_mid ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:0.15em; background-color:#0082c8; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color:#fff; background:#0082c8; display:block}
/*---
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width:12.65em;opacity:1; margin-left:-6.325em;}---*/
.nymenu_mid p { display: none;}







.product-list{ padding: 0; margin: 0; overflow: hidden; margin-right:0%; margin-bottom: .5rem; width:100%}
.product-list li {
	width: 100%;
	float: left; height:auto
	 
}
	.product-list li img{
    width:auto!important; margin:auto; text-align:center; max-width:100%;
    height:auto!important;
}

.product-list li {
	background: none;
	/*height: 386px;
	width: 386px;*/
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative; margin: 0 1% 1% 0; background:#fff
	
	
}

.product-list li figure img {
	display: block; width:100%;
	
	
	transition: 424ms linear; 
}

.product-list li figcaption {
	display: block;
	color: #0082c8;
	font-size: 14px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center; padding-bottom:30px
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(25, 174, 174, 0.2);
	background: #0082c8\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #0082c8;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #0082c8;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 1px solid #0082c8;
	border-right: 1px solid #0082c8;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 1px solid #0082c8;
	border-bottom: 1px solid #0082c8;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #0082c8;
}




.nymenu1{border-bottom:0px #d9d9d9 solid; margin:0px 0px 0px; box-shadow:0px 6px 6px rgba(0,0,0,.05); }

.nymenu_mid1 ul li{ background-position:left center; background-repeat:no-repeat;float:left; width:50%; text-align:center;background:#fff; border-right:0px solid #d1d1d1;}
.nymenu_mid1 ul li:nth-child(1){background-image:none; border-left:0px solid #d1d1d1;}
.nymenu_mid1 ul{ margin:0 auto}
.nymenu_mid_s1{ text-align:center}
.nymenu_mid_s1 ul li {float: none;display: inline-block;}
.nymenu_mid1 ul li a{ padding:0.8em 0;display:inline-block; font-size:14px; position:relative; }
.nymenu_mid1 ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:0.15em; background-color:#0082c8; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid1 ul li a:hover,.nymenu_mid1 ul li a.active{color:#fff; background:#0082c8; display:block}
/*---
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width:12.65em;opacity:1; margin-left:-6.325em;}---*/
.nymenu_mid1 p { display: none;}


.teshjl{ padding-bottom:30px!important;}



.index_wz{ text-align:center; margin:0 auto;}
.index_wz h2{ font-size:17px!important; color:#343434; font-weight:bold}
.index_wz h5{ font-size:15px; color:#343434; font-weight:normal}


.neirong_biankang{ margin-top:10px!important;}

.neirong{ line-height:24px;padding-top:10px; font-size:14px;}

.proxx{ min-height:100%;}






.cplist2{ width:100%; height:auto; background:#efefef;-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ -webkit-transition: .8s; margin-right:1.2%; margin-left:1%; margin-bottom:20px; padding-bottom:30px;}
.biaoq2{ color:#c7c7c7; padding-top:30px; font-size:16px;text-align:center}
.cplist2 h2{ font-size:17px; font-weight:bold; color:#000; text-align:center; padding-top:2px; padding-bottom:15px;}

.cpmiao2{ background:#fff; line-height:30px; width:75%; margin:10px; padding:20px; margin:0 auto; color:#555;}
.pmore2{ background:#0082c8;height:30px; line-height:30px; text-align:center; width:130px;margin-top:20px; margin-bottom:20px;-moz-border-radius:20px;/*Firefox支持*/ -webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ margin:0 auto; text-align:center; margin-top:10px; color:#fff; font-size:12px;}
.pmore2 a{ color:#fff;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.pmore2 a:hover {padding-left:20px; display:block }
.cplist2:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition: .8s;-moz-transition:.8s;-o-transition: .8s;}
.wslan{ background:#0082c8; width:100%; margin:0 auto; text-align:center;  margin-bottom:20px;}
.wslan h2{ color:#fff; text-align:center; line-height:20px; font-size:14px; padding-top:10px; padding-bottom:10px;}



.cpnr tr td{ padding-left:5%; padding-right:5% }




/*专利证书*/
.tupian ul li{ float:left;width:100%; text-align:center; overflow:hidden;margin-left:0%; margin-right:0%; margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:200px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,.05); box-sizing:border-box;}
.chanpinlbbc{display:flex;vertical-align:middle; overflow: hidden!important; height:100%; background-size: cover !important; justify-content: center;
align-items: center; padding:12px; box-sizing:border-box;}
.chanpinlbbc img{cursor: pointer;transition: all 0.6s; height:100%; width:100%; max-width:100%; max-height:100%; object-fit:contain; display:block;}
.chanpinlbbc img:hover{transform: scale(1.08);}




 .lian-page-job {width:100%; margin:0 auto;}
 .lian-page-career-development-content .text-1 {display:none;}
 
 
 
 
.nymenu2{display:none;  }
.rig{ width:100%; float:left}


.lp1{display:none;}
.lp2{display:block;}




.newsmid_2_1_mid {
    background-color: #fff;
    border: 1px #e4e4e4 solid;
    padding: 3%;
    margin-bottom:15px;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);
}

.newsmid_2_1_mid_2_2 h3 {
    font-size: 14px;
    margin-left: 0px;
    text-align: left;
    color: #000;
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden; line-height:20px; padding-top:0px
}

.newsmid_2_1_mid_2_1 b {
    font-size:14px;
    color: #0082c8;
    font-family: Arial, Helvetica, sans-serif;
    display: block; line-height:20px; padding-top:0px
}

.cci{font-size:14px; color:#afafaf; margin-left:10px;  text-align:left; font-weight:400;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; line-height:22px; }



.newspage {
 width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; margin:10px auto 0 auto; clear:both; margin-bottom:0px; padding-bottom:0px;
}

.chanpin h3{ width:75%; margin:0 auto; margin-top:5px; line-height:20px; color:#555; font-size:14px; padding-bottom:10px;}

.index_line{ background:#0082c8; height:0px; width:150px; margin:0 auto; margin-top:8px}

.kbm{ margin-top:0px; line-height:22px;}

.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 10px;}




.lpp{display:none;}


.lrr{ width:100%; float:left}
.lrr h1{ width:100%; float:left; background:#7697ba; line-height:30px; text-align:center; color:#FFFFFF; font-size:15px; margin-bottom:10px;}




.newsmid_2_1_mid_2_2 {
    overflow: hidden;
    width:100%;
    margin-top: 0px;
}.newsmid_2_1_mid_2_1 {
    float: left;
    width: 100%;
    border-right: 0px solid #CCC;
    text-align: center;
    margin-top: 0px;
    color: #0082c8;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 10px;
    margin-right: 0%;
}



.js-container{ padding-top:0px;}






.m13{border-radius:25px; border:#CCCCCC solid 1px; width:98%; line-height:24px; float:left; text-align:center; margin-top:5px; margin-bottom:10px; font-size:14px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m13:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.fanhui{ width:100%; margin:0 auto; line-height:20px; margin-top:20px; margin-bottom:0px;}
.fanhui ul li{ float:left; width:30.3%;background:#f2f2f2;padding-left:1.5%; padding-right:1.5%; padding-top:2px; padding-bottom:2px; }
.fanhui ul li:nth-child(2n) {background:#d5d5d5; text-align:center}
.fanhui ul li:nth-child(2n) a{ color:#fff; text-align:center}



.nnt{ width:100%; float:left; line-height:22px; padding-top:0px; text-align:center; font-size:14px;}
.nnt strong{ width:100%; float:left; font-size:20px; padding-bottom:10px; letter-spacing:0px;}




/*新闻*/

.ny_news {width:100%;  text-align:left; line-height:28px;}


.new2{ width:100%; float:left; border-bottom:#e9e9e9 solid 1px; color:#666; padding-bottom:25px; margin-bottom:25px;}

.new2:hover{float:left; border-bottom:#0082c8 solid 1px;}


.n_l{ width:10%; float:left; margin-right:40px; border-top:#00a2ea solid 2px; text-align:center; font-size:20px;font-family: 'Montserrat-Bold';}
.n_l h1{ padding:30px 0; font-size:54px; font-weight:bold;	font-family: 'Montserrat-Bold';}

.n_r1{ width:100%; float:left;}
.n_r{ width:100%; float:left;  color:#0082c8; margin-bottom:0px; margin-top:10px; font-weight:normal; font-size:15px; font-weight:bold; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_r3{ width:100%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:20px;}

.n_r a{   color:#0082c8; }



.n_r12{ width:100%; float:left;}
.n_r11{ width:100%; float:left;  color:#00a2ea; margin-bottom:10px; font-weight:normal; font-size:19px; font-weight:bold; background:url(../images/r1.jpg) no-repeat left 3px; padding-left:3%}
.n_r31{ width:100%; float:left; line-height:24px;background:url(../images/r2.jpg) no-repeat left 3px; padding-left:3%}


.m32{width:120px; line-height:30px; text-align:center; float:left; color:#FFFFFF; margin-top:10px; font-size:14px;}

.m32 a{width:120px; line-height:30px; float:left; background:#00a2ea; color:#0082c8!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m32 a:hover{ color:#FFFFFF!important; background:#00a2ea; width:180px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.n_r2{ width:100%; float:left;}
.n_r2 img{ width:100%!important; height:auto!important;border-radius:5px; }


.m3211{width:100px; line-height:25px;  float:left; color:#969696; margin-top:10px; font-size:12px; border:#969696 solid 1px; text-align:center}



.shijian{ display:none; }



.ny_news13 {width:75%; line-height:28px; float:right}




.neirong_biankang1 { width:90%; margin:auto}

.ny_contact_ul li{float:left;width:90%;margin:0%;padding:5% 5% 5% 5%;background:#fff;line-height:22px;border-top-left-radius:30px;border-bottom-right-radius: 30px;min-height:auto;text-align:center;box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05); margin-bottom:30px; height:auto}
.ny_contact_ul li:hover{background:#0082c8;box-shadow: 0 4px 20px -2px rgba(27, 90, 158, 0.5);color:#fff;}
.ny_contact_ul li:hover .icon{color:#fff;}
.ny_contact_ul li:hover a{color:#fff;}
.ny_contact_ul li b{font-size:14px;font-weight:bold;padding-bottom:0px;color:#000;padding-top:0px; width:100%; float:left; text-align:center}
.ny_contact_ul li:hover b{color:#fff;}




.ny_about_ul li{border: 1px solid #e0e0e0;width:90%; margin-top: 20px;padding: 3% 5% 4% 5%;}

.ny_about_ul2 li{border: 1px solid #e0e0e0;width:90%; margin-top: 20px;padding: 3% 5% 4% 5%;}
.txt_js{color:#666;}
.txt_line{background:#329ba9;width:80px;height:2px;margin:5px 0 15px 0;}
.txt_bt{font-size:15px;font-weight:bold;color:#333;line-height:40px;}
.txt_js2{margin:5px 0;line-height:20px; font-size:14px;}



.neirong_biankang12{ padding:20px;}

}