* {

  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: 16px;

  font-family: Arial;

  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;

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



video, embed, iframe {

  width: 100%;

}



img {

  border: none !important;

  vertical-align: middle

}







input[type="button"], input[type="text"], input[type="submit"], input[type="reset"], button, select {

  -webkit-appearance: none;

  outline: none;





}





textarea {

  -webkit-appearance: none;



  outline: none;

}



.pcnone{

    display: none;

  }

.webnone{

    display: block;

  }

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

}

.flex{

  display: flex;

  flex-flow: row wrap;

}



/*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 {



  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.wal {

  width: 1300px;

  margin: 0px auto;

}



.wal1 {

  width: 1400px;

  margin: 0px auto;

}



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

# 头部Header

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





/* scroll to top */

.scroll-to-top {

  display: inline-block;

  width: 45px;

  height: 45px;

  background: #1B4D8A;

  position: fixed;

  bottom: 40px;

  right: 40px;

  z-index: 99;

  text-align: center;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  display: none;

  border-radius: 50%;

  transition: all 0.4s ease;

}



.scroll-to-top i {

  color: #ffffff;

  font-size: 18px;

  line-height: 45px;

}



.scroll-to-top:hover {

  background-color: #1B4D8A;

}



.scroll-to-top:hover i {

  color: #fff;

}



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

# Navigations One

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



.main-menu-wrapper-logo {

  position: relative;

}



.main-header-logo a .logo{

  height: 60px;

  padding: 20px 0;

}



.main-header {

  width: 100%;

  display: block;

  height: 100px;

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

}



.main-header.stricky-fixed {

    position: fixed;

    z-index: 999;

   

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

}



.mobile-nav-toggler{

  display: none;

}

.main-header .main-header-content{

  position: relative;

}

.main-header .main-header-content .wal1{

  

  justify-content: space-between;

}



.main-header .main-header-content .main-header-right{

  width: 70%;

  display: flex;

  flex-flow: row wrap;

}



.main-header-right .main-header-tel{

  width: 100%;

  height: 40px;

  line-height: 22px;

  font-size: 22px;

  justify-content: flex-end;

  align-items: center;

  color: #fff;

  padding: 9px 0;

}

.main-header-right .main-header-tel .tel-box{

  padding-right: 15px;

  border-right: 1px solid #fff;

  margin-right: 15px;

}



.main-header-right .main-header-tel .tel-box i.iconfont{

  padding-right: 5px;

}

.main-header-right .main-header-tel i.iconfont{

  font-size: 22px;

}

.main-header-right .main-header-tel .search{

  display: flex;

  flex-flow: row wrap;

}

.main-header-right .main-header-tel .search_box{

  width:0;

  overflow: hidden;

  transition: all 0.2s ease-in;

  background: #fff;

  border-radius: 30px;

  height: 26px;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  position: relative;

  top:-2px;

}

.main-header-right .main-header-tel .search_box input{

  border: none;

  outline: none;

  width: 160px;

  height: 26px;

  line-height: 26px;

  padding: 0 0 0 10px;

  margin: 0;

  

}

.main-header-right .main-header-tel .search_box button{

  border: none;

  outline: none;

  width: 22px;

  height: 22px;

  background:url(../images/fdj.png) no-repeat center #1B4D8A;

  margin: 2px;

  border-radius: 24px;

}

.main-header-right .main-menu-wrapper{

  width: 100%;

}



.main-header-right .main-menu-wrapper .main-menu-list{

  width: 100%;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  height: 60px;

  line-height: 60px;

}
.main-header-right .main-menu-wrapper .main-menu-list > li{
  position: relative;
}


.main-header-right .main-menu-wrapper .main-menu-list > li > .erji{

  display: none;

  width: 280%;


  background: rgba(240,240,240,0.8);

  position: absolute;

  top: 100%;

  left: -90%;

  z-index: 9;

}

