/**/

* {

  margin: 0;

  padding: 0;

}



div, address, b, big, blockquote, body, center, cite, code, dd, del, dl, dt, em, fieldset, font, form, b, b, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var, th, td, input {

  margin: 0;

  padding: 0;

}



div, dl, dt, dd, form, input, button, textarea, p, ul, li, ol, table, tr, td, header, footer, aside, nav, b, b, h3, h4, h5, h6, section {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}



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;

}



a:hover {

  text-decoration: none;

  color: #fff;

}



img {

  border: none !important;

  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;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%

}



.avatar {

  display: block;

  overflow: hidden;

  width: 100%;

}



/*--------------------------------------------------------------

# 头部Header

--------------------------------------------------------------*/



#header {

  transition: all 0.5s;

  z-index: 997;

  transition: all 0.5s;

  height: 90px;

}



#header.header-transparent {

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

}



#header.header-scrolled {

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

  border-bottom: 1px solid #f1f1f1;



}



.top-box {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.top-box .logo {

  flex: 2;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  height: 90px;

}



.top-box .logo img {

  padding: 0;

  margin: 0;

  max-height: 90px;

}



.top-box .logo .logo-tu2 {

  display: none;

}



/*导航菜单 */

.nav-menu, .nav-menu * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.nav-menu {

  flex: 8;

  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: #fff;

  padding: 0 5px;

  height: 90px;

  line-height: 90px;

  transition: 0.3s;

  font-size: 16px;



}



.nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a {

  color: #fff;

  text-decoration: none;

  background: #08357C;

}



.nav-menu .drop-down ul {

  display: block;

  position: absolute;

  left: -32%;

  top: 90px;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  width: 175%;

  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;

}



.nav-menu .mob-language {

  display: none;

}



.mobile-nav .mob-language {

  display: block;

}



#header.header-scrolled .nav-menu a {

  color: #333;

}



#header.header-scrolled .language {

  color: #333;

}



#header.header-scrolled .language a {

  color: #333;

}



#header.header-scrolled .language a:hover {

  color: #ECA617;

}



#header.header-scrolled .nav-menu a:hover, #header.header-scrolled .nav-menu .active>a, #header.header-scrolled .nav-menu li:hover>a {

  color: #fff;



}



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

}



/* 手机菜单样式 */

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

  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 .drop-down>a i {

  float: right;

  display: block;

  line-height: 40px;

  width: 40px;

  text-align: right;

  height: 40px;

  background: #275DAF;

  margin-top: 8px;

  font-size: 24px;

  font-weight: bold;

  text-align: center;

}



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

  background: #16315F;

}



.mobile-nav-toggle i {

  color: #fff;

  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;

}



.language {

  color: #fff;

  font-size: 16px;

}



.language a {

  color: #fff;

  padding: 0 10px;

}



.language a:hover {

  color: #ECA617;

}



/*首页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: #08357C;

}



.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: #08357C;

  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 .swiper-slide .container {

  position: absolute;

  left: 0;

  right: 0;

  top: 30%;

  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;



}



/*关于我们*/

.main_title {

  text-align: center;

}



.main_title p {

  font-size: 40px;

  margin-bottom: 16px;

  color: #333;

}



.main_title p b {

  font-size: 40px;

  font-weight: bold;

  color: #16315F;

}



.main_title span {

  font-size: 18px;

  color: #666;

}



.about {

  background: #f1f1f1 no-repeat center;

  background-size: cover;

  padding: 60px 0;

}



.about-box {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  position: relative;

}



.about_fl {

  width: 45%;

  padding-right: 5%;

}



.about_fl p {

  line-height: 30px;

  padding: 10px 0;

  color: #666;

  font-size: 15px;

  margin: 40px 0;

}



.about_fl .ab-title {

  font-size: 22px;

  color: #222;

  font-weight: bold;

  margin-top: 10px;

}



.about_fr {

  width: 50%;

  overflow: hidden;

}



.ab_list2 {

  width: 60%;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 20px;

  margin-top: 30px;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

  position: absolute;

  left: 0;

}



.ab_list2 li {

  flex: 1;

  cursor: pointer;

  color: #333;

  padding: 10px 0;

  text-align: center;

  border-right: 1px solid #dedede;

  -webkit-transition: transform .3s;

  transition: transform .3s;

  font-size: 18px;

}



.ab_list2 li:last-child {

  border: none;

}



.ab_list2 li b {

  display: block;

  font-size: 47px;

  color: #16315F;

}



.ab_list2 li i {

  font-size: 16px;

  width: 25px;

  height: 25px;

  line-height: 25px;

  background: #666;

  border-radius: 50%;

  text-align: center;

  font-style: normal;

  font-weight: normal;

  position: relative;

  top: -20px;

  left: 0px;

  color: #fff;

  display: inline-block;

}



