/**/
* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 14px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
  padding: 0px;
  margin: 0px;
}

button:foucs {
  border: none !important;
  outline: none !important;
}

button::-moz-focus-inner {
  border-color: transparent;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

i {
  font-style: normal;
}

a {
  color: #333;
}
p{ margin: 0;}
a:hover {
  text-decoration: none;
  color: #fff;
}

img {

  vertical-align: middle
}

input {
  outline: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select {
  -webkit-appearance: none;
  outline: none;
}

textarea {
  -webkit-appearance: none;
  outline: none
}

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

  max-width: 100%
}

.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dot2 {
  display: -webkit-box;

  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  height: 90px;
}

#header.header-transparent {}

#header.header-scrolled {
  background: rgba(255, 255, 255, 1);
  border-bottom: 1px solid #f1f1f1;
}

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

.top-box .logo {

  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 90px;
  flex: 2;

}

.top-box .logo img {
  padding: 0;
  margin: 0;
  height: 60px;
}

.top-box .logo .logo-tu2 {
  display: none;
}

#header.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}


.weblink {
  position: relative;
  padding: .2rem 0;
  box-sizing: border-box;
  margin: 0;


}

.weblink>a {
  display: flex;
  justify-content: flex-end;
  color: #333;
  font-size: 15px;
  font-family: Arial, Arial-Bold;


}

.weblink>a i {
  margin-left: 5px;

}

.weblink .luanguage {
  box-shadow: 0 0 10px rgb(0, 0, 0, .2);
  position: absolute;
  background: #08357C;
  border-radius: 5px;
  padding: 10px;
  right: -10px;
  text-align: center;
  transform: translateY(35%);
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  z-index: 999;
}

.weblink .luanguage::before {
  content: "";
  width: 20px;
  height: 10px;
  background: #08357C;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #08357C;
  position: absolute;
  left: 50%;
  top: -5%;
  transform: translate(-50%, -50%);
}

.weblink .luanguage a {
  justify-content: center;
  color: #fff;
  font-size: 14px;
}

.weblink .luanguage a {
  margin: 5px 0;
  display: block;
}

.weblink .luanguage a:hover {
  color: #F44E50;
}

.weblink:hover .luanguage {
  opacity: 1;
  transform: translateY(25%);
  visibility: visible;
}


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

.nav-menu {
  flex: 5;
  height: 90px;
}

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

.nav-menu ul li {
  position: relative;
  width: 100%;
  text-align: center;


}

.nav-menu a {
  display: block;

  color: #333;
  padding: 0 5px;
  height: 90px;
  line-height: 90px;
  transition: 0.3s;
  font-size: 16px;
  position: relative;


}

.nav-menu a::after {
  position: absolute;
  content: '';
  bottom: 10px;
  left: 30%;
  width: 0;
  height: 2px;
  background: #08357C;
  transition: all 0.2s;
}

.nav-menu a:hover::after,
.nav-menu .active a::after {
  position: absolute;
  content: '';
  bottom: 10px;
  left: 30%;
  width: 40%;
  height: 2px;
  background: #08357C;
}

.nav-menu .drop-down ul a::after {
  width: 0;
}

.nav-menu a:hover,
.nav-menu .active>a,
.nav-menu li:hover>a {
  color: #08357C;
  text-decoration: none;



}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: -40px;
  top: 90px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  width: 180%;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
  padding-bottom: 20px;
}

.nav-menu .drop-down:hover>ul {
  opacity: 1;
  top: 90px;
  visibility: visible;
}

.nav-menu .drop-down li {
  width: 100%;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 5px 0;
  font-size: 16px;

  text-transform: none;
  color: #666;
  line-height: 40px;
  height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-menu .drop-down ul a:hover,
.nav-menu .drop-down ul .active>a,
.nav-menu .drop-down ul li:hover>a {
  color: #08357C;
  background: none;

}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 90px);
}

.nav-menu .drop-down .drop-down:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down>a {
  padding-right: 35px;
}

.nav-menu a i {
  display: none;
}

.nav-menu .arrow {
  position: absolute;
  width: 11px;
  height: 11px;
  top: -5.5px;
  left: 45%;
  background-color: #fff;
  transform: rotate(45deg);
  cursor: pointer;
  transition: .3s;
  z-index: -1;

}


#header.header-scrolled .nav-menu a {
  color: #333;
}