.main-header-right .main-menu-wrapper .main-menu-list > li:nth-child(2) > .erji{
  width: 220%;
  left: -60%;
}


.main-header-right .main-menu-wrapper .main-menu-list > li > .erji > ul{

  display: flex;

  flex-flow: row wrap;

  justify-content: center;

}

.main-menu-list > li > a{

  display: flex;

  position: relative;

  

}


.main-menu-list .erji ul li,.main-menu-list .erji ul li a{

  width: 100%;

}
.main-menu-list .erji ul li{
  position: relative;
}
.main-menu-list .erji ul li .img{

  width: 100%;

  overflow: hidden;

  /*border-radius: 50px;

  border:3px solid #fff;*/

}

.main-menu-list .erji ul li p{

  width: 100%;

  text-align: center;

  height: 45px;

  line-height: 45px;

/*  background: #fff;*/

/*  border-bottom: 1px solid #dfdfdf;*/

}

.main-menu-list .erji ul li .img img{

  width: 100%;

  display: block;

  transition:.5s ease-in;



}

.main-menu-list .erji ul li .sanji{
  width: 120%;
  position: absolute;
  left: 100%;
  top: 0;
  background: rgba(240,240,240,0.8);
  display: none;
  font-size: 15px;
}
.main-menu-list .erji ul li .sanji li{
  height: 45px;
  line-height: 45px;
  text-align: centre;
}
.main-menu-list .erji ul li .sanji li a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.main-menu-list .erji ul li:hover .sanji{
  display: block;
}
.main-menu-list .erji ul li .sanji li:hover a{
  background: #1A4C87;
  color: #fff;
}
/*.main-menu-list .erji ul li:hover .img{

  border-color: #1F4F8B;

}*/

.main-menu-list .erji ul li:hover img { transform:scale(1.1,1.1);}



.main-menu-list .erji ul li:hover p{

  color: #fff;

  background: #1A4C87;

}

.main-menu-list > li > a:after {

    content: "";

    position: absolute;

    bottom: 0;

    width: 0;

    height: 4px;

    background: #1F4F8B;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}

 .main-menu-list > li:hover >a:after ,

 .main-menu-list > li.on >a:after{

    width: 100%;

}



.main-header-right .main-menu-wrapper .main-menu-list > li:hover .erji{

  display: block;

}





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

# Mobile Nav

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

.mobile-nav-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  opacity: 0;

  transform: translateX(-50%);

  transform-origin: right center;

  transition: transform 200ms ease-in, opacity 200ms linear, visibility 200ms ease-in;

  z-index: 999;

  visibility: hidden;

}



.mobile-nav-wrapper .wal {

  padding-left: 0;

  padding-right: 0;

}



.mobile-nav-wrapper.expanded {

  opacity: 1;

  transform: translateX(0%);

  visibility: visible;

}



.mobile-nav-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #000000;

  opacity: 0.5;

  cursor: pointer;

}



.mobile-nav-content {

  width: 300px;

  background-color: #1B4D8A;

  z-index: 10;

  position: relative;

  height: 100%;

  overflow-y: auto;

  padding-top: 30px;

  padding-bottom: 30px;

  padding-left: 15px;

  padding-right: 15px;

}



.mobile-nav-content .thm-btn {

  padding: 8px 0;

  width: 100%;

  text-align: center;

}



.mobile-nav-content .logo-box {

  margin-bottom: 40px;

  display: flex;

}



.mobile-nav-close {

  position: absolute;

  top: 0px;

  right: 15px;

  font-size: 18px;

  color: var(--thm-text-dark);

  cursor: pointer;

}



.mobile-nav-close i {

  color: #fff;

}



.mobile-nav-content .main-menu-list,

.mobile-nav-content .main-menu-list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}







