.bode{
  padding-left:250px;
  height:100%;
}
@media all and (max-width:980px) {
  .bode{
    padding-left:0;
  }
}
.banner_video{
  width:100%;
  height: auto;
  position: relative;
}
.banner_video .img{
  width:100%;
  height: 100%;
  position: relative;
  z-index:0;
}
.banner_video .img img{
  display:block;
  width:100%;
  height: auto;
}
.banner_video .video_box{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  z-index:10;
}
.banner_video .video_box video{
  display:block;
  width:100%;
  height: 100%;
  object-fit: cover;
}
.vjs-poster{
  background-size:cover !important;
}
.video-js{
  width:100%;
  height: 100%;
}
.banner_video .btn{
  display:none;
  width:50px;
  height: 50px;
  background:url("../images/video.png") no-repeat center center;
  background-size:100% 100%;
  position: absolute;
  z-index:20;
  left:0;
  top:0;
  right: 0;
  bottom: 0;
}

.bode1{
  width:100%;
  background:url("../picture/file1611900425036.webp") no-repeat center center;
  background-size:cover;
  padding:110px 20px 0;
}
.bode1 .box{
  width:100%;
}
.bode1 .box .content{
  width:48%;
  float: right;
}
.bode1 .box .content .subtit{
  width:100%;
  font-size:20px;
  margin-bottom: 10px;
  color:#097bc2;
  font-weight: bold;
}
.bode1 .box .content .text{
  width:80%;
  height: 340px;
  overflow: auto;
}
.bode1 .box .content .text .tit{
  width:100%;
  margin-bottom: 40px;
}
.bode1 .box .content .text .tit span{
  display:block;
  color:#333;
  font-size:28px;
  margin-bottom: 10px;
}
.bode1 .box .content .text p{
  font-size:14px;
  color:#333;
  line-height: 25px;
}
.bode1 .box .content .more{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:10px;
}
.bode1 .box .content .more a{
  display:block;
  padding: 0 60px;
  font-size:16px;
  line-height: 50px;
  background:#097bc2;
  color:#fff;
  transition: all ease .3s;
  border:1px solid #097bc2;
}
.bode1 .box .content .more a:hover{
  background:rgba(0,0,0,0);
  color:#097bc2
}
.bode1 .box .img_video{
  float:left;
  width:48%;
  position: relative;
}
.bode1 .box .img_video .img{
  width:100%;
  position: relative;
  z-index:5;
}
.bode1 .box .img_video .img img{
  display:block;
  width:100%;
  height: auto;
}
.bode1 .box .img_video .video_box{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  z-index:10;
}
.bode1 .list{
  width:100%;
}
.bode1 .list ul{
  width:1140px;
  margin:0 auto;
  padding:30px;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.bode1 .list ul li{
  padding:30px;
  width:25%;
}
.bode1 .list ul li .nub{
  width:100%;
  margin-bottom: 20px;
}
.bode1 .list ul li .nub span{
  position: relative;
}
.bode1 .list ul li .nub i{
  font-size:50px;
  font-weight: bold;
  position: relative;
  z-index:10;
}
.bode1 .list ul li .nub em{
  display:block;
  position: absolute;
  left:0;
  bottom: 0px;
  width:100%;
  height: 10px;
  background:#097bc2;
  z-index:5;
}
.bode1 .list ul li .text{
  width:100%;
}
.bode1 .list ul li .text span{
  display:block;
  width:100%;
  font-size:16px;
  color:#333;
  margin-bottom: 20px;
  font-weight: bold;
}
.bode1 .list ul li .text p{
  font-size:14px;
  color:#333;
  line-height: 20px;
}
@media all and (max-width:1400px) {
  .bode1 .box .content .text{
    height: 160px;
  }
  .bode1 .list ul{
    width:100%;
  }
}

@media all and (max-width:980px) {
  .bode1{
    padding:50px 10px 0;
  }
  .bode1 .box .content{
    float: left;
    width:100%;
  }
  .bode1 .box .content .text{
    width:100%;
    height: 300px;
  }
  .bode1 .box .img_video{
    width:100%;
    margin-top:20px;
  }
}
@media all and (max-width:750px) {
  .bode1 .list ul{
    padding:0;
  }
  .bode1 .list ul li{
    width:50%;
  }
  
}
@media all and (max-width:480px) {
  .bode1 .box .content .subtit{
    font-size:16px;
  }
  .bode1 .box .content .text .tit span{
    font-size:20px;
  }
  .bode1 .box .content .more a{
    padding:0 30px;
    line-height: 35px;
    font-size:14px;
  }
  .bode1 .list ul li{
    padding:10px;
  }
  .bode1 .list ul li .nub{
    margin-bottom: 10px;
  }
  .bode1 .list ul li .nub i{
    font-size:32px;
  }
  .bode1 .list ul li .text span{
    margin-bottom: 10px;
  }
}

.bode2{
  width:100%;
  padding:50px 0 80px;
  background:url("../picture/file1610630451453.webp") no-repeat center center;
  background-attachment: fixed;
}
.bode2 .wrap{
  width:1170px;
  margin: 0 auto;
}
.bode2 .wrap .tit{
  width:100%;
  text-align: center;
}
.bode2 .wrap .tit span{
  display:block;
  font-size: 20px;
  font-weight: bold;
  color:#fff;
  margin-bottom: 10px;
}
.bode2 .wrap .tit p{
  font-size: 30px;
  color:#fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.bode2 .wrap .tit .more{
  width:100%;
  display:flex;
  justify-content: center;
}
.bode2 .wrap .tit .more a{
  display:block;
  padding:0 16px;
  line-height: 34px;
  border:1px solid #097bc2;
  font-size:16px;
  transition: all ease .3s;
  background:#097bc2;
  color:#fff;
}
.bode2 .wrap .tit .more a:hover{
  color:#097bc2;
  background:#fff;
}
.bode2 .wrap .list{
  width:100%;
  height: 100%;;
  overflow: hidden;
  margin-top: 30px;
}
@media all and (max-width:1450px) {
  .bode2 .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:980px) {
  .bode2{
    padding:50px 0;
  }
}

@media all and (max-width:480px) {
  .bode2{
    padding:30px 0;
  }
  .bode2 .wrap{
    width:100%;
    padding:0 10px;
  }
  .bode2 .wrap .tit span{
    font-size:16px;
  }
  .bode2 .wrap .tit p{
    font-size:20px;
  }
  .bode2 .wrap .tit .more a{
    font-size:14px;
  }
}


.bode3{
  width:100%;
  padding:60px 0;
  background:url("../picture/file1611899787827.webp") no-repeat center center;
  background-size:cover;
}
.bode3 .wrap{
  width:1170px;
  margin:0 auto;
}
.bode3 .wrap .tit{
  width:100%;
  text-align: center;
}
.bode3 .wrap .tit span{
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #097bc2;
  margin-bottom: 10px;
}
.bode3 .wrap .tit p{
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.bode3 .wrap .box{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:80px;
}
.bode3 .wrap .box .img_video{
  width:48%;
  height: 100%;
  position: relative;
}
.bode3 .wrap .box .img_video .img{
  width:100%;
  position: relative;
  z-index:5;
}
.bode3 .wrap .box .img_video .img img{
  display:block;
  width:100%;
  height: auto;
}
.bode3 .wrap .box .img_video .video_box{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  z-index:10;
}
.bode3 .wrap .box .content{
  width:48%;
  height: 100%;
}
.bode3 .wrap .box .content p{
  font-size:14px;
  color:#fff;
  line-height: 20px;
  margin-top:30px;
}
.bode3 .wrap .box .content .more{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:30px;
}
.bode3 .wrap .box .content .more a{
  display:block;
  padding: 0 60px;
  font-size: 16px;
  line-height: 50px;
  border:1px solid #097bc2;
  background:#097bc2;
  color:#fff;
  transition: all ease .3s;
}
.bode3 .wrap .box .content .more a:hover{
  color:#097bc2;
  background:rgba(0,0,0,0);
}
.bode3 .wrap .list{
  width:100%;
  margin-top:80px;
}
.bode3 .wrap .list ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bode3 .wrap .list ul li{
  width:25%;
  margin-top:20px;
}
.bode3 .wrap .list ul li span{
  display:block;
  width:100%;
  font-size:48px;
  color:#097bc2;
  text-align: center;
  font-weight: bold;
  margin-bottom: 35px;
}
.bode3 .wrap .list ul li p{
  font-size:14px;
  color:#fff;
  font-weight: bold;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media all and (max-width:1450px) {
  .bode3 .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:980px) {
  .bode3 .wrap .box{
    margin-top:50px;
  }
  .bode3 .wrap .box .img_video{
    width:100%;
  }
  .bode3 .wrap .box .content{
    width:100%;
  }
  .bode3 .wrap .list{
    margin-top:50px;
  }
}
@media all and (max-width:750px) {
  .bode3 .wrap .list ul li{
    width:50%;
  }
}
@media all and (max-width:480px) {
  .bode3{
    padding:30px 0;
  }
  .bode3 .wrap{
    padding:0 10px;
  }
  .bode3 .wrap .tit span{
    font-size: 16px;
  }
  .bode3 .wrap .tit p{
    font-size:20px;
  }
  .bode3 .wrap .box{
    margin-top:30px;
  }
  .bode3 .wrap .box .content p{
    margin-top:20px;
  }
  .bode3 .wrap .box .content .more a{
    line-height: 35px;
    padding:0 30px;
    font-size:14px;
  }
  .bode3 .wrap .list{
    margin-top:20px;
  }
  .bode3 .wrap .list ul li span{
    font-size:30px;
    margin-bottom: 20px;
  }
  .bode3 .wrap .list ul li p{
    font-size:12px;
  }
}


.bode4{
  width:100%;
  padding:60px 0;
  background:#fff;
}
.bode4 .wrap{
  width:1170px;
  margin:0 auto;
}
.bode4 .wrap .tit{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.bode4 .wrap .tit .l_tit{
  display:block;
}
.bode4 .wrap .tit .l_tit span{
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #097bc2;
  margin-bottom: 10px;
}
.bode4 .wrap .tit .l_tit p{
  font-size: 30px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
}
.bode4 .wrap .tit .sw_but{
  display:flex;
  justify-content: space-between;
}
.bode4 .wrap .tit .sw_but .swiper-button-prev1{
  display:block;
  margin-right: 30px;
  width:30px;
  height: 30px;
  background:url("../images/l_jiantou.png") no-repeat center center;
  background-size:100% 100%;
  cursor: pointer;
}
.bode4 .wrap .tit .sw_but .swiper-button-next1{
  display:block;
  width:30px;
  height: 30px;
  background:url("../images/r_jiantou.png") no-repeat center center;
  background-size:100% 100%;
  cursor: pointer;
}
@media all and (max-width:1450px) {
  .bode4 .wrap{
    width:100%;
    margin:0 auto;
    padding:0 20px;
  }
}
@media all and (max-width:480px) {
  .bode4{
    width:100%;
    padding:30px 0;
  }
  .bode4 .wrap{
    padding:0 10px;
  }
  .bode4 .wrap .tit .l_tit span{
    font-size:16px;
  }
  .bode4 .wrap .tit .l_tit p{
    font-size:20px;
  }
}

.bode5{
  width:100%;
  padding:80px 0;
  background:url("../picture/1611890783433.jpg") center center;
  background-attachment: fixed;
}
.bode5 .wrap{
  width:1170px;
  margin:0 auto;
}
.bode5 .wrap .tit{
  width:100%;
  text-align: center;
}
.bode5 .wrap .tit span{
  display:block;
  font-size: 30px;
  color: #097bc2;
  font-weight: bold;
  margin-bottom: 10px;
}
.bode5 .wrap .tit p{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.bode5 .wrap .form{
  width:100%;
  margin-top:40px;
}
.bode5 .wrap .form form{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.bode5 .wrap .form form .item{
  width:25%;
  padding:0 10px;
  margin-top:20px;
}
.bode5 .wrap .form form .item input{
  display:block;
  width:100%;
  color:#999;
  line-height: 40px;
  padding-left: 20px;
  font-size:12px;
  background:#fff;
} 
.bode5 .wrap .form form .content{
  width:100% !important;
}
.bode5 .wrap .form form .content textarea{
  display:block;
  width: 100%;
  height: 80px;
  padding:6px 20px;
  background:#fff;
  line-height: 20px;
  font-size:12px;
  color:#999;
}
.bode5 .wrap .form form .btn{
  width:100%;
  display:flex;
  justify-content: center;
  margin-top:30px;
}
.bode5 .wrap .form form .btn button{
  display:block;
  padding:0 60px;
  line-height: 50px;
  background:#097bc2;
  color:#fff;
  border:1px solid #097bc2;
  font-size:16px;
  transition: all ease .3s;
  cursor: pointer;
}
.bode5 .wrap .form form .btn button:hover{
  color:#097bc2;
  background:rgba(0, 0, 0, 0);
}
@media all and (max-width:1450px) {
  .bode5 .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:980px) {
  .bode5 .wrap .form form .item{
    width:50%;
  }
}
@media all and (max-width:480px) {
  .bode5{
    padding:30px 0;
  }
  .bode5 .wrap{
    padding:0 10px;
  }
  .bode5 .wrap .tit span{
    font-size:20px;
  }
  .bode5 .wrap .tit p{
    font-size:14px;
  }
  .bode5 .wrap .form{
    margin-top:20px;
  }
  .bode5 .wrap .form form .item{
    width:100%;
  }
  .bode5 .wrap .form form .btn{
    padding:0 10px;
  }
  .bode5 .wrap .form form .btn button{
    width:100%;
    font-size:14px;
    line-height: 40px;
  }
}


#about_us{
  width:100%;
}
#banner_item{
  width:100%;
  height: 450px;
  display:flex;
  justify-content: center;
  align-items: center;
}
.banner_item1{
  background:url("../picture/file_01610678678501.jpg") no-repeat center center;
  background-size:cover;
}
.banner_item2{
  background:url("../picture/file_01615969628767.jpg") no-repeat center center;
  background-size:cover;
}
.banner_item3{
  background:url("../picture/file_01610678431609.jpg") no-repeat center center;
  background-size:cover;
}
#banner_item .box{
  width:100%;
  text-align: center;
}
#banner_item .box span{
  display:block;
  font-size: 90px;
  margin-bottom: 35px;
  font-weight: bold;
  color:#fff;
}
#mbx_nav{
  width:100%;
  text-align: center;
  font-size: 26px;
  color:#fff;
  font-weight: bold;
}
#mbx_nav a{
  font-size: 26px;
  color:#fff;
  font-weight: bold;
}
#mbx_nav a:hover{
  color:#097bc2;
}
@media all and (max-width:980px) {
  #banner_item{
    height: 320px;
  }
  #banner_item .box span{
    font-size:50px;
    margin-bottom: 20px;
  }
  #mbx_nav{
    font-size:20px;
  }
  #mbx_nav a{
    font-size:20px;
  }
}
@media all and (max-width:480px) {
  #banner_item{
    height: 200px;
  }
  #banner_item .box span{
    font-size:28px;
    margin-bottom: 10px;;
  }
  #mbx_nav{
    font-size:14px;
  }
  #mbx_nav a{
    font-size:14px;
  }
}



