@charset "utf-8";



/* CSS Document */



body {

  font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

  height: 100%;

  min-width: 1260px;

  background: #fff;

  max-width: 100%;

  overflow: auto;

  color: #666;

  overflow-x: hidden;

  padding: 0px;

  margin: 0px;

}



body, ul, ol, li, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, span, input {

  margin: 0;

  padding: 0;

  list-style: none;

}

img {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-filter: blur(6px);
    filter: blur(6px);
}



a {

  color: #666;

  text-decoration: none;

  outline: none;

}



a:link {

  text-decoration: none;

  outline: none;

}



a:visited {

  text-decoration: none;

  outline: none;

}



a:hover {

  text-decoration: none;

  color: #333;

  outline: none;

}



input {

  margin: 0;

  padding: 0;

  outline: 0;

  -webkit-appearance: none;

}



em {

  font-style: normal;

}



i {

  font-style: normal;

}





/*清除浮动*/



.clear {

  clear: both;

  height: 0px;

  overflow: hidden;

}



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  visibility: hidden;

  clear: both;

}



.clearfix {

  /*兼容 IE*/

  zoom: 1;

}





/************全局样式************/



.fl {

  float: left;

}



.fr {

  float: right;

}



.dflex {

  display: flex;

}



.dflex_center {

  display: flex;

  align-items: center;

  justify-content: center;

}



.dflex_start {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.dflex_end {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.dflex_stretch {

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: stretch;

}



.dflex_space-between {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/*t图片样式*/



.center-block {

  display: block;

  margin-right: auto;

  margin-left: auto
}



img {

  border: 0px;

  vertical-align: middle;

}



.img-responsive {

  display: block;

  height: auto;

  max-width: 100%
}



.avatar {

  display: block;

  overflow: hidden;

  width: 100%;

}



.avatar img {

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.avatar:hover img {

  transform: scale(1.1);

  transition: all 1s ease 0s;

  -webkit-transform: scale(1.1);

}





/*文字超出隐藏*/



.dot {

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.dot2 {

  display: -webkit-box;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}





/**/

.header_top {

  width: 100%;



  height: 38px;

  line-height: 38px;

  color: rgba(0, 0, 0, .8);

  font-size: 12px;

  overflow: hidden;

  border-bottom: 1px solid #f7f7f7;

}



.top-content {

  display: flex;

  justify-content: space-between;

}



.header_top .top_nav a {

  padding: 0 12px;

  display: block;



  color: rgba(0, 0, 0, .8);

  font-size: 12px;

  float: left
}



.wal {

  width: 1200px;

  margin: 0px auto;

}



.main-title {

  margin: 0 auto;

}



.main_title b {

  text-align: center;

  display: block;

}



.main_title b span {

  display: inline-block;

  line-height: 52px;

  font-size: 38px;

  color: #1f1f1f;

  position: relative;

  letter-spacing: 2px;

}



.main_title .title-en {

  color: transparent;

  -webkit-text-stroke-color: #c3c3c3;

  -webkit-text-stroke-width: 1px;

  font-size: 80px;

  font-weight: bold;

  text-transform: uppercase;

  text-align: center;

  opacity: .3;

}



/*顶部导航*/



.headDiv {

  height: 90px;

  position: relative;

  z-index: 9999;

  top: 0;

  left: 0;

  margin: auto;

  background-color: #fff;

  width: 100%;

  transition: transform 500ms ease, visibility 500ms ease;

  box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);



}



.headDiv.stricky-fixed {



  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  background: #fff;

  -webkit-animation: fadeInDown 1s ease-in-out;

  animation: fadeInDown 1s ease-in-out;

  -webkit-box-shadow: 0 5px 41.5px rgb(9 29 62 / 11%);

  box-shadow: 0 5px 41.5px rgb(9 29 62 / 11%);

  transform: translateY(-10%);



}



.headDiv .wal {

  height: 90px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.headDiv .logo {

  height: 90px;



  display: flex;

  align-items: center;

}



.headDiv .logo b {

  font-size: 24px;

  color: #333;

}



.nav {



  height: 90px;

  margin-left: 40px;



}



.nav li {

  float: left;

  position: relative;



}



.nav ul li:last-of-type:after {

  content: "";

}



.nav a:hover, .nav li:hover>a {



  color: #0083D6;

  font-weight: bold;

}



.nav .active {



  color: #0083D6;

  font-weight: bold;

}



.nav ul li a {

  display: block;

  float: left;

  height: 90px;



  line-height: 90px;

  padding: 0 18px;

  overflow: hidden;

  text-align: center;

  font-size: 17px;

  color: #333;

  font-weight: bold;



}



/* 二级菜单 */

.ejxl {

  display: none;

  background-color: #fff;

  transition: all 0s;

  z-index: 999;

  border-top: 4px solid #0083D6;

  position: absolute;

  top: 100%;

  left: -20%;

  width: calc(160% - 20px);

}



.nav ul li .ejxl li {

  margin: 0 auto;

  display: block;

  padding: 0;

  width: 100%;

}



.nav ul li .ejxl li:after {

  content: "";

  position: relative;

}



.nav ul li .ejxl li a {

  display: block;

  color: #666;

  font-size: 15px;

  height: 45px;

  line-height: 45px;

  padding: 0;

  width: 100%;

  text-align: center;

}



.nav ul li .ejxl a:hover {

  background: #0083D6;

  color: #fff;

}



/*电话*/

.header_phone {

  display: flex;

  align-items: center;

}



.header_phone img {

  padding-right: 8px;

}



.header_phone b {

  color: #333;

  font-size: 24px;

  font-weight: bold;

  margin-top: 0;

  display: block;

}



/*顶部导航 end*/





/* 首页banner图*/

#banner .swiper {

  width: 100%;

  height: 100%;

  position: relative;

}



#banner .swiper-slide {

  background-position: center;

  background-size: cover;

  position: relative;

}



#banner .swiper-slide img {

  display: block;

  width: 100%;

}





#banner .swiper-button {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  text-align: center;

  color: #fff;

  background: rgba(0, 0, 0, 0.3);

  border-radius: 50%;

  cursor: pointer;

  overflow: hidden;

  z-index: 999;

  width: 70px;

  font-size: 30px;

  line-height: 70px;

  height: 70px;

  transition: all .5s ease;

  outline: none;



}



#banner .swiper-button:hover {

  background: #014D95;

}