.mobile-nav-content .main-menu-list > li:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav-content .main-menu-list li a {

  display: flex;

  justify-content: space-between;

  line-height: 30px;

  color: #ffffff;

  font-size: 14px;

  font-family: var(--thm-font);

  font-weight: 500;

  height: 56px;

  align-items: center;

  transition: 500ms;

}



.mobile-nav-content .main-menu-list .erji {

  display: none;

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

}

.mobile-nav-content .main-menu-list .erji ul li{

  border:none;

  margin: 0;

  width: 100%;

}

.mobile-nav-content .main-menu-list .erji ul li a{

  height: auto;

  line-height: 25px;

  padding:0 10px;

  width: 100%;

}

.mobile-nav-content .main-menu-list .erji ul li a .img{

  display: none;

}

.mobile-nav-content .main-menu-list .erji ul li a p{

  height: 35px;

  line-height: 35px;

  text-align: left;

  border: none;

}  

.mobile-nav-content .main-menu-list .erji ul li:hover a p{

  color: #fff;

}

.mobile-nav-content .main-menu-list li a.expanded {

/*  color: rgba(255, 255, 255, .7);*/

}



.mobile-nav-content .main-menu-list li a button {

  width: 30px;

  height: 30px;

  background-color: #fff;

  border: none;

  outline: none;

  color: #1B4D8A;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  transform: rotate(-90deg);

  transition: transform 500ms ease;

}



.mobile-nav-content .main-menu-list li a button.expanded {

  transform: rotate(0deg);

  background-color: #fff;

  color: #1B4D8A;

}



.mobile-nav-content .main-menu-list li.cart-btn span {

  position: relative;

  top: auto;

  right: auto;

  transform: translate(0, 0);

}



.mobile-nav-content .main-menu-list li.cart-btn i {

  font-size: 16px;

}





.mobile-nav-wal {

  margin-top: 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}





.mobile-nav-wal .main-logo,

.mobile-nav-wal .topbar-buttons,

.mobile-nav-wal .main-menu-language,

.mobile-nav-wal .main-menu-login {

  display: none;

}





.main-menu-list .cn{

  display: flex;

  flex-flow: row wrap;

  color: #fff;

  height: 56px;

    line-height: 56px;

}

.stricky-fixed .main-menu-list .cn{

  color: #666;

}

.main-menu-list .cn a{

  display: flex;

  flex-flow: row wrap;

  padding: 0 10px;

}

.main-menu-list .left > li .yiji span{

  display: none;

}

/*首页banner图 start*/

#banner .swiper {

  width: 100%;

  height: 100%;

  position: relative;

}



#banner .swiper-slide {

  position: relative;

  overflow: hidden;



}



#banner .swiper-slide img {

  width: 100%;

  position: relative;



}



#banner .swiper-slide .scalePic {

  display: block;

  width: 100%;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transition-property: all;

  transition-duration: 1.5s;

  transition-timing-function: ease;

  transition-delay: .2s;

}





#banner .swiper-slide-active .scalePic {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: 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: 60px;

  font-size: 20px;

  line-height: 60px;

  height: 60px;

  transition: all .5s ease;

  outline: none;





}



#banner .swiper-button:hover {

  background: #1B4D8A;

}



.btn-prev {

  left: 5%;

}



.btn-prev img, .btn-next img {

  width: 80%;

}



.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: #1B4D8A;

  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;





}







#banner_pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  display: inline-block;

  border-radius: 100%;

  margin: 0 15px;

  background: #fff;

  opacity: 0.5;



}



#banner_pagination .swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer;

}



#banner_pagination .swiper-pagination-bullet-active {

  width: 10px;

  height: 10px;

  border-radius: 20px;

  opacity: 1;



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

}



#banner_pagination .swiper-pagination-bullet {

  position: relative;

}



#banner_pagination .swiper-pagination-bullet .left {

  content: "";

  display: block;

  position: absolute;

  top: -7px;

  left: -7px;

  margin: auto;

  width: 12px;

  height: 30px;

  opacity: 0;

  overflow: hidden;

}