#about_us .part1{
  width:100%;
  background:url("../picture/file1611900425036.webp") no-repeat center center;
  background-size:cover;
  padding:110px 20px 0;
}
#about_us .part1 .box{
  width:100%;
}
#about_us .part1 .box .content{
  width:48%;
  float: right;
}
#about_us .part1 .box .content .subtit{
  width:100%;
  font-size:20px;
  margin-bottom: 10px;
  color:#097bc2;
  font-weight: bold;
}
#about_us .part1 .box .content .text{
  width:80%;
  height: 340px;
  overflow: auto;
}
#about_us .part1 .box .content .text .tit{
  width:100%;
  margin-bottom: 40px;
}
#about_us .part1 .box .content .text .tit span{
  display:block;
  color:#333;
  font-size:28px;
  margin-bottom: 10px;
}
#about_us .part1 .box .content .text p{
  font-size:14px;
  color:#333;
  line-height: 25px;
}
#about_us .part1 .box .content .more{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:10px;
}
#about_us .part1 .box .content .more a{
  display:block;
  padding: 0 60px;
  font-size:16px;
  line-height: 50px;
  background:#097bc2;
  color:#fff;
  transition: all ease .3s;
  border:1px solid #097bc2;
}
#about_us .part1 .box .content .more a:hover{
  background:rgba(0,0,0,0);
  color:#097bc2
}
#about_us .part1 .box .img_video{
  float:left;
  width:48%;
  position: relative;
}
#about_us .part1 .box .img_video .img{
  width:100%;
  position: relative;
  z-index:5;
}
#about_us .part1 .box .img_video .img img{
  display:block;
  width:100%;
  height: auto;
}
#about_us .part1 .box .img_video .video_box{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  z-index:10;
}
#about_us .part1 .list{
  width:100%;
}
#about_us .part1 .list ul{
  width:1140px;
  margin:0 auto;
  padding:30px;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#about_us .part1 .list ul li{
  padding:30px;
  width:25%;
}
#about_us .part1 .list ul li .nub{
  width:100%;
  margin-bottom: 20px;
}
#about_us .part1 .list ul li .nub span{
  position: relative;
}
#about_us .part1 .list ul li .nub i{
  display:block;
  font-size:50px;
  font-weight: bold;
  position: relative;
  z-index:10;
  text-align: center;
}
#about_us .part1 .list ul li .nub em{
  display:block;
  position: absolute;
  left:0;
  bottom: 0px;
  width:100%;
  height: 10px;
  background:#097bc2;
  z-index:5;
}
#about_us .part1 .list ul li .text{
  width:100%;
  text-align: center;
}
#about_us .part1 .list ul li .text span{
  display:block;
  width:100%;
  font-size:12px;
  color:#333;
  font-weight: bold;
}
#about_us .part1 .list ul li .text p{
  font-size:14px;
  color:#333;
  line-height: 20px;
}
@media all and (max-width:1400px) {
  #about_us .part1 .box .content .text{
    height: 160px;
  }
  #about_us .part1 .list ul{
    width:100%;
  }
}

