@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;
}

a {
  color: #666;
  text-decoration: none;
  outline: none;
}

img {
  border: 0px;
  vertical-align: middle;
}

a:link {
  text-decoration: none;
  outline: none;
}

a:visited {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: #333;
  outline: none;
}

ul,
p,
dl,
dt,
dd {
  padding: 0px;
  margin: 0px;
}

li {
  list-style-position: outside;
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5 {
  padding: 0px;
  margin: 0px;
}

input {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-appearance: none;
}

input::-webkit-input-placeholder {
  color: #ccc;
}

input::-ms-input-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
}

input[type=button],
input[type=submit] {
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input {
  background: transparent;
  padding: 0px;
  font-size: 14px;
  color: #888;
  border: 0px;
  outline: 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;
}


/*t图片样式*/

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}

img {
  border: 0px;
  vertical-align: middle;
}

.img-responsive {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: 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 {

  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}


/**/

.wal {
  width: 1200px;
  margin: 0px auto;

}

.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;
}

/*顶部导航*/


.fixed-top {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}


#header {

  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  height: 96px;
  padding-top: 5px;
  position: relative;

}

.header-transparent {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


.top-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.top-box .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 10%;
}



/*导航菜单 */
.nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;

}


.nav-menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
 
}

.nav-menu ul li {
  text-align: center;

}

.nav-menu a {
  display: block;
  white-space: nowrap;
  color: #333;
  padding: 0 19px;
  height: 70px;
  line-height: 70px;
  transition: 0.3s;
  font-size: 16px;
  font-weight: bold;
}