.ab_list2 li:hover {

  -webkit-transform: translate(0, -15px);

  transform: translate(0, -15px);

}



.more_a2 {

  display: inline-block;

  line-height: 40px;

  padding: 0px 23px;

  color: #16315F;

  position: relative;

  transition: all 0.8s ease 0s;

  font-size: 16px;

  margin: 20px 0;

}



.more_a2 span {

  display: inline-block;

  position: relative;

  z-index: 2;

}



.more_a2::before {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0px;

  background: #16315F;

  width: 100%;

  height: 1px;

  transition: all 0.3s ease 0s;

}



.more_a2:hover {

  border-bottom-color: #16315F;

  color: rgb(255, 255, 255);

}



.more_a2:hover::before {

  height: 100%;

}



/* 研发创新      智造创新     服务创新 */

.ys {

  overflow: hidden;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;



}



.ys ul {

  width: 100%;

  padding: 0;

  margin: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.ys li {

  position: relative;

  overflow: hidden;

  width: 33.33%;

  border-right: 2px solid #fff;

}



.ys li:last-child {

  border: none;

}



.ys li a {

  display: block;

}



.ys em {

  font-size: 20px;

  margin: 0;

  padding: 0;

  font-style: normal;

  display: block;

  text-align: center;

  color: #fff;

}



.ys .dec_ar p {

  margin-top: 15px;

}



.ys .dec_ar span {

  margin-top: 15px;

  display: block;

  font-size: 30px;

  color: #fff;

  font-weight: bold;

  text-align: center;

}



.ys li .cont_ar {

  color: #fff;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background: rgba(0, 0, 0, .3);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}



.ys li .ar_title {

  width: 90%;

  text-align: center;

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  transition: opacity 0.5s;

  -webkit-transition: opacity 0.5s;

}



.ys li .ar_title i {

  width: 50px;

  height: 45px;

  margin: 0 auto;

}



.ys li .ar_title b {

  font-size: 24px;

  font-weight: bold;

  text-align: center;

  margin-top: 25px;

  display: block;

}



.ys li .dec_ar {

  line-height: 28px;

  max-height: 100%;

  position: absolute;

  z-index: 1;

  left: 0;

  padding: 20px 15%;

  right: 0;

  bottom: 0;

  background: rgba(22, 49, 95, .8);

  color: #fff;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}



.ys li .dec_ar em {

  font-size: 24px;

  margin-top: 15px;

  font-weight: bold;

}



.ys li .dec_ar p {

  color: #fff;

  font-size: 16px;

  line-height: 30px;

  text-align: center;

}



.ys li .more {

  text-align: center;

  color: #fff;

  margin-top: 15px;

}



.ys li.cur .cont_ar {

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

  cursor: pointer;

}



.ys li.cur .ar_title {

  display: none;

}



.ys li.cur .dec_ar {

  opacity: 1;

  filter: alpha(opacity=100);

  transition-delay: 0.3s;

  -webkit-transition-delay: 0.3s;

}



.ys li a:hover .img_ar img {

  opacity: 0;

}



.ys li:nth-child(1):hover {

  background: url(../images/fw.gif) no-repeat;

}



.ys li:nth-child(2):hover {

  background: url(../images/fw2.gif) no-repeat;

}



.ys li:nth-child(3):hover {

  background: url(../images/fw3.gif) no-repeat;

}



/* 产品 */

.product {

  margin-top: 60px;

}



.pro_content {

  margin-top: 30px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.pro_content a {

  display: block;

  margin: 10px;

  background: #F8F8F8;

  padding: 90px 30px;

  -webkit-transition: all .3s linear;

  transition: all .3s linear;

  position: relative; width:32%;

}



.item-top {

  position: absolute;

  top: 0;

  left: 0;

  width: 100px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #ECA617;

  color: #fff;

  opacity: 0;

  transition: all .3s linear;

  z-index: 2;

}



.pro_content img { max-height:440px;}



.pro_content a span {

  display: block;

  width: 140px;

  border: 1px solid #16315F;

  height: 45px;

  line-height: 45px;

  text-align: center;

  margin: 20px auto;

  color: #666;

}



.pro_title {

  font-size: 32px;

  line-height: 40px;

  color: #333;

  font-weight: 500;

  text-align: center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;

}



.pro_content a:hover {

  -webkit-transform: translateY(-16px);

  transform: translateY(-16px);

  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

}



.pro_content a:hover span {

  background: #16315F;

  color: #fff;

}



.pro_content a:hover .item-top {

  opacity: 1;

}



.prone {

  margin: 20px 10px;

}



/* 合作 */

.hzhb {

  margin-top: 60px;

  position: relative;

  padding-bottom: 60px;

}



.hz-tu {

  float: left;

  width: 36%;

  position: absolute;

  left: 0;

  top: 0;

}



.hz-tu img {

  animation: myfirst 22s linear infinite;

  -webkit-animation: myfirst 22s linear infinite;

  animation-play-state: running;

  -webkit-animation-play-state: running;

  opacity: 0.6;

}



.hz-tu img:hover {

  animation-play-state: paused;

  -webkit-animation-play-state: paused;

}



@keyframes myfirst {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@-webkit-keyframes myfirst {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



.hezuo {

  padding-bottom: 80px;

  margin-top: 30px;

  width: 62%;

  float: right;

}



.hezuo .swiper-slide a {

  display: block;

  margin: 15px;

  padding: 10px;

  overflow: hidden;

  box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  background: #fff;

}



.hezuo .swiper-slide a img {}



.hezuo .swiper-slide a:hover img {

  filter: grayscale(0%);

  opacity: 1;

}



.hezuo .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  background: #000;

  opacity: .3;

}



.hezuo .swiper-pagination-bullet-active {

  opacity: 1;

  background: #16315F;

}



/* 新闻 */

.news {

  position: relative;

  margin-top: 20px;

  background: #f8f8f8 url(../images/newsbg.jpg) no-repeat bottom;

  padding: 60px 0 180px 0;

}



.news-list .swiper-slide {

  padding: 30px 0;

  margin-top: 20px;

  transition: all 0.5s ease;

}



.news-list .swiper-slide img {

  display: block;

  height: auto;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%

}



.news-list .swiper-slide p {

  color: #333;

  text-align: center;

  line-height: 32px;

  font-size: 16px;

  text-align: left;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.news-list .swiper-slide a:hover b, .news-list .swiper-slide a:hover span {

  color: #16315F;

}



.news .swiper-button-next {

  position: absolute;

  top: 90%;

  right: calc(50% - 150px);

  transform: translateY(-50%);

  text-align: center;

  color: #fff;

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

  cursor: pointer;

  overflow: hidden;

  z-index: 99;

  width: 140px;

  font-size: 17px;

  line-height: 50px;

  height: 50px;

  transition: all .5s ease;

  outline: none;

}



.news .swiper-button-prev {

  position: absolute;

  top: 90%;

  left: calc(50% - 150px);

  transform: translateY(-50%);

  text-align: center;

  color: #fff;

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

  cursor: pointer;

  overflow: hidden;

  z-index: 99;

  width: 140px;

  font-size: 17px;

  line-height: 50px;

  height: 50px;

  transition: all .5s ease;

  outline: none;

}



.news .swiper-button-prev:hover,

.news .swiper-button-next:hover {

  background: #16315F;

}



.news .swiper-button-next i {

  padding-left: 10px;

}



.news .swiper-button-prev i {

  padding-right: 10px;

}



.news b {

  font-size: 20px;

  display: block;

  margin: 10px 0;

  max-height: 67px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.news-list .swiper-slide:hover {

  margin-top: -10px;

}



.news-list a i {

  display: block;

  margin-top: 20px;

  color: #999;

}



/**/

.fot_bg {

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

  background-size: cover;

  background-attachment: fixed;

  height: 280px;

  display: flex;

  align-items: center;



}



.fot_bg p {

  color: #fff;

  line-height: 28px;

  margin: 30px 0;

  font-size: 40px;

  text-align: center;

}



.fot_bg p a {

  color: #fff;

}



/*底部footer*/

.footer {

  background: #f1f1f1;

}



.foot {

  padding-top: 60px;

  padding-bottom: 30px;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}



.foot b {

  font-size: 22px;

  color: #333;

  display: block;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.foot span {

  color: #333;

  font-size: 20px;

  font-weight: bold;

  padding-right: 9px;

}



.foot .ewm {

  text-align: center;

  margin-top: 15px;

}



.foot .ewm p {

  margin-top: 15px;

}



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

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  color: #333;

}



.foot .ft-nav .ft-nav-list a {

  width: 50%;

  line-height: 36px;

}



.foot .ft-nav .ft-nav-list a:hover {

  color: #16315F

}



.foot .ft-contact p {

  width: 100%;

  color: #333;

  margin-bottom: 10px;

  font-size: 16px;

}



.foot .ft-contact i {

  font-size: 18px;

  margin: 20px 0;

  color: #333;

  font-weight: 700;

  display: block;

  width: 100%;

}



.copyright {

  padding: 20px 10px;

  text-align: center;

  color: #666;

  border-top: 1px solid #dedede;

}



.copyright a {

  color: #666;

}



/*返回顶部*/

.back-to-top {

  position: fixed;

  display: none;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 3px;

  right: 65px;

  bottom: 65px;

  background: #08357C;

  color: #fff;

  transition: display 0.5s ease-in-out;

  z-index: 999;

}



.back-to-top i {

  font-size: 26px;

  width: 50px;

  height: 50px;

  line-height: 50px;

}



.back-to-top:hover {

  color: #fff;

  background: #154B9D;

  transition: background 0.2s ease-in-out;

}