@media all and (max-width:980px) {
  #about_us .part1{
    padding:50px 10px 0;
  }
  #about_us .part1 .box .content{
    float: left;
    width:100%;
  }
  #about_us .part1 .box .content .text{
    width:100%;
    height: 300px;
  }
  #about_us .part1 .box .img_video{
    width:100%;
    margin-top:20px;
  }
}
@media all and (max-width:750px) {
  #about_us .part1 .list ul{
    padding:0;
  }
  #about_us .part1 .list ul li{
    width:50%;
  }
  
}
@media all and (max-width:480px) {
  #about_us .part1 .box .content .subtit{
    font-size:16px;
  }
  #about_us .part1 .box .content .text .tit span{
    font-size:20px;
  }
  #about_us .part1 .box .content .more a{
    padding:0 30px;
    line-height: 35px;
    font-size:14px;
  }
  #about_us .part1 .list ul li{
    padding:10px;
  }
  #about_us .part1 .list ul li .nub{
    margin-bottom: 10px;
  }
  #about_us .part1 .list ul li .nub i{
    font-size:32px;
  }
  #about_us .part1 .list ul li .text span{
    margin-bottom: 10px;
  }
}

#about_us .part2{
  width:100%;
  padding:50px 0 80px;
  background:#fff;
}
#about_us .part2 .wrap{
  width:1170px;
  margin: 0 auto;
}
#about_us .part2 .wrap .tit{
  width:100%;
  text-align: center;
}
#about_us .part2 .wrap .tit span{
  display:block;
  font-size: 20px;
  font-weight: bold;
  color:#097bc2;
  margin-bottom: 10px;
}
#about_us .part2 .wrap .tit p{
  font-size: 30px;
  color:#333;
  font-weight: bold;
  margin-bottom: 10px;
}
#about_us .part2 .wrap .tit .more{
  width:100%;
  display:flex;
  justify-content: center;
}
#about_us .part2 .wrap .tit .more a{
  display:block;
  padding:0 16px;
  line-height: 34px;
  border:1px solid #097bc2;
  font-size:16px;
  transition: all ease .3s;
  background:#097bc2;
  color:#fff;
}
#about_us .part2 .wrap .tit .more a:hover{
  color:#097bc2;
  background:rgba(0,0,0,0);
}
@media all and (max-width:1450px) {
  #about_us .part2 .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:980px) {
  #about_us .part2{
    padding:50px 0;
  }
}