#header.header-scrolled .nav-menu a:hover,
#header.header-scrolled .nav-menu .active>a,
#header.header-scrolled .nav-menu li:hover>a {
  color: #08357C;


}

#header.header-scrolled .nav-menu .drop-down ul a:hover,
#header.header-scrolled .nav-menu .drop-down ul .active>a,
#header.header-scrolled .nav-menu .drop-down ul li:hover>a {
  color: #08357C;
  background: none;

}

#header.header-scrolled .top-box .logo .logo-tu1 {
  display: none;
}

#header.header-scrolled .top-box .logo .logo-tu2 {
  display: block !important;
}

/* 手机菜单样式 */
.mob_language { display: none;}
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow-y: auto;
  left: -80%;
  width: 80%;
  padding-top: 18px;
  background: #08357C;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  color: #fff;
  font-size: 16px;
  margin: 0 20px;
  height: 56px;
  line-height: 56px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mobile-nav a:hover,
.mobile-nav .active>a,
.mobile-nav li:hover>a {
  color: #fff;
  text-decoration: none;
}


.mobile-nav ul li a.expanded {
  color: rgba(255, 255, 255, .7);
}

.mobile-nav ul li a button {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: none;
  outline: none;
  color: #3081C4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}

.mobile-nav ul li a button.expanded {
  transform: rotate(0deg);
  background-color: #fff;
  color: #3081C4;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down .arrow {
  display: none;
}

.mobile-nav .drop-down li a {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 10px;
  z-index: 998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;

}

.mobile-nav-toggle i {
  color: #08357C;

  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(51, 51, 51, 0.9);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}


/*首页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-slide .content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

#banner .scalePic {
  position: relative;
  left: auto;
  top: auto;
  transform: translate(0) scale(1.08);
  width: 100%;
  max-width: none;
  transition: all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#banner .swiper-slide.swiper-slide-active .scalePic {
  transform: translate(0) scale(1);
}

#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: 50px;
  font-size: 30px;
  line-height: 50px;
  height: 50px;
  transition: all .5s ease;
  outline: none;
  opacity: 0;

}

#banner:hover .swiper-button {
  opacity: 1;
}

#banner .swiper-button:hover {
  background: #08357C;
}

.btn-prev {
  left: 90px;
}

.btn-next {
  right: 90px;
}

#banner .swiper-pagination-bullet {
  width: 40px;
  height: 6px;
  display: inline-block;
  background: #fff;
  opacity: .9;
  margin: 0 8px;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
  outline: none;
}

#banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #08357C;

}

#banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 50px;
  left: 0;
  width: 100%;
}

#banner .swiper-slide .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
  margin: 0 auto;
}

.banner-slide-content {
  position: relative;
  z-index: 9;
}



.banner-slide-content span {
  color: #fff;
  display: block;
  margin-bottom: 35px;
  text-transform: uppercase;
}

.banner-slide-content .title {
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
  color: #fff;
  display: block;
  margin-bottom: 10px;

  text-transform: capitalize;
}

.banner-slide-content p {

  font-size: 24px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  margin-top: 30px;
}

.banner_txt {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  color: #333;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.banner_txt p {
  font-size: 36px;
  color: rgba(0, 0, 0, 0.7);
  text-shadow: none;
}

.banner_txt b {
  display: block;
  font-size: 42px;
  color: #000;
  margin: 30px 0;
  text-shadow: none;
}

.banner_txt span {
  color: #000;
  font-size: 26px;
  display: block;
  text-shadow: none;
}

.banner-more {
  display: block;
  width: 130px;
  letter-spacing: 1px;
  margin-top: 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #08357C;
  border: 1px solid #08357C;
  border-radius: 38px;
  text-shadow: none;
}

.banner-more:hover {
  background:#08357C;
  color: #fff;
}

.banner-more::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #08357C;
  border-right: 2px solid #08357C;
  -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;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
/* since */
.since {
  padding:25px 0;
  background: #08357C;
}

.since .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.since .sin_tit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #fff;
}