#banner_pagination .swiper-pagination-bullet .left:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0px;

  z-index: 99;

  margin: auto;

  width: 12px;

  height: 24px;

  border-top: 2px solid #fff;

  border-left: 2px solid #fff;

  border-bottom: 2px solid #fff;

  border-radius: 20px 0 0 20px;

  border-right: 0;

  box-sizing: border-box;

}



#banner_pagination .swiper-pagination-bullet .right {

  content: "";

  display: block;

  position: absolute;

  top: -7px;

  right: -7px;

  margin: auto;

  width: 15px;

  height: 30px;

  opacity: 0;

  overflow: hidden;

}



#banner_pagination .swiper-pagination-bullet .right:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

  margin: auto;

  width: 12px;

  height: 24px;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  border-radius: 0 20px 20px 0;

  border-left: 0;

  box-sizing: border-box;

}



#banner_pagination .swiper-pagination-bullet-active .left {

  opacity: 1;

}



#banner_pagination .swiper-pagination-bullet-active .right {

  opacity: 1;

}



#banner_pagination .swiper-pagination-bullet-active .left:after {

  transform-origin: right center;

  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;

  animation-duration: 3s;

  animation-timing-function: linear;

  animation-name: gyrateleft;

}



#banner_pagination .swiper-pagination-bullet-active .right:after {

  transform-origin: left center;

  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;

  animation-duration: 3s;

  animation-timing-function: linear;

  animation-name: gyrateright;

}



@keyframes gyrateright {

  0% {

    transform: rotate(180deg);

  }



  50% {

    transform: rotate(360deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes gyrateleft {

  0% {

    transform: rotate(180deg);

  }



  50% {

    transform: rotate(180deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



.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(255, 255, 255, 0.7);

  text-shadow: none;

}



.banner_txt b {

  display: block;

  font-size: 42px;

  color: #333;

  margin: 30px 0;

  text-shadow: none;

}



.banner_txt span {

  color: #666;

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

  border: 1px solid #999;

  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;

}





/*首页banner图 end*/





.index_tit{

  text-align: left;

  margin-bottom: 10px;

  position: relative;

}



.index_tit p{

  font-size: 35px;

  color: #1A4D8B;

  position: relative;

  z-index: 2;

  font-weight: bold;

}

.index_tit b{

  font-size: 60px;

  height: 50px;

  line-height: 50px;

  color: #f7f7f7;

  

}







/*产品中心*/

.product{

  padding: 80px 0 ;

}

.pro_top{

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

}

.pro_top .swiper-container{

  width: calc(100% - 400px);

  margin: 0;

}

.product .pro_body #thumbs .swiper-wrapper{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide{

  width: 26%!important;

  height: 120px;

  background: #f1f1f1;

  margin-left: 20px;

  padding: 20px 18px;

  box-sizing: border-box;

  display: flex;

  flex-flow: row wrap;

  align-content: space-between;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide:nth-child(1) {

  margin-left: 0;

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide .pro_tit_top{

  width: 100%;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  font-size: 30px;

  color: #ccc;

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide .pro_tit_top i{

  width: 50px;

  height: 50px;

  background: url(../images/i11.png) no-repeat center;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide-thumb-active .pro_tit_top i{

  background: url(../images/i11_.png) no-repeat center;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide:nth-child(2) .pro_tit_top i{

  background: url(../images/i12.png) no-repeat  center;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide:nth-child(2).swiper-slide-thumb-active .pro_tit_top i{

  background: url(../images/i12_.png) no-repeat  center;

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide:nth-child(3) .pro_tit_top i{

  background: url(../images/i13.png) no-repeat  center;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide:nth-child(3).swiper-slide-thumb-active .pro_tit_top i{

  background: url(../images/i13_.png) no-repeat  center;

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide p{

  font-size: 22px;

  color: #333;

  text-align: right;

  width: 100%;

  display: block;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide:hover {

  cursor: pointer;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{

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

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active i.iconfont{

  color:#fff;

}

.product .pro_body #thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b{

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

}



.product .pro_body #thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{

  color: #fff;

}

/*产品图片*/

#gallery{

  margin-top: 30px;

}

#gallery .swiper-slide{

  display: none;

 

}



#gallery .pro_box{

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

}



#gallery .pro_box .pro_l,#gallery .pro_box .pro_r{

  width: 100%;

}



#gallery .pro_box .pro_l a{

  display: block;

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

}



#gallery .pro_box .pro_l a .img{

  width: 100%;

  overflow: hidden;

}

#gallery .pro_box .pro_l a .img img{

  width: 100%;

  display: block;

  transition:.5s ease-in;

}

#gallery .pro_box .pro_l:hover img { transform:scale(1.05,1.05);}

#gallery .pro_box .pro_r ul{

  height: 100%;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-content: space-between;

}

#gallery .pro_box .pro_r ul li{

  width: 22.5%;

  position: relative;

  border-radius: 10px;

  overflow: hidden;

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

  background-size: 100% 100%; margin-bottom:35px;

}



#gallery .pro_box .pro_r ul li .img{

  width: 100%;

  overflow: hidden;

}

#gallery .pro_box .pro_r ul li .img img{

  width: 100%;

  display: block;

  transition:.5s ease-in;

}

#gallery .pro_box .pro_r ul li:hover img { transform:scale(1.1,1.1);}

#gallery .pro_box .pro_r ul li p.tit{

  width: 100%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  position: absolute;

  left:0;

  bottom: 0;

  background: rgba(241,241,241,0.9);

  color: #333;
/*
  border-radius: 5px;*/

  display:block;

  white-space:nowrap; 

  overflow:hidden; 

  text-overflow:ellipsis;

}



#gallery .pro_box .more_box{

  display: flex;

  flex-flow: row wrap;

  justify-content: center;

  align-content: center;

}

#gallery .pro_box .more_box .top_box {

  font-size: 18px;

}