@media all and (max-width:480px) {
  #about_us .part2{
    padding:30px 0;
  }
  #about_us .part2 .wrap{
    width:100%;
    padding:0 10px;
  }
  #about_us .part2 .wrap .tit span{
    font-size:16px;
  }
  #about_us .part2 .wrap .tit p{
    font-size:20px;
  }
  #about_us .part2 .wrap .tit .more a{
    font-size:14px;
  }
}


#about_us .part3{
  width:100%;
  padding:50px 0 80px;
  background:#fff;
}
#about_us .part3 .wrap{
  width:1170px;
  margin:0 auto;
}
#about_us .part3 .wrap .box1{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
#about_us .part3 .wrap .box1 .img{
  width:48%;
}
#about_us .part3 .wrap .box1 .img img{
  width:100%;
  height: 320px;
  object-fit: cover;
}
#about_us .part3 .wrap .box1 .text{
  width:48%;
}
#about_us .part3 .wrap .box1 .text span{
  display:block;
  font-size:40px;
  margin-bottom: 20px;
  color:#333;
  font-weight: bold;
}
#about_us .part3 .wrap .box1 .text .text1{
  width:100%;
  margin-bottom: 20px;
}
#about_us .part3 .wrap .box1 .text .text1 p{
  font-size:14px;
  color:#333;
  line-height: 20px;
} 
#about_us .part3 .wrap .box1 .text .address{
  width:100%;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
}
#about_us .part3 .wrap .box1 .text .address .add_img{
  width:55px;
  height: 55px;
  border-radius: 100%;
  background:#097bc2;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
