@charset "UTF-8";

/* 通用样式 */

p {

  margin: 0;

}



input,

textarea {

  border: none;

  outline: none;

  background-color: transparent;

}



img {

  vertical-align: middle;

}



.p1920 {

  width: 1920px;

  position: relative;

  left: 50%;

  margin-left: -960px;

}



.wd1200 {

  width: 1200px;

  margin: 0 auto;

}



.bw {

  width: 100%;

}



.clearfix::after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden;

}



.clearboth {

  height: 0px;

  line-height: 0px;

  overflow: hidden;

  clear: both;

  font-size: 0px;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.dfc {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.ovimg,

.ibw,

.miw,

.iml,

.imgbig {

  overflow: hidden;

}



.imgbig img {

  -webkit-transition: all ease .5s;

  -moz-transition: all ease .5s;

  -ms-transition: all ease .5s;

  -o-transition: all ease .5s;

  transition: all ease .5s;

}



.imgbig:hover img {

  -webkit-transform: scale(1.2, 1.2);

  -moz-transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

  transform: scale(1.2, 1.2);

}



.ovimg img {

  width: 100%;

  min-height: 100%;

}



.ibw img {

  width: 100%;

  height: auto;

}



.miw img {

  max-width: 100%;

  max-height: 100%;

}



.iml {

  text-align: center;

}



.iml img {

  transform: translateY(-2px);

  vertical-align: middle;

}



.bgmax {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center top;

}



.bgmin {

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center top;

}



.fh {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



/**/

.flexed {

  display: flex;

  justify-content: space-between;

  flex-wrap: nowrap;

  display: -webkit-flex;

}



.w1600 {

  max-width: 1630px;

  margin: 0 auto;

  padding-left: 15px;

  padding-right: 15px;

}



/*head*/

.head-index {

  align-items: center;

}



.head-index .headl {

  width: 23.4375%;

  align-items: center;

}



.head-index .headl .logo {

  width: 48.6%;

}



.head-index .headl .logo img {

  max-width: 100%;

}



.head-index .headl .logowz {

  color: #000000;

  font-size: 16px;

  width: calc(100% - 54%);

}



/* 导航样式 */

.tnav {

  width: 66.25%;

}



.x-menu {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.x-menu > li {

  position: relative;

}



.x-menu > li > a {

  display: block;

  font-size: 16px;

  color: #000000;

  white-space: nowrap;

  line-height: 100px;

  height: 100px;

  text-align: center;

}



.x-menu > li.tyuyan {

  color: #bfbfbf;

  font-size: 16px;

}



.x-menu > li.tyuyan a {

  color: #bfbfbf;

}



.x-menu > li:after {

  content: '';

  position: absolute;

  z-index: 100;

  width: 100%;

  left: 0;

  opacity: 0;

  top: 100%;

}



.x-menu > li:hover .x-sub-menu {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  transform: translateY(0);

  background: #fff;

}



.x-sub-menu {

  position: absolute;

  z-index: 99;

  width: 200%;

  left: 50%;

  margin-left: -100%;

  top: 100px;

  background: #fff;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  transform: translateY(20px);

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

}



.x-sub-menu > li {

  /* padding: 0 0.9rem; */

}



.x-sub-menu > li > a {

  display: block;

  text-align: center;

  line-height: 2;

  font-size: 14px;

  color: #666666;

  line-height: 2.6;

}



.x-sub-menu > li > a:hover {

  background: #1376d4;

  color: #fff;

}



.x-sub-menu:after {

  content: '';

  width: 0;

  height: 0;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  border-width: 10px;

  cursor: pointer;

  border-style: dashed dashed solid dashed;

  border-color: transparent transparent #fff transparent;

  border-top: none;

  position: absolute;

  top: -10px;

  left: 50%;

  margin-left: -10px;

  z-index: 99;

  display: none;

}



/*news*/

.newstitle {

  align-items: flex-end;

  margin-top: 5.2vw;

}



.newstitle .newstitle-left h3 {

  color: #cbcbcb;

  font-size: 18px;

}



.newstitle .newstitle-left h4 {

  color: #000000;

  font-size: 2.5vw;

  line-height: 1.46;

}



.newstitle .newstitle-right {

  width: 208px;

  height: 57px;

  background: #1376d4;

}



.newstitle .newstitle-right a {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 16px;

  line-height: 57px;

}



.news-wrap {

  margin-left: 8.333vw;

  overflow: hidden;

}



.news-swiper {

  margin-top: 4.1666vw;

  width: 91%;

}



.news-swiper .swiper-slide {

  opacity: 0.3;

}



.news-swiper .swiper-slide-prev {

  opacity: 1;

}



.news-swiper .swiper-slide-next {

  opacity: 1;

}



.news-swiper .swiper-slide-active {

  opacity: 1;

}



.news-swiper .swiper-slide a {

  display: block;

  position: relative;

}



.news-swiper .swiper-slide a .img1 {

  position: relative;

}



.news-swiper .swiper-slide a .img1 > img {

  width: 100%;

}



.news-swiper .swiper-slide a .cname {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 117px;

  height: 40px;

  background: #1376d4;

  color: #fff;

  font-weight: 600;

  font-size: 14px;

  text-align: center;

  line-height: 40px;

}



.news-swiper .swiper-slide a .wz {

  padding: 1.5vw 1.3vw;

}



.news-swiper .swiper-slide a .wz .date {

  color: #1376d4;

  font-size: 16px;

  font-weight: 600;

}



.news-swiper .swiper-slide a .wz .wza {

  color: #000000;

  font-size: 1.25vw;

  font-weight: 600;

  margin: 0.5vw 0;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.news-swiper .swiper-slide a .wz .wzb {

  color: #aaaaaa;

  font-size: 14px;

  line-height: 25px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.news-swiper .swiper-slide a:hover .wz .wza {

  color: #1376d4;

}



.njian {

  align-items: center;

}



.newsnext {

  background: url(/watermark.php?src=static/images/l1.png) no-repeat center center;

  width: 12px;

  height: 21px;

  background-size: 100% 100%;

}



.newsnext:hover {

  background: url(/watermark.php?src=static/images/l11.png) no-repeat center center;

}



.newsprev {

  background: url(/watermark.php?src=static/images/r1.png) no-repeat center center;

  width: 12px;

  height: 21px;

  background-size: 100% 100%;

}



.newsprev:hover {

  background: url(/watermark.php?src=static/images/r11.png) no-repeat center center;

}



.news-swiper .swiper-scrollbar {

  position: relative;

  width: 96.5%;

  height: 4px;

  border-radius: 4px;

  background: #a2a4a5;

  left: inherit;

}



.news-swiper .swiper-scrollbar-drag {

  background: #1376d4;

  border-radius: 0;

}



/*video*/

.video-bg {

  margin-top: 4.59375vw;

}



.video-bg .vimg {

  position: relative;

}



.video-bg .vimg > img {

  width: 100%;

}



.video-bg .vimg .vwen {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}



.video-bg .vimg .vwen .v1 {

  color: #ffffff;

  font-size: 1.25vw;

}



.video-bg .vimg .vwen .v2 {

  color: #ffffff;

  font-size: 2.5vw;

  font-weight: 600;

}



.video-bg .vimg .vwen .v3 {

  margin-top: 2.6vw;

  color: #fff;

  font-size: 18px;

  font-weight: 600;

}



.video-bg .vimg .vwen .v3 img {

  margin-right: 1vw;

}



/*product*/

.pro-bg {

  background: #eeeeee;

  padding-top: 4.166vw;

  padding-bottom: 5.2vw;

}



.pro-bg .pro-index .protitle {

  align-items: flex-end;

}



.pro-bg .pro-index .protitle .protitle-left {

  width: 26.875%;

}



.pro-bg .pro-index .protitle .protitle-left h3 {

  color: #cbcbcb;

  font-size: 18px;

}



.pro-bg .pro-index .protitle .protitle-left h4 {

  color: #000000;

  font-size: 2.5vw;

  line-height: 1.46;

}



.pro-bg .pro-index .protitle .protitle-right {

  width: 70.3125%;

}



.pro-bg .pro-index .protitle .protitle-right .psort li {

  width: 15%;

  padding: 0.7vw 0;

}



.pro-bg .pro-index .protitle .protitle-right .psort li a {

  display: block;

  color: #666666;

  font-size: 18px;

  text-align: center;

}



.pro-bg .pro-index .protitle .protitle-right .psort li:hover {

  background: #1376d4;

  border-radius: 5px;

}



.pro-bg .pro-index .protitle .protitle-right .psort li:hover a {

  color: #fff;

}



.pro-swiper {

  overflow: hidden;

  margin-top: 3.4vw;

}



.pro-swiper .swiper-slide .img1 {

  border-radius: 5px;

}



.pro-swiper .swiper-slide .img1 img {

  width: 100%;

  border-radius: 5px;

}



.pro-swiper .swiper-slide .wz {

  text-align: center;

  color: #000000;

  font-size: 18px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding: 1vw 0;

}



.pro-swiper .swiper-slide:hover .wz {

  color: #1376d4;

}



.pro-swiper .swiper-pagination-pro {

  position: relative;

  bottom: 0;

  margin-top: 3.125vw;

}



.pro-swiper .swiper-pagination-pro .swiper-pagination-bullet {

  width: 9px;

  height: 9px;

  opacity: 1;

  margin: 0 6px;

  background: #1376d4;

  border: 2px solid #1376d4;

  border-radius: 3px;

}



.pro-swiper .swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 115px;

  background: none;

}



/*about*/

.ab-index {

  margin-top: 6.5vw;

}



.ab-index .abl {

  width: 46.625%;

}



.ab-index .abl .abl1 {

  width: 53.43%;

}



.ab-index .abl .abl1 .abla {

  margin-top: 22px;

}



.ab-index .abl .abl1 .abla .img {

  position: relative;

}



.ab-index .abl .abl1 .abla .img img {

  width: 100%;

}



.ab-index .abl .abl1 .abla .img .wz {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  justify-content: center;

  flex-direction: column;

}



.ab-index .abl .abl1 .abla .img .wz h3 {

  color: #cbcbcb;

  font-size: 18px;

  padding-left: 3.4vw;

}



.ab-index .abl .abl1 .abla .img .wz h4 {

  color: #000000;

  font-size: 2.5vw;

  margin-top: 0.5vw;

  padding-left: 3.4vw;

}



.ab-index .abl .abl2 {

  width: 43.2%;

}



.ab-index .abr {

  width: 52.5%;

}



.ab-index .abr .img1 {

  position: relative;

}



.ab-index .abr .img1 > img {

  width: 100%;

}



.ab-index .abr .img1 .wz {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  padding: 2vw;

}



.ab-index .abr .img1 .wz .wz1 .wza h3 {

  width: 80px;

  height: 4px;

  background: #1376d4;

}



.ab-index .abr .img1 .wz .wz1 .wza h4 {

  color: #ffffff;

  font-size: 1.5625vw;

  margin-top: 1.5625vw;

}



.ab-index .abr .img1 .wz .wz1 .wzb h3 {

  color: #fff;

  font-weight: 600;

  font-size: 2.08333333333333vw;

  text-align: right;

  line-height: 1.5;

}



.ab-index .abr .img1 .wz .wz2 {

  padding: 0 3.2vw;

}



.ab-index .abr .img1 .wz .wz2 ul {

  flex-wrap: wrap;

  justify-content: center;

  margin: 0 -1%;

}



.ab-index .abr .img1 .wz .wz2 ul li {

  width: 23%;

  margin: 0 1%;

  margin-bottom: 2%;

}



.ab-index .abr .img1 .wz .wz2 ul li img {

  width: 100%;

  border-radius: 10px;

}



.alist {

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  height: 100%;

}



.alist li .img1 {

  position: relative;

}



.alist li .img1 img {

  width: 100%;

}



.alist li .img1 .wz {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  justify-content: flex-end;

  flex-direction: column;

  padding: 1vw 1vw;

}



.alist li .img1 .wz .wza {

  color: #ffffff;

  font-size: 1.25vw;

  font-weight: 600;

}



.alist li .img1 .wz .wzb {

  color: #ffffff;

  font-size: 14px;

  line-height: 2.14;

  margin-top: 0.5vw;

}



/*企业环境*/

.qyhj-index {

  margin-top: 1vw;

  margin-bottom: 5.2vw;

}



.qyhj-index .qyhj-left {

  width: 19.4375%;

  background: url(/watermark.php?src=static/images/bj3.jpg) no-repeat top center;

  background-size: 100% 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  color: #fff;

  font-size: 1.5625vw;

}



.qyhj-index .qyhj-right {

  width: 79.625%;

}



.qyhj-index .qyhj-right .qyhj-swiper {

  overflow: hidden;

}



.qyhj-index .qyhj-right .qyhj-swiper .swiper-slide img {

  width: 100%;

}



/*link*/

.link-bg {

  background: #f6f6f6;

  padding: 2vw 0;

}



.link-bg .link-index .link-left {

  float: left;

  width: 7.8125%;

}



.link-bg .link-index .link-left h3 {

  color: #303030;

  font-weight: 600;

  font-size: 18px;

}



.link-bg .link-index .link-left h4 {

  color: #cccccc;

  font-size: 18px;

  font-weight: 600;

  margin-top: 5px;

}



.link-bg .link-index .link-right {

  padding-top: 10px;

  float: left;

  width: calc(100% - 8%);

}



.link-bg .link-index .link-right a {

  color: #666666;

  font-size: 14px;

  background: url(/watermark.php?src=static/images/tt1.png) no-repeat right center;

  padding-right: 5px;

}



.link-bg .link-index .link-right a:last-child {

  background: none;

}



.link-bg .link-index .link-right a:hover {

  color: #1376d4;

}



/*foot*/

.foot-bg {

  background: #1376d4;

  padding: 3.6vw 0;

  padding-bottom: 0;

}



.foot-bg .foot-index .footl {

  width: 73.125%;

}



.foot-bg .foot-index .footl .fnav {

  width: 87.6%;

}



.foot-bg .foot-index .footl .fnav dl {

  width: 20%;

}



.foot-bg .foot-index .footl .fnav dl dt {

  color: #f5f5f5;

  font-size: 18px;

  font-weight: 600;

}



.foot-bg .foot-index .footl .fnav dl dd {

  margin-top: 1.5vw;

}



.foot-bg .foot-index .footl .fnav dl dd a {

  display: block;

  color: #ffffff;

  font-size: 14px;

  margin-bottom: 1vw;

}



.foot-bg .foot-index .footl .fnav dl dd a:hover {

  color: #c86e3a;

}



.foot-bg .foot-index .footl .ferq p {

  color: #fff;

  font-size: 14px;

  line-height: 3;

  text-align: center;

}



.foot-bg .foot-index .footl .ferq p img {

  max-width: 100%;

}



.foot-bg .foot-index .footr {

  width: 15%;

}



.foot-bg .foot-index .footr .flogo img {

  max-width: 100%;

}



.foot-bg .foot-index .footr .flogowz {

  margin-top: 2vw;

}



.foot-bg .foot-index .footr .flogowz p {

  color: #fff;

  font-size: 1.35416666666667vw;

  line-height: 1.54;

  font-weight: 600;

  text-align: right;

}



.foot-bg .cop-index {

  border-top: 1px solid #2f91ee;

  padding: 1.5625vw 0;

  text-align: center;

  color: #fff;

  font-size: 14px;

  margin-top: 1vw;

}



.foot-bg .cop-index a {

  color: #fff;

}



@media (max-width: 1366px) {

  .news-wrap {

    margin-left: 15px;

  }

  .alist li .img1 .wz .wzb {

    line-height: 22px;

  }

}



@media (max-width: 1280px) {

  .pro-swiper .swiper-slide .wz {

    font-size: 16px;

  }

}



@media (max-width: 1200px) {

  .head-index .headl .logowz {

    font-size: 14px;

  }

  .x-menu > li > a {

    font-size: 15px;

  }

  .pro-bg .pro-index .protitle .protitle-right .psort li a {

    font-size: 15px;

  }

}



@media (max-width: 1200px) {

  .link-bg .link-index .link-right {

    padding-top: 0;

  }

}



@media (max-width: 1024px) {

  .newstitle .newstitle-right {

    width: 150px;

    height: 45px;

  }

  .newstitle .newstitle-right a {

    line-height: 45px;

    font-size: 14px;

  }

}



@media (max-width: 767px) {

  .news-swiper .swiper-slide a .wz .wza {

    font-size: 15px;

  }

  .video-bg .vimg .vwen .v1 {

    font-size: 18px;

  }

  .video-bg .vimg .vwen .v2 {

    font-size: 24px;

  }

  .video-bg .vimg .vwen .v3 {

    font-size: 16px;

  }

  .pro-swiper .swiper-slide .wz {

    font-size: 14px;

  }

  .ab-index {

    flex-wrap: wrap;

  }

  .ab-index .abl {

    width: 100%;

  }

  .alist li .img1 .wz .wza {

    font-size: 24px;

  }

  .ab-index .abr {

    width: 100%;

    margin-top: 20px;

  }

  .ab-index .abr .img1 .wz .wz1 .wza h4 {

    font-size: 24px;

  }

  .ab-index .abr .img1 .wz .wz1 .wzb h3 {

    font-size: 24px;

  }

  .ab-index .abr .img1 .wz .wz2 {

    padding: 0;

  }

  .qyhj-index .qyhj-left {

    font-size: 18px;

  }

  .foot-bg .foot-index {

    flex-wrap: wrap;

    flex-direction: column-reverse;

  }

  .foot-bg .foot-index .footr .flogowz p {

    font-size: 20px;

  }

  .foot-bg .foot-index .footl {

    width: 100%;

  }

  .foot-bg .foot-index .footr {

    width: 100%;

  }

  .foot-bg .foot-index .footr .flogowz p {

    text-align: left;

  }

  .ferq {

    margin-top: 20px;

  }

}



@media (max-width: 640px) {

  .newstitle {

    flex-wrap: wrap;

  }

  .newstitle-left {

    width: 100%;

  }

  .newstitle .newstitle-left h4 {

    font-size: 20px;

  }

  .newstitle-right {

    width: 100%;

    margin-top: 20px;

  }

  .news-wrap {

    margin-left: 0;

  }

  .news-swiper {

    overflow: hidden;

    width: 94%;

    margin: 0 auto;

    margin-top: 20px;

  }

  .news-swiper .swiper-slide a .wz .wza {

    margin: 10px 0;

  }

  .video-bg .vimg > img {

    height: 240px;

  }

  .video-bg .vimg .vwen .v1 {

    font-size: 14px;

  }

  .video-bg .vimg .vwen .v2 {

    font-size: 18px;

  }

  .pro-bg {

    padding: 40px 0;

  }

  .pro-bg .pro-index .protitle {

    flex-wrap: wrap;

  }

  .pro-bg .pro-index .protitle .protitle-left {

    width: 100%;

  }

  .pro-bg .pro-index .protitle .protitle-left h4 {

    font-size: 20px;

  }

  .pro-bg .pro-index .protitle .protitle-right {

    width: 100%;

    margin-top: 20px;

  }

  .pro-bg .pro-index .protitle .protitle-right .psort {

    flex-wrap: wrap;

  }

  .pro-bg .pro-index .protitle .protitle-right .psort li {

    width: 33%;

    margin-bottom: 10px;

    padding: 10px 5px;

  }

  .pro-bg .pro-index .protitle .protitle-right .psort li a {

    font-size: 13px;

  }

  .pro-swiper .swiper-slide .wz {

    padding: 15px 5px;

  }

  .ab-index {

    margin-top: 40px;

    flex-wrap: wrap;

  }

  .ab-index .abl {

    flex-wrap: wrap;

  }

  .ab-index .abl .abl1 {

    width: 100%;

  }

  .ab-index .abl .abl1 .abla .img img {

    display: none;

  }

  .ab-index .abl .abl1 .abla .img .wz {

    position: relative;

    margin-bottom: 20px;

  }

  .ab-index .abl .abl1 .abla .img .wz h4 {

    font-size: 18px;

  }

  .ab-index .abl .abl2 {

    width: 100%;

  }

  .alist li {

    margin-bottom: 20px;

  }

  .alist li .img1 .wz {

    padding: 10px;

  }

  .alist li .img1 .wz .wzb {

    margin-top: 5px;

    line-height: 20px;

  }

  .pro-swiper .swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 50px;

  }

  .alist li .img1 .wz .wza {

    font-size: 18px;

  }

  .ab-index .abr .img1 .wz {

    padding: 20px;

  }

  .ab-index .abr .img1 .wz .wz1 {

    flex-wrap: wrap;

  }

  .ab-index .abr .img1 .wz .wz1 .wza h4 {

    font-size: 16px;

  }

  .ab-index .abr .img1 .wz .wz1 .wzb h3 {

    font-size: 14px;

  }

  .ab-index .abr .img1 > img {

    height: 340px;

  }

  .ab-index .abr .img1 .wz .wz2 ul {

    margin: 0;

    margin-top: 20px;

  }

  .ab-index .abr .img1 .wz .wz2 ul li {

    width: 31.333%;

    margin: 0 1%;

    margin-bottom: 2%;

  }

  .qyhj-index {

    margin-top: 20px;

    flex-wrap: wrap;

  }

  .qyhj-index .qyhj-left {

    width: 100%;

    font-size: 16px;

    padding: 20px 0;

  }

  .qyhj-index .qyhj-right {

    width: 100%;

    margin-top: 20px;

  }

  .foot-bg {

    padding: 20px 0;

    padding-bottom: 15%;

  }

  .foot-bg .foot-index .footr .flogo img {

    max-width: 150px;

    width: 100%;

  }

  .foot-bg .foot-index .footr .flogowz {

    margin-top: 20px;

  }

  .foot-bg .foot-index .footr .flogowz p {

    font-size: 14px;

  }

  .foot-bg .cop-index {

    margin-top: 10px;

    padding: 10px 0;

    font-size: 13px;

  }

  .foot-bg .cop-index a {

    font-size: 13px;

  }

}