.since .sin_tit span {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.since .sin_info span {
  font-size: 16px;
  letter-spacing: 0;
}

.since .sin_info {
  line-height: 20px;
  margin: 0 40px;
  color: #999;
  font-size: 16px;
}

.since .sin_tel {
  display: flex;
  line-height: 18px;
  align-items: center;
  color: #999;

}

.since .sin_tel p {
  font-size: 20px;
  color: #fff;
}

.since .sin_tel img {
  margin-right: 10px;
  width: 34px;
}
/* 产品 */

.jjfa_list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  margin-top: 30px;
}

.jjfa_list li {
  width: calc(33.33% - 30px);
  margin: 15px;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  background-color: #f3f5f8;
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
  border-radius: 10px;
  transition: all .2s ease-in-out;

}



.fan-up {
  position: relative
}

.fan-up .img {
  position: relative;
  overflow: hidden;
}

.jjfa_list .fan-box {
  position: absolute;
  left: 20px;
  top: 20px;
  -webkit-transition: all linear .5s;
  transition: all linear .5s;
}

.fan-up:hover .shade-move {

  animation: movepoint 2s infinite;
  -webkit-animation: movepoint 2s infinite;
}

.fan-up:hover .shade-move {

  animation: movepoint 2s infinite;
  -webkit-animation: movepoint 2s infinite;
}

.fan-up .img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
  content: '';
  z-index: 1;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}



.fan-up:hover .img::after {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}



.jjfa_list .fa_title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #08357C;

}
.mark-bar {
  border-top-width:7px;
  border-top-style: solid;
  border-top-color: #08357C;
  width: 50px;
  height: 0;
  margin-top: 10px;
  border-right: 10px solid rgba(0,0,0,0);
}
.fan-up:hover .fa_title {

  color: #000;

}



.fan-up .fa_txt p {

  color: #666;

  height: 35px;
  line-height: 35px;

}
.fan-up:hover p{ color: #08357C;}

@keyframes movepoint {
  25% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}
.fan-up:hover .shade-move {

  animation: movepoint 2s infinite;
  -webkit-animation: movepoint 2s infinite;
}

/*关于我们*/
.main_title {
  text-align: center;
}

.main_title .m_p1 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #08357C;
  font-family: Arial, Helvetica, sans-serif;
}

.main_title .m_p2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 42px;
  display: block;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.main_title .m_p2 span {
  color: #fff;
  font-size: 42px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.main_title .m_p3 {
  font-size: 20px;
  color: #000;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.main_title .m_p4 {
  font-size: 20px;

  color: rgba(255, 255, 255, .6);
  margin-top: 30px;
  text-transform: uppercase;
  line-height: 28px;
}

.main_title i {
  display: block;
  width: 100px;
  height: 4px;
  background: #08357C;
}

.main_title span {
  color: #fff;
  font-size: 26px;
}

.pad-140 {
  padding: 100px 0;
}

.pad-150 {
  padding: 150px 0;
}

.pad-80 {
  padding: 60px 0;
}

.pad-tb {
  padding: 80px 0 100px;
}

.about {
  position: relative;
  background: url(../images/abbg.jpg) center no-repeat;
  background-size: cover;
margin-top: 50px;
background-attachment: fixed;

}



.about-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;

}

.about_fr {
  width: 42%;




}

.about_fl .ab_txt {
  line-height: 32px;
  text-indent: 2em;
  color: #000;
  font-size: 16px;
  text-align: justify;
  margin-bottom: 20px;

}

.about_fl .ab_txt span {
  color: #666;
}


.about_fl {
  width: 55%;
  overflow: hidden;
  padding-left: 2%;


}



.more {
  border-radius: 23px;
  height: 46px;
  display: inline-block;
  font-size: 14px;
  line-height: 46px;
  color: #FFF;
  font-family: Arial;
  text-align: center;
  width: 160px;
  background: #08357C;
  border: 1px solid #08357C;
  margin-top: 45px;
  box-shadow: 0 0 10px #08357C;
  position: relative;
  transition: all .3s;
}

.more:hover {
  background: #FFF;
  color: #08357C;
}

.more2 {
  border-radius: 23px;
  height: 46px;
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  color: #999;
  font-family: Arial;
  text-align: center;
  width: 160px;

  border: 1px solid #999;
  margin-top: 45px;
  letter-spacing: 2px;
  position: relative;
}

.more2:hover {
  background: #08357C;
  border: 1px solid #08357C;
  color: #fff;
}

.ab_bottom {
  margin-top: 60px;
  padding-bottom: 30px;

  transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s;
}

.ab_bottom ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
}