#gallery .pro_box .more_box .top_box b{

  font-size: 22px;

}

#gallery .pro_box .more_box .top_box p:nth-child(1) {

  padding-right: 30px;

}

#gallery .pro_box .more_box .top_box p:nth-child(2) {

  padding-left: 30px;

}



#gallery .pro_box .more_box .bot_box{

  width: 83%;

  padding: 15px 13px;

  background: #fff;

  margin-top: 20px;

  border-radius: 10px;

}

#gallery .pro_box .more_box .bot_box p{

  width: 100%;

  line-height: 160%;

  font-size: 15px;

}

#gallery .pro_box .more_box .bot_box p a{

  display: block;

  transition:.3s ease-in;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;

}

#gallery .pro_box .more_box .bot_box p:hover a{

  color: #1B4D88;

  padding-left: 5px;

}



#gallery .pro_box .more_box .bot_box .more{

  display: block;

  width: 100px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  background:#1B4D88;

  color: #fff;

  border-radius: 15px;

  font-size: 14px;

  margin-top: 10px;

}



/*平台介绍*/

.pingtai{

  padding: 80px 0 0;

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

  position: relative;

}

.pingtai .line{

  width: 100%;

  height: 1px;

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

  position: absolute;

  top: 605px;

}



.pingtai .pingtai_top{

  text-align: center;

  color: #fff;

}



.pingtai .pingtai_top b{

  font-size: 32px;

  margin-bottom: 30px;

  display: block;

}



.pingtai .pingtai_top p{

  line-height: 160%;

}



.pingtai .pingtai_bot{

  margin-top: 80px;

}



.pingtai .pingtai_bot b{

  font-size: 32px;

  display: block;

  text-align: center;

  color: #fff;

}

.ys_con{

  margin-top: 30px;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

}

