@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
/* header */
header {
  width: 100%;
  z-index: 22;
  position: fixed;
  top: 0px;
  left: 0px;
}
.header-main {
  position: relative;
  padding-top: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 27px;
}
.logo {
  width: 106px;
  display: block;
  position: absolute;
  height: 66px;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
}
.logo img {
  display: block;
  width: 100%;
  transition: all 0.5s;
}
.logo-on {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.nav-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nav-ul {
  display: flex;
  align-items: center;
}
.nav-ul:last-child {
  justify-content: flex-end;
}
.nav-ul li {
  position: relative;
  margin-right: 26px;
  padding: 0 26px;
}
.nav-ul li:last-child {
  margin-right: 0px;
}
.nav-ul li > a {
  display: block;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  position: relative;
  line-height: 38px;
}
.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 42px;
}
.sou-wrap {
  height: 42px;
  display: none;
}
.sou-main {
  width: 262px;
  height: 42px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  padding-right: 14px;
  background: #fff;
  align-items: center;
}
.sou-search {
  width: 20px;
  border: none;
  height: 20px;
  background: #fff;
  background: url(../img/sou-icon-on.png) no-repeat center;
}
.sou-main input {
  border: none;
  background: #fff;
  width: calc(100% - 20px);
  padding: 0 12px;
  line-height: 40px;
  font-size: 14px;
  color: #969696;
}
.sou-icon {
  width: 20px;
  height: 20px;
  background: url(../img/sou-icon.png) no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 15px;
}
.sou-main input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
  color: #969696;
}
.sou-main input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #969696;
}
.sou-main input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 14px;
  color: #969696;
}
.header-lan {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.wicon-on {
  display: none;
}
.header-lan a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-left: 12px;
  display: block;
}
.nav-sub {
  position: absolute;
  top: 82px;
  left: 0px;
  z-index: 66;
  display: none;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 9999;
  border-radius: 4px;
  padding: 12px 0 17px;
}
.nav-sub::before {
  position: absolute;
  content: "";
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 8px;
  background: url(../img/sub-icon.png) no-repeat center;
}
.nav-sub dl dd a {
  display: block;
  line-height: 40px;
  font-size: 16px;
  color: #666;
  transition: all 0.3s;
  text-align: center;
}
.nav-sub dl dd:hover a {
  color: #005bac;
}
header:hover,.header-on {
  background-color: #fff;
}
.header-on .logo-un {
  opacity: 0;
}
.header-on .logo-on {
  opacity: 1;
}
.header-on .nav-ul li a {
  color: #333;
}
.header-on .sou-wrap {
  display: block;
}
.header-on .sou-icon {
  display: none;
}
.header-on .wicon-on {
  display: block;
}
.header-on .wicon-un {
  display: none;
}
.header-on .header-lan a {
  color: #666666;
}
@media (max-width: 1600px) {
  .nav-ul li {
    margin-right: 15px;
  }
}
@media (max-width: 1400px) {
  .nav-ul li {
    margin-right: 0px;
  }
}
@media (max-width: 1200px) {
  .nav-ul li > a {
    font-size: 16px;
  }
  .nav-ul li {
    padding: 0 20px;
  }
  .header-main {
    padding-bottom: 12px;
  }
  .nav-sub {
    top: 67px;
  }
}
@media (max-width: 991px) {
  .header {
    position: relative;
    height: auto;
    background-color: #fff;
    border-bottom: none;
  }
  .header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .logo {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0px, 0px);
  }
  .nav-wrap {
    display: none;
  }
  .sou-wrap {
    display: none;
  }
  .sou-icon {
    display: none;
  }
  .logo-on {
    opacity: 1;
  }
  header:hover {
    background-color: transparent;
  }
  .header-on .sou-wrap {
    display: none;
  }
  .header-lan {
    margin-left: 0px;
  }
  .header-web {
    display: none;
  }
  .header-lan a {
    color: #666;
  }
  #navToggle {
    display: block;
  }
  .nav-ul {
    display: none;
  }
  .header-main {
    height: 70px;
  }
}
/* 底部 */
#footer {
  overflow: hidden;
  width: 100%;
  background: #292929;
}
.footer-main {
  display: flex;
}
.footer-left {
  width: 73.7%;
}
.footer-right {
  width: 26.3%;
  border-left: 1px solid #3f3f3f;
  padding-top: 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-logo {
  display: block;
  width: 124px;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 25px;
}
.footer-logo img {
  display: block;
  width: 100%;
}
.footer-ul {
  border-top: 1px solid #3f3f3f;
  padding-top: 48px;
  display: flex;
}
.footer-ul li {
  margin-right: 70px;
}
.footer-ul li h3 {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px;
}
.footer-ul li dl dd > a {
  line-height: 34px;
  display: block;
  color: #adadad;
  font-size: 16px;
}
.footer-dl {
  display: flex;
}
.footer-dl dl {
  margin-right: 34px;
}
.footer-dl dl:last-child {
  margin-right: 0px;
}
.hotline-title {
  color: #fff;
}
.hotline-title h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.hotline-title span {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
}
.footer-contact {
  margin-top: 24px;
  margin-bottom: 10px;
}
.footer-contact li {
  display: flex;
  align-items: center;
  height: 24px;
  margin-bottom: 12px;
}
.footer-contact li span {
  font-size: 18px;
  color: #929292;
  margin-left: 13px;
}
.code-wrap {
  display: flex;
  margin-bottom: 56px;
}
.code-item {
  text-align: center;
  width: 122px;
  margin-right: 38px;
}
.code-item:last-child {
  margin-right: 0px;
}
.code-img {
  width: 135px;
  overflow: hidden;
  margin: 0 auto;
}
.code-img img {
  width: 100%;
}
.code-item p {
  color: #fff;
  line-height: 24px;
  margin-top: 13px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.footer-share {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
.footer-share h4 {
  font-size: 16px;
  color: #929292;
  font-weight: bold;
  margin-right: 12px;
}
.footer-share .bshare-custom .bshare-item {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding-left: 0px;
  margin-right: 10px;
  background-color: #7e7e7e;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-share .bshare-custom .bshare-more {
  color: #fff !important;
}
.footer-share .bshare-custom .bshare-more {
  display: none;
}
.footer-share .bshare-custom .bshare-share-count {
  display: none;
}
.footer-share .bshare-custom .bshare-item:hover {
  opacity: 1;
}
.footer-share .bshare-custom .bshare-weixin {
  background-image: url(../img/share-wchat.png);
}
.footer-share .bshare-custom .bshare-ins {
  background-image: url(../img/share-ins.png);
  display: inline-block;
  margin-right: 0px;
}
.footer-share .bshare-custom .bshare-qqim {
  background-image: url(../img/share-qq.png);
}
.copy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #adadad;
  border-top: 1px solid #3f3f3f;
  padding-top: 34px;
  padding-bottom: 50px;
}
.copy p {
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 1700px) {
  .footer-ul li {
    margin-right: 44px;
  }
}
@media (max-width: 1600px) {
  .footer-ul li {
    margin-right: 32px;
  }
  .footer-dl dl {
    margin-right: 20px;
  }
}
@media (max-width: 1400px) {
  .footer-ul li {
    margin-right: 24px;
  }
  .footer-dl dl {
    margin-right: 15px;
  }
}
@media (max-width: 1200px) {
  .footer-ul li {
    margin-right: 15px;
  }
  .hotline-title span {
    font-size: 28px;
    line-height: 28px;
  }
  .footer-contact li span {
    font-size: 14px;
    margin-left: 10px;
  }
  .code-item {
    width: 100px;
    margin-right: 16px;
  }
  .footer-ul li dl dd > a {
    font-size: 14px;
    line-height: 28px;
  }
  .footer-ul li h3 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .footer-main {
    flex-wrap: wrap;
  }
  .footer-left {
    width: 100%;
  }
  .footer-ul {
    padding-top: 0px;
    border-top: none;
  }
  .footer-dl {
    flex-wrap: wrap;
  }
  .footer-dl dl {
    width: 100%;
  }
  .footer-logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
  .copy {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    padding: 15px 0px;
  }
  .copy p {
    width: 100%;
    text-align: center;
  }
  .footer-ul {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0px;
    padding-top: 12px;
  }
  .footer-ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .footer-ul li h3 {
    margin-bottom: 4px;
    font-size: 16px;
  }
  .footer-ul li dl {
    text-align: center;
  }
  .footer-ul li dl dd {
    display: inline-block;
    margin: 0 4px;
  }
  .footer-ul li dl dd > a {
    line-height: 30px;
    font-size: 16px;
  }
  .code-item p {
    margin-top: 10px;
  }
  .footer-right {
    border-left: none;
    width: 100%;
    padding-top: 4px;
  }
  .hotline-title h3 {
    margin-bottom: 8px;
  }
  .footer-contact {
    margin-top: 10px;
  }
  .footer-contact li {
    margin-bottom: 6px;
  }
  .code-wrap {
    margin-bottom: 15px;
  }
  .footer-share {
    margin-bottom: 15px;
  }
}
/* 关于鹏鸣 */
.home-about {
  padding-top: 160px;
  background: #fff;
  overflow: hidden;
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  margin-top: -74px;
  position: relative;
  z-index: 8;
}
.habout-wrap {
  background: url(../img/habout-bg.jpg) no-repeat center;
  background-size: 100% 100%;
  padding-bottom: 119px;
}
.habout-main {
  display: flex;
}
.habout-left {
  position: relative;
  width: 50%;
}
.play-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.habout-left .play-wrap {
  width: 70px;
  height: 70px;
  background: url(../img/about-vedio-icon.png) no-repeat center;
  background-size: 100% 100%;
}
.habout-right {
  width: 50%;
  padding-left: 75px;
}
.habout-title {
  color: #2a2a2a;
}
.habout-title h2 {
  opacity: 0.1;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  margin-bottom: 10px;
}
.habout-title h3 {
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
}
.habout-des {
  padding-right: 130px;
  margin-bottom: 70px;
  margin-top: 45px;
}
.habout-des p {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  line-height: 36px;
}
.habout-more {
  display: flex;
  align-items: center;
  height: 24px;
  margin-bottom: 64px;
}
.habout-more span {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.habout-moreicon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #004fa7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  box-shadow: 0px 0px 10px #e7e7e8;
  transition: all 0.5s;
}
.habout-more:hover .habout-moreicon {
  transform: translateX(5px);
}
.habout-list {
  display: flex;
}
.habout-list li {
  flex: 1;
  margin-right: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 214px;
  border: 1px solid #f4f3f3;
  background-color: #fff;
}
.habout-list li:last-child {
  margin-right: 0px;
}
.habout-list li img {
  margin-bottom: 24px;
  transition: all .5s;
}
.habout-list li span {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  color: #2a2a2a;
  display: block;
}
.habout-list li p {
  font-size: 16px;
  color: #888;
  line-height: 24px;
  margin-top: 4px;
}
.habout-num {
  display: flex;
  align-items: center;
}
.habout-num strong {
  font-weight: bold;
  color: #2a2a2a;
  line-height: 24px;
  font-size: 24px;
}
.habout-list li:hover img{
  transform: rotateY(180deg);
}
@media(max-width: 1700px){
  .habout-des{
    padding-right: 70px;
    margin-bottom: 30px;
  }
  .habout-more{
    margin-bottom: 35px;
  }
  .habout-right{
    padding-left: 55px;
  }
  .habout-list li{
    height: 200px;
  }
}
@media(max-width: 1600px){
  .habout-des{
    padding-right: 40px;
    margin-top: 30px;
  }
  .habout-des p{
    font-size: 16px;
    line-height: 30px;
  }
  .habout-list li p{
    text-align: center;
    padding: 0 5px;
  }
}
@media(max-width: 1400px){
  .habout-main{
    flex-wrap: wrap;
  }
  .habout-left{
    width: 100%;
    margin-bottom: 20px;
  }
  .habout-wrap{
    padding-bottom: 80px;
  }
  .home-about{
    padding-top: 100px;
  }
  .habout-right{
    width: 100%;
    padding-left: 0px;
  }
}
@media(max-width: 1200px){
  .habout-wrap{
    padding-bottom: 60px;
  }
  .home-about{
    padding-top: 70px;
  }
}
@media(max-width:991px){
  .habout-wrap{
    padding-bottom: 40px;
  }
  .home-about{
    padding-top: 50px;
  }
  .habout-des{
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .habout-more{
    margin-bottom: 20px;
  }
  .home-about{
    margin-top: -44px;
  }
}
@media(max-width:559px){
  .home-about{
    margin-top: -20px;
    padding-top: 30px;
  }
  .habout-list{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .habout-list li{
    width: calc(50% - 10px);
    margin-right: 0px;
    flex: none;
    margin-bottom: 20px;
    height: 170px;
  }
  .habout-wrap{
    padding-bottom: 20px;
  }
  .habout-left .play-wrap{
    width: 52px;
    height: 52px;
  }
}
/* 产品展示 */
.home-pro {
  padding-top: 21px;
  background-color: #f6f6f6;
  overflow: hidden;
}
.hpro-title {
  text-align: center;
  margin-bottom: 23px;
}
.hpro-title h2 {
  margin-bottom: 3px;
}
.w-homeprobox{
  padding: 0 200px;
  position: relative;
}
.w-homepro-line{
  height: 1px;
  width:86%;
  background: #004fa7;
  top: 40px;
  position: absolute;
  left: 5%;
}
.w-homepro-swiper{
  position: relative;
}
.w-homepro-swiper .swiper-slide a .w-homepro-img{
  display: block;
  text-align: center;
  width: 86px;
  height: 86px;
  background: #f6f6f6;
  position: relative;
  line-height:86px;
  border-radius: 50%;
  transition: all 0.4s;
  margin: 0 auto;
}
.w-homepro-swiper .swiper-slide{
  width: 86px;
}
.w-homepro-swiper .swiper-slide a  h3{

  font-size: 18px;
  font-weight: bold;
  color: #666666;
  margin: 40px 0;
  text-align: center;
}
.w-homepro-swiper .swiper-slide a h4{
  background: #f6f6f6;
  width: 86px;
  height: 6px;
  margin: 0 auto;
}
.w-homepro-swiper .swiper-slide a:hover .w-homepro-img{
  background: #fff;
  transform: rotateY(180deg);
}
.w-homepro-swiper .swiper-slide a:hover h4{
  background: #004fa7;
}
.swiper-button-next, .swiper-button-prev{
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-color: #fff;
  background-size: 12px 22px;
  opacity: 1;
}
.w-homeprobox .swiper-button-next{
  background-image: url("../img/hpro-class-next.png");
  right: 0px;
}
.w-homeprobox .swiper-button-prev{
  background-image: url("../img/hpro-class-prev.png");
  left: 0px;
}
.hpro-item {
  position: relative;
}
.hpro-classwrap{
  padding: 0 18px;
  background-color: #f6f6f6;
}
.hpro-class{
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
}
.hpro-classwrap p{
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  color: #666;
  line-height: 24px;
  padding-bottom: 36px;
  border-bottom: 6px solid transparent;
  transition: all .5s;
}
.hpro-list li{
  display: none;
  position: relative;
}
.hpro-list .hpro-on{
  display: block;
}
.hpro-list li .play-wrap{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff url(../img/hpro-vedio-icon.png) no-repeat center;
}
.hpro-info {
  position: absolute;
  bottom: 13px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.hpro-info h3{
  margin-top: 28px;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  margin-bottom: 34px;
}
.hpro-info p{
  line-height: 30px;
  min-height: 120px;
  max-width: 775px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
}
@media(max-width:1700px){
  .w-homeprobox{
    padding: 0 140px;
  }
}
@media(max-width:1600px){
  .w-homeprobox{
    padding: 0 100px;
  }
  .hpro-info p{
    min-height: 24px;
    margin-bottom: 30px;
  }
}
@media(max-width:1400px){
  .w-homeprobox{
    padding: 0 50px;
  }
  .hpro-info p{
    margin-bottom: 10px;
  }
  .hpro-info h3{
    margin-bottom: 15px;
  }
}
@media(max-width: 1200px){
  .hpro-info p{
    max-width: 100%;
    padding: 0 30px;
    font-size: 16px;
    line-height: 24px;
  }
  .hpro-info h3{
    margin-top: 14px;
  }
}
@media(max-width: 991px){
  .hpro-list li .play-wrap{
    width: 48px;
    height: 48px;
    top: 80px;
  }
  .hpro-info{
    position: relative;
    bottom: auto;
    left: auto;
    background-color: #004fa7;
    padding: 15px;
  }
  .hpro-info h3{
    font-size: 20px;
    margin-bottom: 8px;
  }
  .hpro-info p{
    padding: 0px;
    margin-bottom: 0px;
  }
}
@media(max-width:500px){
  .w-homepro-swiper .swiper-slide a h3{
    margin: 10px 0;
    font-size: 14px;
    font-weight: normal;
  }
  .w-homeprobox .swiper-button-next{
    width: 22px;
    height: 35px;
  }
  .w-homeprobox .swiper-button-prev{
    width: 22px;
    height: 35px;
  }
  .w-homepro-swiper .swiper-slide a .w-homepro-img{
    width: 80px;
    height: 80px;
  }
  .w-homeprobox{
    padding: 0 30px;
  }
}
/* 研发中心 */
.home-develop{
  padding-top: 42px;
  overflow: hidden;
  background: #f6f6f6;
}
.hdevelop-title{
  text-align: center;
  margin-bottom: 35px;
}
.hdevelop-main {
  display: flex;
  flex-wrap: wrap;
}
.hdevelop-item {
  width: 50%;
}
.hdevelop-info{
  padding: 54px 60px 44px;
  background: #fff;
  color: #2a2a2a;
  border-right: 1px solid #eaeaea;
}
.hdevelop-item:last-child .hdevelop-info{
  border-right: none;
}
.hdevelop-info h3{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}
.hdevelop-info p{
  font-size:16px;
  line-height: 24px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 25px;
  min-height: 48px;
}
.hdevelop-more{
  text-align: center;
  color: #fff;
  display: block;
  background: #004fa7;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
}
.hdevelop-item:hover .public-img img{
  transform: scale(1.1);
}
@media(max-width: 1200px){
  .hdevelop-info{
    padding: 30px;
  }
}
@media(max-width: 991px){
  .hdevelop-info{
    padding: 30px;
  }
  .hdevelop-item{
    width: 100%;
    margin-bottom: 20px;
  }
  .hdevelop-item:last-child{
    margin-bottom: 0px;
  }
}
@media(max-width: 559px){
  .hdevelop-info{
    padding: 15px;
  }
  .hdevelop-info h3{
    font-size: 20px;
    margin-bottom: 8px;
  }
  .hdevelop-info p{
    -webkit-line-clamp: 200;
    min-height: 24px;
    margin-bottom: 14px;
  }
}
/* 精选案例 */
.hcase-title{
  text-align: center;
  margin-bottom: 50px;
}
.hcase-item {
  position: relative;
}
.hcase-info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  transition: all 0.5s;
  display: flex;
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.4);
  justify-content: space-between;
}
.hcase-des{
  padding: 0 60px 58px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.hcase-txt{
  color: #fff;
}
.hcase-txt h3{
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.hcase-txt p{
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
.hcase-more{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: url(../img/hcase-arrow.png) no-repeat center;
}
.hcase-item:hover .public-img img{
  transform: scale(1.1);
}
.hcase-item:hover .hcase-info{
  background-color: transparent;
}
.hcase-next,.hcase-prev{
  width: 51px;
  height: 51px;
  border-radius: 50%;
  margin-top: -25px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  background-size: 12px 22px;
}
.hcase-next{
  background-image: url(../img/hpro-class-next.png);
  right: 68px;
}
.hcase-prev{
  background-image: url(../img/hpro-class-prev.png);
  left: 68px;
}
@media(max-width: 1500px){
  .hcase-des{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media(max-width: 1400px){
  .hcase-des{
    padding-bottom: 30px;
  }
  .hcase-txt p{
    font-size: 16px;
  }
}
@media(max-width: 1200px){
  .hcase-des{
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
  }
  .hcase-txt h3{
    font-size: 20px;
    margin-bottom: 0px;
  }
  .hcase-more{
    width: 36px;
    height: 36px;
  }
}
@media(max-width: 991px){
  .hcase-des{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .hcase-txt h3{
    font-size: 18px;
  }
  .hcase-more{
    width: 30px;
    height: 30px;
  }
}
@media(max-width: 767px){
  .hcase-next, .hcase-prev{
    width: 40px;
    height: 40px;
  }
  .hcase-next{
    right: 15px;
  }
  .hcase-prev{
    left: 15px;
  }
  .home-develop{
    padding-top: 30px;
  }
}
/* 新闻资讯 */
.home-news{
  padding-top: 37px;
  background-color: #f6f6f6;
  overflow: hidden;
}
.hnews-title{
  margin-bottom: 58px;
  text-align: center;
}
.hnews-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hnews-left{
  width: calc(50% - 35px);
}
.hnews-info{
  padding: 40px 60px 32px 48px;
  background-color: #fff;
}
.hnews-info h3{
  font-size: 20px;
  line-height: 24px;
  color: #2a2a2a;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 10px;
}
.hnews-info span{
  font-size: 16px;
  line-height: 24px;
  color: #969696;
}
.hnews-info p{
  margin-top: 16px;
  font-size: 18px;
  line-height: 24px;
  color: #666;
  margin-bottom: 30px;
}
.hnews-more{
  text-align: right;
  color: #9a9a9a;
  display: block;
  font-size: 18px;
}
.hnews-left:hover .public-img img{
  transform: scale(1.1);
}
.hnews-left:hover .hnews-more{
  color: #004fa7;
}
.hnews-list{
  width: calc(50% - 35px);
}
.hnews-list li{
  background-color: #fff;
  margin-bottom: 30px;
  padding: 32px 65px 17px 45px;
}
.hnews-list li:last-child{
  margin-bottom: 0px;
}
.hnews-list li p{
  margin-bottom: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hnews-list li:hover .hnews-more{
  color: #004fa7;
}
.hnews-bom-more{
  display: block;
  margin: 47px auto 56px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  background-color: #004fa7;
  font-size: 14px;
  font-weight: bold;
}
@media(max-width: 1700px){
  .hnews-list li{
    padding: 20px 30px;
    margin-bottom: 25px;
  }
}
@media(max-width: 1600px){
  .hnews-list li{
    margin-bottom: 20px;
  }
  .hnews-left{
    width: calc(50% - 20px);
  }
  .hnews-list{
    width: calc(50% - 20px);
  }
  .hnews-info p{
    margin-top: 10px;
  }
}
@media(max-width: 1400px){
  .hnews-list li p{
    margin-bottom: 2px;
  }
  .hnews-info h3{
    margin-bottom: 6px;
  }
  .hnews-list li{
    margin-bottom: 18px;
  }
}
@media(max-width: 991px){
  .hnews-list li{
    margin-bottom: 20px;
  }
  .hnews-left{
    width: 100%;
    margin-bottom: 20px;
  }
  .hnews-list{
    width: 100%;
  }
  .hnews-info p{
    margin-top: 10px;
  }
  .habout-title h2{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 8px;
  }
  .habout-title h3{
    font-size: 30px;
    line-height: 30px;
  }
  .hnews-title{
    margin-bottom: 28px;
  }
  .hnews-info{
    padding: 25px;
  }
  .hnews-info p{
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 8px;
  }
  .hnews-list li{
    padding: 20px 25px;
  }
  .hnews-bom-more{
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media(max-width: 559px){
  .habout-title{
    margin-bottom: 20px;
  }
  .habout-title h2{
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 4px;
  }
  .habout-title h3{
    font-size: 26px;
    line-height: 26px;
  }
  .home-news{
    padding-top: 30px;
  }
  .hnews-info{
    padding: 15px;
  }
  .hnews-info h3{
    font-size: 18px;
  }
  .hnews-list li{
    padding: 15px;
  }
}
/**********关于我们**********/
.inside-banner {
  position: relative;
}
.inside-bantxt {
  position: absolute;
  bottom: 166px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  width: 100%;
}
.inside-bantxt h3 {
  font-size: 60px;
  line-height: 60px;
}
.inside-bantxt h4 {
  font-size: 28px;
  line-height: 38px;
  margin-top: 25px;
}
.about-nav {
  border-bottom: 1px solid #e9e9e9;
  height: 90px;
  line-height: 90px;
}
.about-nav-con {
  padding: 0 250px;
}
.about-nav-swiper a {
  display: block;
  text-align: center;
}
.about-nav-swiper .on a {
  background: #004fa7;
  color: #fff;
}
.about-nav-swiper a:hover{
  background: #004fa7;
  color: #fff;
}
.about-nav-swiper .swiper-wrapper{
  margin: 0 auto;
}
.about-box{
  margin-top: 100px;
  overflow: hidden;
}
.about-boxr{
  background: url('../img/about-bg.jpg') no-repeat center bottom;
  padding: 12px 120px 0 60px;
}
.about-boxl img{
  width: 100%;
}
.about-boxl{
  width: 50%;
}
.about-boxr{
  width: 50%;
}
.about-boxr h3{
  font-size: 38px;
  font-weight: bold;
}
.about-boxr h4{
  font-size: 18px;
  font-weight: bold;
  line-height: 35px;
  margin-top: 46px;
}
.about-box-top{
  display: flex;
}
.about-honor{
  margin-top: 100px;
}
.about-honow{
  display: flex;
}
.about-honor-l{
  width: 50%;
}
.about-honor-r{
  width: 50%;
}
.about-honor-r img{
  width: 100%;
}
.about-honor-l h3{
  font-size: 38px;
  font-weight: bold;
}
.about-honor-l h4{
  margin-top: 60px;
  line-height: 35px;
}
.about-honor-l{
  padding-top: 145px;
}
.about-honor-l a{
  display: block;
  width: 140px;
  height: 46px;
  background: #0a56aa;
  color: #fff;
  text-align: center;
  line-height: 46px;
  border-radius: 5px;
  margin-top: 100px;
}
.honor-padright{
  padding-right: 100px;
}
.honor-padleft{
  padding-left: 100px;
}
.about-box{
  padding-bottom: 100px;
}
.about-rlist{
  margin-top: 50px;
}
@media(max-width: 1700px){
  .about-nav-con{
    padding: 0 180px;
  }
  .about-honor-l{
    padding-top: 40px;
  }
  .about-honor-l a{
    margin-top: 30px;
  }
}
@media(max-width:1600px){
  .about-boxr h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 20px;
  }
  .about-boxr h3{
    font-size: 26px;
  }
  .about-rlist{
    margin-top: 30px;
  }
  .about-rlist .habout-list li{
    height: 180px;
  }
  .about-boxr{
    padding: 30px;
  }
}
@media(max-width:1500px){
  .about-boxr h4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media(max-width: 1400px){
  .inside-bantxt{
    bottom: 80px;
  }
  .inside-bantxt h3{
    font-size: 40px;
    line-height: 40px;
  }
  .inside-bantxt h4{
    font-size: 24px;
    line-height: 34px;
  }
  .about-nav-con{
    padding: 0 50px;
  }
  .about-honor-l h4{
    margin-top: 20px;
  }
  .honor-padright{
    padding-right: 30px;
  }
  .honor-padleft{
    padding-left: 30px;
  }
}
@media(max-width: 1200px){
  .about-nav-con{
    padding: 0 50px;
  }
  .inside-bantxt{
    bottom: 60px;
  }
  .inside-bantxt h3{
    font-size: 36px;
    line-height: 36px;
  }
  .inside-bantxt h4{
    font-size: 20px;
    line-height: 24px;
  }
  .about-box-top{
    display: block;
  }
  .about-boxl{
    width: 100%;
    margin-bottom: 20px;
  }
  .about-boxr{
    width: 100%;
  }
}
@media(max-width: 991px){
  .about-nav-con{
    padding: 0px;
  }
  .inside-bantxt{
    bottom: 40px;
  }
  .about-nav{
    height: 60px;
    line-height: 60px;
  }
  .about-box{
    margin-top: 40px;
    padding-bottom: 30px;
  }
  .about-boxr{
    padding: 15px;
  }
  .about-honow{
    flex-wrap: wrap;
  }
  .about-honow:last-child{
    flex-direction: column-reverse;
  }
  .about-honor-l{
    width: 100%;
    margin-bottom: 30px;
    padding: 15px;
  }
  .about-honor-r{
    width:100%;
  }
  .about-honor{
    margin-top: 30px;
  }
  .about-honor-l h3{
    font-size: 24px;
  }
  .about-honor-l h4{
    margin-top: 15px;
    line-height: 30px;
  }
}
@media(max-width: 767px){
  .inside-bantxt{
    bottom: 20px;
  }
  .inside-bantxt h3{
    font-size: 24px;
    line-height: 24px;
  }
  .inside-bantxt h4{
    font-size: 16px;
    margin-top: 12px;
  }
}
@media(max-width: 559px){
  .inside-bantxt{
    bottom: 14px;
  }
  .inside-bantxt h3{
    font-size: 20px;
  }
  .inside-bantxt h4{
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
    padding: 0 15px;
  }
}
/**********发展历程**********/
.history-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 76px;
}
.history-title{
  margin-bottom: 36px;
}
.public-title{
  text-align: center;
}
.public-title h3{
  font-size: 36px;
  line-height: 36px;
  color: #000;
  padding-bottom: 22px;
  position: relative;
  margin-bottom: 18px;
}
.public-title h3::after{
  position: absolute;
  width: 25px;
  height: 4px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #004fa7;
  content: "";
}
.public-titletxt p{
  text-align: center;
  font-size: 18px;
  color: #666;
}
.history-main{
  padding: 0 115px;
  position: relative;
}
.history-line{
  width: calc(100% - 230px);
  position: absolute;
  top: 85px;
  background-color: #d3d3d3;
  height: 1px;
  left: 115px;
}
.history-next,.history-prev{
  width: 54px;
  height: 54px;
  margin-top: 0px;
  top: 58px;
  opacity: 1;
  border-radius: 50%;
  background-color: #d3d3d3;
}
.history-next{
  background-image: url(../img/history-next.png);
  right: 0px;
}
.history-prev{
  background-image: url(../img/history-prev.png);
  left: 0px;
}
.history-time{
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 50%;
  /* border: 8px solid #004fa7; */
  display: flex;
  align-items: flex-end;
}
.history-timetxt {
  position: relative;
  text-align: center;
  width: 100%;
  color: #004fa7;
}
.history-timetxt span{
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.history-timetxt p{
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-top: 7px;
  display: none;
}
.history-list li {
  display: none;
}
.history-show {
  display: block;
}
.history-item {
  display: flex;
  flex-wrap: wrap;
}
.history-img {
  width: 50%;
  overflow: hidden;
}
.history-img img {
  width: 100%;
  transition: all 0.5s;
}
.history-info {
  width: 50%;
}
.history-timetxt::after {
  position: absolute;
  content: "0";
  height: 20px;
  width: 20px;
  background: #004fa7;
  border-radius: 50%;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.history-timetxton{
  width: 160px;
  height: 160px;
  border: 9px solid #004fa7;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
}
.history-timetxton span{
  display: block;
  font-size: 30px;
  color: #004fa7;
  font-weight: bold;
}
.history-timetxton p{
  display: block;
  font-weight: bold;
  font-size: 18px;
  color: #004fa7;
  margin-top: 11px;
}
.history-time-act{
  text-align: center;
}
.history-swiper{
  padding-bottom: 30px;
}
.history-timetxton{
  position: relative;
}
.history-time-act::after{
  position: absolute;
  content: "";
  background: url("../img/sanjiao.png") no-repeat center;
  width: 20px;
  height: 13px;
  left: 50%;
  transform: translateX(-50%);
  top: 166px;
}
.history-time-act{
  display: none;
}
.history-swiper .swiper-slide.swiper-slide-active .history-time-act{
  display: block;
}
.history-swiper .swiper-slide.swiper-slide-active .history-timetxt{
  display: none;
}
.history-list{
  padding: 70px 0 55px;
}
.history-info{
  background: #f5f8fb;
}
.history-info{
  padding: 86px 90px 0 60px;
}
.history-info h4{
  font-size: 30px;
  font-weight: bold;
  color: #004fa7;
}
.history-info p{
  margin-top: 45px;
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
  color: #333333;
}
@media(max-width:1400px){
  .history-info {
    padding: 30px;
  }
  .history-info p{
    margin-top: 25px;
  }
  .history-timetxton{
    width:120px;
    height: 120px;
    border: 4px solid #004fa7;
  }
  .history-timetxton span{
    font-size: 24px;
  }
  .history-time-act::after{
    left: 40%;
  }
}
@media(max-width:1200px){
  .history-main{
    padding: 0;
  }
}
@media(max-width: 991px){
  .history-wrap{
    padding-top: 35px;
  }
  .public-title h3{
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 18px;
    margin-bottom: 10px;
  }
  .public-titletxt p{
    font-size: 16px;
  }
  .history-title{
    margin-bottom: 26px;
  }
  .history-line {
    width: 100%;
    position: absolute;
    top: 85px;
    background-color: #d3d3d3;
    height: 1px;
    left: 0;
  }
  .history-time-act::after{
    left: 42%;
  }
  .history-img{
    width: 100%;
  }
  .history-info{
    width: 100%;
  }
}
@media(max-width:600px){
  .history-time-act::after{
    left: 50%;
  }
  .history-timetxton {
    width: 90px;
    height: 90px;
    border: 3px solid #004fa7;
    top: -28px;
  } 
  .history-timetxton span{
    font-size: 22px;
  }
  .history-time{
    width: 90px;
  }
  .history-time-act::after{
    top: 142px;
  }
  .history-list {
    padding: 5px 0 30px;
  }
  .history-next, .history-prev{
    width: 40px;
    height: 40px;
    top: 64px;
  }
}
/**********企业文化**********/
.culture-wrap{
  padding-bottom: 55px;
}
.culture-title{
  margin-bottom: 70px;
}
.culture-title h3{
  margin-bottom: 27px;
}
.public-titletxt{
  font-size: 16px;
  line-height: #666;
  text-align: center;
  line-height: 32px;
}
.culture-list {
  margin-left: -19px;
  margin-right: -19px;
}
.culture-list li {
  padding: 0 19px;
  float: left;
  width: 25%;
}
.culture-info{
  border: 1px solid #efefef;
  background-color: #fff;
  padding: 33px 25px 8px;
}
.culture-info h3{
  font-size: 20px;
  line-height: 24px;
  color: #2a2a2a;
  padding-bottom: 13px;
  text-align: center;
  margin-bottom: 21px;
  position: relative;
}
.culture-info h3::after{
  position: absolute;
  content: "";
  width: 18px;
  height: 2px;
  background-color: #004fa7;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.culture-txt{
  min-height: 168px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}
.culture-list li:hover .public-img img{
  transform: scale(1.1);
}
@media(max-width: 1400px){
  .culture-list {
    margin-left: -12px;
    margin-right: -12px;
  }
  .culture-list li {
    padding: 0 12px;
  }
  .culture-txt{
    font-size: 14px;
  }
}
@media(max-width: 1200px){
  .culture-list li {
    width: 50%;
    margin-bottom: 20px;
  }
  .culture-txt{
    font-size: 16px;
  }
}
@media(max-width: 991px){
  .culture-title h3{
    margin-bottom: 15px;
  }
  .culture-title{
    margin-bottom: 26px;
  }
  .culture-info{
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .culture-wrap{
    padding-bottom: 30px;
  }
}
@media(max-width: 599px){
  .culture-list {
    margin-left: 0px;
    margin-right: 0px;
  }
  .culture-list li {
    padding: 0px;
    width: 100%;
    float: none;
  }
  .culture-txt{
    min-height: 24px;
  }
  .culture-info{
    padding: 20px;
  }
  .culture-txt{
    font-size: 16px;
  }
  .culture-info h3{
    margin-bottom: 12px;
  }
}
/**********资质荣誉**********/
.honor-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 68px;
}
.honor-list {
  margin-left: -40px;
  margin-right: -40px;
}
.honor-list li {
  float: left;
  width: 25%;
  padding: 0 40px;
  margin-bottom: 72px;
}
.honor-list li .public-img{
  border: 1px solid #ddd;
}
.honor-list li p{
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  margin-top: 25px;
}
.click-more{
  width: 140px;
  height: 46px;
  border-radius: 5px;
  line-height: 46px;
  text-align: center;
  background-color: #004fa7;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 0 auto 50px;
}
@media(max-width: 1600px){
  .honor-list{
    margin-left: -20px;
    margin-right: -20px;
  }
  .honor-list li{
    padding: 0 20px;
  }
}
@media(max-width: 1400px){
  .honor-list li{
    margin-bottom: 50px;
  }
}
@media(max-width: 991px){
  .honor-wrap{
    padding-top: 40px;
  }
  .honor-list li p{
    font-size: 16px;
    margin-top: 20px;
  }
  .honor-list{
    margin-left: -15px;
    margin-right: -15px;
  }
  .honor-list li{
    padding: 0 15px;
    width: 50%;
    margin-bottom: 20px;
  }
  .click-more{
    margin-bottom: 40px;
  }
}
@media(max-width: 559px){
  .honor-list{
    margin-left: 0px;
    margin-right: 0px;
  }
  .honor-list li{
    padding: 0px;
    width: 100%;
  }
}
/**********视频中心**********/
.vedio-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 53px;
}
.vedio-list {
  margin-left: -50px;
  margin-right: -50px;
}
.vedio-list li {
  float: left;
  width: 33.33%;
  padding: 0 50px;
  margin-bottom: 39px;
}
.vedio-imgv{
  position: relative;
}
.video-icon{
  width: 55px;
  height: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.vedio-item p{
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  margin-top: 26px;
  color: #333;
}
.video-click{
  margin-top: 18px;
}
@media(max-width: 1600px){
  .vedio-list {
    margin-left: -30px;
    margin-right: -30px;
  }
  .vedio-list li {
    padding: 0 30px;
  }
}
@media(max-width: 1200px){
  .vedio-list {
    margin-left: -20px;
    margin-right: -20px;
  }
  .vedio-list li {
    padding: 0 20px;
  }
}
@media(max-width: 991px){
  .vedio-wrap{
    padding-top: 40px;
  }
  .vedio-item p{
    font-size: 14px;
    margin-top: 20px;
  }
  .vedio-list {
    margin-left: 0px;
    margin-right: 0px;
  }
  .vedio-list li {
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .video-click{
    margin-top: 8px;
  }
}
/* 联系我们 */
.contact-nav{
  border-bottom: 1px solid #e9e9e9;
  height: 90px;
}
.contact-navlist{
  display: flex;
  justify-content: center;
}
.contact-navlist li a{
  display: block;
  width: 220px;
  font-size: 18px;
  color: #666;
  text-align: center;
  line-height: 90px;
}
.contact-navlist li.on a{
  background-color: #004fa7;
  color: #fff;
}
.contact-navlist li:hover a{
  background-color: #004fa7;
  color: #fff;
}
.contact-top{
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.contact-toplist{
  padding-top: 92px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 35px;
  padding-right: 22px;
}
.contact-top li{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-icon{
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #004fa7;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
  transition: all .5s;
}
.contact-icon img{
  transition: all .5s;
}
.cicon-on{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.contact-info{
  color: #333;
  font-size: 18px;
}
.contact-info h4{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: center;
}
.contact-info p{
  max-width: 182px;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  min-height: 96px;
}
.contact-top li:hover .contact-icon{
  background-color: #e6e6e6;
}
.contact-top li:hover .cicon-on{
  opacity: 1;
}
.contact-top li:hover .cicon-un{
  opacity: 0;
}
.map-main{
  overflow: hidden;
  padding-top: 54px;
  padding-bottom: 77px;
}
.map-main h3{
  font-size: 24px;
  text-align: center;
  color: #333;
  line-height: 24px;
  margin-bottom: 48px;
}
@media(max-width: 1400px){
  .contact-toplist{
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media(max-width: 1200px){
  .contact-info p{
    font-size: 16px;
    min-height: 24px;
  }
  .contact-toplist{
    padding-bottom: 40px;
  }
}
@media(max-width: 991px){
  .contact-info p{
    max-width: auto;
  }
  .contact-toplist{
    padding-bottom: 10px;
    padding-top: 40px;
  }
  .contact-toplist{
    flex-wrap: wrap;
  }
  .contact-toplist li{
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .map-main{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .map-main h3{
    margin-bottom: 28px;
  }
  .contact-navlist li{
    width: 50%;
  }
  .contact-navlist li a{
    width: 100%;
    line-height: 60px;
  }
  .contact-nav{
    height: 60px;
  }
}
@media(max-width: 559px){
  .contact-toplist li{
    padding: 0 12px;
  }
  .contact-icon{
    margin-bottom: 15px;
  }
}
/* 人力资源 */
.recrument-wrap{
  padding-top: 80px;
}
.recrument-list li{
  border-bottom: 1px dashed #bcbcbc;
}
.recrument-list li:first-child{
  border-top: 1px dashed #bcbcbc;
}
.recrument-top{
  padding-left: 76px;
  padding-right: 54px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recrument-top h3{
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.recrument-icon{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #bcbcbc;
  background: url(../img/add-icon.png) no-repeat center;
  transition: all .5s;
  cursor: pointer;
}
.recrument-bom{
  padding-left: 76px;
  padding-right: 54px;
  padding-top: 27px;
  padding-bottom: 42px;
  display: none;
}
.recrument-txt{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
}
.recrument-txt:last-child{
  margin-bottom: 0px;
}
.contact-warn{
  margin-top: 45px;
  margin-bottom: 66px;
  color: #333;
  font-size: 16px;
  line-height: 28px;
  padding-left: 76px;
}
.recrument-list li.on .recrument-top{
  background-color: #004fa7;
}
.recrument-list li.on .recrument-top h3{
  color: #fff;
}
.recrument-list li.on .recrument-icon{
  background-image: url(../img/slice-icon.png);
  border-color: #fff;
}
@media(max-width: 1200px){
  .recrument-top{
    padding-left: 45px;
    padding-right: 45px;
  }
  .recrument-bom{
    padding-left: 45px;
    padding-right: 45px;
  }
  .contact-warn{
    padding-left: 45px;
  }
}
@media(max-width: 991px){
  .recrument-wrap{
    padding-top: 40px;
  }
  .recrument-top{
    padding-left: 25px;
    padding-right: 25px;
    height: 58px;
  }
  .recrument-bom{
    padding: 25px;
  }
  .contact-warn{
    padding-left: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media(max-width: 559px){
  .recrument-top{
    padding-left: 8px;
    padding-right: 8px;
  }
  .recrument-bom{
    padding: 15px 8px;
  }
  .contact-warn{
    padding-left: 8px;
  }
  .recrument-top h3{
    font-size: 16px;
  }
  .recrument-txt{
    margin-bottom: 18px;
  }
}
/* 员工风采 */
.human-wrap{
  overflow: hidden;
  padding-top: 54px;
}
.human-list{
  margin-left: -24px;
  margin-right: -24px;
}
.human-list li{
  padding: 0 24px;
  float: left;
  margin-bottom: 25px;
  width: 25%;
}
.human-item span{
  margin-top: 15px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #888;
  margin-bottom: 15px;
}
.human-item p{
  font-size: 16px;
  line-height: 26px;
  color: #333;
  min-height: 78px;
}
.human-click{
  margin-bottom: 84px;
}
.human-item:hover .public-img img{
  transform: scale(1.1);
}
@media(max-width: 1400px){
  .human-list li{
    padding: 0 15px;
  }
  .human-list{
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media(max-width: 991px){
  .human-wrap{
    padding-top: 40px;
  }
  .human-list li{
    width: 50%;
    margin-bottom: 0px;
  }
  .human-item span{
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .human-click{
    margin-bottom: 40px;
    margin-top: 14px;
  }
}
@media(max-width: 599px){
  .human-list li{
    padding: 0px;
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .human-list{
    margin-left: 0px;
    margin-right: 0px;
  }
  .human-item p{
    min-height: 24px;
  }
  .human-click{
    margin-top: 34px;
  }
}
/* 新闻资讯 */
.news-wrap{
  padding-top: 70px;
  background-color: #f6f6f6;
  overflow: hidden;
}
.news-list li{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 65px;
}
.news-list li:last-child{
  margin-bottom: 0px;
}
.news-img{
  width: 626px;
  overflow: hidden;
}
.news-img img{
  width: 100%;
  transition: all .5s;
}
.news-info{
  width: calc(100% - 626px);
  background-color: #fff;
  padding: 56px 140px 56px 80px;
}
.news-info span{
  font-size: 16px;
  line-height: 24px;
  color: #969696;
  display: block;
  margin-bottom: 20px;
}
.news-info h3 a{
  font-size: 20px;
  line-height: 24px;
  color: #333;
  font-weight: bold;
}
.news-info p{
  margin-top: 25px;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 98px;
}
.news-more{
  display: block;
  text-align: center;
  color: #fff;
  background-color: #004fa7;
  border-radius: 5px;
  width: 122px;
  height: 42px;
  line-height: 42px;
}
.news-list li:hover .news-img img{
  transform: scale(1.1);  
} 
.news-list li:hover .news-info h3 a{
  color: #004fa7;
}
.news-click{
  margin-top: 57px;
  margin-bottom: 74px;
}
@media(max-width: 1600px){
  .news-info{
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media(max-width: 1400px){
  .news-img{
    width: 39.125%;
  }
  .news-info{
    width: 60.875%;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .news-info p{
    margin-top: 20px;
    margin-bottom: 38px;
  }
}
@media(max-width: 1200px){
  .news-info{
    padding: 25px 30px;
  }
  .news-info span{
    margin-bottom: 10px;
  }
  .news-info p{
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media(max-width: 991px){
  .news-img{
    width: 100%;
    max-width: 626px;
    margin: 0 auto;
  }
  .news-info{
    width: 100%;
    padding: 30px;
  }
  .news-info p{
    margin-bottom: 18px;
  }
  .news-wrap{
    padding-top: 40px;
  }
  .news-click{
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .news-list li{
    margin-bottom: 22px;
  }
}
@media(max-width: 559px){
  .news-info{
    padding: 20px;
  }
}
.news-detail{
  padding-bottom: 70px;
}
.news-detailmain{
  background-color: #fff;
}
.ndetail-title{
  text-align: center;
  padding-top: 70px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e8e8e8;
}
.ndetail-title h3{
  font-size: 32px;
  line-height: 32px;
  color: #333;
  margin-bottom: 28px;
  text-align: center;
}
.ndetail-title span{
  font-size: 16px;
  line-height: 24px;
  color: #969696;
}
.ndetail-des{
  padding-left: 165px;
  padding-right: 180px;
  padding-top: 38px;
  padding-bottom: 112px;
}
.ndetail-des p{
  font-size: 16px;
  color: #666;
  margin-bottom: 36px;
  line-height: 36px;
}
.ndetail-des .public-img{
  padding: 40px 25px 0px;
}

.ndetail-des img {
  max-width: 100%;
}
.ndetail-page{
  display: flex;
  justify-content: space-between;
  padding-left: 165px;
  padding-right: 160px;
  padding-top: 48px;
  padding-bottom: 65px;
  border-top: 1px solid #e5e5e5;
  align-items: center;
}
.page-left a{
  font-size: 18px;
  display: block;
  line-height: 36px;
  color: #333;
}
.back-btn{
  width: 100px;
  height: 48px;
  text-align: center;
  border-radius: 4px;
  background-color: #004fa7;
  font-size: 16px;
  line-height: 48px;
  color: #fff;
  cursor: pointer;
}
.page-left a:hover{
  color: #004fa7;
}
@media(max-width: 1600px){
  .ndetail-des .public-img{
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media(max-width: 1400px){
  .ndetail-des{
    padding-left: 80px;
    padding-right: 80px;
  }
  .ndetail-page{
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media(max-width: 1200px){
  .ndetail-des{
    padding-left: 40px;
    padding-right: 40px;
  }
  .ndetail-page{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media(max-width: 991px){
  .ndetail-title{
    padding-top: 30px;
    padding-bottom: 12px;
  }
  .ndetail-title h3{
    font-size: 28px;
    margin-bottom: 12px;
  }
  .ndetail-des{
    padding: 25px 20px;
  }
  .ndetail-des p{
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .ndetail-page{
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
  .ndetail-des .public-img{
    padding-top: 10px;
  }
  .back-btn{
    margin-top: 10px;
  }
  .news-detail{
    padding-bottom: 40px;
  }
}
@media(max-width: 599px){
  .ndetail-title h3{
    font-size: 24px;
    line-height: 30px;
  }
  .page-left a{
    font-size: 16px;
    line-height: 30px;
  }
}
/* 项目案例 */
.case-list{
  margin-left: -30px;
  margin-right: -30px;
}
.case-list li{
  float: left;
  width: 33.33%;
  padding: 0 30px;
  margin-bottom: 53px;
}
.case-item .hcase-des{
  padding-left: 30px;
  padding-right: 60px;
  padding-bottom: 28px;
}
.case-wrap{
  background-color: #fff;
}
.case-click{
  margin-bottom: 48px;
}
@media(max-width: 1600px){
  .case-item .hcase-des{
    padding-right: 30px;
  }
}
@media(max-width: 1400px){
  .case-list{
    margin-left: -15px;
    margin-right: -15px;
  }
  .case-list li{
    padding: 0 15px;
    margin-bottom: 32px;
  }
}
@media(max-width: 991px){
  .case-list{
    margin-left:0px;
    margin-right:0px;
  }
  .case-list li{
    padding: 0px;
    width: 100%;
    float: none;
    margin-bottom: 22px;
  }
  .case-list li:last-child{
    margin-bottom: 0px;
  }
  .case-click{
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media(max-width: 559px){
  .case-item .hcase-des{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 18px;
  }
}
/* 项目案例详情 */
.case-detail{
  background-color: #f8f8f8;
  padding-top: 70px;
  padding-bottom: 78px;
}
.case-main{
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.case-next,.case-prev{
  width: 44px;
  height: 44px;
  margin-top: -22px;
  background-size: 7px 12px;
  opacity: 1;
  background-color: #c6c6c6;
}
.case-next{
  right: 0px;
  background-image: url(../img/develop-next.png);
}
.case-prev{
  left: 0px;
  background-image: url(../img/develop-prev.png);
}
.case-next:hover,.case-prev:hover{
  background-color: #004fa7;
}
.case-bom{
  position: absolute;
  width: 648px;
  bottom: 29px;
  right: 25px;
}
.case-small{
  border: 1px solid #ffffff;
  overflow: hidden;
}
.case-small img{
  width: 100%;
}
.case-bom .swiper-slide-thumb-active .case-small{
  border-color: #004fa7;
}
.case-info{
  background-color: #fff;
  padding: 40px 45px 55px;
  text-align: center;
}
.case-info h3{
  font-size: 20px;
  line-height: 22px;
  color: #333;
  padding-bottom: 19px;
  margin-bottom: 20px;
  position: relative;
}
.case-info h3::after{
  position: absolute;
  width: 15px;
  height: 3px;
  content: "";
  background-color: #004fa7;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.case-info p{
  line-height: 32px;
  font-size: 16px;
  color: #666;
  text-align: left;
}
.case-info img {
width: 100%;
  }
@media(max-width: 991px){
  .case-main .mySwiper2 .swiper-slide img{
    width: 100%;
  }
  .case-bom{
    position: relative;
    width: 100%;
    bottom: auto;
    right: auto;
    margin-top: 25px;
    padding-right: 10px;
    padding-left: 40px;
  }
  .case-next, .case-prev{
    margin-top: -62px;
    width: 38px;
    height: 38px;
  }
  .case-info{
    padding: 18px 20px 25px;
  }
  .case-info h3{
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .case-info {
    line-height: 30px;
  }
  .case-detail{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media(max-width: 559px){
  .case-bom{
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* 研发中心 */
.develop-wrap{
  padding-top: 67px;
  background: url(../img/develop-bg.jpg) no-repeat center;
  background-size: 100% 100%;
  padding-bottom: 107px;
}
.develop-title{
  text-align: center;
  margin-bottom: 70px;
}
.develop-title h3{
  font-size: 32px;
  line-height: 32px;
  color: #333;
  margin-bottom: 30px;
}
.develop-title p{
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  color: #666;
}
.develop-main{
  padding-left: 98px;
  padding-right: 102px;
  position: relative;
}
.develop-next,.develop-prev{
  width: 44px;
  height: 44px;
  margin-top: -22px;
  background-size: 7px 12px;
  opacity: 1;
  background-color: #c6c6c6;
}
.develop-next{
  right: 0px;
  background-image: url(../img/develop-next.png);
}
.develop-prev{
  left: 0px;
  background-image: url(../img/develop-prev.png);
}
.develop-next:hover,.develop-prev:hover{
  background-color: #004fa7;
}
.develop-swiper .public-img:hover img{
  transform: scale(1.1);
}
@media(max-width: 991px){
  .develop-wrap{
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .develop-title h3{
    font-size: 28px;
    margin-bottom: 12px;
  }
  .develop-title p{
    font-size: 16px;
    line-height: 30px;
  }
  .develop-title{
    margin-bottom: 30px;
  }
  .develop-main{
    padding-left: 44px;
    padding-right: 44px;
  }
  .develop-next, .develop-prev{
    margin-top: -19px;
    width: 38px;
    height: 38px;
  }
}
@media(max-width: 559px){
  .develop-title{
    margin-bottom: 20px;
  }
  .develop-main{
    padding-left:0px;
    padding-right:0px;
  }
}
/********合作区域*******/

@font-face {
  font-family: "Regular";
  src: url("../font/SourceHanSansCN-Regular.ttf");
}
#main{
  height: 730px;
  width: 100%;
}
.area-box{
  display: flex;
}
.area-l{
  width: 56%;
}
.area-r{
  padding-top: 110px;
  width: 44%;
}
.area-rtop ul{
  display: flex;
}
.area-rtop ul li p{
  display: block;
  width: 75px;
  height: 33px;
  background: #004fa7;
  margin-right: 33px;
}
.area-rtop ul li:last-child p{
  background: #619ee2;
}
.area-rtop ul li{
  display: flex;
  line-height: 33px;
  margin-right: 50px;
}
.area-rtxt{
  margin-top: 56px;
}
.area-rtxt h3{
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
.area-rbox{
  display: none;
  padding-top: 40px;
  font-size: 20px;
  font-family: "Regular";
  color: #000000;
  line-height: 35px;
}
.area-rbox.on {
  display: block;
}
.parea-ditu{
  display: none;
}
@media(max-width:1200px){
  .area-rbox{
    font-size: 16px;
    padding-top: 10px;
  }
  .area-rtop ul li span{
    white-space: nowrap;
  }
  .area-rtop{
    line-height: 30px;
  }
}

@media(max-width:991px){
  .parea-ditu img{
    width: 100%;
  }
  .parea-ditu{
    padding: 40px 0;
    display: block;
  }
  .area-box{
    display: none;
  }
}

/* 产品中心 */
.pro-header{
  background-color: #004fa7;
}
.pro-top{
  background-color: #004fa7;
  padding-top: 208px;
  padding-bottom: 35px;
}
.pro-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pro-title h3{
  color: #fff;
  font-size: 38px;
}
.ptitle-right{
  display: flex;
  align-items: center;
  position: relative;
}
.ptitle-down{
  position: absolute;
  width: 34px;
  height: 17px;
  background: url(../img/pro-down.png) no-repeat center;
  left: 0px;
  top: 103px;
  z-index: 11;
  display: none;
}
.ptitle-all{
  margin-right: 46px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ptitle-all span{
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  width: 40px;
  color: #fff;
  margin-right: 16px;
}
.ptitle-input {
  display: flex;
  align-items: center;
  width: 840px;
  height: 68px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding-left: 30px;
}
.ptitle-input .sou-submit{
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
  background: url(../img/pro-sou.png) no-repeat center;
}
.ptitle-input .sou-input{
  padding-left: 20px;
  width: calc(100% - 22px);
  background-color: #fff;
  border: none;
  font-size: 18px;
  color: #989898;
  line-height: 66px;
}
.pro-class{
  overflow: hidden;
  padding-top: 52px;
  background: #fff;
  display: none;
}
.pro-classlist{
  display: flex;
  flex-wrap: wrap;
}
.pro-classlist li{
  height: 146px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12.5%;
  border-bottom: 1px solid #e9e9e9;
}
.pro-classlist li a{
  display: block;
  text-align: center;
}
.pro-classlist li.on p{
  color: #004fa7;
}
.pro-classlist li p{
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 24px;
  margin-top: 15px;
  font-weight: bold;
}
.pro-classlist:last-child{
  border-bottom: none;
}
.pro-list{
  margin-left: -37px;
  margin-right: -37px;
}
.pro-list li{
  float: left;
  padding: 0 37px;
  width: 33.33%;
  margin-bottom: 50px;
}
.pro-wrap{
  overflow: hidden;
  padding-top: 83px;
}
.pro-item{
  padding: 1px;
}
.pro-item .public-img {
  border-radius: 5px;
}
.pro-info{
  height: 86px;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 24px;
  display: flex;
  transition: all .5s;
  align-items: center;
  color: #333;
}
.pro-icon{
  position: relative;
}
.pro-icon img{
  transition: all .5s;
}
.picon-on{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.pro-info span{
  font-size: 18px;
  font-weight: bold;
  margin-left: 24px;
}
.pro-item:hover .public-img img{
  transform: scale(1.1);
}
.pro-item:hover .pro-info{
  background: #004fa7;
  color: #fff;
}
.pro-item:hover .picon-on{
  opacity: 1;
}
.pro-item:hover .picon-un{
  opacity: 0;
}
.pro-click{
  margin-bottom: 55px;
}
@media(max-width: 1600px){
  .ptitle-input{
    width: 600px;
  }
  .pro-list{
    margin-left: -27px;
    margin-right: -27px;
  }
  .pro-list li{
    padding: 0 27px;
  }
}
@media(max-width: 1400px){
  .pro-top{
    padding-top: 188px;
  }
  .pro-info{
    height: 75px;
  }
  .pro-wrap{
    padding-top: 70px;
  }
}
@media(max-width: 1200px){
  .pro-top{
    padding-top: 168px;
  }
  .ptitle-all{
    margin-right: 30px;
  }
  .ptitle-input{
    width: 500px;
    padding-left: 20px;
  }
  .pro-list{
    margin-left: -15px;
    margin-right: -15px;
  }
  .pro-list li{
    padding: 0 15px;
  }
  .pro-classlist li{
    width: 16.6%;
    height: 132px;
  }
}
@media(max-width: 991px){
  .pro-header{
    background: #fff;
  }
  .pro-top{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pro-title{
    flex-wrap: wrap;
  }
  .pro-title h3{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 18px;
  }
  .ptitle-all{
    margin-right: 20px;
  }
  .ptitle-right{
    width: 100%;
  }
  .ptitle-right form{
    width: 100%;
  }
  .ptitle-all span{
    font-size: 16px;
    margin-right: 8px;
  }
  .ptitle-input{
    width: 100%;
    padding-left: 15px;
    height: 52px;
  }
  .ptitle-input .sou-input{
    font-size: 16px;
    line-height: 50px;
  }
  .pro-list{
    margin-left: 0px;
    margin-right: 0px;
  }
  .pro-list li{
    padding: 0px;
    float: none;
    width: 100%;
    margin-bottom: 22px;
  }
  .pro-wrap{
    padding-top: 30px;
  }
  .pro-info{
    padding-left: 15px;
    height: 60px;
  }
  .pro-info span{
    font-size: 16px;
    margin-left: 15px;
  }
  .pro-click{
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .ptitle-down{
    top: 77px;
  }
  .pro-classlist li{
    width: 20%;
    height: 100px;
  }
  .pro-classlist li p{
    font-size: 16px;
    margin-top: 10px;
  }
  .pro-class{
    padding-top: 28px;
  }
}
@media(max-width: 599px){
  .ptitle-all span{
    margin-right: 0px;
    font-size: 14px;
    line-height: 18px;
  }
  .ptitle-all img{
    width: 32px;
    height: 24px;
  }
  .ptitle-all{
    margin-right: 10px;
  }
  .ptitle-input{
    padding-left: 10px;
  }
  .ptitle-input .sou-input{
    padding-left: 10px;
    font-size: 14px;
  }
  .pro-classlist li{
    width: 33.33%;
  }
  .pro-class{
    padding-top: 18px;
  }
}
.pro-detailwrap{
  position: relative;
  overflow: hidden;
}
.mySwiper-pro .swiper-slide img{
  width: 100%;
}
.pro-bannerbom{
  position: absolute;
  width: 648px;
  bottom: 146px;
  right: 120px;
}
.pro-bannerbom .swiper-slide-thumb-active .case-small{
  border-color: #004fa7;
}
.pdetail-main{
  overflow: hidden;
  padding-top: 57px;
}
.pdetail-title{
  display: flex;
  justify-content: space-between;
}
.pdetail-title h3{
  padding-bottom: 13px;
  position: relative;
}
.pdetail-sub{
  font-size: 28px;
  color: #333;
  line-height: 32px;
}
.pdetail-title h3::after{
  position: absolute;
  background: #004fa7;
  width: 48px;
  height: 3px;
  left: 0px;
  bottom: 0px;
  content: "";
}
.pdetail-page{
  display: flex;
  align-items: center;
}
.pdetail-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  background: #004fa7;
  width: 108px;
  cursor: pointer;
}
.pdetail-btn span{
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.pdetail-prev span{
  margin-left: 14px;
}
.pdetail-next span{
  margin-right: 14px;
}
.pdetail-class{
  margin: 0 12px;
  height: 44px;
  width: 44px;
  background: #004fa7 url(../img/pdetail-class.png) no-repeat center;
}
.pdetail-des{
  margin-top: 36px;
  font-size: 16px;
  line-height: 36px;
  padding-bottom: 29px;
  border-bottom: 1px solid #ececec;
  color: #666;
}
.pdetail-argu{
  padding-top: 24px;
  padding-bottom: 33px;
  border-bottom: 1px solid #ececec;
}
.pdetail-argu .pdetail-sub{
  margin-bottom: 28px;
}
.pdetail-argulist{
  display: flex;
  flex-wrap: wrap;
}
.pdetail-argulist li{
  width: 260px;
  height: 84px;
  background: #f8f8f8;
  margin-right: 24px;
  padding-left: 60px;
  position: relative;
}
.pdetail-argulist li:nth-child(6n){
  margin-right: 0px;
}
.pdetail-argulist li p{
  line-height: 84px;
  color: #333;
  font-size: 16px;
}
.pdetail-argulist li::before{
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #004fa7;
  top: 50%;
  transform: translateY(-50%);
  left: 26px;
}
.pdetail-download{
  padding-top: 24px;
  padding-bottom: 38px;
}
.pdf{
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.pdf span{
  margin-left: 15px;
  display: block;
}
.relative-wrap{
  overflow: hidden;
  background: #f8f8f8;
  padding-top: 44px;
  padding-bottom: 69px;
}
.other-people .pdetail-sub{
  margin-bottom: 30px;
}
@media(max-width: 1700px){
  .pdetail-argulist li::before {
    left: 18px;
  }
  .pdetail-argulist li{
    margin-right: 20px;
    padding-left: 40px;
    width: 215px;
  }
}
@media(max-width: 1600px){
  .pro-bannerbom{
    bottom: 96px;
  }
  .pdetail-argulist li{
    padding-left: 30px;
    width: 196px;
  }
  .pdetail-argulist li::before {
    left: 10px;
  }
}
@media(max-width: 1400px){
  .pro-bannerbom{
    bottom: 96px;
  }
  .pdetail-argulist li{
    padding-left: 30px;
    width: 200px;
    margin-bottom: 20px;
  }
  .pdetail-argu{
    padding-bottom: 0px;
  }
}
@media(max-width: 1200px){
  .pro-bannerbom{
    width: 540px;
    overflow: hidden;
  }
}
@media(max-width: 991px){
  .pro-bannerbom{
    bottom: 70px;
    right: 60px;
  }
  .pdetail-main{
    padding-top: 37px;
  }
  .pdetail-title h3{
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 8px;
  }
  .pdetail-des{
    margin-top: 20px;
    line-height: 30px;
    padding-bottom: 15px;
  }
  .pdetail-sub{
    font-size: 24px;
    line-height: 30px;
  }
  .pdetail-argu .pdetail-sub{
    margin-bottom: 18px;
  }
  .pdetail-argulist li{
    width: calc(33.33% - 10px);
    margin-right: 0px;
    padding-left: 50px;
  }
  .pdetail-argulist{
    justify-content: space-between;
  }
  .pdetail-argulist li::before {
    left: 20px;
  }
  .pdf{
    margin-top: 18px;
  }
  .pdetail-download{
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .relative-wrap{
    padding-top: 35px;
    padding-bottom: 40px;
  }
  .other-people .pdetail-sub{
    margin-bottom: 20px;
  }
}
@media(max-width: 767px){
  .pro-bannerbom{
    width: 384px;
  }
  .pdetail-argulist li{
    width: calc(50% - 10px);
  }
}
@media(max-width: 559px){
  .pro-bannerbom{
    width: 172px;
    bottom: 20px;
    right: 20px;
  }
  .pdetail-title{
    flex-wrap: wrap;
  }
  .pdetail-page{
    width: 100%;
    margin-top: 20px;
  }
  .pdetail-argulist li{
    width: 100%;
  }
}
.seo-h1 ,.inner-breadcrumb{
  display: none;
}

#p-banner {
  position: relative;
  z-index: 1;
}

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

/*手机电脑切换*/
.dc-mo {
  display: none;
}

@media (max-width: 991px) {
  .dc-mo {
    display: block;
  }

  .dc-pc {
    display: none;
  }
}

.about-boxl{
  position: relative;
}
.about-boxl-video{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}