.nav-menu a:hover {color: #08357C; }
.nav-menu .aa a{color: #08357C; }



.top_tel {
  color: #333;
  float: right;
  display: flex;
  align-items: center;

}

.top_tel span {
  padding-left: 5px;
  line-height: 28px;
  font-size: 25px;
  
}
.language { color: #333;}
.language a{ color: #333; font-size: 16px; font-family: Arial, Helvetica, sans-serif;padding: 0 10px; }
.language a:hover { color:#f29600 ;}

/* 二级菜单 */
.ejxl {
  background:rgba(255, 255, 255, 0.93 );
  padding: 20px 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border-top: 1px solid #dedede;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100% !important;
 

}
.ejxl ul { 
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ejxl2 ul { 
 display: block;
 margin: 0 auto;
 text-align: center;
}
.nav-menu ul li .ejxl li {
  margin: 0 auto;
  display: block;
  width: 25%;
  
  
}
.nav-menu ul li .ejxl2 li
{
  width: 100px;
  
}
.nav-menu ul li .ejxl li:after {
  content: "";
  position: relative;
}

.nav-menu ul li .ejxl li a {
  display: block;
  color: #666;
  font-size: 15px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  text-align: center;
  margin: 0 5px;
  font-weight: normal;
}

.nav-menu ul li .ejxl a:hover {
  color: #08357C;
}

.nav-menu ul li:hover .ejxl {

  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


/*顶部导航 end*/

/*首页banner图*/
.banner-slider { position: relative;}

.banner-slide-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
 
}


.banner-slide-bg {
  
  width: 100%;
  height: 100%;
}

.banner-slide-bg img {
  width: 100%;
  height: 100%;

}



.banner-slider .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.banner-slider .home-slider-prev, .banner-slider .home-slider-next {
  color: #000000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 50px;
  top: auto;
  bottom: 60px;
  background: none;
  color: #fff;
}


.banner-slider .home-slider-prev::after, .banner-slider .home-slider-next::after {
  display: none;
}

.banner-slider .home-slider-prev:hover, .banner-slider .home-slider-next:hover {
  color: #08357C;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.banner-slider .home-slider-prev:focus, .banner-slider .home-slider-next:focus {
  outline: 0;
  border: 0;
}

.banner-slider .home-slider-prev i, .banner-slider .home-slider-next i {
  line-height: 1;
}

.banner-slider .home-slider-prev {
  right:230px;
  left: auto;
}

.banner-slider .home-slider-next {
  right: 175px;
}

.banner-slider .home-slider-next::after {
  display: none;
}

.banner-slider .swiper-pagination {
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;

}
.banner-slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px;}
.banner-slider .swiper-pagination-bullet {  width: 15px; height: 15px; outline: none; border-radius:15px;}
.banner-slider .swiper-pagination-bullet-active { background: #08357C; width: 15px;}
/*首页banner图 end*/
/* 关于我们 */
.about-box { padding-bottom: 50px; background: url(../images/bg.jpg) bottom no-repeat ; background-size: cover; }
.about-box .wal { border-left: 1px solid #E5E5E5;}
.about-box .info {padding: 60px ;}
.about-box .info b{ font-size: 38px; color: #08357C; }
.about-box .info span { font-size: 20px; display: block; line-height: 32px; margin: 10px 0; color: #333;}
.about-box .info p{ margin-left: 100px; margin-top: 30px; line-height: 28px; font-size: 15px; color: #909090; width: 70%;}
.about-box .info a { margin-left: 100px; transition: all 0.3s; margin-top: 30px; display: block; width:180px; height: 50px; line-height: 50px; text-align: center; background: #E5E5E5; color: #666; border-radius: 25px;}
.about-box .info a:hover { background: #08357C; color: #fff;}
.about-box .info-p { display: flex; justify-content: flex-end;}
.about-box .info-p2 { margin-right: 80px; margin-bottom: 50px;}
.about-box .info-p p{ color: #333; font-size: 15px; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px;}
.about-box .info-p p b{ font-size: 60px; font-weight: normal; color: #08357C; margin-left: 50px;}
.about-box .info-p p sup { font-size: 16px;}
/* 产品 */
.product-box {background: url(../images/cpgb.jpg) center no-repeat ; background-size: cover; padding: 60px 0; background-attachment: fixed; }
.product-box .wal { display: flex; align-items: stretch; justify-content: space-between;}
.product-box .pro-fl p { line-height: 28px; margin-top: 20px; color:rgba(255, 255, 255, 0.4); }
.product-box .pro-fl { width:26%;}
.product-box .pro-fr { flex: 2; color: #fff;}
.product-box .pro-fr ul { padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;  }
.product-box .pro-fr ul li { width:calc(33.33% - 22px); margin: 10px; border: 1px solid rgba(255, 255, 255, 0.4); }
.product-box .pro-fr ul li a { color: #fff; padding: 10px ; display: block; transition: all 0.3s; font-size: 16px; }
.product-box .pro-fr ul li a:hover { background: rgba(255, 255, 255, 0.2);}
.tit-box { display: flex; align-items: center; justify-content: space-between;}
.tit-box .more a{ display: block; width: 120px; height: 45px; line-height: 45px; color: #666; text-align: center; border: 1px solid #dedede; }
.tit-box .more a:hover { background: #08357C; color: #fff;}
.main-tit b{ color: #fff;  font-size: 38px; display: block; }
.main-tit span { font-size: 20px; display: block; line-height: 32px; margin: 10px 0; color: #fff;}
.pro-list { padding-bottom: 50px; margin-top: 30px; position: relative;}
.pro-list .swiper-slide a{ background:#fff;  display: block; margin: 15px; overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.pro-list .swiper-slide a img { transition: all 0.3s;}
.pro-list .swiper-slide a p{ text-align: center; background: #E5E5E5; font-size: 15px; padding: 15px;}
.pro-list .swiper-pagination-bullet-active {
        opacity: 1;
        background: #08357C;
}
.pro-list .swiper-slide a:hover p { background: #08357C; color: #fff;}
.pro-list .swiper-slide a:hover img { transform: scale(1.1);}
.pro-prev { cursor: pointer; position: absolute; outline: none; display: block; left:-60px; top:44%; background: #08357C; text-align: center; line-height: 40px; font-size: 22px; color: #fff; border-radius: 20px; height: 40px; width: 40px;}
.pro-next {cursor: pointer; position: absolute;outline: none; display: block; right:-60px; top:44%; background: #08357C; text-align: center; line-height: 40px; font-size: 22px; color: #fff;border-radius: 20px;  height:40px; width:40px;}
.pro-con { position: relative;}
.pro-prev:hover,.pro-next:hover { background: #F29600;}
/*产品优势*/
@keyframes myfirst
{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes myfirst
{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.cpys{ background-attachment: fixed; margin-top: 60px; background: url(../images/ysbg.jpg) no-repeat; background-size: cover; padding: 60px 0; background-attachment: fixed;}


.tdimg {
	position: relative;
	width:42%;
    margin-top: 50px;


}

.td_tel { display: flex; align-items: center; justify-content: center; margin-top: 40px;} 
.td_num { padding-left: 20px;}
.td_num p { font-size: 16px; color: #fff;}
.td_num em{ font-style: normal; font-weight: bold; font-size: 32px; margin-top: 10px; color: #fff; display:block;}

.td{ margin-top:30px; width: 28%; text-align: right; margin-top: 50px; }

.td dl {  padding: 40px 40px 40px 0;position: relative; }
.td dl dd { margin-top: 15px; margin-top: 15px; color: #fff; line-height: 26px;}
.td dl dt { font-size: 22px; font-weight: bold;color: #fff;}
.cpys1 { background: url(../images/line1.png) no-repeat bottom right;}
.cpys2 { background: url(../images/line2.png) no-repeat bottom left;}
.cpys3 { background: url(../images/line3.png) no-repeat top right;}
.cpys4 { background: url(../images/line4.png) no-repeat top left;}
.td span, .td2 span{font-size: 24px; font-weight: bold; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #000; background: #f1f1f1; border-radius: 50%;}
.cpys3 span { position: absolute; top:20px; right:-40px; }
.cpys1 span { position: absolute; bottom:20px; right:-40px;}
.cpys0 span { position: absolute; bottom:50px; right:20px; }
.cpys4 span { position: absolute; top:20px; left: -40px; }
.cpys2 span { position: absolute; bottom: 20px; left: -40px; }
.cpys6 span { position: absolute; bottom:50px; left: 20px; }
.td dl:hover { cursor: pointer;}
.td2{ margin-top:50px; width:28%; }
.td2 dl {  padding: 40px 0 40px 40px; position: relative; }
.td2 dl dt { font-size: 24px; font-weight: bold; color: #fff;}
.td2 dl dd { margin-top: 15px; color: #fff; line-height: 26px;}
.td2 dl:hover {  cursor: pointer; }
.td2 dl:hover span,.td dl:hover span { background: #08357C; color: #fff;}
.dz_img div p:first-child img{animation: myfirst 9s infinite linear;}
.dz_img div p:first-child:before{content:'';width:calc(100% + 66px);height:calc(100% + 66px);border-radius:100%;box-sizing: border-box;border:32px solid rgba(255,255,255,0.4);position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.dz_img>div>p:nth-child(2){position: absolute;top:50%;left:50%;width:85.5%;height:85.5%;transform: translate(-50%, -50%);}
.dz_img>div>p:nth-child(2)>img{width:calc(100% - 100px);position: absolute;top:50%; left:50%;transform: translate(-50%, -50%);}

/* 设备 */

.ban_bg { background: #08357C;  padding: 50px 0;}
.ban_bg .fot_dec { color: #fff; line-height: 28px; margin: 30px 0;}
.sl { background: url(../images/slbg.jpg) top no-repeat; padding: 40px 0 0 ; position: relative;}
.gallery-top {
    height:auto;
    margin-top:20px;
  }
  .gallery-top .swiper-wrapper  {  position: relative; padding-bottom: 120px;}
  .gallery-thumbs {
    height:60px;

    box-sizing: border-box;
  
  margin: 20px auto;
    
  }
  .gallery-thumbs .swiper-wrapper {  display: flex; align-items: center; justify-content: flex-start;  height:60px; }
  .gallery-thumbs .swiper-slide {
  
      height:60px;
    line-height: 60px;
    width:160px!important;
    cursor: pointer;
  
  }
  
  .gallery-thumbs .swiper-slide a { display: block;  color: #333;   font-size: 24px; font-weight: bold;}
  .gallery-thumbs .swiper-slide a:hover {  color: #08357C;}
  .gallery-thumbs .swiper-slide-thumb-active a {
   color: #08357C;
  }
  
  
  .gallery-top>{
  
      height: auto;
      margin: auto;
  }
  

  .prone .swiper-slide img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
  }
  
  .prone .swiper-slide p {
    background-color: #fff;
    color: #333;
    text-align: center;
    line-height: 40px;
    padding: 10px;
  }
  .prone .swiper-slide:hover p{  background-color: #08357C; color: #fff; }
  .gallery-top .swiper-button-next {
    position: absolute;
    top: 95%;
    right:calc(100% - 220px);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background: #08357C;
  
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    width: 100px;
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    transition: all .5s ease;
    outline: none;
  }
  .gallery-top .swiper-button-prev {
    position: absolute;
    top:95%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background: #747474;
  
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    width: 100px;
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    transition: all .5s ease;
    outline: none;
  }
  .gallery-top .swiper-button-prev:hover {
    background: #08357C;
  }
  .gallery-top .swiper-button-next:hover {
    background: #747474;
  }

/*新闻*/
.news_box{ background: #f1f1f1; padding: 60px 0; }
.news { display: flex; justify-content: space-between; background: #fff; margin-top: 30px;}
.news-list { width: 70%; border-right: 1px solid #eee;}
.news-list .news-info { display: flex; align-items: center; justify-content: space-between; min-width: 0;margin:20px 40px;}
.news-list .news-info:first-child { border-bottom: 1px solid #f1f1f1;}
.news-list .news-info a { display: block; flex: 1; min-width: 0; padding: 40px; }
.news-list .news-info p{ 
    font-size: 18px;
    line-height: 28px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.news-list .news-info span { 
    line-height: 22px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;}
.news-list .news-info i{ display: block; margin: 20px 0; color: #999;}
.news-list .news-info a:hover p{ color: #08357C;}
.news-tu { width: calc(30% - 80px);margin: 40px; min-width: 0;}
.news-tu  a { display: block; flex: 1; min-width: 0; padding: 40px 0; min-width: 0; }
.news-tu  p{ 
    font-size: 18px;
    line-height: 28px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.news-tu  span { 
    line-height: 22px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;  
    -webkit-box-orient: vertical;
}
.news-tu i{ display: block; margin: 20px 0; color: #999;}
.news-tu a:hover p{ color: #08357C;}
/*返回顶部*/

.scroll {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: fixed;
  right: 45px;
  bottom: 70px;
  color: #fff;
  cursor: pointer;
  background: #08357C;
  font-size: 26px;
  z-index: 99;
}

/*底部footer*/


.footer {
  background: #070F24;

}
.foot {
  padding-top: 60px;
  padding-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.foot b {
  font-size: 22px;
  color: #fff;
  display: block;
  text-transform: uppercase;
  margin-bottom:32px;
}
.foot span{ color: #fff; font-size: 20px; font-weight: bold; padding-right: 9px; }

.foot .ft-nav {
  flex: 2;


}
.foot .ft-nav .ft-nav-list{

  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  color: #fff;
}
.foot .ft-nav .ft-nav-list dl{  width:50%;}

.foot .ft-nav .ft-nav-list dt{ font-size: 17px; margin-bottom: 20px; }
.foot .ft-nav .ft-nav-list dd{ display: flex;align-items: flex-start; justify-content: space-between; flex-direction: column;  }
.foot .ft-nav .ft-nav-list dl a{ color: #fff; display: block;  margin-bottom: 10px;
  font-size: 16px;}
.foot .ft-nav .ft-nav-list dl a:hover{ color: #F29600}
.foot .ft-contact {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;

  padding-left:60px;

}
.foot .ft-contact p{ width: 100%;
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
}
.foot .ft-contact i{ font-size: 17px; margin-bottom: 20px; color: #fff;font-weight: 700; display: block; width: 100%;}
.ewm p { color: #fff; text-align: center; margin: 10px ;}
.copyright{ border-top: 1px solid rgba(255, 255, 255, 0.2); padding:20px 10px; text-align: center; color: #fff; background: #070F24; }
.copyright a{ color: #fff;}