* {box-sizing:border-box}
    body {font-family: Verdana,sans-serif;}
    .mySlides {display:none}
    /* 幻灯片容器 */
    .slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
    }
    
    /* 下一张 & 上一张 按钮 */
    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      margin-top: -22px;
      padding: 16px;
      color: #e90909;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
    }
    
    /* 定位 "下一张" 按钮靠右 */
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }
    
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
      background-color: rgba(0,0,0,.5);
    }
    
    /* 标题文本 */
    .text {
      color: #FF0000;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
    }
    
    /* 数字文本 (1/3 等) */
    .numbertext {
      color: #FF0000;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }
    
    /* 标记符号 */
    .dot {
    cursor: pointer;
    height: 42px !important;
    width: 40px !important;
    margin: 0 2px;
    background-color: rgba(0, 0, 0, 0);
    /* border-radius: 50%; */
    display: inline-block;
    transition: background-color 0.6s ease;
    }
    
    .active1, .dot:hover {
      border: 1px solid #e90909;
    }
    
    /* 淡出动画 */
    .fade1 {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
    }
    
    @-webkit-keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }
    
    @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }
    .placeholder {  
    width: 100%; /* 设置占位符的宽度 */  
    height: 300px; /* 设置占位符的高度 */  
    background-color: #f0f0f0; /* 设置背景色作为占位符 */  
    background-position: center center; /* 图片居中显示 */  
    background-repeat: no-repeat; /* 图片不重复 */  
    background-size: cover; 
    overflow: hidden;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
}  
    .placeholder1 {  
    width: 100%; /* 设置占位符的宽度 */  
    height: auto; /* 设置占位符的高度 */  
    background-color: #f0f0f0; /* 设置背景色作为占位符 */  
    background-position: center center; /* 图片居中显示 */  
    background-repeat: no-repeat; /* 图片不重复 */  
    background-size: cover; 
    overflow: hidden;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
}  
@media (min-width: 768px) and (max-width:991px) {
    .placeholder1 {  
        height: auto !important;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
.placeholder {  
        height: 200px;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
}
@media (max-width: 767px) {
     .placeholder1 {  
         height: auto !important;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
}  
.placeholder {  
        height: 200px;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
}

@media (min-width: 480px) and (max-width:767px) {
        .placeholder1 {  
            height: auto !important;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
.placeholder {  
        height: 200px;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
}

@media (max-width: 479px) {
        .placeholder1 {height: auto !important;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
.placeholder {  
        height: 200px;
    /* 如果你想使用图片作为占位符，可以取消上面的背景色并取消注释下面的背景图 */  
    /* background-image: url('placeholder.jpg'); */  
    /* background-size: cover; */ /* 图片覆盖整个元素 */  
    /* background-position: center; */ /* 图片居中显示 */  
    /* background-repeat: no-repeat; */ /* 图片不重复 */  
} 
}

.umArtTopBox{background: #fff; padding: 20px; margin:20px 0 0px;}
.umArtPic{width: 30%;float: left;overflow: hidden;}
.owl-carousel.owlImg{ padding: 0; position: relative;}
.owl-carousel.owlImg .owl-dots, .owl-carousel.owlImg .owl-nav{display: block;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%); z-index: 5}
.owl-carousel.owlImg .owl-dots.disabled, .owl-carousel.owlImg .owl-nav.disabled{ display: none}
.owl-carousel.owlImg .owl-nav{ position: static; transform: none;}
.owl-carousel.owlImg .owl-dots .owl-dot span{ background: #fff; width: 6px; height: 6px; border-radius: 10px; margin: 4px; opacity: .5}
.owl-carousel.owlImg .owl-dots .owl-dot.active span{ opacity: .9}
.owl-carousel.owlImg .owl-nav .owl-next,.owl-carousel.owlImg .owl-nav .owl-prev{ position: absolute;background: rgba(0,0,0,0.5);opacity: 0; width: 42px; text-align: center; height: 46px; line-height: 46px; margin-top: 0;}
.owl-carousel.owlImg .owl-nav .owl-next{ right: 10px;}
.owl-carousel.owlImg .owl-nav .owl-prev{ left: 10px;}
.owl-carousel.owlImg:hover .owl-nav button{ opacity: .8}
.owl-carousel.owlImg:hover .owl-nav button.owl-next{ right: 0px;}
.owl-carousel.owlImg:hover .owl-nav button.owl-prev{ left: 0px;}
.owl-carousel.owlImg .owl-nav .owl-next:hover,.owl-carousel.owlImg .owl-nav .owl-prev:hover{ background: #27AFAF}
.owl-carousel.owlImg .owl-nav button:hover i{ opacity: 1}
.owl-carousel.owlImg .owl-nav i{ color: #fff; font-size: 28px; }
.owl-carousel.owl-drag .owl-item .item{ padding: 0px;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.umArtTextMain{padding-right: 168px; width: 70%; float: right;}
.umArtTextMain.w70{padding-right: 0px;}
.umArtTextMain.w70 .umArtText{ padding-right: 0;}
.umArtText{float: left;text-align: left;width: 100%; padding:0 25px;}
.umArtText .price{ width:100%;  clear:both; display:block;margin:7px 0 12px; position:relative;font-size: 0;}
.umArtText .price .priceBox{ display: inline-block; font-size: 14px; margin-right: 24px;}
.umArtText .price .priceBox:last-child{margin-right: 0px;}
.umArtText .price .priceBox .label{ padding-right: 5px; opacity: .6}
.umArtText .price .priceBox .price1,.umArtText .price .priceBox .price2{ font-weight: 600;}
.umArtText .price .priceBox .price2{ font-size: 24px;color: #F00}
.umArtText .price .priceBox .price1 em,.umArtText .price .priceBox .price2 em{ font-size: 14px; font-weight: normal;}
.umArtText .price .priceBox .price1 b,.umArtText .price .priceBox .price2 b{ font-size: 14px; font-weight: normal; color: #333; opacity: .6;}
.umArtText .umArtUl{ padding: 8px 15px; background:rgba(0,0,0,.02);margin-top: 4px;display: inline-block; width: 100%; overflow: hidden;}
.umArtText .umArtUl ul{ font-size:0;  margin-right: -10px; }
.umArtText .umArtUl li{ width: calc(100% / 2 - 10px);display:inline-block; margin:0 10px 0 0; line-height:1.9; vertical-align:top; font-size: 14px;}
.umArtText .umArtUl1{ padding: 8px 15px; background:rgba(0,0,0,.02);margin-top: 4px;display: inline-block; width: 100%; overflow: hidden;}
.umArtText .umArtUl1 ul{ font-size:0;  margin-right: -10px; }
.umArtText .umArtUl1 li{ width:100%;display:inline-block; margin:0 10px 0 0; line-height:1.9; vertical-align:top; font-size: 14px;}
.umArtText .umArtUl li.cate{ width:100%;}
.umArtText .umArtUl li em{ opacity: .6}
.umArtText .umArtUl li em.rmb{ color:#F62}
.umArtText .umArtTit{ font-size: 22px; font-weight: 400;}
.umArtText .btnBox{ display: block; font-size: 0;}
.umArtText .btnBox [class*="btn"]{ display:inline-block; margin-right: 20px;margin-top: 15px;}
.umArtText .btnBox [class*="btn"]:last-child{margin-right: 0;}
.umArtText .btnBox a{ display: block;font-size: 16px; height: 44px; line-height: 44px; min-width: 100px; padding: 0 15px; text-align: center;color: #fff; position: relative; border-radius: 100px;}
.umArtText .btnBox .btnBuy a{ background: #F00;}
.umArtText .btnBox .btnCall a{ background: #F9B106;}
.umArtText .btnBox .btnComm a{ background: #15b77a;}
.umArtCode{ width: 168px; margin-right: -168px;text-align: center;float: right;padding:10px;position: relative;}
.umArtCode p{width: 100%;line-height: 20px;text-align: center; padding-top: 4px;padding-bottom: 2px; opacity:1}
.umArtCode p,.umArtCode img,.umArtCode div{ position: relative; z-index: 1;}
.umArtCode p em{ color: #181818}
.umArtCode:after{ content: '';background:#27AFAF; opacity: .08; position: absolute; width: 100%; height: 100%; left: 0;top:0;}
.umCommPop{ width: 800px; margin: 0 auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; background: #fff; padding: 20px; z-index: 891;box-shadow: 0 3px 15px rgba(0,0,0,.06); border-radius: 10px; overflow: hidden;display: none;}
.umCommPop.in{visibility: visible;-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1;}
.umCommPop .umCommTit{ width: calc(100% + 40px) ; font-weight: 600; height: 46px; padding: 0 20px; margin: -20px -20px 20px -20px; line-height: 46px; color: #fff; background: #27AFAF; font-size:20px;}
.umCommPop .umCommClose{ width: 22px; height: 22px; line-height: 22px; text-align: center; cursor: pointer; position: absolute; top: 12px; right: 15px; background: #fff; color: #27AFAF;border-radius: 50px;}
.umCommPop .umFormBox{ max-height: calc(100vh - 160px); overflow: hidden;}
.umCommPop .umFormBox .umInput .umText{ height: 100px;}
.umCommPop .umCommTips{text-align: center; font-size: 14px;line-height: 1.7;padding: 20px 0;color: #666;}
.umCommPop .umCommTips a{padding: 0 3px; font-weight: bold; color: #27AFAF;}
.umArtTop{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); position: relative; padding-right: 40px;}
.umArtTopTit{ font-size: 18px; display: inline-block; position: relative; font-weight: 400;}
.umArtTopTit:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #27AFAF; bottom: -16px; left: 0;}
@media screen and (max-width:900px){
body{ padding-top:48px;}
.umCommPop{ width: 720px;}
.navBar{ display:none;}
.search{ position: absolute; top: 0; right: 0; padding-right: 10px; float: none}
.search [class*="ri"],.header .navBar li{ height:48px; line-height:48px;}	
.PostBox{padding: 60px 0;}
.PostBox.odd, .PostBox.even{ padding-bottom: 55px;}
.PostBox.about{padding: 70px 0 55px;}
.PostBox.about .text{ width: 55%;padding-left: 40px;}
.PostBox.about .img{ width: 45%}
.PostBox .post .postTitle h3{ font-size: 30px;}
.umArtPic{ width: 35%}
.umArtTextMain{ width: 65%; padding-right: 0;}
.umArtText{padding: 0 0 0 25px;}
.umArtCode{ width: auto;margin-right: 0; margin-left: 25px; float: left; margin-top: 20px; background: rgba(0,0,0,.04);}
.umArtCode img{ width: 90px; height: 90px; float: left;}
.umArtCode p{ text-align: left; width: auto; overflow: hidden; padding-left: 12px;}
.main .umArtBox,.post.list .PostShow,
.umArtBox .PostNews li:last-child{ margin-bottom: 0;}
.pageNav{padding: 10px 0 25px 0;}
.umArtBox .pageNav{padding: 15px 0 0px 0;}
.sidebar{ width: 100%;margin-left: 0; margin-top: 0!important}
.umSidebar .main .umArt{padding-right:0;}
.sidebar .widget.divPrevious ul{ margin-right: -20px;}
.sidebar .widget.divPrevious li{width: calc(100% / 2 - 20px);margin: 0px 20px 0px 0;vertical-align: top;}
.commBox{ margin-bottom: 10px;}
.mNavBtn{ display:block;}

}

@media (max-width: 840px){
.umCommPop{ width: 92%;}    
.ftEwm{ width: 200px;}
.ftNav ul{ padding-right: 4.5%}
.ftNav .us li.tel a{ font-size: 22px; line-height: 32px; padding-bottom: 0;}
.ftNav .us li.add{ max-width:160px;}
}
@media screen and (max-width:768px){
.umBnBg p{ width:88%;}
.umBnBg p.tit{ font-size:24px; line-height:32px;}
.PostBox.about{padding: 60px 0;}
.PostBox .post .postTitle h3{ font-size: 26px;}
.PostBox.about .postTitle span.title1{font-size: 16px;}
.post .PostShow ul,.umSidebar .umArt .PostShow ul{margin-right: -20px;}
.post .PostShow li,.umSidebar .umArt .PostShow li,.umSidebar .post.relates.imgRel .PostShow li,.post.relates.imgRel .PostShow li{width: calc(100% / 2 - 20px);margin: 10px 20px 5px 0;}
.PostBox.um1 .post .PostShow ul{margin-right: -20px;}
.PostBox.um1 .post .PostShow li{width: calc(100% / 4 - 20px);margin: 10px 20px 0px 0;}
.owl-carousel.teamOwl{padding:15px 70px 0;}
.PostBox.um2 .postImg{ max-width: 150px;}
.PostBox.um2 .post .PostShow .postInfo{padding: 5px 10px 12px;}
.PostBox.um3 .post .PostShow .postInfo{padding: 20px 0px 0px;width: 100%;clear: both;}
.PostBox.um3 .post .PostShow .info{ padding-top: 8px;}
.PostBox.um3 .postImg{ position: relative;}
.PostBox.um3 .postImg::after{ content: ''; padding-top: 75%; display: block;}
.PostBox.um3 .postImg,.PostBox.um3 .postImg a.pic{ width: 100%; height: auto; }
.PostBox.um3 .postImg a.pic{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;-webkit-transition:none;-o-transition: none;transition:none;}
.PostBox.um3 .post .PostShow .infoFt span{ font-size: 12px;}
.PostBox.um3 .post .PostShow .infoFt i{font-size: 14px;}
.PostBox.um3 .post .PostShow ul{ margin-right: 0px;}
.PostBox.um3 .post .PostShow li{width:100%;margin: 28px 0px 8px 0;}
.PostBox.um3 .post .PostShow .uList .info{ height: auto;}
.searchBox{ width:85%;padding:24px 16px}
.owl-carousel.bnOwl .text h4{ font-size: 30px;}
.owl-carousel.bnOwl .text p{ margin-bottom:0px; font-size: 14px;}
.footer{ padding: 5% 0;}
.ftBox{ display: block; padding: 5px 0;}
.ftNav{ width: 100%; padding: 0;}
.ftNav ul{ width: 100%; max-height: 42px; border-bottom: 1px solid rgba(255,255,255,.05); padding: 0; overflow:  hidden; padding-right: 0; position: relative;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ftNav ul li{ overflow: hidden; line-height: 28px;}
.ftNav ul li a{ height: 28px; line-height: 28px;}
.ftNav ul li.h{ height: auto; position: relative; cursor: pointer; margin-bottom: 0; font-size: 14px; line-height: 42px}
.ftNav ul li.h:after{content: "\e652";position: absolute;  top: 0; right: 0;font-family: "remixicon" !important;font-size: 16px;font-style: normal;-moz-osx-font-smoothing: grayscale;}
.ftNav ul.selected li.h:after{content: "\e650";}
.ftNav ul.selected { max-height:1000px; padding-bottom: 6px;}
.ftNav .us{ width: 100%; height: auto; margin-top:3%; border: none; max-height: none}
.ftNav ul.us li.h:after{ display: none;}
.ftNav .us li.icon a{ margin-right: 10px; padding-bottom: 0;} 
.ftNav .us li.tel a{ font-size: 26px; line-height: 34px; padding-bottom: 2px;}
.ftEwm{margin-bottom:0px; width: 100%; text-align: left; font-size: 0!important}
.ftEwm .img{ width: 50%; max-width: 120px;}
.ftEwm .img .box{ float: left; margin: 0 10px 0 0;}
.ftNav .us li.add{ max-width: 100%}
}
    
@media screen and (max-width:640px){
.umCommPop .umFormBox{padding: 0 10px;}
.umCommPop .umCommTit{ margin-bottom: 10px;}
.umCommPop .umFormBox .umInput.umFormBtn{ margin-bottom:0px;margin-left: 100px;}
.umCommPop .umFormBox .umInput{margin: 5px 0px 0px 0;}
.umCommPop .umFormBox .umInput input{height: 36px;line-height: 36px;}
.umCommPop .umFormBox .umInput label{height: 30px;line-height: 30px;}
.umCommPop .umFormBox .umInput .umText{ height: 80px;}
.umCommPop .umFormBox .vcode .umItemIn .ccode{height: 32px !important;}
.umCommPop .umFormBox .umInput.vcode{width: calc(100% / 1 - 40px);}
				.PostBox.about .post{ display: block;}
    .PostBox.about .text{ width: 100%; clear: both; padding: 30px 40px 0;}
				.PostBox.about .text div,.PostBox.about .post .more{ text-align: center;}
    .PostBox.about .img{ width: 100%;padding: 0 40px;}
    .post .PostShow ul,.umSidebar .umArt .PostShow ul,.umSidebar .post.relates.imgRel .PostShow ul,.post.relates.imgRel .PostShow ul{margin-right: -10px;}
    .post .PostShow li,.umSidebar .umArt .PostShow li,.umSidebar .post.relates.imgRel .PostShow li{width: calc(100% / 2 - 10px);margin: 10px 10px 0px 0;}
    .PostBox.um1 .container{ padding: 0 20px;}
    .PostBox.um1 .post .PostShow li{width: calc(100% / 2 - 20px); margin-bottom: 10px;}
    .sidebar .widget.divPrevious ul{ margin-right: 0px;}
    .sidebar .widget.divPrevious li{width: 100%;margin: 0px 10px 0px 0;}
    .sidebar .widget.divPrevious li:last-child{margin: 0px 10px 0px 0;}
				.owl-carousel.teamOwl{padding:10px 70px 0;}
				.PostBox.um2 .post .PostShow .postInfo{padding: 0px 10px 12px;}
    .PostBox.um3 .owl-carousel.owl-drag .owl-item .item{ height:auto}
    .PostBox.um3 .postImg, .PostBox.um3 .postImg a.pic{ width: 100%; height: 100%}
    .PostBox.um3 .postImg a.pic{ position: absolute; height: 100%}
    .PostBox.um3 .postImg:after{ content: ''; padding-top: 74%;display: block;}
    .PostBox.um4 .umContact{flex-direction:column-reverse;-ms-flex-direction: column-reverse;}
    .PostBox.um4 .post .PostShow ul,.PostBox.um4 .mapImg{ width: 100%; padding: 0;}
    .PostBox.um4 .mapImg{ margin-bottom: 10px;}
    .PostNews li .postImg{ width: 156px;}
    .PostNews .more{ display: none}
    .owl-carousel .owl-nav i{ font-size: 28px;}
    .umArtPic{ width: 100%}
    .umArtTextMain{ width: 100%; margin-top: 20px;}
    .umArtText{ padding: 0;}
    .umArtCode{ margin-left: 0;}
				.PostNews li .postInfo h4{ margin-top: 0;}
				.PostNews li .postInfo .text{margin: 10px 0;}
				.owl-carousel.bnOwl .text h4{font-size: 26px;}
				.owl-carousel.bnOwl .text p{ display: none;}
}

@media screen and (max-width:540px){
    .umCommPop .umFormBox .umInput.vcode{width: calc(100% / 1 - 0px);}
				.PostBox.about{ padding-top: 20px;}
    .PostBox.about .text{ width: 100%}
    .PostBox.about .img{ width: 100%; margin: 0;padding:0px;}
    .PostBox.about .img img{ max-width: 100%; max-height: inherit;}
}

@media (max-width: 480px){
    .umCommPop .umFormBox .umInput.umFormBtn{margin-left:0px;}
.umBnBg p{ width:80%;}
.umBnBg p.tit{ font-size:20px; line-height:26px;}
.umArtBox .PostNews li{ font-size: 0}
.PostNews li .postImg{ width: 35%; float: none; display: inline-block;vertical-align: middle;}
.PostNews li .postInfo{ width: 65%; padding: 0px 0px 0px 15px; display: inline-block; vertical-align: middle}
.PostNews li .postInfo .text{ margin: 8px 0 2px 0; max-height: 44px; display: none} 
.PostNews li .postInfo .fot{padding-top: 4px;}
.owl-carousel.bnOwl .text h4{font-size: 20px;}
}
.video{display: block;width: 100%;height: auto;-o-object-fit: fill;object-fit: fill;}
/*骞荤伅*/
        .on{
            color: #fff;
        }
        .wrapper{
            width: 200px;
            height: 200px;
            position: absolute;
            left:50%;
            top:50%;
            margin-top: -100px;
            margin-left: -100px;
        }
        .wrapper .timebox{
            position: absolute;
            width: 200px;
            height: 200px;
            top: 0;
            left:0;
            border-radius: 100%;
            transition: all 0.5s;
        }
        .timebox span{
            transition: all 0.5s;
            float: left;
        }
        .wrapper  .timebox span{
            position: absolute;
            left:50%;
            top:50%;
            width: 40px;
            height: 18px;
            margin-top: -9px;
            margin-left: -20px;
            text-align: right;
        }
/*鐖卞績*/
.video-container {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position:fixed;
}