.btn-prev {

  left: 5%;

}



.btn-next {

  right: 5%;

}



#banner .swiper-pagination-bullet {

  width: 13px;

  height: 10px;

  display: inline-block;

  background: #fff;

  opacity: .9;

  margin: 0 5px;

  border-radius: 20px;

  transition: opacity .5s, background-color .5s, width .5s;

  transition-delay: .5s, .5s, 0s;

}



#banner .swiper-pagination-bullet-active {

  opacity: 1;

  background: #014D95;

  width: 40px;

  transition-delay: 0s;

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 20px;

  left: 0;

  width: 100%;

}



.banner_txt {

  position: absolute;

  top: 30%;

  left: 0;

  right: 0;

  margin: 0 auto;

  z-index: 10;

  color: #fff;

  text-align: left;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}



.banner_txt2 {

  text-align: center;

  top: 20%;

}



.banner_txt p {

  font-size: 36px;

  color: rgba(255, 255, 255, 0.7);

  text-shadow: none;

}



.banner_txt b {

  display: block;

  font-size: 42px;

  color: #fff;

  margin: 30px 0;

  text-shadow: none;

}



.banner_txt span {

  color: #fff;

  font-size: 26px;

  display: block;

  text-shadow: none;

}



.swiper-wrapper .swiper-slide:nth-child(3) .banner_txt {

  text-align: center !important;

  top: 20%;

}



.banner-more {

  display: block;

  width: 130px;

  letter-spacing: 1px;

  margin-top: 20px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 38px;

  text-shadow: none;

}



.banner-more:hover {

  background: rgba(255, 255, 255, 0.3);

  color: #fff;

}



.banner-more::after {

  content: '';

  display: inline-block;

  width: 6px;

  height: 6px;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  position: relative;

  top: -1px;

  margin-left: 7px;

  -webkit-transition: .6s ease;

  transition: .6s ease;

}



.banner-more:hover::after {

  margin-left: 13px;

}







/*产品*/

.product {



  background: #F7F7F7;

  padding: 50px 0 70px;

}



.product-box {

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  margin-top: 30px;

}



.pro-fl {

  width: 35%;

  background: #fff;

  margin: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  text-align: center;

}



.pro-fl .pro_txt {

  text-align: center;

}



.pro-fl .pro_txt .ab_more2 {

  margin: 0 auto;

}



.pro-fl a:hover .ab_more2 {

  background: #0083D6;

  border: 1px solid #0083D6;

  color: #fff;

}



.pro-fr {

  margin: 20px;

}



.pro_list {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.pro_list a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex: 1;

  background: #fff;

  padding: 20px;

  margin: 10px;



}



.pro_txt {

  font-size: 20px;

  color: #1e1e1e;

  text-align: left;

}



.pro_txt b {

  font-size: 26px;

}



.pro_txt p {

  margin: 30px 0;

}



