.introduce{
  padding: 50px 0;
  overflow: hidden
}

.introduce .title .en{
  font-size: 25px;
  font-family: LevenimMT
}

.introduce .title .cn{
  font-size: 30px
}

.introduce .swiper{
  position: relative;
  margin-top: 50px;
  margin-bottom: 10px
}

.introduce .swiper .img{
  overflow: hidden;
  position: relative
}

.introduce .swiper .img .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 150, 213, .5);
  -webkit-transition: 2s;
  transition: 2s
}

.introduce .swiper .img:hover .overlay{
  opacity: 0
}

.introduce .swiper .img img{
  display: block;
  width: 100%;
  -webkit-transition: 2s;
  transition: 2s
}

.introduce .swiper .img:hover img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.introduce .swiper .el-icon-arrow-left, .introduce .swiper .el-icon-arrow-right{
  position: absolute;
  top: 50%;
  margin-top: -25px;
  font-size: 18px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  color: #acacac;
  z-index: 2;
  cursor: pointer;
  outline: none;
  -webkit-transition: .5s;
  transition: .5s
}

.introduce .swiper .el-icon-arrow-left{
  left: -60px
}

.introduce .swiper .el-icon-arrow-right{
  right: -60px
}

.introduce .swiper .el-icon-arrow-left:hover, .introduce .swiper .el-icon-arrow-right:hover {
  background-color: #005598;
  border-color: #005598;
  color: #fff
}

.introduce .container .content{
  width: 52.4%;
  font-size: 14px;
  line-height: 50px;
  padding: 30px
}

.introduce .container .video{
  width: 47.6%
}

.introduce .container .video .box{
  position: relative
}

.introduce .container .video .box video{
  width: 100%
}

.introduce .container .video .box .play{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: #fff;
  cursor: pointer
}

@media (max-width:768px) {
  .introduce{
    padding-left: 20px;
    padding-right: 20px
  }

  .introduce .container .content, .introduce .container .video{
    width: 100%;
    padding: 0
  }

  .introduce .swiper .el-icon-arrow-left, .introduce .swiper .el-icon-arrow-right{
    display: none
  }
}

.culture{
  padding: 100px 0;
  background: url(../image/background3.jpg)no-repeat 50%/cover
}

.culture .head {
  text-align: center
}

.culture .head .title .en {
  font-size: 25px;
  font-family: LevenimMT
}

.culture .head .title .cn {
  font-size: 30px;
  margin-top: 10px
}

.culture .head .txt {
  font-size: 20px;
  color: #fff;
  margin-top: 40px
}

.culture .box {
  margin-top: 70px
}

.culture .box .item {
  width: 33.33%;
  border: 1px solid hsla(0, 0%, 100%, .4);
  text-align: center;
  color: #fff;
  padding: 150px 0
}

.culture .box .item+.item {
  margin-left: -1px
}

.culture .box .item .title {
  font-size: 40px
}

.culture .box .item .txt {
  font-size: 20px;
  margin: 30px 0;
  line-height: 45px
}

.culture .box .item .icon img {
  -webkit-transition: 1s;
  transition: 1s
}

.culture .box .item:hover .icon img {
  -webkit-transform: rotateY(1turn);
  transform: rotateY(1turn)
}

@media (max-width:768px) {
  .culture .box .item {
    width: 100%;
    padding: 50px 0
  }

  .culture .box .item+.item {
    margin-left: 0
  }

  .culture .box .item .title {
    font-size: 20px
  }

  .culture .box .item .txt {
    font-size: 16px
  }
}

.honor {
  padding: 70px 0;
  background: url(../image/background4.png)no-repeat 50%/cover #f1f1f1
}

.honor .title .en {
  font-size: 25px;
  font-family: LevenimMT
}

.honor .title .cn {
  font-size: 30px
}

.honor .tit {
  font-size: 25px;
  text-align: center
}

.honor .tit .cn {
  color: #005598
}

.honor .tit .en {
  font-family: Impact;
  color: #dfdfdf
}

.honor .certificate {
  padding: 40px 0
}

.honor .certificate .item {
  width: 30%;
  margin-right: 3.3%;
  font-size: 16px;
  color: #515151;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 0
}

.honor .list img {
  width: 100%
}