#about_us .part3 .wrap .box1 .text .address .add_img img{
  width:30px;
  height: 30px;
}
#about_us .part3 .wrap .box1 .text .address i{
  display:block;
  width:calc(100% - 75px);
  font-size:14px;
  color:#666;
  line-height: 20px;
}
#about_us .part3 .wrap .box2{
  width:100%;
  background: #f5f5f5;
  padding:40px 20px;
  margin-top:10px;
}
#about_us .part3 .wrap .box2 ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#about_us .part3 .wrap .box2 ul li{
  width: 33.3333%;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10px 20px 60px;
}
#about_us .part3 .wrap .box2 ul li .img{
  width:55px;
  height: 55px;
  border-radius: 100%;
  background:#097bc2;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
#about_us .part3 .wrap .box2 ul li .img img{
  width:30px;
  height: 30px;
}
#about_us .part3 .wrap .box2 ul li .text{
  display:block;
  width:calc(100% - 75px);
}
#about_us .part3 .wrap .box2 ul li .text span{
  display:block;
  font-size:14px;
  color:#333;
  line-height: 20px;
  font-weight: bold;
}
#about_us .part3 .wrap .box2 ul li .text p{
  font-size:14px;
  color:#333;
  line-height: 20px;
}
.part3 .wrap .box2 ul li .text p a{
  color:#333;
}
#about_us .part3 .wrap .box2 ul li .text p a:hover{
  color:#097bc2;
}
@media all and (max-width:1450px) {
  #about_us .part3 .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:980px) {
  #about_us .part3 .wrap .box2{
    padding:20px;
  }
  #about_us .part3 .wrap .box2 ul li{
    padding:10px;
  }
}
@media all and (max-width:750px) {
  #about_us .part3 .wrap .box1 .img{
    width:100%;
  }
  #about_us .part3 .wrap .box1 .text{
    width:100%;
    margin-top:20px;
  }
  #about_us .part3 .wrap .box2 ul li{
    width:50%;
  }
}
@media all and (max-width:480px) {
  #about_us .part3{
    padding:0 0 30px;
  }
  #about_us .part3 .wrap{
    padding:0 10px;
  }
  #about_us .part3 .wrap .box1 .img img{
    height: 200px;
  }
  #about_us .part3 .wrap .box1 .text span{
    font-size:20px;
    margin-bottom: 10px;
  }
  #about_us .part3 .wrap .box2{
    padding:10px;
  }
  #about_us .part3 .wrap .box2 ul li{
    width:100%;
    padding:10px 0;
  }
}

