@charset "utf-8";
/*
Theme ID: UM005
Author: umTheme
Author URI: http://www.umTheme.com/
*/
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%; font-style: normal;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x : hidden ; }
body{background: #f3f5f8;color: #2D2D2D;font-size:14px;line-height:1.42857143;font-family:"PingFang SC",Helvetica,Arial,sans-serif;overflow-x:hidden;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}
.index body{background: #f8f8f8;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:#2D2D2D;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
input,select,textarea{outline:none;}
a:hover,a:focus{color:#00ADA7;text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
.artMain:before,.artMain:after,.articles:after,.articles:before,.postNav:before,.postNav:after,.container:after,.container:before,.umArtBox:before,.umArtBox:after{content: " ";display: table;}
.container:after,.articles:after,.postNav:after,.artMain:after,.umArtBox:after{clear: both;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; }
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white  inset !important;} 
input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
html.index,.index body{position: relative;}

.section.about{background-color:#F8F9FA}
.section.adv{background-color:#FFFFFF}
.section.product{background-color:#F8F9FA}
.section.team{background-color:#FFFFFF}
.section.news{background-color:#F5F6F8}
.section.partner{background-color:#FFFFFF}
/*----------- container -----------*/
.wrap{ overflow: hidden; display: block; min-height: calc(100vh - 375px);}
.container{margin:0 auto;max-width:1280px;padding:0 10px;}

/*----------- 头部 -----------*/
.header{ padding-top:60px;}
.header .headerNav{position:fixed;width:100%;float:left;background-color:#ffffff; z-index:890;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 10px rgba(22,22,22,0.1); top:0; left: 0}
.header.fixedOut .headerNav{ top: -160px;}
.header.fixedIn .headerNav{ top: 0px;}
.header .headerNav.fixed{background-color:#ffffff; opacity:1}
.header .logo{ position:absolute;font-size:0px; height:40px; overflow: hidden; display: block; text-indent: -20000em; width: auto;background-size: 100% 100%; top:50%; margin-top:-20px;}
.header .logo a{display: block; color: #999; }
.header .logo .logob{ display: none}
.logo img{ height:40px;}
.header .container{ overflow:visible}

.header.opaque {padding-top:0px;}
.header.opaque .headerNav{background-color:transparent;box-shadow:0 0 10px rgba(22,22,22,0)}
.header.opaque .headerNav.fixed{background-color:#fff; opacity:1;box-shadow:0 0 10px rgba(22,22,22,0.1);}
.header.opaque .navbar a,.header.opaque .navbar i{ color: #FFFFFF; opacity: 0.8}
.header.opaque .navbar li.active > a,.header.opaque .navbar li.active i{color:#FFFFFF; opacity: 1}
.navbar li.on > a{ color: #fff;}
.header.opaque .navbar li:after{ visibility: hidden; opacity: 0}
.header.opaque .fixed .navbar li:after{ visibility:visible; opacity: 1}
.header.opaque .headerNav.fixed .navbar a,.header.opaque .headerNav.fixed .navbar i{ color: #1d1d1d; opacity: 1}
.header.opaque .headerNav.fixed .navbar .active a, .header.opaque .headerNav.fixed .navbar .active i{color:#00ADA7;}
.header.opaque .headerNav.fixed .navbar li.active > a,.header.opaque .headerNav.fixed .navbar li.on > a,
.header.opaque .headerNav.fixed .navbar li.on i,
.header.opaque .headerNav.fixed .navbar li.active > i,.header.opaque .headerNav.fixed .navbar li.on > i{color: #00ADA7;}
.header.opaque .logo .logoa,.header.opaque .headerNav.fixed .logo .logob{ display: none}
.header.opaque .logo .logob,.header.opaque .headerNav.fixed .logo .logoa{ display: block}
.header.noOpaque .navbar a{ line-height: 60px;}

/*导航栏*/
.navbar{ float:right;}
.navbar li{display: block; float: left; margin:0px 0px; position: relative; min-width:50px; text-align: center; padding:0px 15px; }
.navbar a{display:inline-block;-moz-osx-font-smoothing: auto;line-height:80px;font-size:15px; color:#1d1d1d;}
.navbar i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; margin-left:4px;vertical-align: -2px;}
.headerNav.fixed .navbar a{ line-height:60px;}
.headerNav.fixed .navbar>li>ul>li>a{ line-height:40px;}
.navbar li.active>a, .navbar li.on>a,.navbar li.active > em i, .navbar li.on > em i{color:#00ADA7;}
.navbar li:after{background:#00ADA7;content:"";height:1px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:-1px;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar li.active:after,.navbar li:hover:after{width:60%;}
.navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0.3s;}
.navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;}

#navBox>div>ul>li:hover>ul{top:100%;filter:alpha(opacity=100)!important;opacity:1!important;max-height:inherit;visibility: visible!important;}
#navBox>div>ul>li>ul{position:absolute;width:180px;top:130%;left:50%; transform: translateX(-50%); text-align:center;padding:10px 0; z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:all .3s ease;-o-transition:top .3s ease;transition:all .3s ease; max-height:auto;box-shadow:0 10px 16px 0 rgba(0,0,0,0.03); background: #fff; border-top: 1px solid #666; visibility: hidden}
#navBox>div>ul>li.on>ul{ visibility: visible}
#navBox>div>ul>li>ul>li a{float:none;display:block;padding:0px 0px 0px;color:#666;font-size:14px; text-align:center; line-height:42px;opacity: 1}
#navBox>div>ul>li>ul>li:after{ display:none}
#navBox>div>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;}
#navBox>div>ul>li>ul>.on a{color:#2d2d2d!important;}
#navBox>div>ul>li>ul>li.active a{}
#navBox>div>ul>li>ul>li.on>a{color:#fff}
#navBox > div > ul > li > ul >li ul li{width: 100%;}
#navBox > div > ul > li > ul >li ul li a{ font-size:14px;opacity: 0.6 }
#navBox > div > ul > li > ul >li ul li.on:after,#navBox > div > ul > li > ul >li ul li:hover:after{display:none}
#navBox > div > ul > li > ul >li em{position: absolute; right:10px; top:10px;}
#navBox > div > ul > li > ul >li ul.sub2{visibility:hidden; opacity:0; display:none; left:-160px; transform:none;position: absolute;background: #fff;box-shadow: 0 10px 16px 0 rgba(0,0,0,0.03); padding:10px 0; width:160px}
#navBox > div > ul > li.on > ul >li.on ul.sub2,#navBox > div > ul > li:hover > ul >li.on ul.sub2{ right:-160px; left:auto; top:0; visibility:visible; opacity:1; display:block;}
#navBox > div > ul > li > ul >li.on ul.sub2 a:hover{opacity:1 }
#navBox > div > ul > li:last-child.on > ul >li.on ul.sub2,#navBox > div > ul > li:last-child:hover > ul >li.on ul.sub2{right:auto; left:-160px;}
.fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;}

/*--------searchForm--------*/
.searchPup{position:relative;margin-top:0; float:none}
.searchPup form button{position:absolute;right:0px;top:0px;color:#fff;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer; width:50px; height:35px; background:#00ADA7; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.searchForm {height:35px; position:relative;display:block;}
.search-btn,.sbtn{position:fixed;right:58px;top:18px;color:#FFFFFF;background:none;border:none;padding:0;margin:0;line-height:normal;font-weight:300;outline:0;cursor:pointer; z-index:890;opacity:0.65}
.searchPup form input,.searchBox .searchPup form input{width:100%;border-radius:3px;border:1px solid #eaeaea;font-size:14px;padding:6px 60px 6px 10px;background:#fff;height:35px;outline:0}
.searchPup span{ color:#999; font-size:12px; margin:10px 0 3px; display:block; clear:both;}
.fixed .sbtn,.fixed .searchBox,.header.noOpaque .sbtn{ color: #1d1d1d}
a.search-btn{ display:none;}
.sbtn{ position:inherit; float:right; height:80px; line-height:80px; border-radius:1000px; text-align:center;margin-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=65)!important;opacity:0.65!important;}
.sbtn i{ font-size: 18px;}
.fixed .sbtn,.header.noOpaque .sbtn{margin-top:0px; height:60px; line-height:60px;}
.sbtn:hover{filter:alpha(opacity=100)!important;opacity:1!important;}
.searchBox{ position:fixed; left:50%;top:48%; width:400px; background:#fafafa; transform:translate(-50%,-50%); margin:0; padding:30px;border-radius:3px;visibility:hidden; opacity: 0; z-index: 999}
.searchBox.in{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1; visibility:visible; z-index:1001; opacity: 1}
.schList{ font-size:0; display:block; margin:3px -3px -3px -3px;}
.schList li{ display:inline-block; height:24px; line-height:24px; margin:3px;}
.schList li a{ font-size:14px; background:#eee; width:100%; display:block;padding:0 10px; border-radius:3px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.schList li a:hover{background:#00ADA7; color:#fff;}

.mask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:890; display:none;}
.cursor {width: 15px;height: 15px;background-color:#bbb;border-radius: 50%;position: absolute;top: -5px;left: -5px;-webkit-transition: none;transition: none;Pointer-events: none;z-index: 9999999999; opacity: .6;}
.title { padding:0 0 25px; position: relative; font-size: 0;}
.title .tit{ font-size:30px; font-weight:600; display: inline-block; position: relative;}
.title .titSub{ display: block; clear: both; font-size: 16px; opacity: .5;text-transform:capitalize;margin-top: 2px; font-family: Arial;}
.btn{ margin-top: 30px; font-size: 0;}
.btn a{ font-size: 14px; display:inline-block; border: 1px solid #2d2d2d; color: #2d2d2d; overflow: hidden; background: transparent; padding:0px 16px; text-align: center; min-width: 116px; line-height: 38px; font-weight: 400;position:relative;}
.btn a span{position: relative;z-index:1;-webkit-transition: all .6s;transition: all .6s;}
.btn a:hover{ color: #fff;}
.btn a:after{content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: 100%;background: #2d2d2d;border-radius: 0 0 100% 100%/0 0 100% 100%;-webkit-transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);}
.btn a:hover:after{bottom: -10px;border-radius: 0;}
.btn.en{ position: absolute; opacity: .5;bottom: 25px;right: 25px;}
.btn.en a,.btn.en .link{ border: none; width: auto; display: inline-block; height:20px; line-height: 20px; min-width: auto; font-weight: normal; padding: 0 16px 0 0;text-transform:uppercase; font-size: 13px; font-family: Arial;-webkit-transition:none;-o-transition:none;transition:none; position: relative;}
.btn.en a:after{ display: none;}
.btn.en a:before,.btn.en .link:before{content: "\EA6C";font-size: 12px; font-family: remixicon; position: absolute; right: 2px; top:3px; height: 15px; line-height: 15px;}
.btn.en a:hover,.btn.en .link:hover{ color: #2D2D2D;} 
.btn.en a:hover:before,.box li a:hover .btn.en .link:before{-webkit-animation: fadeInUp .5s ease-out alternate;animation: fadeInUp .5s ease-out alternate;-webkit-animation-delay: 0s;animation-delay: 0s;}
.card li .img,.articles li .img,.swiper-lazy,.sidebar .widget.umhtml1 ul li .img{background-color: #e8ecf1;background-image: url(images/lay.gif);background-size: 30px;background-position: center;background-repeat: no-repeat;}
.wrap li .time{ display: inline-block;font-family: Arial;}
.wrap li .time span{font-size: 14px;display:block;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.wrap li .time span.day{font-size: 24px; line-height: 26px; display: inline-block;color: #8d909a;}
.wrap li .time span.yer{color:#8d909a}
.wrap .meta{color:#8d909a;padding-top: 10px;text-overflow: ellipsis;white-space: nowrap;position: relative;overflow: hidden; font-size: 0;}
.wrap .meta span a{width: auto!important; color: #8d909a; display: inline-block!important;}
.wrap .meta span{ display: inline-block;font-size: 12px; margin-right:8px;}
.wrap .meta span:last-of-type{ margin-right: 0;}
.wrap .meta span:before{font-family: remixicon !important;font-style: normal;-moz-osx-font-smoothing: grayscale; vertical-align:-2px; margin-right: 2px; display: inline-block;}
.wrap .meta span.view:before{content: "\ECB5";}
.wrap .meta span.comm:before{content: "\EF46";}
.wrap .meta span.cate:before{content: "\ED9E";}
.wrap .meta span.date:before{content: "\F20F";}
.wrap .meta span.author:before{content: "\EA09";}
.text .intro mark,.text h4 strong{color: #00ADA7;}
.text .intro mark{font-weight: normal; background: none;font-style:normal;}
.card .text .meta{ position: absolute; font-size: 12px;line-height: 18px; bottom: 22px; left: 25px;right: 25px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.swiperPage i{ width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 18px; font-family:remixicon;display: inline-block; background: #2D2D2D; border-radius: 100px; margin-left: 10px; color: #fff; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.swiperPage i.disabled,.swiperPage i:hover.disabled{cursor: default; background: #DEDEDE;}
.swiperPage i:hover{ background: #00ADA7;}
.swiperPage i.prev:before{content: "\ea64";}
.swiperPage i.next:before{content: "\ea6e";}

.umTab{position: absolute; top: 10px; right: 0;padding-right: 60px;}
.umTab li a{ position: absolute; right: 0; top: 0; font-size: 14px; opacity: 0; visibility: hidden;}
.umTab li.active a{ opacity: 1; visibility: visible;}
.umTab li a::after{content: "\EA6E"; font-family:remixicon; display:inline-block; vertical-align:-2px;}
.umTab li{margin-left: 16px; cursor:pointer; display: inline-block;}
.umTab li h3{font-size: 14px; font-weight: normal;-moz-osx-font-smoothing: auto; position: relative;}
.umTab li.active h3:after{ content: "\EA4D";position: absolute; bottom:-12px; left: 50%; margin-left: -10px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-family: remixicon;}
.umCon{display: none;}
.swiper-slide .img{font-size: 0; position: relative;overflow: hidden;}
.swiper-slide .img a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.swiper-slide .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.swiper-slide .img:after{ content: ''; padding-top: 75%; display: block;}
.swiper-slide .text h4{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.swiper-slide .text .intro{-webkit-line-clamp: 3;}
.swiper-container-horizontal > .swiper-pagination-progress{ width: 150px; height: 2px; top: auto; bottom: 0px; left: 50%; margin-left: -75px; background: #DEDFE6; border-radius: 10px;overflow: hidden;}
.swiper-pagination-progress .swiper-pagination-progressbar{background: #2d2d2d;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.swiper-container-fade .swiper-slide{ opacity: 0!important;}
.swiper-container-fade .swiper-slide-active{opacity: 1!important;}
.swiper-container-vertical > .swiper-scrollbar{ width:2px;}

.banner .swiper-slide .img img,.swiper-container.banner .item video{visibility: visible !important;-webkit-transition:none;-o-transition:none;transition:none;}
.banner .swiper-slide .img:after{padding-top: 48%;}

/*首页模块*/
.section{ padding: 80px 0 90px; overflow: hidden}
.section.about,.section.diy{ padding: 80px 0;}
.section .intro{ font-size: 14px; line-height: 2; color: #666976;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*幻灯片*/
.banner .text{ max-width: 1260px; width: 100%; position: absolute; left: 50%; top:50%;  transform: translate(-50%,-50%);color:rgba(255,255,255,.8);font-size: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; text-align: center;z-index: 4;display: flex;flex-wrap: wrap;flex-direction: column;-moz-osx-font-smoothing: auto;}
.banner .text a{color:rgba(255,255,255,.8);}
.banner .text h4{ font-size: 34px; color: #fff;font-family:Arial;font-weight: 600;}
.banner .text p,.banner .text h4{max-width: 680px; padding: 0 30px;margin: 0 auto;}
.banner .text p{ margin: 20px auto; line-height: 1.8; font-size: 14px;}
.banner .text .btn{ margin-top: 20px;}
.banner .text .btn a{font-size: 16px; height: auto;}
.banner .text .btn a,.banner .text .btn a:hover{border: 1px solid #00ADA7;background:#00ADA7;color: #fff;}
.banner .text .btn a:after{background:#00ADA7}
.banner .text a em{ position: relative; z-index: 1; font-style: normal}
.banner .text .bnLink{ position:absolute; width:100%; height:100%; left:0; top:0;}
.banner .tl .text,.banner .tr .text{ text-align: left;max-width: 1260px}
.banner .tl .text{align-items: flex-start;}
.banner .tr .text{ text-align: right;align-content: flex-end;justify-content: flex-end;align-items: flex-end;}
.banner .tl .text h4,.banner .tl .text p,.banner .tr .text h4,.banner .tr .text p{max-width: 620px; padding-right: 20px; padding-left: 0;margin-left: 0;margin-right: 0;}
.banner .tr .text h4,.banner .tr .text p{padding-right: 0px; padding-left: 20px;}
.swiper-container.banner{width: 100%;background: #000;}
.swiper-container.banner .item{ width:100%; height:100%; display:block;}
.swiper-container.banner .item video{width:100%; height:100%;object-fit: cover;position:absolute;left: 0; top: 0;z-index: 1;}
.swiper-container.banner .item .vMask{position:absolute;width:100%; height:100%; left: 0; top: 0; z-index:3;background:rgba(0,0,0,.5);}
.swiper-container.banner .umlink{width:100%; height:100%; display:block;position:absolute;z-index: 3;}
.swiper-container.banner .img{ width:100%; height:100%; position: relative; z-index:2;display:block; background-position:center center; background-size:cover;}
.swiper-pagination-bullet{ width: 6px; height: 6px; position: relative; padding:0px;}
.swiper-pagination-bullet:after{ width: 14px; height: 14px; content: " "; position:absolute; z-index: 1; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; border: 0px #fff solid; border-radius: 100px; transform: scale(0);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{border: 1px #00ADA7 solid; opacity: .5; transform: scale(1)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 10px 0;}
.swiper-container-vertical > .swiper-pagination-bullets{ right: 20px;}
.swiper-pagination-bullet-active{background:#00ADA7; }
.banner .swiper-pagination-bullet:after{ display: none}
.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;}
.banner .swiper-pagination-bullet{width:28px; height: 28px; line-height: 26px; text-align: center; border-radius: 100px; opacity: .5; border: 1px solid rgba(255,255,255,.0);background: rgba(255,255,255,1); color: #fff; transform: scale(.2);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: scale(1);border: 1px solid rgba(255,255,255,.8); opacity: .8; background: rgba(255,255,255,0); }
.banner .swiper-pagination-bullet i{opacity: 0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active i{ opacity: 1;}
.bannerNav.swiper-pagination-bullets{ bottom: 30px; max-width: 1260px; left: 50%; transform: translateX(-50%)}

@keyframes fadeInUpCn{0%{opacity:0;transform:translate3d(0,100%,0) translateX(0%)}to{opacity:1;transform:translate3d(0,0,0)  translateX(0%);}}.fadeInUpCn{animation-name:fadeInUpCn}

/*关于我们*/
.section.about .box{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;}
.section.about .box .img{width: 416px;-ms-flex-negative: 0;flex-shrink: 0;font-size: 0;}
.section.about .box .imgBox{position: relative;}
.section.about .box .imgBox img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover;}
.section.about .box .imgBox:after{ content:''; padding-top: 100%; display: block;}
.section.about .box .text{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding:0 0 0 54px;min-width: 0;}
.section.about .box .textBox{-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0;}
.section.about .btn a{background-color:#F8F9FA}

/*实力*/
.PostSl{ font-size: 0; display: block; width: 100%; padding: 30px 0 0px 0}
.PostSl li{ min-width:130px;display: inline-block;vertical-align:top; border-right: 1px solid rgba(216,216,216,.5); padding: 0 30px 0 20px; text-align: left;}
.PostSl li:first-child{ padding-left: 0; min-width: calc(130px - 40px);}
.PostSl li:last-child{ border: none; min-width: auto; padding-right: 0;}
.PostSl li p{ padding-left:0px;}
.PostSl li .slNumber{ font-size:36px; display: block;font-family:'Arial'; line-height:30px; margin-bottom: 10px;}
.PostSl li .slTitle{ font-size: 12px;opacity: .6;padding-top:0px;}
.PostSl li .slNumber span{position: relative; display: inline-block; padding-right: 20px;}
.PostSl li .slNumber em{ position: absolute; font-size: 12px; top:0px; right: 0px; line-height: normal;opacity: .6;}

/*优势/服务*/
.adv .swiper-container{width: 100%; z-index: 1;padding-top: 8px;}
.adv .advPic .swiper-slide:after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #37393B6F;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.adv .advPic .swiper-slide:before{content: ''; position: absolute;left: 30px; top: 30px; right: 30px; bottom:30px;border: 1px solid #fff; opacity: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.adv .swiper-slide a{position: absolute; width: 100%; height: 100%; left:0px; top:0px; z-index: 2; }
.adv .advPic .swiper-slide:hover:after{background-color: #15A1BDC2;}
.adv .advPic .swiper-slide:hover:before{ left: 6px; right: 6px; top:6px; bottom: 6px; opacity: 0;}
.adv .advPic .swiper-slide .img:after{ content: ''; padding-top: 135%; display: block;}
.adv .advPic .horizontal .swiper-slide .img:after{ padding-top: 75%;}
.adv .advPic .square .swiper-slide .img:after{ padding-top: 100%;}
.adv .advPic .swiper-slide .img img{mix-blend-mode: soft-light;}
.adv .advPic .swiper-slide:hover .img img{-webkit-filter: blur(6px);filter: blur(6px);transform: scale(1.1);}
.adv .advPic .swiper-slide .text{ position: absolute; padding: 20px; width: 100%; text-align: center; top:50%; transform: translateY(-50%); color: #fff;z-index: 1;}
.adv .swiper-slide .text h4{ font-size: 18px; font-weight: 600;-webkit-line-clamp: 1;}
.adv .swiper-slide .text .intro{ opacity: 0; margin-top: 6px; max-height: 0; line-height: 1.6; -webkit-line-clamp: 4;-moz-osx-font-smoothing: auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.adv .advPic .horizontal .swiper-slide .text .intro{-webkit-line-clamp: 3;}
.adv .advPic .swiper-slide:hover .text .intro{ opacity: .8; max-height:88px;color: #fff;}
.adv .swiperPage{ position: absolute; right: 0; top: 10px;}
.advPage{ display: none;}

.adv .advIcon .swiper-slide{ background: #F8F9FA; text-align: center; padding:25px 20px; height: auto;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.adv .advIcon .swiper-slide .icon{ font-size: 0; margin-top: -5px; margin-bottom: 10px;}
.adv .advIcon .swiper-slide .icon i{ font-size: 42px;}
.adv .advIcon .swiper-slide:hover{background: #15A1BDC2; color: #fff;}
.adv .advIcon .swiper-slide .text .intro{opacity: 1; font-size: 14px;line-height: 1.6; margin-top: 10px; max-height: none;color: #666976;-moz-osx-font-smoothing: grayscale;}
.adv .advIcon .swiper-slide:hover .text .intro{color: #ffffff;}

/*产品展示*/
.product .square .swiper-slide .img:after{ padding-top: 100%;}
.product .swiper-slide{ overflow: hidden;}
.product .swiper-slide .img img{filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.product .swiper-slide .img a:before{ content: ''; width: 100%; height:40%; left: 0; bottom: -101%; display: block;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(transparent));background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); opacity: 0; position: absolute; z-index: 1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.product .swiper-slide:hover a:before{opacity: 1;bottom: 0;}
.product .swiper-slide .img{background-color: #ededed;/* -webkit-box-shadow: 0px 40px 30px -40px rgba(0, 0, 0, 0.3);box-shadow: 0px 40px 30px -40px rgba(0, 0, 0, 0.3); */}
.product .swiper-slide.swiper-slide-active .img img{filter: grayscale(0%);-webkit-filter: grayscale(0%); opacity: 1;}
.product .swiper-slide .text{ position: absolute; text-align: center; color: #fff; width: 100%; padding: 0 20px; opacity:0; bottom: -100%; z-index: 2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.product .swiper-slide:hover .text{bottom: 15px;opacity:1;}
.product .swiper-slide .text h4{ font-size: 16px; font-weight: 600;}
.product .swiper-slide .text h4 a{ color: #fff;}
.product .swiper-slide .text .intro{ font-size: 12px; margin-bottom: 10px;}
.product .swiper-container{ padding: 10px 0 42px;}
.product .sSwiper .swiper-slide .img:after{ padding-top: 100%;}
.product .vSwiper .swiper-slide .img:after{ padding-top: 135%;}

/*团队介绍*/
.team .swiperBox{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row; margin-top: 10px;}
.team .swipeTeamText{ padding:0 54px 0 0; position: relative; width: 100%;}
.team .swipeTeamText.swiper-container-fade .swiper-slide .text{ padding-left: 160px; position: relative;}
.team .swipeTeamText.swiper-container-fade .swiper-slide .text:before{content: "\EC51"; position: absolute; left: -10px; bottom: -3px;font-family:remixicon;font-size: 130px;line-height:76px; color:#DEDFE6; opacity: .5;}
.team .swiper-slide .text h4{ font-size: 18px;}
.team .swiper-slide .text .intro{ margin-top: 15px;}
.team .swiper-slide .img{ border-radius: 100%;}
.team .swiper-slide .img:after{ padding-top: 100%;}
.team .swipePic{width: 254px;-ms-flex-negative: 0;flex-shrink: 0;font-size: 0;}
.team .swipeFlex{ padding: 0 54px;position: relative;}
.team .swiperPage{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.team .swiperPage i{top: 50%; margin: -12px 0 0 0;position: absolute;}
.team .swiperPage .prev{left: 0; }
.team .swiperPage .next{right: 0;}

/*自定义模块*/
.diy{ position: relative; background: #282828;}
.diy .diyPic{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1;background-attachment:fixed}
.diy .diyPic:after,.diy .diyPic:before{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:#000; opacity: .5;mix-blend-mode: darken;}
.diy .diyPic:before{ width:33.333%; background:#3690BF;mix-blend-mode:screen;opacity: .4;}
.diy .box{ position: relative; z-index: 2;}
.diy .box .text{ width: 100%; max-width: 50%; background: #fff; padding:35px 40px;box-shadow: 0 15px 25px rgba(0,0,0,.3);}
.diy .box .intro{-webkit-line-clamp: inherit;}
.diy .box .intro p{ margin:0 0 12px 0;}
.diy .box .intro h1,.diy .box .intro h2,.diy .box .intro h3,.diy .box .intro h4{ font-weight: 600; line-height: 1.6; margin-bottom: 6px; color: #686868;}
.diy .box .intro h1{ font-size: 22px;}
.diy .box .intro h2{ font-size: 20px;}
.diy .box .intro h3{ font-size: 18px;}
.diy .box .intro h4{ font-size: 16px;}
.diy .btn.en{ position: static; text-align: right; opacity: 1;}
.diy .box .swiperScroll{ width: 100%; height: 100%; max-height: 200px;padding-right:20px; padding-bottom: 10px;}
.diy .box .swiperScroll:after{ content: ''; width: 100%; height: 20px; position: absolute; display: block; left: 0;bottom: 0;background: #FFFFFF;background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #FFFFFF);background: linear-gradient(to bottom, rgba(255,255,255,0), #FFFFFF); z-index: 1;}
.diy .box .swiper-slide{ height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.diy.empty .box{ min-height: 268px;}
.diy.empty .diyPic:before{ display: none;}
.diy.empty .play{margin-top: -38px;margin-right: -38px;}

.play{width:76px; height:76px;line-height:78px;position: absolute;top: 50%;right: 50%; margin-top:-38px;margin-right:-304px;background-color:rgba(255,255,255,8.5);border-radius: 100%; text-align: center;z-index: 1}
.play a{width:100%; height:100%;display:block; position: relative; z-index: 1;}
.play .icon{width:76px; height:76px;}
.play .icon:before{content: "\F00A";font-size: 26px;transition: .3s all ease-in-out;position: relative;z-index: 1;color:#00ADA7;font-family:remixicon;-webkit-animation: videoFont 1500ms ease-out infinite;animation: videoFont 1500ms ease-out infinite;}
.play .zoom:before,.play:before{content: "";position: absolute;z-index: 0;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: block;width:48px;height: 48px;background:#00ADA7;border-radius: 50%;-webkit-animation: videozoom 1500ms ease-out infinite;animation: videozoom 1500ms ease-out infinite;}
.play:before{ background: #fff; width: 72px; height: 72px;}
.play .icon:after {position: absolute;content: '';border-radius: 100%;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;opacity: 0;transition: .3s all ease-in-out;transform: scale(.5);background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0979 0%, #ff6a00 100%) repeat scroll 0 0;background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee0979 0%, #ff6a00 100%) repeat scroll 0 0;}
@-webkit-keyframes videozoom {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}}
@keyframes videozoom {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}}
@-webkit-keyframes videoFont {0% { color: #fff;}100% { color:#00ADA7;}}
@keyframes videoFont {0% { color: #fff;}100% { color:#00ADA7;}}


/*新闻资讯*/
.news .card{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.news .card li{ /* height: 252px; */width:50%;padding:8px;}
.news .card li a{ background: #fff; padding:25px 25px 68px 25px; display: block; color: #2D2D2D;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;height: 100%;position: relative;}
.news .card li a:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.05);}
.news .card li h4{ margin-top: 20px; font-size: 18px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.news .card li .intro{line-height: 24px; margin-top: 14px; height: 48px;-webkit-line-clamp: 2;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.news .card li.pic{ width: 100%; background: #fff; position: relative; padding: 0;}
.news .card li.pic .text{ margin-top: 25px; display:inline-block; width: 100%;}
.news .card li.pic .img{ position: relative;}
.news .card li.pic .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.news .card li.pic .img:after{ content: ''; padding-top: 68%; display: block;}
.news .card li.pic a{ background: none; height:100%}
.news .cardBox{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:4px -8px 0;}
.news .cardBox .card.frist{ width: 33.333%; padding:8px;}
.news .cardBox .card{ width:66.666%;font-size: 0;}
.news .card li.pic .btn.en,.news .card.frist li.pic .btn.en{ position: absolute; bottom: 25px; right: 25px;}
.news .cardBox .card.auto{ width: 100%;}
.news .cardBox .card.auto li{width: 33.333%;}

/*合作伙伴*/
.partner .list{ margin-top: 10px;}
.partner .list li{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; font-size: 0; border-bottom: 1px solid #ECEDF2;}
.partner .list li .img a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.partner .list li:first-child{border-top: 1px solid #ECEDF2;}
.partner .list li .img{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;text-align: center;border-right: 1px solid #ECEDF2; position: relative;}
.partner .list li .img .anim{width: 100%;padding:60px 15px;}
.partner .list li .img img{max-width: 150px;margin: auto;position: relative;-webkit-transition: all .4s;transition: all .4s;filter: grayscale(100%);-webkit-filter: grayscale(100%);width: 100%;}
.partner .list li .img:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.partner .list li .img:last-of-type{border-right: 0;}
.partner .list li .img:first-of-type{border-right: 1px solid #ECEDF2;}

/*----------- crumb -----------*/
.crumb{padding:20px 0 0; height:40px; clear:both;overflow: hidden;display:none;}
.crumb .container{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumb.show{display: block; }
.crumb a{ display: inline-block;}
.crumb i{ display: inline-block; vertical-align: middle; font-size: 12px; margin: 0 5px; opacity: .3;position: relative;}

/*列表*/
.articles { position:relative; margin:35px 0}
.articles ul{margin-right: -16px; font-size: 0;display: flex;flex-wrap: wrap;}
.articles ul.noArr { margin: 8px 0 0 0;}
.articles ul.noArr li{ width: 100%; margin: 0; padding: 100px 0 120px; text-align: center;display: inline-block;}
.articles ul.noArr li p{ font-size: 16px; opacity: .15; font-weight: 400;}
.articles ul.noArr li img{ max-width: 300px; margin: 0 auto; display: block;}
.articles ul.noArr li:after{ display: none;}
.articles li{width: calc(100% / 4 - 16px);margin:8px 16px 8px 0; display: inline-block; overflow: hidden;-webkit-transition:box-shadow 0.3s ease-in-out;-o-transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out; text-align:center;vertical-align: top;background: #fff;}
.articles .two li{width: calc(100% / 2 - 16px);}
.articles .three li{width: calc(100% / 3 - 16px);}
.articles li:hover{box-shadow: 0 10px 20px rgba(0,0,0,.05);}
.articles li .img{ overflow: hidden; position: relative;}
.articles li .img a{ position: relative; display: block;}
.articles li .img a:after{ content: ''; padding-top: 75%; display: block;}
.articles .square li .img a:after{ padding-top: 100%;}
.articles .vertical li .img a:after{ padding-top: 135%;}
.articles li .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.articles li:hover .img img{transform: scale(1.05);}
.articles li .text a{display: block;}
.articles li .text .textBox{padding: 20px 20px 22px;}
.articles li .text h4,.articles li .text .subTit,.articles li .text .intro{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.articles li .text .intro{-webkit-line-clamp:2; padding-top: 3px;}
.articles .two li .text .intro,.articles .three li .text .intro{-webkit-line-clamp:3;}
.articles li .text .subTit,.articles li .text .intro{font-size: 14px; color:#666976;}
.articles li .text h4{ font-size: 16px; line-height: 1.6; font-weight: 500;}
.articles li .text .subTit{color:#666976; margin-top: 5px;}
.articles li .text .subTit mark{ background: none; color:#00ADA7;font-style: normal; font-weight: normal;}

/*左图右文字列表*/
.articles.list ul{margin-right: 0px;}
.articles.list li{width: 100%!important;margin:8px 0;padding:20px; text-align: left; position:relative; display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;}
.articles.list li:last-of-type{ margin-bottom: 0;}
.articles.list li .img{width: 200px;height: auto;position: relative;font-size: 0;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.articles.list li .text{font-size: 16px;line-height: 1.7;min-width: 0;overflow: hidden;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding:0 115px 0 25px;}
.articles.list li .text:after{ content: ''; width: 1px; position: absolute; right: 110px; top: 20px; bottom: 20px; background-color: #ECEDF2;opacity: .6;}
.articles.list li .text .textBox{padding: 0; width: 100%;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.articles.list li .text h4{font-size: 18px;}
.articles.list li .text .intro{margin-top:10px;-webkit-line-clamp: 3;}
.articles.list li .text .tag{ margin-top: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666976;}
.articles.list li .text .tag a{display: inline-block; font-size: 13px;color: #666976; padding: 0 8px; height: 24px; line-height: 24px; background: #f3f5f8; margin-right: 5px;}
.articles.list li .text .tag a:hover{color: #fff; background: #2d2d2d;}
.articles.list li .time{ width: 80px; text-align:center; position: absolute; top: 50%; margin-top: 2px; right: 20px; transform: translateY(-50%);}
.articles.list li .time span.day{ font-size: 48px;line-height: 42px;}
.articles.list .square li .text h4,.articles.list .vertical li .text h4{font-size: 22px;}
.articles.list .square li .text .intro,.articles.list .vertical li .text .intro{-webkit-line-clamp:5;}
.articles.list .square li .text.tag .intro,.articles.list .vertical li .text.tag .intro{-webkit-line-clamp:3;}

/*资讯卡片列表*/
.articles.card li{text-align:left; position: relative; padding-bottom: 40px;}
.articles.card li .text .textBox{padding: 23px 25px 16px;}
.articles.card li .text h4{ font-weight: 500;}
.articles.card li .text .intro{margin-top: 5px; line-height: 1.6;}
.articles.card li .time{ margin-bottom: 10px;}
.articles.card li:after{ content: ''; width: 0; height: 1px; background: #2D2D2D; position: absolute; left: 0; bottom: 0; opacity: 0; -webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.articles.card li:hover:after{ width: 100%; opacity: 1;}

/*带侧栏*/
.aside.shop{ background: #fff; margin-top: 20px;}
.aside.shop.mt{ margin-top: 0; }
.aside.shop .umArtBox{ margin: 50px 0;}
.row{margin: 40px 0;}
.rowBox{padding-right: 325px;position: relative;float: left;width: 100%;}
.rowBox .articles{ margin:0;}
.rowBox .articles.list .square li .text .intro{-webkit-line-clamp:3;}
.rowBox .articles.list .vertical li .text .intro{-webkit-line-clamp:6;}

.rowLeft .rowBox{padding-left: 325px; padding-right: 0; float: right;}
.rowLeft .sidebar{float: left;margin-right: -300px; margin-left: 0;}

/*搜索页面*/
.search .articles li .text .subTit{-webkit-line-clamp:2;line-height: 1.6;}

/*内容*/
.artUm{ line-height:1.8;font-size: 15px;color: #666976; display: block; clear: both;}
.artUm h1,.artUm h2, .artUm h3, .artUm h4, .artUm h5{margin:10px 0;font-weight:500; position:relative;}
.artUm h1{font-size:22px;line-height:2.2;}
.artUm h2{font-size:20px;line-height:2;}
.artUm h3{font-size:18px;}
.artUm h4{font-size:16px;}
.artUm h5{font-size:14px;}
/* .artUm h3:after,.sidebar .widget h3:after{content:'';height:1px; background: rgba(216,216,216,.5); position: absolute; display: block; right: 20px; left: 20px; bottom: 0px;}
.artUm h3:after{top:8px;} */
.artUm p{ margin-bottom:20px;}
.artUm p img{vertical-align: -8px;}
.artUm table{line-height:140%; max-width:100%; margin: 6px 0 20px;border-collapse: collapse;border-spacing: 0;}
.artUm table tr{background:rgba(255,255,255,.8);}
/* .artUm table tr:nth-child(2n){ background-color:#fafbfc;} */
.artUm td,th{margin:0;padding:15px;text-indent:0em;border: 1px solid rgba(216,216,216,.5);}
.artUm blockquote{width: 100%;background: #eee;border-left: 5px solid #dfdfdf;margin: 25px 0px;padding:15px 20px;}
.artUm blockquote p{margin:0px 0;padding:0;}
.artUm ol,.aarticle ol,.artUm ul,.aarticle ul{ padding-left:15px;}
.artUm ol li,.aarticle ol li,.artUm li, .aarticle li{list-style: inherit;}
.artUm p em{font-style: italic;}
.artUm .uml {float: left;max-width: 460px;}
.artUm .umr {padding-left: 20px;overflow: hidden;}
.artUm .umr h1,.artUm .umr h2, .artUm .umr h3, .artUm .umr h4, .artUm .umr h5{ margin: -5px 0 3px 0;}
.isVideo object, .isVideo video, .isVideo embed, .isVideo iframe {width: 100%;height: 100%;outline: 0;position: absolute;display: block;}
.artUm .isVideo{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;display: block;}
.indent.artUm p.isImg,.indent.artUm .isVideo{text-indent: 0;}
.indent.artUm p {text-indent: 2em;}
.indent.artUm p a{ color: #00ADA7;}

/*商品模块*/
.umArtBox{margin:40px 0px 20px; width: 100%;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;}
.umArtBox .umArtPicBox{width: 532px;margin-right: -532px;float: left;position: relative;margin-bottom: -1px;}
.umArtBox .swiper-slide .item{position: relative;}
.umArtBox .swiper-slide .item img{position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.umArtBox .swiper-slide .item .swiper-lazy-preloader:after{background-image: url(images/lay.gif);}
.umArtBox .swiper-slide .item .swiper-lazy{background-image:none}
.umArtBox .swiper-slide .item:after{content: " "; padding-top:75%;display: block;}
.umArtBox .swiper-pagination-bullet.swiper-pagination-bullet-active:after {display: none;}
.umArtBox .swiper-pagination-bullet{background:#fff;opacity:.5}
.umArtBox .swiper-pagination-bullet-active{opacity:1}
.umArtBox .swiper-lazy-preloader{width:32px;height:32px;}
.umArtBox.vertical .umArtPicBox{width: 296px;margin-right: -296px}
.umArtBox.vertical .swiper-slide .item:after{padding-top:135%;}
.umArtBox.vertical .umArtText{padding-left: 344px;}
.umArtBox.square .umArtPicBox{width: 399px;margin-right: -399px}
.umArtBox.square .umArtText{padding-left: 447px;}
.umArtBox.square .swiper-slide .item:after{padding-top:100%;}

.umArtText{padding-left: 580px;position: relative;float: right;width: 100%;position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;min-width: 0;}
.umArtText .umArtTit{ font-size: 26px; font-weight:600; margin-top: -5px;}
.umArtText .umArtSubTit{padding: 5px 0 0;color: #666976;}
.umArtText .umArtIntro{ margin-top: 20px; -ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0;}
.umArtText .umArtDes{line-height: 1.8;color: #666976;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;overflow: hidden;}
.umArtText .umArtTag{ margin-top: 15px;color: #666976;}
.umArtText .umArtTag ul{margin: 0 -16px; display: block; font-size: 0;}
.umArtText .umArtTag li{ width: calc(100% / 2 - 32px); line-height: 1.6; margin:4px 16px;font-size: 14px; vertical-align: top;text-overflow: ellipsis;display:-webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.umArtText .umArtTag li span{ opacity: .68;}
.umArtText .umArtTag .tags{margin: 0;}
.umArtText .umArtTag .tags li{ display: inline-block; width: auto; margin: 2px 4px 2px 0; background: #e7ebef; padding: 0 6px;}
.umArtText .umArtBtn{ font-size: 0; margin: 20px -4px 0;}
.umArtText .umArtBtn a{ font-size: 16px; line-height: 40px;height: 42px; width: calc(100% / 2 - 8px); margin: 2px 4px 0; display: inline-block; vertical-align: top;}
.umArtText .umArtBtn a.buy{ background: #2D2D2D;}
.umArtText .umArtBtn a.buy:after{background:#00ADA7}
.umArtText .umArtBtn a.buy:hover{border: 1px solid #00ADA7;}
.umArtText .umArtBtn a.buy{ color: #fff;}
.umArtText .umArtPrice{ margin-top: 15px;}
.umArtText .umArtPrice .priceBox{ display: inline-block; vertical-align: top; margin-right: 16px;font-size: 0;}
.umArtText .umArtPrice [class*="price"]{font-size: 30px; font-weight: 500;font-family: 'Arial'; font-weight: 600; letter-spacing: 0px;}
.umArtText .umArtPrice label{color: #8d909a; font-size: 14px; margin-right: 2px;}
.umArtText .umArtPrice .price1{ color: #8d909a;}
.umArtText .umArtPrice .price2{ color: #AF975E;}
.umArtText .umArtPrice em{ font-size: 14px;}

/*文章页*/
.artMain{ margin: 30px 0;}
.artBody{ line-height:1.8;}
.artBody a{color:#666976;}
.artBody a:hover{color: #00ADA7;}
.artBody h1.artTit{ font-size:26px; font-weight:500;margin-top: -5px;}
.artBody .artHeade{ margin:10px 0 30px;border-bottom: 1px solid rgba(216,216,216,.5); padding-bottom: 10px;}
.artBody .meta{ padding:5px 90px 0 0; font-size:0px;display:block;position: relative;white-space: inherit;}
.artBody .meta.spBox{padding:0;}
.artBody .meta .umArtTopTit{font-size:0px;font-weight: 500;display: inline-block;color: #2D2D2D;}
.artBody .meta .umArtTopTit .umTab{position: relative; top: auto; left: 0; right: auto;padding-right: 0;}
.artBody .meta .umArtTopTit .umTab li{ margin: 0 20px 0 0;color: #666976;}
.artBody .meta .umArtTopTit .umTab li.active{ color: #2D2D2D;}
.artBody .meta .umArtTopTit .umTab li span:after{ content: ''; width:0%; height: 1px; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: -11px; background: #00ADA7;}
.artBody .meta .umArtTopTit .umTab li.active span:after {opacity: 1; width: 100%;}
.artBody .meta .umArtTopTit .umTab li span{font-size:18px; position: relative; padding: 0;}
.artBody .meta span{ padding-right:10px; font-size:14px; font-family: Arial}
.artBody .meta span i{ padding-right:2px; vertical-align: -1px;}
.artBody .meta .fontSize { position:absolute; top: 5px; right: 0; font-size: 0;}
.artBody .meta .fontSize span{background-color: #E7E9EE;padding-right: 0;color: #8A8A8A;font-size: 14px;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 0px;cursor: pointer;margin-left: 3px; margin-right: 0; font-family: 'Arial';}
.artBody .meta .fontSize span:hover,.rowBox .artBody .meta .fontSize span:hover{background-color: #00ADA7;color: #ffffff;}
.artBody .meta .umArtTopTit .umTab li,.artBody .meta .umArtTopTit .umTab li span:after,.artBody .meta .fontSize span{-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out;}
.artBody .tabsCon{ display: none;}
.artBody .tabsCon:first-of-type{ display: block;}

/*带侧栏*/
.article .row{margin: 25px 0;}
.rowBox .artMain{ margin: 8px 0 0; background: #fff; padding: 20px;}
.rowBox .artBody .artHeade{ margin-top: 0;}
.rowBox .artBody .artHeade,.rowBox .artBody .title{border-bottom: 1px solid rgba(216,216,216,.3);}
.rowBox .artBody .meta .fontSize span{background-color:rgba(216,216,216,.3);}

.umSub .row{margin-top: 20px;}
.umSub .rowBox .artMain,.umSub .sidebar{ margin-top: 0;}


/*文章标签*/
.tagBox{ margin-top: 30px;}
.tagBox .tagArr{ font-size: 0; display: block;}
.tagBox .tagArr span{ display: inline-block; padding-right: 10px; font-size: 15px;color: #666976;}

/*文章分享*/
.bdshare{ margin-top: 27px; font-size: 0;}
.bdshare * { font-family:remixicon!important;font-style: normal;}
.bdshare .icon-qq:before{content:"\F03A"}
.bdshare .icon-weibo:before{content:"\F2B9"}
.bdshare .icon-wechat:before{content:"\F2B5"}
.bdshare .icon-douban:before{content:"\EC4F"}
.bdshare .icon-qzone:before{content:"\f08a";}
.bdshare .icon-linkedin:before{content:"\EEB5"}
.bdshare .icon-diandian:before{content:"\f05a"}
.bdshare .icon-facebook:before{content:"\ECBC"}
.bdshare .icon-google:before{content:"\EDD4"}
.bdshare .icon-twitter:before{content:"\F23A"}
.bdshare a{position:relative;text-decoration:none;margin:3px;display:inline-block;outline:0}
.bdshare .share-icon{position:relative;display:inline-block;width:30px;height:30px;font-size:0px;border-radius:50%;line-height:28px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle; transition:all .3s;-webkit-tansition:all .3s;-moz-transition:all .3s}
.bdshare .share-icon:before { font-size:18px; }
.bdshare .share-icon:hover{background:#666;color:#fff;text-decoration:none;}
.bdshare .icon-weibo{color:#f78585;border-color:#f78585}
.bdshare .icon-weibo:hover{background:#f78585}
.bdshare .icon-qq{color:#56b6e7;border-color:#56b6e7}
.bdshare .icon-qq:hover{background:#56b6e7}
.bdshare .icon-qzone{color:#fdbe3d;border-color:#fdbe3d}
.bdshare .icon-qzone:hover{background:#fdbe3d}
.bdshare .icon-douban{color:#33b045;border-color:#33b045}
.bdshare .icon-douban:hover{background:#33b045}
.bdshare .icon-linkedin{color:#0077b5;border-color:#0077b5}
.bdshare .icon-linkedin:hover{background:#0077b5}
.bdshare .icon-facebook{color:#44619d;border-color:#44619d}
.bdshare .icon-facebook:hover{background:#44619d}
.bdshare .icon-google{color:#db4437;border-color:#db4437}
.bdshare .icon-google:hover{background:#db4437}
.bdshare .icon-twitter{color:#55acee;border-color:#55acee}
.bdshare .icon-twitter:hover{background:#55acee}
.bdshare .icon-diandian{color:#307dca;border-color:#307dca}
.bdshare .icon-diandian:hover{background:#307dca}
.bdshare .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}
.bdshare .icon-wechat:hover{background:#7bc549}
.bdshare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.bdshare .icon-wechat .wechat-qrcode.bottom:after{display:none}
.bdshare .icon-wechat .wechat-qrcode h4{font-weight:500;height:30px;line-height:30px;font-size:12px;background-color:#f2f3f6;margin:0;padding:0;color:#666976}
.bdshare .icon-wechat .wechat-qrcode .qrcode{width:100%;margin:15px auto 10px;}
.bdshare .icon-wechat .wechat-qrcode .qrcode img { margin:0 auto; border:3px solid #fff; }
.bdshare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.bdshare .icon-wechat .wechat-qrcode .help p{font-weight:400;text-align:center;line-height:16px;padding:0;margin:0}
.bdshare .icon-wechat .wechat-qrcode{position:fixed;z-index:999;top:50%;left:50%; width:192px;height:268px;color:#666976;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.05); visibility: hidden; opacity: 0; transform: translate(-50%,-50%) scale(0);border-radius: 4px;overflow: hidden; transition:all .3s;-webkit-tansition:all .3s;-moz-transition:all .3s}
.bdshare .icon-wechat .wechat-qrcode.open{ opacity: 1; visibility: visible; transform: translate(-50%,-50%) scale(1);}

/*文章分页*/
.postNav{ margin-top: 30px; font-size: 0;}
.postNav div{display:block; height: 30px; line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.postNav div *{ font-size: 14px;}
.postNav div span{ opacity:.4;}
.postNav div i{ font-size: 16px; vertical-align: -3px;}

/*侧栏模块*/
.sidebar{width: 300px;float: right;margin-left: -300px;position: relative; margin-top:8px;}
.sidebar .widget{background:#FFF;margin:16px 0; padding: 15px 20px 15px 20px;}
.sidebar .widget:first-child{ margin-top: 0px;}
.sidebar .widget:last-child{ margin-bottom:0px;}
.sidebar .widget h3{ font-size:20px; font-weight:500; padding:0 0 10px; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position:relative;}
.sidebar .widget h3 a{ position:absolute; top:10px; right:13px; opacity:0.3}
.sidebar .widget h3 i{ font-size:20px;}
.sidebar .widget h3 a:hover{opacity:0.6}
.sidebar .widget h3 span{ position: relative;}
.sidebar .widget h3 span:before,.sidebar .widget h3:before{ content: ''; width: 100%; height: 1px; background: #00ADA7; position: absolute; left: 0; bottom: -10px; z-index: 1;}
.sidebar .widget h3:before{ background:rgba(216,216,216,.3); bottom: 0;}
.sidebar .widget ul li{ height:34px; line-height:34px; font-size:14px;text-overflow: ellipsis;white-space: nowrap; position:relative; overflow:hidden;}
.sidebar .widget h4{font-size:14px; font-weight:normal;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
.sidebar .widget ul{ display:block; font-size:0;}
.sidebar .widget.cateTitle{background-color: #2d2d2d; background-image: url(images/diyPic.jpg); background-size: cover; position: relative;}
.sidebar .widget.cateTitle:after{ content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8);}
.sidebar .widget.cateTitle h3{ color: #fff; position: relative; z-index: 1; padding:0 0 5px 0;}
.sidebar .widget.cateTitle h3:before,
.sidebar .widget.cateTitle h3:after{ display: none;}
.sidebar .widget.cateTitle ul{ position: relative; z-index: 2; padding:0px 0px 5px;}
.sidebar .widget.cateTitle ul li{ height: auto; line-height: 44px; margin:1px 0 0;background:rgba(100, 100, 100, 0.35);-moz-osx-font-smoothing: auto;}
.sidebar .widget.cateTitle ul > li > ul{ display: none; padding-bottom:5px; padding-top: 5px; padding-left:15px; padding-right: 0; background: #fff; border: 1px solid #f3f5f8;}
.sidebar .widget.cateTitle ul > li > ul > li > ul{padding-left: 10px;}
.sidebar .widget.cateTitle li em{ width: 44px; height: 44px; position: absolute; top:0px; right:0px; text-align: center; cursor: pointer;opacity: .6;color:#fff;background: rgba(255,255,255,.1);}
.sidebar .widget.cateTitle li em:before{content: "\EA13"; font-family: remixicon !important;}
.sidebar .widget.cateTitle li em.open:before{content: "\F1AF";}
.sidebar .widget.cateTitle ul > li > a{ display: block;}
.sidebar .widget.cateTitle ul > li.item > a{ padding: 0 15px;}
.sidebar .widget.cateTitle ul > li.item a{ color: #fff;}
.sidebar .widget.cateTitle ul > li.item > ul > li a{ color: #2D2D2D;}
.sidebar .widget.cateTitle ul > li.item.active{background: #00ADA7;}
.sidebar .widget.cateTitle ul > li > ul li{ background: #fff;}
.sidebar .widget.cateTitle ul > li > ul > li >ul{ padding-top: 0; padding-bottom: 0; border: none;}
.sidebar .widget.cateTitle ul > li > ul > li{line-height: 36px;}
.sidebar .widget.cateTitle ul > li > ul li em{color:#8A8A8A;-moz-osx-font-smoothing: grayscale;}
.sidebar .widget.cateTitle ul > li > ul > li.current > a{ color: #00ADA7;}
.sidebar .widget.cateTitle ul > li > ul > li > ul > li a{color: #2D2D2D;}

.sidebar .widget.umhtml1 h3{margin-bottom: 6px;}
.sidebar .widget.umhtml1 div{padding:0}
.sidebar .widget.umhtml1 ul{ padding:0px 0px 5px;margin: 0 -5px;}
.sidebar .widget.umhtml1 ul li{ width:50%; display:inline-block; padding:0 5px; height:auto; text-align:center; margin:12px 0 0 0;vertical-align: top;}
.sidebar .widget.umhtml1 h4{font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: auto;white-space: normal; line-height: 1.6; text-align: left; margin-top: 10px;}
.sidebar .widget.umhtml1 ul li .img a{ display: block; position: relative; font-size: 0;overflow: hidden;}
.sidebar .widget.umhtml1 ul li .img a:after{ content:''; display: block; padding-top: 100%;}
.sidebar .widget.umhtml1 ul li .img a img{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.sidebar .widget.umhtml1 ul li .img a:hover img{transform: scale(1.05);}
.sidebar .widget.umhtml2 ul li{ padding-left:15px;}
.sidebar .widget.umhtml2 ul li:before{content: "\EA53";position: absolute;display: block;left: -3px;top: 0px;border-radius: 30px;font-family: remixicon;font-size: 16px; opacity: .5;}
.sidebar .widget.umhtml3 ul{ padding:0px 0 5px 0;}
.sidebar .widget.umhtml3 ul li{padding:1px 0; height:auto; line-height:28px;white-space:normal;}
.sidebar .widget.umhtml3 ul li a{ display:block; background:#f6f6f8; padding:6px 10px;}
.sidebar .widget.umhtml3 ul li a:hover{background: #00ADA7; color:#fff;}
.sidebar .widget.umhtml3 ul li em{position: absolute;top:1px;right:0px; width:40px; height:40px; text-align:center; border-left:1px solid rgba(255,255,255,0); cursor:pointer;}
.sidebar .widget.umhtml3 ul li em i{font-size: 16px;color: #8a8a8a;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:40px;line-height:40px; top:0; left:0;}
.sidebar .widget.umhtml3 ul li em i:before{content:"\EA13";font-family: remixicon;}
.sidebar .widget.umhtml3 ul li em i.open:before{content: "\F1AF";}
.sidebar .widget.umhtml3 ul li:hover em.in i{color: #fff;}
.sidebar .widget.umhtml3 ul li>ul{ display:none; padding:0px;border: 1px solid #f6f6f8;border-top:none;}
.sidebar .widget.umhtml3 ul li>ul li{padding:0}
.sidebar .widget.umhtml3 ul li>ul li em i{color: #c1c1c1;}
.sidebar .widget.umhtml3 ul li>ul li a{background:#fff;padding:6px 20px}
.sidebar .widget.umhtml3 ul li>ul li em{top:0; right:0}
.sidebar .widget.umhtml3 ul li>ul li>ul{border:none;}
.sidebar .widget.umhtml3 ul li>ul li>ul li a{ padding-left:30px}
.sidebar .widget.umhtml3 ul li>ul li>ul li>ul li a{padding-left:40px}
.sidebar .widget.divContorPanel div{ line-height: 28px;}
.sidebar .widget.divContorPanel div,.sidebar .widget.divTags ul{ padding-bottom: 5px;}
.sidebar .widget.divContorPanel div a{ color: #00ADA7}
.sidebar .widget.divCatalog li.li-cate,.sidebar .widget.divCatalog li.li-cate > ul li{ height: auto;}
.sidebar .widget ul li.li-cate{ height: auto; padding-left: 10px;}
.sidebar .widget ul li.li-cate .ul-subcates{padding:0; display: none}
.sidebar .widget ul li.li-cate .li-subcate{ opacity: .9; padding-left: 5px;}
.sidebar .widget ul li.li-cate .cateBtn{ width: 34px; text-align: right; position: absolute; right: 0; top: 0; font-family: remixicon; cursor: pointer;}
.sidebar .widget ul li.li-cate .cateBtn:before{content: "\EA4E";}
.sidebar .widget ul li.li-cate .cateBtn.open:before{content: "\EA78";}
.sidebar .widget ul li i[class*="ri"]{vertical-align:0px;position: relative; font-size: 14px;}
.sidebar .widget.divSearchPanel h3:after,.sidebar .widget.divSearchPanel h3 span:before{display: none;}
.sidebar .widget.divSearchPanel div{ padding-bottom: 15px;}
.sidebar .widget.divSearchPanel input{ width: 100%; position: relative; line-height: 32px; padding: 0 10px; border: 1px solid #ededed;}
.sidebar .widget.divSearchPanel form{ position: relative; padding-right: 60px;}
.sidebar .widget.divSearchPanel input[type='submit'],.sidebar .widget.divSearchPanel button{ width:60px; position: absolute; line-height: 32px; padding: 0 10px; border: 1px solid #00ADA7; background: #00ADA7; color: #fff; font-size: 14px;-moz-osx-font-smoothing: auto;}
.sidebar .widget.divTags li,.sidebar .widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto;}
.sidebar .widget.divTags li a{font-size:14px;font-weight:normal;padding:0px 10px;border-radius:0px; display:block;margin:3px 4px 3px 0; height: 34px; line-height:32px; border:1px solid #F3F5F8}
.sidebar .widget.divTags li a span{font-size:12px;}
.sidebar .widget.divTags li a:hover{color:#fff; background: #282828; border: 1px solid #282828;}
.sidebar .widget.divLinkage li a{margin:5px 12px 5px 0;}
.sidebar .widget.divCalendar div,.sidebar .widget.divMisc div,.sidebar .widget.divMisc ul{ padding:15px;}
.sidebar .widget.divCalendar table{ width: 100%;}
.sidebar .widget.divCalendar table th{padding: 10px 0px;font-size: 12px; background: #f8f8f8; border: none; opacity: .6}
.sidebar .widget.divCalendar table td{ text-align: center; padding: 5px 0;background: #f8f8f8;}
.sidebar .widget.divCalendar table td.pad{ opacity: .2}
.sidebar .widget.divCalendar table caption{ margin-bottom: 10px;}
.sidebar .widget.divMisc li{ font-size: 0; line-height: inherit; height:auto; display: inline-block;}
.sidebar .widget.divMisc li a{ margin: 4px 10px 4px 0; display: block;}
.sidebar .widget.divMisc li a img{ height: 31px;}
.sidebar .widget.divPrevious li{ padding-left: 15px;}
.sidebar .widget.divPrevious li:before,.sidebar .widget ul li.li-cate:before{ content: "\EA53"; font-family: remixicon; font-size: 16px; position: absolute; top: 0; left: -6px;opacity: .5;}

/*最新评论*/
.sidebar .widget.divComments li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:1px 0 3px 0; height: auto;line-height:24px;padding-top:5px; padding-bottom:5px;}
.sidebar .widget.divComments li:last-of-type{ padding-bottom: 0;}
.sidebar .widget.divComments li i{ font-style:normal; color:#9ca0ad; font-size: 12px;}
.sidebar .widget.divComments li a{ position:relative; top:0px;}
.sidebar .widget.divComments li .author{float:left;margin:0 8px 0px 0;padding:0px;width:48px; height: 48px; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out; overflow: hidden;background: #fafafa url(images/lay.gif) center center no-repeat;}
.sidebar .widget.divComments li:hover .author{-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);}

/*移动端*/
.mNavBtn{ height: 80px; line-height: 80px; padding: 0;font-size:21px;float:right; color:#FFFFFF; position: relative; z-index: 9; display: none; cursor: pointer}
.mNavBtn i{color:#FFFFFF; opacity:0.8; font-size:20px;}
.mNavBtn:hover i{ opacity:1}
.fixed .mNavBtn, .header.noOpaque .mNavBtn{height:60px; line-height: 60px;}
.fixed .mNavBtn i,.header.noOpaque .mNavBtn i{ color: #1d1d1d;}
.leftNav{ width:210px; background:#00ADA7; position:fixed; top:0; bottom:0; left:-210px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:999}
.leftNav .mNavBtn{ height:48px; line-height:48px; left:auto; right:-45px; display:none;}
.leftNav ul{ padding-top:0px;}
.leftNav li{ width:100%; position:relative;}
.leftNav .navbar{ display: block; opacity: 0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;}
.leftNav.mOpen .navbar{ opacity: 1}
.leftNav .navbar li{ padding: 0; text-align: left;}
.leftNav .navbar li:after{ display: none}
.leftNav li a{ padding: 0 25px; line-height:48px; color:#fff!important; display:block; border-bottom:1px solid rgba(255,255,255,0.1);}
.leftNav li.on a,.leftNav li a:hover{color:#fff;}
.leftNav li a:hover{ background:rgba(0,0,0,0.1);}
.leftNav ul li>ul{ display:none;}
.leftNav li i{position: absolute;top:0px;right:0px; width:48px; height:48px; text-align:center; border-left:1px solid rgba(255,255,255,0); cursor:pointer;}
.leftNav li i{font-size: 18px;color: #fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:48px;line-height:48px; top:0; right:0;}
.leftNav li i.open,.mNav .navbar i.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.leftNav ul li>ul li{background:rgba(0,0,0,0.15);}
.leftNav ul li>ul li a{border-bottom:1px solid rgba(255,255,255,0.05); opacity:0.8; font-size:12px; text-indent:1em}

.header .mNavBtn:hover{color:#00ADA7}
.mNav .navbar i{ position: absolute; top: 0px; right:0px; padding: 0px 12px; margin-left: 0; cursor: pointer; color: #fff!important;}

/*----------- commList -----------*/	
.commBox{margin: 30px 0 0 0;}
.commList .msg{padding-top:10px}
.commBox .posttop em{ color: #999; font-style: normal;}

/*---------------------------引用\评论----------------------------------*/
.msgArticle{position: relative; color: #666976;}
.msgArticle .avatar{ position: relative; width: 42px; height: 42px; float: left; overflow: hidden; border-radius: 100px; margin-top: 18px;}
.msgArticle .avatar img{ width: 100%; height: 100%;margin-bottom: -1px;}
.msgArticle .commInfo{ font-size: 14px;  line-height: 22px; padding: 5px 0 10px 0;}
.msgArticle .commFooter{ font-size: 12px; opacity: .6 ; font-family: Arial}
.msgArticle .commFooter .commTime{ margin-right: 4px;}
div.children,.commInfo .msgname{background: #fafcfe; border-radius: 0px; position: relative; margin: 25px 0 0; border-radius: 3px;}
.commInfo .msgname{background: #f3f5f8;}
div.children:before{content: "";display: block;border-top: none;border-right: 15px solid transparent;border-bottom: 15px solid #fafcfe;border-left: 15px solid transparent;position: absolute;top: -8px;left: 15px;}
div.children:after{ clear: both;}
div.children > div.children:before{ display: none}
.msgArticle .commBody{position: relative;margin-left: 52px;padding: 15px 10px 15px;border-radius:3px;}
.commBody >  .commBody{margin-left: 42px;}
.msgname .msgname .avatar, div.children .avatar, div.children .avatar img, .msgname .msgname .avatar img{width: 32px;height: 32px;margin-left: 0px;}
.msgname .msgname .avatar, div.children .avatar{ margin-left: 14px;}
.msgArticle .msgname .msgname, div.children {margin-left:62px}
div.children > div.children {margin-left: 0; margin-top: 0; position: relative;}
div.children > div.children::before{ content: ''; height: 1px; background:rgba(216,216,216,.3);; position: absolute; left: 15px; top: 0; right: 15px; border: none; display: block;}
.msgArticle .comment_at{color:#00ADA7}

/************发表评论************/
#divCommentPost{margin:25px -5px 0;padding:5px 0 1px 0;}
#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}
#divCommentPost p.posttop{ color: #999; padding-left: 6px; padding-right:5px; margin-bottom: 5px; float: left; margin-top: 0;}
#divCommentPost p.posttop i{vertical-align: -3px;margin-right: 4px;font-size: 16px;}
#divCommentPost.reply-frm p.posttop{ float: right}
#divCommentPost.reply-frm p.posttop .u-msg{ display: none}
#divCommentPost img{margin-bottom:-0.5em;}
#divCommentPost p.npt{ margin-top:0px; padding:5px;}
#divCommentPost p.cBtn{padding:5px;}
div.reply-frm{padding:0 15px 10px!important;  }
div.cmBox .post.reply-frm{ margin: 0 -20px!important;}
div.cmBox .children .post.reply-frm{ margin: 0 -5px!important}
div.reply-frm #txaArticle{border: 1px solid #eee; margin-top: 0px;}
#frmSubmit ul{width: 100%; clear: both; display:block; font-size:0;padding-left:0}
#frmSubmit ul li{text-align:left;display: inline-block; width:50%; font-size:14px; padding:5px;}
#frmSubmit ul li.hide{ display: none; visibility: hidden;}
#frmSubmit ul li.verify{ position:relative}
#frmSubmit ul li.verify img{ position:absolute; top:9px; right:9px}
input.text{margin-right:10px;position:relative;border: 1px solid #eee;height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#1d1d1d;width:100%;box-shadow:none; background:#fdfdfd;-webkit-border-radius:3px;-moz-border-radius:0px;border-radius:0px;}
#txaArticle{position:relative;z-index:1;border: 1px solid #eee;padding-right:24px;-webkit-appearance:none;overflow:auto;padding:10px;min-height:135px;margin:0;resize:none;outline:0;width:100%;min-width:100%;background:#fdfdfd; font-size:14px;}
input.button,#cancel-reply{opacity: 1;height:36px;min-width:90px;text-align:center;font-weight:normal;border:none;color:#FFF;background:#2D2D2D;cursor:pointer; font-size: 16px;-moz-osx-font-smoothing: auto;-webkit-transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);}
input.button:hover{background:#00ADA7;}
#cancel-reply{margin-left: 10px; line-height: 36px; display: inline-block; padding:0 10px; width:auto;background-color:#d6d6d9;vertical-align:top;background: #ced1d6;-webkit-transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);}
#cancel-reply:hover{background: #bec0c5;}
body.umComms{ background: #f8f8f8;}
.umComms #divCommentPost p.cBtn{ text-align:center;}
.umComms input.button,.umComms #cancel-reply{ width:auto; height:40px; min-width:160px;font-size: 18px;}

.umSub #txaArticle,.umSub input.text{border: 1px solid rgba(216,216,216,.3);}

/*----------- gotop -----------*/
#backTop{position:fixed;right:10px; bottom: 40px; z-index:888; padding-bottom: 52px;}
#backTop .ftSub{cursor:pointer;background:rgba(0,0,0,0.2);width:46px;height:46px;color:#fff;display:block;position:relative;margin:6px 0; right: 0;-webkit-transition: background .2s ease;-o-transition:background .2s ease;transition: background .2s ease; border-radius: 4px;}
#backTop .ftSub#gttop{ display: none;position:absolute; bottom: 0; right: 0;}
#backTop .ftSub#gttop:hover{background:rgba(0,0,0,0.8);}
#backTop .ftSub i{ z-index: 1}
#backTop .ftSub.ft-qq { background: #4ea8de;}
#backTop .ftSub.ft-wx { background: #2ec4b6;}
#backTop .ftSub.ft-tel { background: #cfb59a;}
#backTop .ftSub .ibox{ width: 160px; height: auto; position: absolute; left: -220px; top: 0;  border-radius: 4px; padding:10px;box-shadow: 0 5px 25px rgba(0,0,0,.1); visibility: hidden; opacity: 0; background: #fff; z-index: 0;-webkit-transition: all .2s ease;
-o-transition:all .2s ease;
transition: all .2s ease;}
#backTop .ftSub .ibox p{ color: #333; text-align: center; padding-bottom: 3px; opacity: .6; font-size: 12px; line-height: 20px;}
#backTop .ftSub .telTop{ width: auto; height: 46px; line-height: 46px;left:auto;  right: 100px; padding: 0 15px; border-radius: 4px; text-align: center; font-size: 22px; color: #1d1d1d; visibility: hidden;white-space:nowrap;}
#backTop .ftSub .telTop b{color: #fff; top: -1px;}
#backTop .ftSub .telTop a{color: #333;}
#backTop .ftSub:hover.ft-tel .telTop{ visibility: visible; opacity: 1;right: 61px;}
#backTop .ftSub:hover.ft-wx .weixin{visibility: visible; opacity: 1; left: -175px;}
#backTop .ftSub.ft-qq .qqlist{visibility: hidden; opacity: 0; left: -190px; padding:12px 15px 12px 15px;width:150px; height:auto;}
#backTop .ftSub.ft-qq .qqlist a,#backTop .ftSub.ft-qq .ibox.qqlist a i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#backTop .ftSub.ft-qq .qqlist a{ color:#666; display:inline-block; height:30px; line-height:30px; padding-left:24px; position:relative;}
#backTop .ftSub.ft-qq .qqlist a i{ font-size:20px; position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#4ea8de; background:none; top:5px; left:2px; margin:0;}
#backTop .ftSub.ft-qq .qqlist em{ width:100%; height:30px; line-height:30px; color:#999; font-style:normal; display:inline-block; padding:5px 0 10px 0;}
#backTop .ftSub:hover.ft-qq .qqlist{visibility: visible; opacity: 1; left: -165px;}
#backTop .ftSub.ft-qq .qqlist a:hover,#backTop .ftSub.ft-qq .ibox.qqlist a:hover i,#backTop .ftSub .telTop a:hover{color:#00ADA7;}
#backTop .ftSub i{text-align:center;color:#fff;width:50px;height:50px;font-style:inherit;line-height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px; font-size: 22px;}
#backTop a{color:#fff;display:block;cursor:pointer}
#backTop .ftSub .ibox b{width: 25px;height: 35px;position: absolute;top: -2px;right: -10px; z-index: 999; font-size: 35px;}


/*----------- ADS -----------*/	
.bnBox{background-color: rgba(0, 0, 0, 1);border:none;padding:10px;margin:15px auto 0 auto;overflow: hidden; max-width: 1240px; position: relative;}
.bnBtm.bnBtm{ margin-bottom: 15px;}
.news .bnBtm.bnBtm{ margin-top: 0; margin-bottom: 15px;}
.bnBox.cateBn{ margin-bottom: 0; margin-top: 0; padding: 0; max-width: 100%;min-height:320px;}
.bnBox.cateBn .text{ padding:0 15%;width: 100%; text-align:center; position: absolute; top:calc(50% + 20px); left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 400; font-size: 40px;}
.bnBox.cateBn .text p{ font-size: 16px;font-weight: normal; font-family:"Arial"; font-style: normal; clear: both; opacity: .8;-moz-osx-font-smoothing: auto;}
.bnBox.cateBn img{min-height:320px;object-fit: cover;opacity: .5;max-height: 520px;}
.bnBox.cateBn video{width: 100%;height: 100%;min-height: 320px;display: block;opacity: .5;max-height: 520px;object-fit: cover;}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block; margin:0 auto; width:100%;}

/*----------- footer -----------*/	
.footer{margin-top:0px;padding:3% 0 2% 0;width:100%;background:#2b2b2b;color:rgba(255,255,255,0.48);clear:both; position:relative; font-size:12px; line-height:22px; text-align: left}
.footer a{color:rgba(255,255,255,0.5);font-size:12px;}
.footer .container{ padding-top:0px; padding-bottom: 10px; margin:0 auto;color:rgba(255,255,255,0.5);position:relative;overflow:hidden;font-size: 0;}
.footer .sidebar .social{ display: inline-block; width: 100%; vertical-align:top;}
.footer .sidebar .social.w50{ width: 43%;}
.footer .umBy{ margin:0 5px}
.footer .umThemeBy .umBy,.footer .umThemeBy .umtheme{display: none;}
.ftBox{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;padding: 25px 0;overflow: hidden;}
.ftNav{ display: -ms-flexbox;display:inline-block;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding: 0px 15px 0px 0px;min-width: 0;}
.ftNav ul{float: left; padding-right: 6%;}
.ftNav li a{color:#8d8d8d;font-size:12px;display:inline-block;height:26px;line-height:26px;text-align:center; margin:0 10px 0 0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ftNav li a:hover{color:#a9a9a9;}
.ftNav li.h{color:#a9a9a9; font-size: 16px; margin-bottom:10px; font-weight: normal;}
.ftNav .us{padding-right:0;}
.ftNav .us li.tel a{ font-size:36px; line-height:40px; padding-bottom: 10px; font-family: Arial; font-weight: 600; color:#8d8d8d;letter-spacing:0px;}
.ftNav .us li.icon{ margin:5px 0 10px 0;}
.ftNav .us li.icon a{margin-right: 5%; padding:0; height: 26px; width: 26px; background: rgba(255,255,255,.1); border-radius: 100px;}
.ftNav .us li.icon i{ font-size: 16px; }
.ftNav .us li.add{ max-width:180px; font-size: 12px;line-height: 22px;}
.ftEwm{width: 240px; display: inline-block; vertical-align: top; text-align: right; font-size: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.ftEwm .img{ width: 50%; display: inline-block;}
.ftEwm .img .box{margin-left:15px; font-size:12px; text-align: center;} 
.ftEwm .img .box img{ padding: 5px; background: #fff; opacity: .5;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ftEwm .img .box:hover img{ opacity: 1;}
.link{padding:0px;}
.link span{font-size:12px}
.link ul{ display:inline}
.link li{display:inline;padding:0 6px; }
.link li a:hover,.copyright a:hover{color:rgba(255,255,255,.8);}
.copyright{ padding-top:15px; border-top: 1px solid rgba(255,255,255,.05); font-size: 12px;}
.weixinBox{ visibility: hidden; opacity: 0; position:fixed;padding:5px;background:#fff;z-index:1001; line-height:0;top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; text-align: center;border-radius: 5px;}
.weixinBox .img{ width: 260px; height: 260px;}
.weixinBox img{ width: 100%; height: 100%}
.weixinBox p{ color: #1d1d1d; font-size: 14px; margin: 5px 0; line-height: 22px;}
.weixinBox.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);}

/*----------- 分页 -----------*/
.pageNav{text-align:center;padding:35px 0 0px 0;display:block; clear:both; font-size: 0; font-family: Arial}
.pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:29px;margin: 0 4px; display:inline-block;color:#666;background:#ffffff;border-radius:2px;vertical-align:top;font-size:15px;}
.pageNav a:hover,.pageNav span{color:#fff;background:#2D2D2D;}

/*subcate*/
.subcate{text-align:center;padding: 0 20px;margin:45px auto -5px; position: relative; z-index: 889;}
.subcate ul{ display:block; font-size:0;}
.subcate li{ display:inline-flex; margin:2px; vertical-align: middle; position: relative;flex-direction: column; z-index: 1;}
.subcate li:hover,.subcate li.in{ z-index: 2;}
.subcate li a{font-size: 14px;border: 1px solid #2d2d2d;color: #fff;overflow: hidden;background: #2d2d2d;padding: 0px 12px;text-align: left; height: 36px; line-height: 34px;font-weight: 400;position: relative;-moz-osx-font-smoothing: auto;}
.subcate li a:after{content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: 100%;background: #00ADA7;border-radius: 0 0 100% 100%/0 0 100% 100%;}
.subcate ul > li:hover > a:after,.subcate ul > li.active > a:after{bottom: -10px;border-radius: 0;}
.subcate ul > li:hover > a,.subcate ul > li.active > a{color:#fff;border: 1px solid #00ADA7;}
.subcate ul > li > em{ color: #fff;}
.subcate li a,.subcate ul > li > em,.subcate li a:after{-webkit-transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);transition: all 0.4s cubic-bezier(1, 0, 0.55, 1);color: #fff;}
.subcate li a span{ position: relative; z-index: 1;}
.subcate ul.sub{ display: none;}
.subcate li.item  ul.subHove{position: absolute;top: 36px;box-shadow:0 5px 15px rgba(0,0,0,.1); min-width: 96px; left: 50%; transform: translateX(-50%); background: #fff; z-index: 2;}
.subcate li.item ul.subHove{ visibility: hidden; opacity: 0; z-index: 0; top: 60px;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.subcate.hover li:hover.item ul.subHove,.subcate li.item.in ul.subHove{ visibility: visible; opacity: 1; top:36px}
.subcate ul > li > ul > li{ margin: 0; width: 100%;}
.subcate ul > li > ul > li.on a,.subcate ul > li > ul > li.current a{ color: #00ADA7;}
.subcate ul > li > ul > li.on > ul > li a,.subcate ul > li > ul > li.current > ul > li a{color: #2d2d2d;}
.subcate ul > li > ul > li > ul > li a{ background: #F3F5F8;}
.subcate li > ul > li a{ width: 100%; margin: 0; border: none;background: none;}
.subcate ul em{width: 22px; height: 34px; line-height: 34px; position: absolute;top: 1px;right: 0px;text-align: left;cursor: pointer;opacity: .8;background: rgba(255,255,255,.0); z-index: 1;font-size: 16px;}
.subcate ul em:before{content: "\EA4D";font-family: remixicon !important;}
.subcate ul em.open:before,.subcate ul > li.item.in > em:before{content: "\EA77";}
.subcate ul li.dot > a{ padding-right: 26px;}
.subcate ul > li > ul li em{color: #2d2d2d;width: 21px; font-size: 12px; text-indent: 2px;line-height: 40px;}
.subcate ul > li > ul li em:before{content: "\EA13";}
.subcate ul > li > ul li em.open:before{content: "\F1AF";}
.subcate ul > li.active em{opacity: 1;}
.subcate ul > li.active > ul li em{color: #2d2d2d;}
.subcate li.active > ul > li a,.subcate li:hover > ul > li a,.subcate li > ul > li a{ height: 40px; line-height: 40px; color: #2d2d2d; margin: 0; border: none;padding-right: 24px;}
.subcate li > ul > li a:after{display: none;}
.subcate li > ul > li > ul > li > ul li a{ background: #e8eaee;}
.leftBar .subcate{ display: none;margin: 0 0 24px;}
/*手机*/
.subcate.mobile{text-align: right; padding: 0; display: none;}
.subcate.mobile .select{min-width: 200px; max-width: 26px;display: inline-block; position: relative;}
.subcate.mobile .select .selectOption{display: inline-block;height: 30px; line-height: 30px; padding-left: 20px; position: relative; cursor:pointer;}
.subcate.mobile .select .selectOption::after{content: "\ED9E"; font-size: 16px; font-family: remixicon !important; position: absolute; left: 0; top:0px;}
.subcate.mobile .select > ul{width: 100%;box-shadow:0 5px 15px rgba(0,0,0,.1); background: #fff;visibility: hidden; opacity: 0; z-index: 0; padding:3px;position: absolute; top: 60px; z-index: 1;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.subcate.mobile .select.in > ul{ visibility: visible; opacity: 1; top: 35px;}
.subcate.mobile li{ display: block;}
.subcate.mobile li a{ display: block; line-height: 36px;}
.subcate.mobile ul li.dot > a{ padding-right: 30px;}
.subcate.mobile ul > li.item > a{ background: #fff; color: #2D2D2D; border: none;}
.subcate.mobile ul > li > ul > li > a{background: #fff;}
.subcate.mobile ul > li > a:after{ display: none;}
.subcate.mobile ul > li.item > em {color: #8A8A8A;}
.subcate.mobile ul > li.item.active > em{ color: #fff;}
.subcate.mobile ul > li.item.active > a{background: #00ADA7; color: #fff;}
.subcate.mobile ul > li > ul > li >ul{ padding-left: 6px;}

/*related*/
.artBody .title {text-align: left;border-bottom: 1px solid rgba(216,216,216,.5);padding:0 0 10px 0; margin-bottom: 25px;}
.artBody .title h3{ font-size:18px; font-weight:500;position:relative; display: inline-block;}
.artBody .title h3:after{content: ""; position:absolute; left: 0; bottom:-11px; width:100%; height:1px; background:#00ADA7;}
.related{ padding:0px;margin:25px 0 0 0;}
.related .nothing i{ font-size: 60px; opacity: .6;}
.related .liBox{height: 100%;margin: 2px 0px;text-align: center;font-size: 14px;}
.related .liBox .aImg{width: 100%;height:auto;padding-top: 75%;display: block;position: relative;overflow: hidden;background-color: #e8ecf1; font-size: 0;}
.related.vertical .liBox .aImg{padding-top:135%;}
.related.square .liBox .aImg{padding-top:100%;}
.related .liBox .aImg img {width: 100%;min-height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.related .liBox .tit {display: block; padding: 15px; position: relative;line-height: 24px; text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.related .liBox .tit h3{ font-size:16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related .liBox .tit p{ font-size:12px; color:#999; max-height:42px; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; margin-top:5px; display:block; line-height:22px; overflow:hidden;}
.related .liBox:hover a.titUrl .tit{ background:#00ADA7; color:#fff;}
.related .liBox:hover a.titUrl .tit p{color:#fff; opacity:.8;}
.related .liBox:hover  a img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.nothing{ padding:40px 0 50px 0; color:#999; text-align:center; width:100%; background:rgba(255, 255, 255, 0.65);}
.nothing .iconfont{ font-size:68px;}
.artImg{ text-align:center; font-size:0; display:block; margin:0 auto}
.artImg img{ width:100%;}



/*独立模版*/
.umBody .title{ text-align: center;}
.umBody .title .titSub.tips{ font-size: 14px; max-width: 80%;margin: 0 auto; padding-top:10px; line-height: 1.6;}
.umBody .section.about{ position: relative;}
.umBody .section.about::before{ content: ''; position: absolute; width: 33.333333%; height: 100%;}
.umBody .section.data{ padding: 60px 0 55px; position: relative;}
.umBody .section.data .box{position: relative;z-index: 2;}
.umBody .section.data .dataPic{ background-position: center; background-repeat: no-repeat; background-size: cover;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block; z-index: 1;mix-blend-mode: multiply; background-image: url(images/sl.jpg);}
.umBody .section.about .box { display: block;}
.umBody .section.about .box .text{ padding-left:0;-ms-flex-direction: inherit;flex-direction: inherit; margin-right: -48px;}
.umBody .section.about .box .text .title{width: calc(33.333333% - 48px); -ms-flex-negative: 0;flex-shrink: 0;font-size: 0; margin-right: 48px; text-align: left;}
.umBody .section.about .box .text .intro{-webkit-line-clamp:inherit; margin-right: 48px;}
.umBody .PostSl{padding:0;display: inline-flex;justify-content: space-evenly; position:static; transform: translateX(0);}
.umBody .PostSl li{ padding: 0 30px; text-align: center;width: 100%; position: relative; border: none;}
.umBody .PostSl li .slNumber span{ padding-right: 0;}
.umBody .PostSl li .slNumber .count{ font-size: 36px;}
.umBody .PostSl li .slNumber em{ right: -18px; top: -2px;}
.umBody .PostSl li:before{ content: ''; width: 1px; right: 0; top: 0; bottom: 0; background:currentColor;position: absolute; opacity: .08;}
.umBody .PostSl li:last-of-type:before{ display: none;}

.umBody .aboutArr{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top: 24px;}
.umBody .aboutArr ul{margin-right: -48px; font-size: 0;}
.umBody .aboutArr li{margin: 32px 48px 0px 0; display: inline-block; vertical-align: top; font-size: 14px;line-height: 2;color: #666976;width: calc(100% / 3 - 48px);}
.umBody .aboutArr li h3{ font-size: 16px; color: #3d3d3d; margin-bottom: 10px; line-height: 1.6;}
.umBody .aboutArr li [class^="ri-"]{ font-size:32px;line-height: 1.6;}
body.umComms{ background: none;}
body.category.umBody .umComm iframe{ width:80%; height:340px; display:block; margin:0 auto;}
body.category.umBody .umComm.noLogin iframe{ height:268px;}
.umBody .team .swipeTeamText.swiper-container-fade .swiper-slide .text{ padding-left: 0;}
.umBody .team .swipeTeamText.swiper-container-fade .swiper-slide .text:before{ display: none;}
.umBody .team .swipePic{ margin-top: -12px;}
.umBody .subcate{margin: 45px auto 35px; padding: 0;}

/*历程*/
.umBody .history{background-color:#181818; position: relative;}
.umBody .history .historyPic{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-image:url(images/hisBg.jpg);background-repeat:no-repeat; background-size:cover; background-position: center}
.umBody .history .box{ position: relative; z-index: 1;}
.umBody .history .title { padding-bottom:0px; color:#fff;}
.umBody .history .title .titSub{ color:#fff; opacity:0.5}
.umBody .history .swiper-container{width: 100%;border-bottom: 0; padding: 0 10px;}
.umBody .history .swiper-container .swiper-slide{ background-color:transparent;  padding:0 15px; position:relative; height:362px; min-height:auto}
.umBody .history .swiper-container .swiper-wrapper{ height:100%;}
.umBody .history .swiper-container:before{content: " "; position:absolute; background:rgba(255,255,255,.2); width:100%; height:1px;top:198px; left:0;}
.umBody .history.swiper-slide{background-image:url(images/hisBg.jpg); background-size:cover; background-color: #181818;}
.umBody .history .swiper-slide .imgText{ position:absolute; width:100%; top:55%; left: 50%; transform: translate(-50%,-50%);}
.umBody .history .swiper-slide .imgText h4{ position:relative; top:-50px; font-weight:normal; color:#aaa; font-size:16px;text-align:center;}
.umBody .history .swiper-slide.even .imgText h4{ position:relative; top:50px;}
.umBody .history .swiper-slide .imgText p{ position:absolute; top:55px; left:30px; right:30px;background:#00ADA7; color:#fff; font-size:14px; line-height:22px; padding:15px 20px; border-radius:0px; text-align:left; visibility:hidden; opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.umBody .history .swiper-slide.even .imgText p{ top:-150px;}
.umBody .history .swiper-slide.swiper-slide-active .imgText p{ visibility:visible; opacity:0.98;top:35px;}
.umBody .history .swiper-slide.even.swiper-slide-active .imgText p{bottom: 35px;}
.umBody .history .swiper-slide.even .imgText p{bottom: 45px; top:auto;}
.umBody .history .swiper-slide .imgText h4 .dot{ width:9px; height:9px; position:absolute; left:50%; margin-left:-4px; display:block; border-radius:50px; background:#000; border:2px solid rgba(255,255,255,.9); top:57px;}
.umBody .history .swiper-slide.swiper-slide-active .imgText h4 .dot{ background:#fff;}
.umBody .history .swiper-slide.even .imgText h4 .dot{ top:-43px;}
.umBody .history .swiper-slide .imgText h4:before{content: " "; position:absolute; background:rgba(255,255,255,.2); width:1px; height:40px; left:50%; transform:translateY(-50%); top:43px;}
.umBody .history .swiper-slide.even .imgText h4:before{ top:-23px;}
.umBody .history .swiper-slide .imgText p .dot{width:0;height: 0;border-width:10px;border-style: solid;border-color: transparent transparent #00ADA7 transparent; position:absolute; top:-18px;left:50%; margin-left:-9px;}
.umBody .history .swiper-slide.even .imgText p .dot{border-color: #00ADA7 transparent transparent transparent;top:auto;bottom:-18px;}

.umBody .history .swiperPage i{ position: absolute; top: 51.45%; margin-left: 0; z-index: 1; background:#00ADA7;}
.umBody .history .swiperPage i.prev{ left: 0;}
.umBody .history .swiperPage i.next{ right: 0;}
.umBody .history .swiperPage i.disabled,.umBody .history .swiperPage i:hover.disabled{ background:rgb(59, 59, 73); color: #EEEEEE;}

.umBody .contact{background: #f8f9fa;}
.umBody .contact .intro{display: inherit;}
.umBody .contact .intro li h2,.umBody .contact .intro li h3,.umBody .contact .intro li h4,.umBody .contact .intro li h5{ margin-bottom: 10px;}
.umBody .contact .intro li h2{ font-size: 20px;}
.umBody .contact .intro li h3{ font-size: 18px;}
.umBody .contact .intro li h4{ font-size: 16px;}
.umBody .contact .intro li h4{ font-size: 14px;}
.umBody .contact .intro .item{width: 100%;padding: 32px;margin: 25px 0 0; background: #fff; text-align: left;position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;}
.umBody .contact .intro .item:first-of-type{ margin-top: 20px;}
.umBody .contact .intro .item:last-of-type{ margin-bottom: 0;}
.umBody .contact .intro .item li{ font-size: 14px; line-height:24px; padding:6px 0;}
.umBody .contact .intro .item .img{width: 300px;height: auto;position: relative;font-size: 0;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0; font-size: 0;}
.umBody .contact .intro .item .simpleParallax{-ms-flex-negative: 0;flex-shrink: 0;}
.umBody .contact .intro .item ul{font-size: 0px;min-width: 0;overflow: hidden;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding: 0 0 0 32px;}

.umBody .contact .intro .item.nopic ul{padding: 0;}

.umBody .section.map{ background-color:#f6f6f9;background-repeat:no-repeat; background-size:cover;background-attachment: fixed;padding: 160px 0; text-align: center; background-image: url(images/map.jpg)}
.umBody .section.map .btn{ margin: 0;}
.umBody .section.map .btn a:after{background: #00ADA7;}
a.mapUrl{ min-width:160px; height: 48px; font-size:18px; line-height: 46px; text-align: center; padding: 0 20px;display:inline-block; margin: 0 10px; color: #fff; border:1px solid #fff; transition:all 0.4s cubic-bezier(1, 0, 0.55, 1);-webkit-transition:all 0.4s cubic-bezier(1, 0, 0.55, 1);-ms-transition:all 0.4s cubic-bezier(1, 0, 0.55, 1)}
a:hover.mapUrl{border: 1px solid #00ADA7; cursor: pointer}
.ummap{ position: fixed; top:10%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index:-1; opacity: 0; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; visibility: hidden; overflow:hidden;}
.ummap.open{z-index: 9998; opacity: 1; visibility: visible;top: 0;}
.ummap iframe{width: 100%; height: 100%; overflow:hidden;}
.ummap .closeMap{ position: absolute; z-index: 9999; top: 0; right: 0; background: #f32; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; cursor: pointer;}
.ummap{ position: fixed; top:10%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index:-1; opacity: 0; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; visibility: hidden; overflow:hidden;}
.ummap.open{z-index: 9998; opacity: 1; visibility: visible;top: 0;}
.ummap iframe{width: 100%; height: 100%; overflow:hidden;}
.ummap .closeMap{ position: absolute; z-index: 9999; top: 0; right: 0; background: #f32; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; cursor: pointer;}

#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#allmap img{ max-width:none}
#allmap .anchorBL{ opacity: .3;}
*{padding: 0; margin: 0;}
#allmap .BMap_bubble_content{ font-size:12px; line-height:22px; color:#666;}
#allmap .BMap_pop{ margin-top:-25px;}
#allmap h3.tit{font-size:16px; font-weight:600;color: #dc0000;margin-bottom: 5px;}

/*人才招聘*/
.job .jobList{ width: 95%; margin: 40px auto;}
.job .jobList li{ width: 100%; padding:0 20px; background: #fff; margin-bottom:20px;display: block; overflow: hidden; position: relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-align: left; margin-top: 0;}
.job .jobList li:hover{box-shadow: 0 15px 25px rgba(0,0,0,.015);}
.job .jobList li:last-of-type{ margin-bottom: 0;}
.job .jobList .postTxt{padding:0; margin:20px 0;}
.job .jobList .postTxt .jobTit{ padding:0 45px 0 100px;cursor: pointer; position: relative;}
.job .jobList .postTxt .jobTit h3{ font-size:18px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.job .jobList .postTxt .jobTit p{ font-size: 14px; color: #999; margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.job .jobList .postTxt .time{ position: absolute; left: 20px;width: 60px; text-align: center; height: 58px; top: 20px;display: block; color: #888;font-family: Arial; font-size: 14px;}
.job .jobList .postTxt .time em{ width: 100%; display: block; font-size: 44px; line-height: 36px;}
.job .jobList .jobTit:after{content: '';display: block; width: 1px; height: 60px; position:absolute; top:50%; margin-top: -30px; left:80px; background: #eee;}
.job .jobList .postTxt .dot{ width:32px; height: 32px; line-height: 30px; text-align: center; border:1px solid #bbb; border-radius: 100px; position: absolute; top:50%; right: 0px; margin-top: -16px; font-size: 18px; color: #bcbcbc; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.job .jobList .postTxt .jobTit:hover .dot,.job .jobList li.selected .postTxt .jobTit:hover .dot{ background: #00ADA7; color: #fff;border:1px solid #00ADA7;}
.job .jobList li.selected{ height: 100%;}
.job .jobList li.selected .postTxt .dot{-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);border:1px solid #00ADA7;color: #00ADA7}
.job .jobList li.selected .postTxt .time{color: #00ADA7}
.jobTxt{ display: none; margin-top: 30px; line-height:30px; color: #666; font-size: 14px; padding-left:100px;}
.jobTxt h3{ font-size: 18px; padding: 15px 0 15px 12px;position: relative;}
.jobTxt h3:after{content: '';display: block; width:5px; height:5px; position:absolute; top: 29px; left:0px; background: #999; border-radius: 50px;}
.jobEmai{display:inline-block; margin:3% 0 1% 0}
.jobEmai a{line-height:26px; display:block; background:#00ADA7; color:#fff; font-size:14px; border-radius:50px; padding:6px 20px; text-align:center;-moz-osx-font-smoothing: auto;}
.jobEmai a p{ font-size:12px; font-family:Arial; font-weight: 600; opacity:0.68}
.job .jobList.ask .jobTxt{ padding-left: 0;}
.job .jobList.ask .postTxt .jobTit{ padding-left: 0;}
.job .jobList.ask .jobTit:after{ display: none;}
.job .isTop{top: -30px;left: -55px;line-height: 52px;}

.isTop{ font-size: 12px; width: 86px;height: 36px;background-color: #FF0C0C;color: #fff;position: absolute; top: -6px; left: -32px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform:rotate(-45deg);text-align: center;line-height: 48px; z-index: 2}

.preloader{position: fixed;left: 0px;top: 0px;width: 100%; height: 100%;z-index: 999999;background-color:rgba(255,255,255,.96);background-position: center;background-repeat: no-repeat; background-image: url(images/loading.gif); background-size: 42px 42px;}

.btn.mob{text-align: center; margin-top: 25px; display: none;}

/*CSS动画样式*/
.umAni .anim{visibility:hidden;}
.animated{visibility:visible;}

/*----------- media -----------*/
@media screen and (max-width:1280px){
.swiperBox.umCon{ padding:0px;}
.umArtText{padding-left: 570px;}
.umArtBox.vertical .umArtText{padding-left: 334px;}
.umArtBox.square .umArtText{padding-left: 437px;}
.job .jobList{ width: 98%;}
.banner .tl .text,.banner .tr .text{max-width: 100%; padding:0 40px;}
.banner .tr .text{ padding:0 40px;}
.artUm .uml {max-width: 40%;}
}

@media screen and (max-width:1024px){
.PostSl li .slNumber{font-size: 30px;}
.section.about .box .img{ width: 380px;}
.section.about .box .text{ padding-left: 38px;}
.rowBox .articles .three li{width: calc(100% / 2 - 16px);}
.umArtBox .umArtText{padding-left: 540px;}
.umArtBox .umArtPicBox{width: 500px;margin-right: -500px;}
.job .jobList{ width: 100%;}
.banner .text h4{ font-size: 30px;}
.banner .text p{ margin: 15px auto;}
}

@media screen and (max-width:959px){
.banner .text h4{ font-size:26px;}
.banner .text p{ margin-top: 15px;}
.banner .text p,.banner .text h4{max-width: 580px;}
.banner .text .btn a{ padding: 0px 25px; font-size: 16px}
.bnBox.cateBn .text{ padding:0 10%;}
.bnBox.cateBn .text h3{font-size:36px;}
.PostSl li .slNumber{font-size: 26px;}
.section.about .box .img{ width: 350px;}
.section.about .box .text{ padding-left: 30px;}
.section .intro{-webkit-line-clamp: 3;}
.PostSl li{padding-left: 20px;}
.team .swipeTeamText{padding: 0 46px 0 0;}
.team .swipeTeamText.swiper-container-fade .swiper-slide .text{padding-left: 100px;}
.team .swipeTeamText.swiper-container-fade .swiper-slide .text:before{font-size: 100px;line-height: 62px;}
.ftNav ul{ padding-right: 5%}
.ftNav .us li.tel{ font-size: 30px; line-height: 36px;}
.articles .vertical li{width: calc(100% / 3 - 16px);}
.articles .two li{width: calc(100% / 2 - 16px);}
.umArtBox .umArtText{padding-left: 495px;}
.umArtBox .umArtPicBox{width: 460px;margin-right: -460px;}
}

@media screen and (max-width:900px){
.navbar{ display: none}
.sidebar .widget.umhtml1 ul li{ width: 25%}
.moble,.mNavBtn{ display: block;}
.mNavBtn{ float: left;height: 60px;line-height: 60px;}
.sbtn{margin-right:0px;height: 60px;line-height: 60px;}
.header .logo{ left: 50%; transform: translateX(-50%);}
 body{overflow-x: hidden;}
 body .wrap{ position:relative; overflow: visible;}
 body.open{overflow:hidden;}
 body.open .leftNav{ left:0px;}
 body.open .leftNav .mNavBtn{ display:block; position: absolute; top: 0px; background: #000; padding:0px 13px; height: 49px; right: -50px; cursor: pointer}
 body.open .leftNav .mNavBtn i{ font-size: 24px;}
 body.open .mNav .navbar{display:block;}
.title{padding: 0px 0 20px;}
.btn{ margin-top: 25px;}
.banner .text .btn{ margin-top: 15px;}
.PostSl{padding: 25px 0 0px 0;}
.bnBox.cateBn .text h3{font-size:32px;}
.section.about .box .img{ width: 320px;}
.ftNav .us li.tel{ font-size: 26px; line-height: 34px; padding-bottom: 0;}
.ftNav .us li.add{ max-width:168px;}
.articles .three li,.articles li{width: calc(100% / 3 - 16px);}
.diy .box .text{ max-width: 62%;}
.rowBox,.rowLeft .rowBox{ padding-right: 0; padding-left: 0; float: none;}
.rowBox .articles .three li{width: calc(100% / 3 - 16px);}
.sidebar{width:100%;float: none;margin:30px 0 0 0;}
.leftBar .sidebar .widget.cateTitle{ display: none;}
.leftBar .subcate.mobile{ display: block; margin: 0 0 20px;}
.pageNav{ padding: 24px 0 0;}
.leftBar .subcate.cateTitle.show,.leftBar .subcate.cateMore.show{ display: block;}
.umArtText .umArtTit{ font-size: 22px;}
.umArtBox .umArtText{padding-left: 460px;}
.umArtBox .umArtPicBox{width: 430px;margin-right: -430px;}
.umArtBox.horizontal .umArtDes{-webkit-line-clamp: 3;}
.umArtBox.vertical .umArtText{padding-left: 326px;}
.umBody .section.about .box .text{margin-right: -38px;}
.umBody .section.about .box .text .title{width: calc(33.333333% - 38px);margin-right: 38px;}
.umBody .section.about .box .text .intro{margin-right: 38px;}
.umBody .aboutArr ul{margin-right: -38px;}
.umBody .aboutArr li{width: calc(100% / 3 - 38px);margin: 32px 38px 0px 0;}
.bannerNav.swiper-pagination-bullets{ bottom:20px;}
.banner .swiper-pagination-bullet{ width: 24px; height: 24px; line-height: 22px; font-size: 13px;}
.banner .text .btn a{ padding: 0px 20px;line-height: 36px;}
.articles.list li .text h4,.articles.list .square li .text h4, .articles.list .vertical li .text h4{-webkit-line-clamp: 1; font-size: 20px;}
.artMain{ margin: 25px 0;}
}

@media (max-width: 840px){
.section.about .box{ position: relative; padding-bottom: 80px;}
.section.about .box .img{ width: 268px;}
.umBody .section.about .box{ padding-bottom: 0;}
.PostSl{ position: absolute; left: 50%; transform: translateX(-50%); bottom:-10px; padding: 0; text-align: center;}
.PostSl li{ padding: 0 20px; text-align: center;}
.PostSl li:first-child,.PostSl li:first-child,
.PostSl li .slNumber span,
.umBody .PostSl li{ padding: 0 20px;}
.umBody .PostSl li .slNumber span{padding: 0 20px;}
.umBody .PostSl li .slNumber em{right: 0px;}
.section .intro {-webkit-line-clamp: 4;}
.ftEwm{ width: 200px;}
.ftNav ul{ padding-right: 4.5%}
.ftNav .us li.tel{ font-size: 22px; line-height: 32px; padding-bottom: 0;}
.ftNav .us li.add{ max-width:160px;}
.umArtBox.square .umArtPicBox{width: 379px;margin-right: -379px;}
.umArtBox.square .umArtText{padding-left: 417px;}
.diy .box .text{ max-width: 61%;}
.bnBox.cateBn .text h3{ font-size: 28px;}
}

@media screen and (max-width:750px){
.banner .text h4{ font-size:26px;}
.banner .text p{ margin-top: 15px;font-size: 14px;max-width:none;}
.banner .text p,.banner .text h4{max-width: 500px; padding: 0 20px;}
.banner .text .btn a{font-size: 14px;line-height: 36px;min-width: 100px;}
.banner .swiper-slide .img:after{padding-top: 120%}
.bannerNav.swiper-pagination-bullets{ bottom:15px;}
.banner .swiper-pagination-bullet{ width: 20px; height: 20px; line-height: 18px; font-size: 12px;}
.section,.section.about, .section.diy{ padding: 60px 0 70px;}
.umBody .section.data{ padding: 50px 0 45px;}
.banner .tl .text,.banner .tr .text{padding:0 40px 0 20px;}
.banner .tr .text{padding:0 20px 0 40px;}
.articles{margin: 30px 0;}
.footer{ padding: 5% 0;}
.ftBox{ display: block;}
.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: "\EA13";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: "\F1AF";}
.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;}
.ftEwm{margin-bottom: 10px; 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%}
.bnBox.cateBn .text h3{ font-size: 24px;}
.title .tit{font-size: 24px;}
.articless{margin: 30px 0;}
.subcate.mobile{ display: block; margin: 30px auto -10px;}
.umBody .subcate.mobile{margin: 30px auto 25px;}
.subcate.hover,.cateMore .subcate.click{ display: none;}
.subcate.cateTitle.show{display: block; margin-top: 25px;}
.umBody .subcate.cateTitle.show{ margin-bottom:30px;}
.leftBar.row{ margin: 25px 0;}
.leftBar .subcate.cateTitle.show{ margin-top: 0;}
.team .swipeTeamText{padding: 0 38px 0 0;}
.team .swipeTeamText.swiper-container-fade .swiper-slide .text{padding-left: 0;}
.team .swipeTeamText.swiper-container-fade .swiper-slide .text:before{display: none;}
.news .cardBox .card.frist,.news .cardBox .card{ width: 100%;}
.news .card.auto li .intro{-webkit-line-clamp: 3;height: auto;}
.diy .box .text{max-width: 100%;}
.diy .box.video .text{ padding:35px 120px 35px 35px;}
.diy .btn.en{ margin-right: 10px;}
.diy .play{ right: 35px;margin-right: 0;}
.partner .list li .img .anim{padding:40px 15px;}
.partner .list li .img img{ max-width: 130px;}
.articles .vertical li{width: calc(100% / 3 - 16px);}
.articles .three li,.articles li,.articles .two li,.rowBox .articles .three li{width: calc(100% / 2 - 16px);}
.umArtBox{margin: 30px 0px 10px;}
.umArtBox.horizontal,.umArtBox.square{ display: block;}
.umArtBox.horizontal .umArtText,.umArtBox.square .umArtText{padding-left: 0; margin-top: 30px;}
.umArtBox.horizontal .umArtPicBox,.umArtBox.square .umArtPicBox{width: 100%;margin-right: 0;}
.umArtBox.vertical .umArtPicBox{width: 280px;margin-right: -280px;}
.umArtBox.vertical .umArtText{padding-left: 310px;}
.job .jobList{ margin: 35px auto 30px;}
.umBody .section.about .box .text{margin-right: -28px;}
.umBody .section.about .box .text .title{width: calc(33.333333% - 28px);margin-right: 28px;}
.umBody .section.about .box .text .intro{margin-right: 28px;}
.umBody .aboutArr ul{margin-right: -28px;}
.umBody .aboutArr li{width: calc(100% / 3 - 28px);margin: 24px 28px 0px 0;}
.umBody .contact .intro .item{ padding: 24px;}
.umBody .contact .intro .item ul{padding: 0 0 0 24px;}
.umBody .contact .intro .item .img{ width: 260px;}
.sidebar .widget.umhtml1 ul li{ width: 33.3333%;}
}

@media screen and (max-width:640px){
.header{ padding-top: 48px;}
.header .logo{height:35px; margin-top:-18px;}
.logo img{height:35px;}
.opaque .sbtn,.opaque .mNavBtn{height:60px; line-height:60px;}
.fixed .sbtn,.header.noOpaque .sbtn,.fixed .mNavBtn,.header.noOpaque .mNavBtn{height:48px; line-height:48px;}
.banner .text h4{ font-size: 24px;}
.section,.section.about, .section.diy{ padding: 50px 0 40px;}
.section.about .box{ display: block; padding-bottom: 0;}
.section.about .box .text{ padding: 30px 38px 0;}
.section.about .box .img{ width: 100%;}
.PostSl{ position: static; transform: translateX(0); padding-top: 30px; margin:0px;}
.PostSl li{ width: calc(100% / 2); margin:15px 0px; padding: 0;}
.PostSl li:nth-child(2){ border: none;}
.umBody .PostSl{ display: block;}
.umBody .PostSl li{width: calc(100% / 2); }
.umBody .PostSl li:nth-child(2):before{ display: none;}
.title,.btn{ text-align: center;}
.diy .title{ text-align: left;}
.section .umTab{ position: static;padding-right: 0; margin-top: 20px;}
.section .umTab li{ margin: 0 10px;}
.section .umTab li.active a,.adv .swiperPage{ display: none;}
.advPage{ display: block; bottom: -20px;}
.adv .swiper-container,.product .swiper-container{ padding-bottom: 30px;}
.swiper-container-horizontal > .swiper-pagination-progress{ width: 50px;margin-left: -25px;}
.team .swiperBox{flex-direction: column-reverse;align-items: center;}
.team .swipeTeamText{ padding: 0 38px; margin-top: 30px; text-align: center;}
.news .card li .intro{-webkit-line-clamp: 3;height: auto;}
.news .card li.pic .btn.en{ position: static;}
.news .card li h4{-webkit-line-clamp: 2; font-size: 16px;}
.partner .list li{ border: none;}
.partner .list li .img:nth-of-type(even){border-right: none;}
.partner .list li .img img{ max-width: 150px;}
.partner .list li .img {-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}
.partner .list li .img{border-bottom: 1px solid #ECEDF2;}
.articles{margin: 20px 0 30px;}
.articles .vertical li {width: calc(100% / 2 - 16px);}
.articles.list li .time,.articles.list li .text:after{ display: none;}
.articles.list li .text{ padding-right: 0;}
.subcate.mobile{margin: 20px auto -10px;}
.umBody .subcate.cateTitle.show{ margin-bottom:25px;}
.umBody .subcate.mobile{margin: 20px auto 15px;}
.pageNav{ padding: 20px 0 0;}
.row{margin: 30px 0;}
.leftBar .subcate.mobile{margin: 0 0 10px;}
.artMain{ margin: 20px 0;}
.leftBar .subcate{margin: 0 0 15px;}
.artBody .meta .umArtTopTit .umTab li{margin: 0 15px 0 0;}
.artBody .meta .umArtTopTit .umTab li span{font-size: 16px;}
.artBody .meta .fontSize{ top: 3px;}
.umArtBox{ display: block;}
.umArtBox.vertical .umArtText{padding-left: 0; margin-top: 30px;}
.umArtBox.vertical .umArtPicBox{width: 100%;margin-right: 0;}
.btn.mob{ display: block;}
.btn a{ min-width: 100px; height: 34px; line-height: 32px; font-size: 13px;}
.job .jobList{ margin: 30px auto 30px;}
.umBody .section.about .box .text{margin: 0px; display: block; padding: 0;}
.umBody .section.about .box .text .title{width: calc(100%);margin-right: 0px; text-align: center;}
.umBody .section.about .box .text .intro{margin-right: 0px;}
.umBody .aboutArr{ margin-top: 0;}
.umBody .aboutArr ul{margin-right: 0px;}
.umBody .aboutArr li{width: calc(100%);margin: 10px 0 0 0;}
.umBody .contact .intro .item{ padding: 16px; margin: 20px 0px 20px 0;}
.umBody .contact .intro .item:first-of-type{ margin-top: 15px;}
.umBody .contact .intro .item ul{padding: 0 0 0 20px;}
.umBody .contact .intro li h2{ font-size: 18px;}
.umBody .contact .intro .item li{ line-height: 18px;}
.umBody .contact .intro .item .img{ width: 220px;}
.rowBox .articles.list .vertical li .text .intro{-webkit-line-clamp:5;}
.articles.list li .text h4,.articles.list .square li .text h4, .articles.list .vertical li .text h4{-webkit-line-clamp:1; font-size: 18px;}
}

@media screen and (max-width:540px){
.articles.list li .img{width: 180px;}
.articles.list li .text{ padding-left: 20px;}
.articles.list li .text .intro{-webkit-line-clamp: 2;margin-top: 8px;}
.articles.list .square li .text .intro{-webkit-line-clamp: 3;}
.articles.list .square li .text.tag .intro{-webkit-line-clamp: 2;}
.wrap .meta{padding-top: 5px;}
.umBody .contact .intro .item{ padding: 15px;}
.umBody .contact .intro .item ul{padding: 0 0 0 15px;}
.umBody .contact .intro li h2{ font-size: 16px; margin-bottom: 5px;}
.umBody .contact .intro .item li{ line-height: 16px; font-size: 12px;}
.umBody .contact .intro .item .img{ width: 200px;}
.sidebar .widget.umhtml1 ul li{ width: 50%;}
.news .cardBox .card.auto li{ width: 100%;}
.artUm .uml {max-width: 100%; float: none;}
.artUm .umr{ width: 100%; display: inline-block;padding-left: 0px;}
.artUm .umr h1,.artUm .umr h2, .artUm .umr h3, .artUm .umr h4, .artUm .umr h5{ margin: 5px 0 3px 0;}
}

@media screen and (max-width:480px){
body.category.umBody .umComm iframe{ width: 90%;}
.banner .text h4{ font-size: 20px;}
.news .card li{ width: 100%;}
.articles.list li .img{width: 160px;}
.artMain{ margin: 10px 0;}
.btn a{ min-width: 90px; height: 30px; line-height:28px;font-size: 12px;}
.umBody .contact .intro .item{display: block;}
.umBody .contact .intro .item .img{ width: 100%;}
.umBody .contact .intro .item ul{ width: 100%; padding: 0; margin-top: 20px;}
.umBody .contact .intro .item.nopic ul{ margin-top: 0;}
.banner .text p{ font-size: 13px;margin-top: 12px;margin-bottom: 12px;}
.banner .text .btn a{line-height: 34px;padding: 0px 12px;min-width: 90px;}
.rowBox .articles.list .vertical li .text.tag .intro{-webkit-line-clamp:4;}
}
@media screen and (max-width:440px){
.partner .list li .img .anim{padding:30px 10px;}
.partner .list li .img img{max-width: 130px;}
.articles .three li,.articles li,.articles .two li,.rowBox .articles .three li{width: calc(100% / 1 - 16px);}
.articles .vertical li{width: calc(100% / 1 - 16px);}
.articles.list li{ padding: 15px;}
.articles.list li .img{width: 130px;}
.articles.list li .text{ line-height: 1.6;}
.articles.list li .text h4,.articles.list .square li .text h4, .articles.list .vertical li .text h4{-webkit-line-clamp: 2; font-size: 16px;}
.articles.list li .text .intro,.articles.list .square li .text.tag .tag,.rowBox .articles.list .vertical li .text.tag .tag{display: none;}
.rowBox .articles.list .vertical li .text .intro{-webkit-line-clamp: 3;display: -webkit-box;}
.articles.list .square li .text .intro{-webkit-line-clamp: 2;display: -webkit-box;}
.articles.list li .text .intro{margin-top: 6px;}
.articles.list li .text .tag{margin-top: 8px;}
}