.pro_txt p em {

  display: block;

  height: 36px;

  line-height: 36px;

  background: url(../images/pro-tb.png) no-repeat left;

  padding-left: 27px;

  font-size: 18px;

  font-weight: normal;

}







.pro_txt span {

  color: #999;

  height: 50px;

  font-size: 15px;

  display: block;

  margin-top: 20px;

  font-family: Arial, Helvetica, sans-serif;



  line-height: 24px;

}



.pro_tu {

  position: relative;

  overflow: hidden;

  width: 60%;

}





.ab_more2 {

  display: block;

  font-size: 14px;

  color: #999;

  width: 140px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #dedede;

  background: #fff;

  margin: 20px 0;

  font-style: normal;

  transition: all 0.3s;

}



.pro_list a:hover .ab_more2 {

  color: #fff;

  background: #0083D6;

  border: 1px solid #0083D6;

}



@keyframes movepoint {

  25% {

    transform: scale(1.1);

  }



  100% {

    transform: scale(1);

  }

}



.pro-list {

  display: flex;

  margin: 0 20px;

}



.pro-list a {

  transition: all 0.5s ease;

  position: relative;

  margin: 10px;
  width: 25%;
  background: #fff;

}



.pro-list .info img {

  margin-top: 10%;

}



.pro-list .info i {



  line-height: 28px;

  text-align: center;

  padding: 20px;

}



.pro-list .info {

  opacity: 0;

  position: absolute;

  height: 0;

  transition: all 0.5s;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 100%;

  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  background: rgba(0, 0, 0, 0.4);

}



.pro-list a:hover .info {

  height: calc(100% - 70px);

  opacity: 1;

}



.pro-list .inner-con {

  position: relative;

  z-index: 1;

}



.pro-list img {

  display: block;


  margin-left: auto;

  margin-right: auto;

  max-width: 100%;
  height: 343px;
  object-fit: cover;
}



.pro-list p {

  background-color: #fff;

  color: #333;

  text-align: center;

  height: 70px;

  line-height: 70px;

  font-size: 16px;



}



/*简介*/

.about {

  background: url(../images/abbg.jpg) no-repeat;

  background-size: 100%;

  padding: 50px 0 0px;

}



.about_box {



  margin-top: 30px;

}



.ab_txt {

  font: 15px/28px "Microsoft YaHei";

  color: #fff;

  margin-top: 10px;

  padding: 10px 0;

}



.ab-fl b {

  font-size: 24px;

  color: #000;

  display: block;

}



.ab-fl p {

  padding: 10px 0;

}



.about-cont {

  display: flex;

  align-items: center;

  justify-content: center;

}



.ab-fl {



  position: relative;

  text-align: center;

}



.ab-fl img {

  margin-top: 40px;

}



.ab_more {

  display: block;

  font-size: 14px;

  color: #fff;

  width: 140px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #0083D6;

  background: #0083D6;

  margin-top: 30px;

  font-style: normal;

  transition: all 0.3s;

  margin: auto;

}



.ab_more:hover {

  color: #0083D6;

  background: #fff;

}







/*优势*/

.ys {

  padding: 60px 0;

  background: #F7F7F7;

}



.yyfa {

  width: 100%;

  height: auto;

  position: relative;

  display: flex;

  margin-top: 40px;



}



.yyfa .tab {

  overflow: hidden;

  display: flex;

  flex-direction: column;

  flex: 1;





}



.yyfa .tab .team-box .team-content {

  background: #dedede;

  width: 100%;

  padding: 26px 0;

  text-align: center;



  display: inline-block;

  -webkit-transition: all 1s ease 0s;

  -moz-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s;

}



.team-content .title {



  font-size: 24px;

  line-height: 48px;



}



.team-content .title2 {



  font-family: 'MontserratUltraLight';

  font-size: 16px;

  letter-spacing: 1.8px;

  margin-bottom: 8px;

  padding-left: 10px;

  padding-right: 10px;

}





.yyfa .tab a {

  display: block;

  width: 100%;

  margin-bottom: 5px;

  color: #333;

  text-align: center;

  text-decoration: none;









}



.yyfa .tab a.on .team-box .team-content {

  background-color: #0083D6;



}



.yyfa .tab a.on {

  color: #fff;

}



.yyfa .tab a.on .team-box .team-content img {

  filter: brightness(500%);

}



.yyfa .co {

  flex: 3;

}



.yyfa .co ul {

  margin: 0;

  padding: 0px;

}



.yyfa .co li {

  display: none;

  position: relative;

  list-style: none;

}



.yyfa .co li .ys_txt {

  display: flex;

  align-items: center;





  background: #fff;



}