.ab_bottom b {
  font-size: 32px;
  color: #08357C;
  margin-top: 10px;

}



.ab_bottom li {
  width: 25%;

}

.ab_bottom li img {
  height: 40px;
}

.ab_bottom li a {

  text-align: center;
  text-decoration: none;
  position: relative;
  margin: 20px auto;
  display: block;

  transition: all .3s;

}

.ab_bottom li:last-child a {
  border-right: none;
}

.ab_bottom .ab_num {
  display: flex;
  align-items: center;

  justify-content: center;
}

.ab_bottom li a i {
  font-size: 16px;
  color: #000;
  padding-left: 6px;

}

.ab_bottom li a p {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  padding: 5px 0;
  text-align: center;

}

/* 生产实力 */

.ban_bg {
  background: #08357C;
  background: url(../images/slbg.jpg) top no-repeat;
  padding: 50px 0;
  background-size: cover;
}

.ban_bg .fot_dec {
  color: #fff;
  line-height: 28px;
  margin: 30px 0;
}

.sl {

  position: relative;
}

.sl .gallery-top {
  height: auto;
  margin-top: 20px;
}

.sl .gallery-top .swiper-slide .swiper-container {
  position: relative;
  padding-bottom: 80px;
}

.sl .gallery-thumbs {
  height: 60px;

  box-sizing: border-box;

  margin: 20px auto;

}

.sl .gallery-thumbs .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
}

.sl .gallery-thumbs .swiper-slide {

  height: 60px;
  line-height: 60px;
  width: 160px !important;
  cursor: pointer;

}