#pro_list{
  width:100%;
}

#nav_list{
  width:100%;
  margin-top:50px;
}
#nav_list ul{
  width:1170px;
  margin:0 auto;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  padding:10px;
  box-shadow: rgb(0 0 0 / 20%) 0 2px 6px;
  background: #fff;
  border-radius: 10px;
}
#nav_list ul li{

}
#nav_list ul li a{
  display:block;
  padding:0 20px; 
  line-height: 30px;
  color:#333;
  font-size:14px;
}
#nav_list ul li a:hover{
  color:#097bc2;
}
#zt_content{
  width:100%;
  margin-top:50px;
}
#zt_content .wrap{
  width:1170px;
  margin:0 auto;
}
#zt_content .wrap span{
  display:block;
  color:#333;
  font-size:14px;
  font-weight: bold;
  line-height: 25px;
}
#zt_content .wrap p{
  font-size:14px;
  color:#333;
  line-height: 25px;
}
@media all and (max-width:1450px) {
  #nav_list{
    padding:0 20px;
  }
  #nav_list ul{
    width:100%;
  }
  #zt_content .wrap{
    width:100%;
    padding: 0 20px;
  }
}
@media all and (max-width:480px) {
  #nav_list{
    margin-top:30px;
    padding:0 10px;
  }
  #nav_list ul li a{
    padding:0 10px;
  }
  #zt_content{
    margin-top:30px;
  }
  #zt_content .wrap{
    padding:0 10px;
  }
}

#pro_list .list{
  width:100%;
  padding:50px 0;
}
#pro_list .list .wrap{
  width:1200px;
  margin:0 auto;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#pro_list .list .wrap li{
  width:33.3%;
  margin-top:20px;
  padding:0 15px;
}
#pro_list .list .wrap li .box{
  width:100%
}
#pro_list .list .wrap li .box .img{
  width:100%;
  position: relative;
}
#pro_list .list .wrap li .box .img img{
  display:block;
  width:100%;
  height: auto;
}
#pro_list .list .wrap li .box .img em{
  position: absolute;
  left:50%;
  top:50%;
  display:block;
  width:46px;
  height: 46px;
  background:url("../images/video.png") no-repeat center center;
  background-size:100% 100%;
  z-index:10;
  margin-top:-23px;
  margin-left: -23px;
}
#pro_list .list .wrap li .box .text{
  width:100%;
  padding:20px 0 0;
}
#pro_list .list .wrap li .box .text span{
  display:block;
  width:100%;
  color:#333;
  font-weight: bold;
  font-size:20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#pro_list .list .wrap li .box .text span a{
  color:#333;
}
#pro_list .list .wrap li .box .text span a:hover{
  color:#097bc2;
}
#pro_list .list .wrap li .box .text p{
  font-size:14px;
  color:#666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top:10px;
}

#page_list{
  width:100%;
  padding:20px 0 50px;
}
#page_list .wrap{
  width:1170px;
  margin:0 auto;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
#page_list .wrap li{
  margin:10px;
}
#page_list .wrap li a{
  display:block;
  padding:5px 10px;
  border:1px solid #ddd;
  color:#333;
  font-size:14px;
  transition: all ease .3s;
  border-radius: 5px;
}
#page_list .wrap li a:hover{
  border:1px solid #333;
}
#page_list .wrap li strong{
  display:block;
  padding:5px 10px;
  border:1px solid #333;
  color:#333;
  font-size:14px;
  font-weight: normal;
  border-radius: 5px;
}
@media all and (max-width:1450px) {
  #pro_list .list .wrap{
    width:100%;
  }
  #page_list{
    padding:20px 20px 50px;
  }
  #page_list .wrap{
    width:100%;
  }
}
@media all and (max-width:1200px) {
  #pro_list .list .wrap{
    padding:0 20px;
    justify-content: space-between;
  }
  #pro_list .list .wrap li{
    width:48%;
    padding: 0;
  }
}
@media all and (max-width:750px) {
  #pro_list .list .wrap li .box .text{
    padding:10px 0 0;
  }
  #pro_list .list .wrap li .box .text span{
    font-size:16px;
  }
}
@media all and (max-width:480px) {
  #pro_list .list{
    padding:20px 0;
  }
  #pro_list .list .wrap{
    padding:0 10px;
  }
  #page_list{
    padding:20px 10px;
  }
  #pro_list .list .wrap li .box .text span{
    font-size:14px;
  }
  #pro_list .list .wrap li .box .text p{
    font-size:12px;
    margin-top:5px;
  }
  #pro_list .list .wrap li .box .img em{
    width:36px;
    height: 36px;
    margin-top:-18px;
    margin-left: -18px;
  }
}