@media (max-width:768px) {
  .honor {
    padding-left: 20px;
    padding-right: 20px
  }

  .honor .tit {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .honor .certificate .item {
    width: 100%;
    margin-right: 0
  }
}

.history{
  padding: 100px 0;
  background: url(../image/background5.jpg)no-repeat 50%/cover
}

.history .title .en{
  font-size: 25px;
  font-family: LevenimMT
}

.history .title .cn{
  font-size: 30px
}

.history .tit{
  font-size: 25px;
  text-align: center
}

.history .tit .cn{
  color: #005598
}

.history .tit .en{
  font-family: Impact;
  color: #dfdfdf
}

.history .list{
  padding: 50px 0
}

.history .thumbs{
  position: relative
}

.history .thumbs .box{
  background-color: #fff;
  border-bottom: 5px solid #005598;
  padding: 20px;
  max-width: 367px;
  margin: 0 auto;
  cursor: pointer
}

.history .thumbs .box .title{
  font-size: 16px;
  color: #005598
}

.history .thumbs .box .txt{
  font-size: 12px;
  color: #444343;
  line-height: 2.5;
  margin-top: 15px
}

.history .thumbs .swiper-slide{
  padding-bottom: 120px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px
}

.history .thumbs .swiper-slide .bullet{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-left: -12px;
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  padding: 3px
}

.history .thumbs .swiper-slide .bullet span{
  display: block;
  width: 18px;
  height: 18px;
  background-color: #c6c6c6;
  border-radius: 50%
}

.history .thumbs .swiper-slide:nth-of-type(2n) {
  padding-bottom: 70px;
  margin-top: 50px
}

.history .thumbs .swiper-slide-active .bullet{
  border-color: #005598
}

.history .thumbs .swiper-slide-active .bullet span{
  background-color: #005598
}

.history .thumbs .swiper-slide.swiper-slide-active .box{
  background-color: #1563a0;
  border-bottom-color: #fff
}

.history .thumbs .swiper-slide.swiper-slide-active .box .title, .history .thumbs .swiper-slide.swiper-slide-active .box .txt{
  color: #fff
}

.history .swiper{
  max-width: 1100px;
  margin: 20px auto
}

.history .swiper .box{
  padding: 20px;
  background-color: hsla(0, 0%, 100%, .9)
}

.history .swiper .box .content{
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  padding-right: 20px
}

.history .swiper .box .content .title{
  font-size: 30px;
  color: #1764a0
}

.history .swiper .box .content .txt{
  font-size: 14px;
  color: #444343;
  line-height: 35px
}

.history .swiper .box .img{
  width: 400px;
  min-width: 400px
}

.history .swiper .box img{
  max-width: 100%
}

.history .arrows{
  background: url(../image/background6.png)repeat-x 50%;
  margin-top: -53px
}

.history .arrows .w1500{
  position: relative;
  height: 80px
}

.history .arrows .el-icon-arrow-left, .history .arrows .el-icon-arrow-right{
  position: absolute;
  top: 50%;
  margin-top: -21px;
  font-size: 34px;
  line-height: 42px;
  width: 42px;
  height: 42px;
  background-color: #005598;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  z-index: 2;
  cursor: pointer;
  outline: none
}

.history .arrows .el-icon-arrow-left{
  left: 0
}

.history .arrows .el-icon-arrow-right{
  right: 0
}

@media (max-width:768px) {
  .history .thumbs{
    display: none
  }

  .history .arrows{
    margin-top: 0
  }

  .history .swiper .box{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .history .arrows, .history .swiper, .history .tit, .history .title{
    padding-left: 20px;
    padding-right: 20px
  }

  .history .tit{
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}



/*留言*/

.z_box4{ clear:both; width:100%; height:auto; overflow:hidden; margin-top:70px;margin-bottom:70px; padding:20px 0 60px 0;background: #efefef}
.z_lxw{ float:left; width:38%; height:auto; overflow:hidden;}
.z_lxw_t{ height:auto; overflow:hidden; color:#005598; line-height:25px; font-size:22px; font-weight:bold; margin-bottom:40px;}
.z_lxw_t i{ display:block;font-family: "MoolBoran V2"; font-size:22px; text-transform:uppercase; margin-top:10px;}
.z_lxw_c{ height:auto; overflow:hidden; color:#222; line-height:32px; font-size:16px; margin-bottom:25px;}
.z_lxw_b{ height:auto; overflow:hidden;}
.z_lxw_b p{ line-height:50px; color:#222; font-size:14px;}
.z_wbk{ width:100%; height:50px; border:none; background:#fff; line-height:50px; padding:0 10px; color:#333; font-size:14px; margin-bottom:30px;}
.z_lxw1{ float:right; width:50%; height:auto; overflow:hidden; padding-top:55px;}
.z_lxw1 p{ line-height:50px; color:#222; font-size:14px; clear:both; overflow:hidden;}
.z_wbk1{ width:100%; height:167px; border:none; background:#fff; padding:0 10px; line-height:50px; color:#333; font-size:14px; margin-bottom:30px;}
.z_lxw1 p span{ margin-right:62px; color:#222; font-size:14px;}
.regular-radio {display: none;}
.regular-radio + label {-webkit-appearance: none;border-radius: 50px;display: inline-block;position: relative; width:20px; height:20px; vertical-align:middle;border:1px solid #005598;box-sizing: border-box;}
.regular-radio:checked + label:after {content: ' ';width: 8px;height: 8px;border-radius: 50px;position: absolute;top:5px;background:#005598;left:5px;font-size: 32px;}
.regular-radio:checked + label {background-color: #fff;color: #222;}
.z_tjxo{ width:100%; height:50px; background:#005598; color:#fff; font-size:14px; border:none; margin-top:50px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.z_tjxo{ width:100%; height:50px; background:fff; color:#fff; font-size:14px; border:none; margin-top:45px}
}
@media(max-width:1024px){
  .z_lxw2{padding-left: 20px!important}
.z_box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:30px 0 30px 0;margin-top:0  }
.z_lxw{ float:left; width:100%!important; height:auto; overflow:hidden;}
.z_wbk{ width:100%; height:50px; border:none; background:#fff; line-height:50px; padding:0 10px; color:#333; font-size:14px; margin-bottom:15px;}
.z_lxw1{ float:right; width:100%; height:auto; overflow:hidden; padding-top:0px;}
.z_wbk1{ width:100%; height:167px; border:none; background:#fff; padding:0 10px; line-height:50px; color:#333; font-size:14px; margin-bottom:0px;}
.z_tjxo{ width:100%; height:50px; background:#fff; color:#005598; font-size:14px; border:none; margin-top:15px;}
}