.yyfa .co li .ys_txt b {

  font-size: 40px;

  color: #0e74c4;

  padding-left: 5%;

  display: block;

}



.yyfa .co li .ys_txt p {

  padding: 50px;

  font-size: 17px;

  line-height: 28px;

}



/* 新闻 */

.news {

  padding: 60px 0;

  background: url(../images/n_bg.jpg) no-repeat;

  background-size: 100%;

}







.news-two {

  width: 100%;

}



.news-two ul {

  display: flex;

  flex-wrap: wrap;

  margin-top: 20px;

}



.news-two ul li {

  width: 50%;



}



.news-two a {

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding: 30px 20px;

  transition: .3s;

  margin: 10px;

  border: 1px solid #f1f1f1;



}





.news-two a:hover {

  box-shadow: 0 0 10px #dedede;

  background: #0083D6;

  background-size: 100%;

}



.news-two a:hover span {

  color: #fff;

}



.news-two a:hover .day, .news-two a:hover .newscon, .news-two a:hover .newscon b {

  color: #fff;

}



.day {

  color: #666;

  width: 100%;



  margin: 7px 0;

  font-size: 14px;



  border-top: 1px solid #dedede;

}



.day span {

  font-size: 16px;

  float: right;



}



.day p {

  padding-top: 20px;

}





.newscon b {

  padding-bottom: 10px;

  font-size: 16px;

  color: #333;

  display: block;



}



.newscon p {



  text-align: left;

  line-height: 24px;

  font-size: 14px;



}



/* 技术文章 */

.jswz-bg {

  background: #F7F7F7;

  padding: 60px 0;

}



.jswz {

  display: flex;

  align-items: center;

  justify-content: space-between;



}



.jswz a {

  background: #fff;

  display: block;

  padding-bottom: 20px;

  width: calc(33.33% - 20px);

  margin: 10px;

}



.jswz em {

  display: block;

  font-size: 18px;

  font-style: normal;

  padding: 10px 15px;

  color: #333;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.jswz i {

  padding: 10px 15px;

  color: #999;

  margin-top: 10px;

  display: block;

}



.jswz a:hover em {

  color: #0083D6;

}



.jswz p {



  color: #666;

  line-height: 26px;

  font-size: 14px;

  padding: 0 15px;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;



}



.jswz a:hover {

  box-shadow: 0 2px 16px 0 rgba(0, 78, 204, 0.1);

}



/*返回顶部*/



.scroll {

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  position: fixed;

  right: 15px;

  bottom: 80px;

  color: #fff;

  cursor: pointer;

  background: #0083D6;

  font-size: 30px;

  border-radius: 10px;

}



.footer {

  background: #0083D6
}



.foot {

  padding: 60px 0;



}



.foot b {

  font-size: 22px;

  color: #fff;

  display: block;



  margin-bottom: 32px;

}



.foot span {

  color: #fff;

  font-size: 20px;

  font-weight: normal;

  padding-right: 8px;

}



.foot .ft-nav {

  width: 35%;

}



.foot .ft-nav li {



  float: left;

  margin-bottom: 22px;

  width: 50%;

}



.foot .ft-nav li a {

  font-size: 16px;

  display: block;

  color: #fff;

}



.foot .ft-nav li a:hover {

  color: #999;

}



.foot .ft-contact {

  width: 35%;

}



.foot .ft-contact p {

  width: 100%;

  color: #fff;

  font-size: 16px;

  margin-bottom: 22px;

}



.foot .footer_center {



  display: flex;



  justify-content: center;

  flex-direction: column;

}



.footer_phone {

  display: flex;

  margin-bottom: 30px;

}



.footer_phone p {

  color: #333;



  margin-bottom: 5px;

  font-size: 16px;

}



.footer_phone p img {

  padding-right: 18px;

  width: 35px;

}



.footer_phone p span {

  font-weight: normal;

}



.footer_phone b {

  color: #fff;

  font-size: 24px;

  margin: 0;

  display: block;

}



.foot .footer_center {

  width: 30%;

}



.foot .footer_center .footer_tel {



  display: flex;



  flex-direction: column;

}



.foot .footer_center p {

  text-align: left;

  color: #fff;



}



.foot .ewm {

  margin-top: 55px;

  width: 10%;

}



.foot .ewm img {

  max-width: 130px;

}



.foot .ewm p {

  margin-top: 10px;

  text-align: center;

  color: #fff;

}



.copyright {

  padding: 20px 10px;

  text-align: center;

  color: #fff;

  border-top: 1px solid rgba(255, 255, 255, .2);

}



.copyright a {

  color: #fff;

}