#art_art{
  width:100%;
}
#art_art .part1{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  background-color: #000;
padding-bottom: 20px;
}
#art_art .part1 .left{
  width:60%;
}
#art_art .part1 .left .img_video{
  width:100%;
  position: relative;
}
#art_art .part1 .left .img_video .img{
  width:100%;
  position: relative;
  z-index:5;
}
#art_art .part1 .left .img_video .img img{
  width:100%;
  height: auto;
}
#art_art .part1 .left .img_video .video_box{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  z-index:10;
}
#art_art .part1 .left .text{
  width:100%;
  padding: 38px 32px 42px;
}
#art_art .part1 .left .text span{
  display:block;
  font-size: 30px;
  margin-bottom: 18px;
  color:#fff;
}
#art_art .part1 .left .text p{
  color:#fff;
  font-size:14px;
  margin-bottom: 15px;
}
#art_art .part1 .right{
  width:40%;
}
#art_art .part1 .right{
  padding: 80px 30px 24px;
}
#art_art .part1 .right .send_now{
  display:block;
  width:100%;
  line-height: 50px;
  margin-bottom: 50px;
  border:1px solid #097bc2;
  background:#097bc2;
  color:#fff;
  text-align: center;
  font-size:16px;
}
#art_art .part1 .right .tit{
  width:100%;
  font-size:40px;
  font-weight: bold;
  margin-bottom: 40px;
  color:#fff;
}
#art_art .part1 .right .tit h1{
  font-size:30px;
  
}
#art_art .part1 .right .email{
  width:100%;
  margin-bottom: 30px;float: left;
}
#art_art .part1 .right .email span{
  display:block;
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: bold;
  color:#fff;float: left;
}
#art_art .part1 .right .email p{
  font-size:16px;
  color:#fff;
  transition: all ease .3s;float: left;
}
#art_art .part1 .right .email p a{
  color:#097bc2;
}
#art_art .part1 .right .phone{
  width:100%;
  margin-bottom: 30px;
}
#art_art .part1 .right .phone span{
  display:block;
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: bold;
  color:#fff;
}
#art_art .part1 .right .phone p{
  font-size:14px;
  color:#fff;
  transition: all ease .3s;
}
#art_art .part1 .right .app{
  width:100%;
  margin-bottom: 30px;
}
#art_art .part1 .right .app span{
  display:block;
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: bold;
  color:#fff;
}
#art_art .part1 .right .app .info{
  display:flex;
  justify-content: flex-start;
}
#art_art .part1 .right .app .info p{
  border: 1px solid #25D366;
  padding:5px;
  border-radius: 6px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#art_art .part1 .right .app .info p img{
  width:20px;
  height: auto;
}
#art_art .part1 .right .app .info p a{
  font-size:14px;
  color:#fff;
  margin-left: 10px;
  transition: all ease .3s;
}
#art_art .part1 .right .app .info p a:hover{
  color:#097bc2
}

#art_art .bag1{
  background:url("../picture/1616641264259.jpg") no-repeat center center;
  background-attachment: fixed;
} 
#art_art .bode5 .wrap .tit p{
  color:#333;
}
@media all and (max-width:1200px) {
  #art_art .part1 .left{
    width:100%;
  }
  #art_art .part1 .right{
    width:100%;
    padding: 40px 30px 24px;
  }
}
@media all and (max-width:750px) {
  #art_art .part1 .left .text{
    padding:20px;
  }
  #art_art .part1 .right{
    padding:20px;
  }
}
@media all and (max-width:480px) {
  #art_art .part1 .left .text{
    padding:20px 10px;
  }
  #art_art .part1 .left .text span{
    font-size:20px;
    margin-bottom: 10px;
  }
  #art_art .part1 .left .text p{
    margin-bottom: 0;
  }
  #art_art .part1 .right{
    padding:20px 10px;
  }
  #art_art .part1 .right .send_now{
    line-height: 40px;
    margin-bottom: 20px;
  }
  #art_art .part1 .right .tit{
    font-size:24px;
    margin-bottom: 20px;
  }
  #art_art .part1 .right .email{
    margin-bottom: 10px;
  }
  #art_art .part1 .right .phone{
    margin-bottom: 10px;
  }
  #art_art .part1 .right .app{
    margin-bottom: 10px;
  }
}