.sl .gallery-thumbs .swiper-slide a {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.sl .gallery-thumbs .swiper-slide a:hover {
  color: #F44E50;
}

.sl .gallery-thumbs .swiper-slide-thumb-active a {
  color: #F44E50;
}


.sl .gallery-top> {

  height: auto;
  margin: auto;
}
.prone .swiper-slide { background: #fff; padding: 20px; border-radius: 10px;}
.prone .swiper-slide a{ display: block; }

.prone .swiper-slide img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%
}

.prone .swiper-slide p {

  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 40px;

}

.prone .swiper-slide:hover  {
  background: #E8F5FF;
  color: #fff;
}
.prone .swiper-slide:hover p { color: #08357C;}
.sl .gallery-top .swiper-button-next {
  position: absolute;
  top: 99%;
  right: calc(100% - 220px);
  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;
}

.sl .gallery-top .swiper-button-prev {
  position: absolute;
  top: 99%;
  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;
}

.sl .gallery-top .swiper-button-prev:hover {
  background: #fff;
  color: #08357C;
}

.sl .gallery-top .swiper-button-next:hover {
  background: #fff;
  color: #08357C;
}
/* 应用 */
.yybg { background: url(../images/yybg.jpg) bottom no-repeat; background-size: cover;}
.fzls_box { position: relative; display: flex; align-items: center; justify-content: space-between;}


.fzls_box .gallery-top {

  width: 50%;
  float: right;
 


}
/* .fzls_box .gallery-thumbs .swiper-wrapper { flex-direction: row; flex-wrap: wrap;} */
.fzls_box .gallery-thumbs { padding-bottom: 50px; float: right; width: 50%;  z-index: 2;   text-align: center; height: auto;



  box-sizing: border-box;}



.fzls_box .gallery-thumbs .swiper-slide  {cursor: pointer; display: flex; align-items: center; justify-content: flex-start; border: 1px solid #f1f1f1; width:100% ; line-height: 25px; height: 65px !important; padding: 10px; font-size: 16px;  color: #333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fzls_box .gallery-thumbs .swiper-slide a { color: #fff; position: relative; padding-left: 30px;}
.fzls_box .gallery-thumbs .swiper-slide a::before { content: ''; position: absolute; left:5px; transition: all .2s; top:11px; width: 8px; height: 8px; border-radius: 100%; background: #dedede;}
.fzls_box .gallery-thumbs .swiper-slide a::after { content: ''; position: absolute; left: 0; transition: all .2s; top:6px; width: 18px; height: 18px; border-radius: 100%; border: 1px solid #dedede;}
.fzls_box .gallery-thumbs .swiper-slide:hover {    color: #08357C;}


.fzls_box .gallery-thumbs .swiper-slide:hover , .fzls_box .gallery-thumbs .swiper-slide-thumb-active { color: #fff; background: #08357C; }



.fzls_box .swiper-button-next {
  background: none;
  font-size: 30px;
 right: 0;
 top:90%;
  color: #fff;
  outline: none;
 
}

.fzls_box .swiper-button-prev {
  background: none;
  font-size: 30px;
 left: 92%;
 top:90%;
 outline: none;
  color: #fff;
}
.fzls_box .swiper-button-prev:hover ,.fzls_box .swiper-button-next:hover { color: #08357C;}
.fzls_box .gallery-top .swiper-slide a{  display: flex; align-items: center; justify-content:flex-end; }

.fzls_box .gallery-top .fzls_tit{font-size: 40px;
  width: 50%;
  color: #CC261D;
  text-transform: uppercase;
  font-weight: bold;
text-shadow: 0 20px 13px rgb(215 12 24 / 15%);
}
.fzls_box .gallery-top .fzls_tit p {  text-transform: none; font-weight: normal; color: #666; text-shadow:none;  line-height: 30px; font-size: 20px;}

.fzls_box .gallery-top .fzls_list img{  max-height: 580px; }
.fzls_box .gallery-top .fzls_list p { line-height: 26px; font-size: 17px; padding: 10px 0;}
.fzls_boxxj{ float: left; padding-bottom: 20px; }
.fzls_boxxj ul li{ width: calc(50% - 10px); margin: 10px 5px; float: left; text-align: left; }
.fzls_boxxj ul li a{ color: #fff;}
.fzls_boxxj ul li a:hover{color: #08357C}
@media (max-width:980px){
  .fzls_boxxj ul li{ width: calc(100% - 10px);}
}
/* 新闻 */
.newsbg {  background: url(../images/newsbg.jpg) no-repeat; background-size: cover;}
.news-fl {
  width: 70%;
  float: left;
}

.news-fr {
  width: 28%;
  float: right;
}

.news-one {
  margin-top: 30px;
}

.news-one span {
  color: #333;
  font-size: 15px;
  display: block;
}

.news-one b {
  display: block;
  font-size: 30px;
  font-weight: normal;
  margin: 15px 0;
  color: #333;
}

.news-one a {
  color: #333;
}

.news-one a:hover {
  color: #08357C
}

.news-one p {
  line-height: 30px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;

}

.news-one a span {
  color: #333;
}
.news-one a:hover b { color: #08357C;}
.news-two ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

.news-two ul li {
  width: 33.3%;


}

.news-two a {
  display: flex;
  justify-content: center;
  flex-direction: column;

  padding: 30px 20px;
  transition: .3s;
  margin-right: 20px;
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(255, 255, 255, .4);

}

.news-two ul li:last-child a{
  margin-right: 0;
}

.news-two a:hover {
  box-shadow: 0 0 10px #dedede;
  background: #08357C;
  background-size: 100%;
}

.news-two a:hover span {
  color: #fff;
}

.news-two a:hover .day, .news-two a:hover .newscon p, .news-two a:hover .newscon b {
  color: #fff;
}

.day {
  color: #333;
  width: 100%;

  margin: 7px 0;
  font-size: 14px;

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

.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;
  color: #333;
}
.ftb { background: url(../images/bg.jpg) no-repeat; background-size: cover; position: relative;}
.ftb .container { padding: 50px 0;   width: 400px;border-radius: 50%;
  height: 400px; border: solid 1px rgba(255, 255, 255, 0.3);}
.ftb .txt {top:0; height: 100%;  position: absolute; left: 0; right: 0;  width: 100%;  display:flex; align-items: center; justify-content: center; text-align: center;}
.ftb .txt a {
   display: block; color: #fff; border: solid 1px rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 300px;
  border-radius: 50%;font-size: 32px; font-weight: 600;}
  .ftb .txt a:hover { background: rgba(0, 0, 0, 0.3);}
/*底部footer*/
.footer-main {

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background: url(../images/ftbg.jpg) no-repeat;
  background-size: cover;

}

.footer-main .container {
  display: flex;
  padding: 80px 0;
  justify-content: space-between;
}

.footer-list1 {


  width: 30%;


}

.footer-list1 .info {
  margin-top: 30px;
  text-align: justify;
}

.footer-list2 {


  width: 18%;




}

.footer-list3 {


  width: 40%;



}

.footer-list3 .con_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-list1 p i,
.footer-list2 p i {
  padding-right: 6px;
}

.footer-list1 span,
.footer-list2 span,
.footer-list3 span {
  color: #000;
  font-size: 17px;
  letter-spacing: 1.36px;
  margin-bottom: 30px;
  margin-top: 0;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

.footer-list1 .socials {
  padding-left: 5px;
  margin-bottom: 0;
  margin-top: 40px;


}

.footer-list1 .socials li {
  display: inline-block;
  margin-right: 10px;
}

.footer-list1 .socials li a {
  border: 1px solid #08357C;
  border-radius: 100%;
  color: #08357C;
  display: inline-block;
  height: 40px;
  width: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.footer-list1 .socials li a:hover {
  background-color: #08357C;
  border: 1px solid #08357C;
  color: #fff;
}

.footer-list1 p,
.footer-list2 p,
.footer-list3 p {
  color: #000;
  font-size: 14px;
  letter-spacing: 0.45px;
  line-height: 32px;
  padding-bottom: 5px;
}

.footer-list1 p a,
.footer-list2 p a {
  color: #000;
  text-transform: uppercase;
}

.footer-list1 p a:hover,
.footer-list2 p a:hover {
  color: #08357C;
}

.footer-list1 img {
  width: 70%;
}

.address-content {
  display: inline-block;
  position: relative;
  padding-left: 52px;
  padding-bottom: 10px;
  text-align: left;
  width: 50%;

}

.address-content span {

  color: #000;
  font-size: 20px;
  position: absolute;
  left: 0px;
  top: 5px;
  display: inline-block;
  width: 30px;
  height: 37px;
  line-height: 37px;
  text-align: center;
}

.address-content i {
  font-size: 15px;
  color: #000;
  display: block;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 5px;

}

.address-content p {
  color: #000;
  font-size: 14px;
}

.footer-copyright {

  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.footer-copyright p {
  color: #000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.1px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.footer-copyright p span {
  padding-left: 15px;
}

.footer-copyright p span a {
  color: #000
}

/*右侧固定*/
.fix-side {
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 80px;
  z-index: 2000;
}

.fix-side li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  width: 80px;
  height: 80px;

  background-color: #08357C;
}

.fix-side li:hover {
  background-color: #08357C;
}

.fix-side .gzh {
  position: relative;
  width: 80px;
  text-align: center;
}

.fix-side .gzh .show {
  width: 80px;

  color: #fff;
  cursor: pointer;
}

.fix-side .gzh:hover .box {
  display: block;
}

.fix-side .gzh:hover .box2 {
  display: block;
}

.fix-side .gzh .box2 {
  display: none;
  position: absolute;
  left: -120px;
  bottom: 0;
  width: 120px;
  line-height: 80px;
  height: 80px;
  font-size: 18px;
  color: #333;
  background-color: #f9f9f9;
  border: solid 1px #e5e5e5;
  border-right: none;
  box-sizing: border-box;
}

.fix-side .gzh:hover .box2 p {
  color: #333;
}

.fix-side .gzh .box {
  display: none;
  position: absolute;
  left: -150px;
  bottom: 0;
  width: 150px;
  height: 160px;
  color: #fff;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  border-right: none;
  box-sizing: border-box;
}

.fix-side .gzh .box img {
  margin-top: 15px;
  width: 100px;
  height: 100px;
}

.fix-side .gzh .box p {
  color: #666;
}

.fix-side p {
  margin-top: 10px;
  color: #fff;
}

.fix-side li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
}

.fix-side li img {
  width: 32px;
  margin-top: 10px;
}

.fix-side .return {
  border-bottom: none;
  transform: scaleY(0);
  transition: 0.5s;
  background-color: #08357C;
}

.fix-side .active {
  transform: scale(1);
}


/* 手机底部导航 */
.bottom_nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background: #205DA6;
  display: none;
}


.bottom_nav_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 62px;
}

.bottom_nav a {
  flex: 1;
  color: #fff;
  border-right: 1px solid #296AB7;
  border-left: 1px solid #1A5293;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom_nav a span {
  margin-left: 6px;
}

.bottom_nav a:last-child {
  border-right: none;
}

.bottom_nav a:first-child {
  border-left: none;
}


/* 关于我们内页 */
.inabout{ padding-top: 50px; background: url(../images/inbg.jpg) no-repeat; background-size: cover;}

.inabout .about_fl .ab_txt {
  line-height: 32px;
  text-indent: 2em;
  color: #fff;
  font-size: 16px;
  text-align: justify;
  margin-bottom: 20px;

}

.inabout .about_fl .ab_txt span {
  color: #666;
}
.lead {
  padding: 20px 0;
  background: #fff;
  box-shadow: 0 0 10px #f1f1f1; margin-bottom: 20px;

}


.lead a {
  display: block;
}


.lead p {
  color: #333;
  display: flex;
  align-items: center;
  font-size: 16px;text-transform: uppercase; 
  
}
.lead p img{ padding-right: 5px;}
.lead p a{ color: #666;}
.lead p a:hover{ color: #F44E50;}
/* 资质 */
.zzbg { background: url(../images/zzbg.jpg) no-repeat; background-size: cover;}
.zzbox { margin-top: 60px; display: flex; width: 70%;}
.zzbox a {border: 5px solid #f5f5f5; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; width: 140px; height: 140px; margin-right: 10%; }
.zzbox a img {  height: 120px;}
.zzbox a:hover { border: 5px solid #08357C;}
.zzbg .txt { margin-top: 30px; font-size: 16px; line-height: 28px;}
/* 我们在哪 */
.mjgc { margin-top: 50px; position: relative;}
.mjgc_fl {  margin-top: 40px;  }
.mjgc_fr { position: absolute;  width: 60%; right: 0;top:25%; background: #08357C; padding: 40px; display: flex; flex-wrap: wrap; }
.mjgc_fr a { display: flex; align-items: center; color: #fff; width: 46%; margin: 40px 0;}
.mjgc_fr .mjgc_b { font-size:45px; font-weight: bold; margin-right:20px;} 
.mjgc_fr .mjgc_b i { font-weight: normal; font-size: 16px;}
.mjgc_fr .mjgc_txt { font-size: 28px; line-height: 40px;}
.mjgc_fr .mjgc_txt p { font-size: 18px;}
.mjgc_fr p { color: #fff; line-height: 28px; margin: 5px 0; font-size: 15px; text-align: justify;}
.qjwh{padding:60px 0;background:url(../images/whbg.jpg) no-repeat; background-size:cover;  position: relative;}
.qjwh ul{padding: 0;}
.qjwh ul li{font-size: 16px;color: #333;float: left;width: 18%;font-weight: bold;text-align: center;  margin:20px 1%; z-index: 9; position: relative;}
.qjwh ul li a{ display: block; color: #333; }
.qjwh ul li p{border-radius: 50%;   padding: 30px 0;margin: 0 auto; text-align:center; }
.qjwh ul li span { display: block; font-size: 20px; margin-top: 10px;}
.qjwh ul li i { height: 45px; font-weight: normal; font-size: 14px; display: block; font-style: normal; margin-top: 5px; color: rgba(0, 0, 0, .8);}
.qjwh ul li em {font-weight: normal; margin-top: 30px; display: block; font-style: normal; font-size: 14px; color: rgba(0, 0, 0, .5);}
.qjwh ul li p img { width: 60%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.qjwh ul li:hover p img{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.qjwh ul li a:hover { color: #08357C;}
/* 产品详情 */
.inprobox { margin-top: 40px;}
.in-product{display: flex;background: #F3F5F8; align-items: center; justify-content: space-between;  position: relative; z-index: 3;}
.in-product_txt, .in-product_tu{width: 50%; overflow: hidden; }
.in-product_txt { padding:30px 50px;}
.in-product_txt span { display: block; margin-top: 30px; transition: all .3s;}
.in-product_txt2 { padding: 50px;}
.in-product_txt p{    
  color: #545454;
  font-weight: 300;
  font-size:16px;
  margin-top: 20px;
  line-height: 36px; text-align: justify;}
.in-product .in-product_tu 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;}
.in-product a:hover .in-product_tu img{  transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);}
    .in-product a:hover .in-product_txt span  { padding-left: 50px;}
    .pro_list { position: relative; padding: 20px 0;}
    .xcal .swiper-wrapper {
      padding-top: 20px;
    }
    
    .xcal .swiper-slide {
      transition: all 0.5s ease;
      position: relative;
      background-image: linear-gradient(0deg, #fff, #f3f5f8);
    background-color: #f3f5f8;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    }
    
    .xcal .swiper-slide .info img {
      margin-top: 35%;
    }
    
    
    .xcal .swiper-slide .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;
    
      color: #fff;
      background: rgba(0, 0, 0, 0.4);
    }
    
    .xcal .swiper-slide:hover .info {
      height: calc(100% - 90px);
      opacity: 1;
    }
    
    .xcal .swiper-slide .inner-con {
      position: relative;
      z-index: 1;
    }

    .xcal .swiper-slide .inner-con p i{ width: 35px; height: 35px; border-radius: 35px; background: #42A0E8; text-align: center; line-height: 35px; color: #fff; font-size: 16px;}
    .xcal .swiper-slide img {
      display: block;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
    }
    
    .xcal .swiper-slide p {
      background-color: #f7f7f7;
      color: #333;
      text-align: center;
  
      padding: 10px 0;
      font-size: 16px;
    
    }
    
    .pro_list .swiper-button-next {
      position: absolute;
      top: 50%;
right: 10px;
    
      color: #fff;
    
    
      cursor: pointer;
      overflow: hidden;
      z-index: 99;
      width:40px;
      border-radius: 100%;
  
      font-size: 24px;
      line-height:40px;
      text-align: center;
      height: 40px;
      transition: all .5s ease;
      outline: none;
      background: #08357C;
    }
    
    .pro_list .swiper-button-prev {
      position: absolute;
      top: 50%;
      left:10px;
    
      color: #fff;
    
      cursor: pointer;
      overflow: hidden;
      z-index: 99;
      width: 40px;
      border-radius: 100%;

      font-size: 24px;
      line-height: 40px;
      text-align: center;
      height: 40px;
      transition: all .5s ease;
      outline: none;
      background: #08357C;
    }
    
    .pro_list .swiper-button-prev:hover, .pro_list .swiper-button-next:hover {
      background: #F44E50;
      color: #fff;
    }
    .pro_list { margin-bottom: 40px;}
.cpml{padding:60px 0;background: #F3F5F8;; background-size:cover;  position: relative;}
.cpml ul{padding: 0; display: flex; flex-wrap: wrap;  justify-content: center;}
.cpml ul li{font-size: 16px;color: #333;float: left;width: 23%;font-weight: bold;text-align: center;  margin:20px 1%; z-index: 9; position: relative;}
.cpml ul li a{ display: block; color: #333; }
.cpml ul li p{border-radius: 50%; transition: all .3s; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px;   padding: 20px 10px;margin: 0 auto; text-align:center;background: rgb(128, 130, 133);
  background-image: linear-gradient(135deg, rgb(155, 157, 160) 7%, rgb(128, 130, 133) 10%, rgb(207, 209, 210) 13%, rgb(255, 255, 255) 27%, rgb(138, 140, 142) 33%, rgb(142, 144, 146) 45%, rgb(209, 211, 212) 61%, rgb(101, 102, 104) 75%, rgb(72, 72, 74) 81%, rgb(56, 56, 57) 91%, rgb(74, 75, 76) 94%, rgb(75, 75, 77) 98%); }
.cpml ul li span { display: block; font-size: 20px; margin-top: 20px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cpml ul li i { height: 45px; font-weight: normal; font-size: 14px; display: block; font-style: normal; margin-top: 5px; color: rgba(0, 0, 0, .8);}
.cpml ul li em {font-weight: normal; margin: 30px auto; width: 120px; background: #08357C; text-align: center; line-height: 45px; color: #fff; height: 45px; border-radius: 45px; margin-top: 30px; display: block; font-style: normal; font-size: 14px; }
.cpml ul li p img { width: 60%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.cpml ul li:hover p {background-image: linear-gradient(-135deg, rgb(155, 157, 160) 7%, rgb(128, 130, 133) 10%, rgb(207, 209, 210) 13%, rgb(255, 255, 255) 27%, rgb(138, 140, 142) 33%, rgb(142, 144, 146) 45%, rgb(209, 211, 212) 61%, rgb(101, 102, 104) 75%, rgb(72, 72, 74) 81%, rgb(56, 56, 57) 91%, rgb(74, 75, 76) 94%, rgb(75, 75, 77) 98%);}
.cpml ul li:hover  em{ background: #F44E50;}