.ys_con dl{width: 30%;height: 608px;padding: 100px 40px;box-sizing: border-box; position:relative;}

.ys_con dt{ display: block;width: 100%;height: 150px;overflow: hidden;position: relative; }

.ys_con dt em{  display: block;width: 100%;height: 150px;overflow: hidden;opacity: 0;border-radius: 20px; position:relative;z-index:10; }

.ys_con dt em img{  display: block;width: 100%;height: 150px;  position:relative;z-index:10;}

.ys_con dt span{ display: block;position: absolute;left:0;top:0;width: 100%; font-size: 20px;line-height: 20px;color: #ffffff;font-family: Arial;text-align: center;}

.ys_con dt span img{ display: block;width: 100px;height: 100px;margin:0 auto 10px; }

.ys_con dt span:after{ position: absolute;left:50%;margin-left: -11.5px;width: 23px;height: 23px;top:115px;content: "" ;background: url(../images/ys_yuan.png) no-repeat center;}

.ys_con dl:after{ background: url(../images/ys_dd.jpg) no-repeat center; position:absolute;left:0;bottom:0;width:100%;height:0;content:"";transition:all 0.3s;}

.ys_con dl.cur:after{ height:100%;}

.ys_con dl.cur em{ opacity: 1; }

.ys_con dl.cur span{ display: none; }

.ys_con dd h4{ display: block;font-size: 30px;line-height: 40px;font-weight: bold;text-align: center;color: #fff;padding-top: 32px; position:relative;z-index:10;}

.ys_con dd p{ color: #fff;padding-top: 25px;font-size: 15px;line-height: 28px;text-align: justify}

.ys_con dl.cur dd p{display: block; position:relative;z-index:10;}





/*解决方案 start*/

.solution{

  padding: 80px 0;

}

.tit_top{

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  margin-bottom: 40px;

}



.tit_top ul{

  display: flex;

  flex-flow: row wrap;

  align-content: flex-end;

}



.tit_top ul li{

  height: 40px;

  line-height: 40px;

  padding: 0 15px;

  border-radius:5px;

  border: 1px solid #dfdfdf;

  text-align: center;

  margin-left: 20px;

  margin-bottom: 20px;

}

.tit_top ul li a{

  display: block;

}

.tit_top ul li.active {

  background: #1B4D89;

  border-color: #1B4D89;

}

.tit_top ul li.active{

  color: #fff;

}

.tit_top ul li:hover {

  cursor: pointer;

}

.solution .solu_body{

  display: none;



}

.solution .solu_body .flex{

  justify-content: space-between;

}

.solu_body .solu_l{

  width: 40%;

}



/*.solu_body .solu_r{

  width: 60%;

  display: flex;

  flex-flow: row wrap;

}*/
.solu_body .solu_r{

  width: 100%;

  display: flex;

  flex-flow: row wrap;

}


.solu_body .solu_l .itembody_l{

  width: 100%;

  position: relative;

  border-radius: 4px;

  

  height: 100%;

}



/*.solu_body .solu_r .itembody_l{

  width: 46%;

  position: relative;

  border-radius: 4px;

  margin-left: 4%;

  margin-top: 30px;

}*/

.solu_body .solu_r .itembody_l{

  width:31.3%;

  position: relative;

  border-radius: 4px;

  margin-left: 2%;

  margin-top: 30px;

}

.solu_body .solu_r .itembody_l:nth-child(1) ,

.solu_body .solu_r .itembody_l:nth-child(2) ,

.solu_body .solu_r .itembody_l:nth-child(3) {

  margin-top: 0;

}



.solu_body .solu_rr{

  width: 100%;

  display: flex;

  flex-flow: row wrap; margin-bottom:20px;

}

.solu_body .solu_rr .itembody_l{

  width: 31.33%;

  position: relative;

  border-radius: 4px; margin:0 1%;

  margin-top: 30px;

}

@media screen and (max-width:740px) {

	.solu_body .solu_rr .itembody_l{

  width: 48%;



}

	

	}

.solu_body .solu_rr .itembody_l:nth-child(1) ,

.solu_body .solu_rr .itembody_l:nth-child(2),.solu_body .solu_rr .itembody_l:nth-child(3) {


}



.itembody_l .img{

  display: block;

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 1;

  border-radius: 4px;

}



.itembody_l .img img{

  max-width: 100%;

  display: block;

  transition:.5s ease-in;

  border-radius: 4px;



}



.solu_body .solu_l .itembody_l .img ,.solu_body .solu_l .itembody_l .img img{

  height: 100%;

}



.itembody_l:hover .img img{

  transform:scale(1.1,1.1);

}





.itembody_l .bgimg{

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: rotate(3deg);

  -moz-transform: rotate(3deg);

  -ms-transform: rotate(3deg);

  transform: rotate(3deg);

  opacity: .2!important;

  z-index: 0;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  background: var(--qtd-fun-color-7);

}



.bottom_box_text{

  box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #1b4d89;
    font-size: 17px;
    font-weight: bold;

}
.bottom_box_text .tit{ width:100%; display:block; padding:25px 0; text-align:center; background:url(../images/titlebg11.png) no-repeat center;background-size: 100% 100%}


@media screen and (max-width:740px) {

.itembody_l .bottom_box_hover p.tit{

  width: 100%;

  font-size: 16px;

  height:auto;

  font-weight:normal;



}





}

/*company*/

.company{

  padding: 80px 0;

  min-height: 700px;

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

}



.company .index_tit p{

  color: #fff;

}



.company .index_tit b{

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

}



.company .con_con{

  width: 55%;

  margin-top: 45px;

  color: #fff;

}



.company .con_con b{

  font-size: 22px;

  color: #fff;

  margin-bottom: 25px;

  display: block;

}



.company .con_con p{

  line-height: 180%;

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

  text-align: justify;

}



.company .con_con a.more{

  display:block;

  width: 140px;

  height: 40px;

  line-height: 40px;

  color: #fff;

  border-radius: 20px;

  text-align: center;

  background-image: linear-gradient(to right bottom , #89b9ac,#0a7394, #18a2b1);

  margin-top: 35px;

}



.num_box{

  padding: 60px 0;

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

}



.num_box ul{

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

 

}





.num_box ul li b{

  display: block;

  width: 100%;

  text-align: center;

  font-size: 40px;

  color:#fff;

}



.num_box ul li b i{

  font-size: 18px;

  font-weight: normal;

}

.num_box ul li p{

  text-align: center;

  color:#fff;

}



/*新闻*/

.news{

  padding: 80px 0;

}

.new_body{

  display: none;

}

.new_body .flex{

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

}

.new_body .new_l{

  width: 45%;

  padding-bottom: 0px;

  position: relative;

}

.new_body .new_l .new_con_box{

  width: 90%;

  margin: 0 5%;

  background: #1B4D88;

  padding:20px 15px;

  position: absolute;

  bottom: 0px;

}

.new_body .new_l .new_con_box b {

  display: block;

  white-space:nowrap; 

  overflow:hidden; 

  text-overflow:ellipsis;

  font-size: 18px;

  color: #fff;

}

.new_body .new_l .new_con_box em {

  font-size: 14px;

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

  display: block;

  font-style: normal;



}

.new_body .new_l .new_con_box p {

  font-size: 14px;

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

  line-height: 25px;

  margin: 8px 0;

}

.new_body .new_l .img {

  width: 100%;
  overflow: hidden;
  background: #fff;
  justify-content: center;
    display: flex;

}

.new_body .new_l img {

  display: block;
  max-width: 100%;
  max-height: 385px;
  transition: .8s;

}

  

.new_body .new_l:hover img {

  transform: scale(1.1);

}

.new_body .new_l .swiper-pagination-bullets{
  bottom: 15px;
  text-align: right;
  left: auto;
  right: 40px;
}

.new_body .new_l .swiper-pagination-bullets .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: rgba(255,255,255,0.7);
}


/*new right*/

.new_body .new_r{

  width: 53%;

}

.new_r ul {

  display: flex;

  flex-wrap: wrap;

}

.new_r ul li { width:100%;

}

.new_r ul li > a {

  display: flex;

  margin-bottom: 15px;

  align-items: center;

  justify-content: center;

  background: #fff;

  padding: 20px;

  transition: .3s;

  border: 1px solid #f1f1f1;

  margin-top: -1px;

}

.new_r ul li:last-child a {

  margin-bottom: 0;

}

.new_r ul li a:hover {

  box-shadow: 0 0 10px #dedede;

  background: #1B4D88;

  background-size: 100%;

}

.new_r ul li a:hover span {

  color: #fff;

}

.new_r ul li a:hover .day, 

.new_r ul li a:hover .newscon, 

.new_r ul li a:hover .newscon b ,

.new_r ul li a:hover .newscon p{

  color: #fff;

}

.day {

  color: #666;

  flex: 1;

  height: 80px;

  margin: 7px 0;

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  position: relative;

  top: -5px;

}

.day span {

  font-size: 40px;

  line-height: 35px;

  width: 100%;

  color: #333;

  text-align: center;

  font-weight: bold;

  padding-bottom: 8px;

}

.day p {

  width: 100%;

  text-align: center;

  font-size: 16px;

}

.day img {

  margin-top: 5px;

}

.newscon {

  padding-left: 20px;

  width:calc(100% - 115px);

}

.newscon b {

  padding-bottom: 10px;

  font-weight: normal;

  font-size: 18px;

  color: #333;

  display: block;

}



.newscon p {

  text-align: left;

  line-height: 24px;

  font-size: 15px;

  color: #888;

}

.newscon img {

  margin-top: 10px;

}

/* new end */



/*footer start*/

.footer {

  background: #1B4D88;



}



.foot {

  padding-top: 60px;

  padding-bottom: 30px;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}



.ft-logo {

  width: 130px;

  padding: 10px;

  background: #4c76a9;

}



.ft-logo .ewm {

  width: 130px;

}

.ft-logo p{

  font-size: 13px;

  color: #fff;

  text-align: center;

  padding-top:5px;

}



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



  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  color: #fff;

}



.ft-nav-list {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-wrap: nowrap;

  color: #fff;

}



.foot .ft-nav {

  width: 55%;

}





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

  font-size: 18px;

  color: #fff;

  margin-bottom: 16px;

  

}



.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 dd a {

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

  display: block;

  margin-bottom: 8px;

  font-size: 15px;

}



.foot .ft-nav .ft-nav-list dd p {

  color: #fff;

  display: block;

  margin-bottom: 10px;

  font-size: 14px;

}



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

  color: #fff;

}



.foot .ft-contact {

  width: 25%;

}



.foot .ft-contact p {

  width: 100%;

  color: #fff;

  margin-bottom: 10px;

  font-size: 15px;

}



.foot .ft-contact i {

  font-size: 18px;

  color: #fff;

  margin-bottom: 16px;

  display: block;

}



.copyright {

  padding: 20px 10px;

  background: #1660B7;

  text-align: center;

  color: #fff;

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

  font-size: 14px;

}



.copyright a {

  color: #fff;

}

/*footer end*/

/*置顶

.back-to-top {

  position: fixed;

  display: none;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 3px;

  right: 65px;

  bottom: 65px;

  background:url(../images/jtup.png) no-repeat center #999;

  color: #fff;

  transition: display 0.5s ease-in-out;

  z-index: 999;

}







.back-to-top:hover {

  color: #fff;

  background:url(../images/jtup.png) no-repeat center #142942;

  transition: background 0.2s ease-in-out;

}*/