#art_art .part2{
  width:100%;
  padding:30px 0;
  background:#fff;
}
#art_art .part2 .wrap{
  width:1170px;
  margin:0 auto;
}
#art_art .part2 .wrap .content{
  width:100%;
  line-height: 30px;
}
#art_art .part2 .wrap .content p{
  color:#333;
  font-size:14px;
}
#art_art .part2 .wrap .content span{
  display:block;
  color:#333;
  font-weight: bold;
  font-size:14px;
}
#art_art .part2 .wrap .pntx{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:30px;
}
#art_art .part2 .wrap .pntx p{
  padding:5px 15px;
  line-height: 20px;
  border:1px solid #097bc2;
  font-size:14px;
  color:#999;
  margin-top:10px;
}
#art_art .part2 .wrap .pntx p a{
  color:#333;
  transition: all ease .3s;
  font-weight: normal;
}
#art_art .part2 .wrap .pntx p a:hover{
  color:#097bc2;
}
@media all and (max-width:1450px) {
  #art_art .part2 .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:480px) {
  #art_art .part2 .wrap{
    padding:0 10px;
  }
  #art_art .part2 .wrap .pntx p{
    width:100%;
  }
}

#recommended{
  width:100%;
  padding:50px 0 80px;
  background:#fff;
}
#recommended .wrap{
  width:1170px;
  margin:0 auto;
}
#recommended .wrap .tit{
  width:100%;
  text-align: center;
  margin-bottom: 80px;
}
#recommended .wrap .tit span{
  display:block;
  font-size: 36px;
  color:#333;
  font-weight: bold;
}
#recommended .wrap .list{
  width:100%;
  height: 100%;;
  overflow: hidden;
}
@media all and (max-width:1450px) {
  #recommended .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:480px) {
  #recommended{
    padding:30px 0;
  }
  #recommended .wrap .tit span{
    font-size:24px;
  }
  #recommended .wrap .tit{
    margin-bottom: 30px;
  }
}

#creat_list .list{
  width:100%;
  margin-top:50px;
}
#creat_list .list .wrap{
  width:1170px;
  margin:0 auto;
}
#creat_list .list .wrap li{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:30px;
}
#creat_list .list .wrap li .img{
  width:50%;
  height: 100%;
  position: relative;
}
#creat_list .list .wrap li .img img{
  display:block;
  width:100%;
  height: auto;
}
#creat_list .list .wrap li .img em{
  display:block;
  position: absolute;
  left:50%;
  top:50%;
  width:46px;
  height: 46px;
  margin-top:-23px;
  margin-left: -23px;
  background:url("../images/video.png") no-repeat center center;
  background-size:100% 100%;
}
#creat_list .list .wrap li .text{
  width:50%;
  padding:0 6px 0 50px;
}
#creat_list .list .wrap li span{
  display:block;
  width:100%;
  color:#333;
  font-weight: bold;
  font-size:30px;
  margin-bottom: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#creat_list .list .wrap li span a{
  color:#333;
  transition: all ease .3s;
}
#creat_list .list .wrap li span a:hover{
  color:#097bc2;
}
#creat_list .list .wrap li p{
  font-size:14px;
  color:#333;
}
#creat_list .list .wrap li .btn{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:50px;
}
#creat_list .list .wrap li .btn a{
  display:block;
  padding:0 60px;
  background:#097bc2;
  border:1px solid #097bc2;
  line-height: 50px;
  font-size:16px;
  color:#fff;
  transition: all ease .3s;
}
#creat_list .list .wrap li .btn a:hover{
  background: #fff;
  color:#097bc2;
}

@media all and (max-width:1450px) {
  #creat_list .list .wrap{
    width:100%;
    padding:0 20px;
  }
}
@media all and (max-width:750px) {
  #creat_list .list .wrap li .text{
    padding:0 5px 0 30px;
  }
  #creat_list .list .wrap li span{
    font-size:20px;
    margin-bottom: 20px;
  }
  #creat_list .list .wrap li .btn a{
    width:100%;
    line-height: 40px;
    padding:0;
    text-align: center;
  }
}
@media all and (max-width:480px) {
  #creat_list .list .wrap{
    padding:0 10px;
  }
  #creat_list .list .wrap li .img{
    width:100%;
  }
  #creat_list .list .wrap li .text{
    width:100%;
    padding:0;
  }
  #creat_list .list .wrap li span{
    font-size:16px;
    margin:10px 0 0 0;
  }
  #creat_list .list .wrap li p{
    margin-top:10px;
  }
  #creat_list .list .wrap li .btn{
    margin-top:20px;
  }
}
.mbx{ line-height: 40px; text-indent: 20px; color: #777; padding-top:10px;padding-bottom: 10px; background: #eee;}
.mbx a{ color: #777;  padding-left: 5px; padding-right: 5px;}