@charset "utf-8";
/*
Theme ID: UM004
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: #F8F8F8;color: #333;font-size:14px;line-height:1.42857143;font-family:"PingFang SC",Helvetica,Arial,sans-serif; overflow-x:hidden;-moz-osx-font-smoothing: grayscale;}
*: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:#333;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:#735748;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;}
.PostShow:after,article:after,header:after,.row:after,.article-main:after,.umArtTopBox:after{clear: both;}
.PostShow:before,
.PostShow:after,
.PostShow:after,
.row:before,
.row:after,.article-main:after,.article-main:before,.umArtTopBox:before,.umArtTopBox:after{content: " ";display: table;}
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; }


.iconfont,[class*="icon-"]{
    font-family:"remixicon" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}
/*----------- container -----------*/
body{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.container{margin:0 auto;max-width:1260px;padding:0 10px;}
.container.Wauto{ padding:0}
.containe{position:relative;max-width:1260px;margin:0 auto;color:#fff;padding:0 20px;}
.container:before,.container:after{content: ''; display: table;}
.container:after{ clear: both;}
/*----------- 头部 -----------*/
.header{display:block;background:#FFFFFF; position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:3; box-shadow:0 3px 15px rgba(0,0,0,.06);width: 100%;}
.header.fixed{ position:fixed; width:100%; left:0; top:0;}
.header.fixed.fixedOut{ top:-160px;}
.header.fixed.fixedIn.fixedOut{ top:0px;}
.header .container{margin:0 auto; overflow: visible;}
.header .logo{ float:left;overflow:hidden; height:66px;}
.header .logo h1,.header .logo h2{ height: 66px;; display:block;}
.header .logo a{ width: auto; height: 66px; display:block; position:relative; font-size:0; overflow:hidden;-webkit-transition:none;-o-transition:none;transition:none;}
.header .logo a img{ height: 48px; position:relative; top:50%; transform:translateY(-50%);left:0;}
.header .navBar{ float:right;}
.header .navBar li{ display:inline-block; height:66px; line-height:66px; position:relative; vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar li a i{vertical-align: -1px; margin-right: 2px;width: 12px;display: inline-block;}
.header .navBar li a i[class^="ri-"]{width: auto;}
.header .navBar li.subNav{padding-right: 10px;}
.header .navBar li a{ display:inline-block; padding:0 15px; color:#181818; font-size:16px; position:relative; z-index:2; min-width:62px; text-align:center;-moz-osx-font-smoothing: auto;}
.header .navBar li em{ display:inline-block; position:absolute; right:5px; z-index:1; width:16px;}
.header .navBar li em i{ color:#181818; font-size:16px; width:16px; display:block;font-family: 'remixicon' !important;}
.header .navBar li em i:before{content: "\ea4e";}
.header .navBar li em[class^="ri-"]{ position: static; vertical-align: 0px;margin-right: 1px;}
.header .navBar li.active a,.header .navBar li.on a,.header .navBar li a:hover,.header .navBar li.active em i,.header .navBar li.on em i{color:#735748;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar li.active:before{width:16px; height:3px; position: absolute; bottom:12px; left:50%; transform:translateX(-50%); background-color:#735748; content: ''; border-radius:50px; display: none}

/*二级高亮*/
.header .navBar ul li>ul{ width:100%; min-width:160px; position:absolute; top:100%; left:50%; transform:translateX(-50%); right:0;background:rgba(0,0,0,0.68); z-index:888; visibility:hidden; opacity:0;box-shadow:0px 8px 20px 0px rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar ul li>ul li{ width:100%; height:42px; line-height:42px; display:block;}
.header .navBar ul li>ul li a,.header .navBar ul li.active > ul li a{ width:100%; text-align:center;height:42px; line-height:42px; font-size:14px; color:rgba(255,255,255,0.8); opacity:1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar ul li.on>ul li a{color:#fff;}
.header .navBar ul li>ul li.on a,.header .navBar ul li>ul li.on a:hover{ background:#735748;color:#fff;}
.header .navBar ul li.on>ul{ visibility:visible; opacity:1;}
.header .navBar ul li>ul li em{ position:absolute; right:5px; left:auto; top:0; z-index:3;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.header .navBar ul li.on>ul li em .iconfont{ color:rgba(255,255,255,0.8);}
/*三级高亮*/
.header .navBar ul li>ul li .sub2{visibility:hidden; opacity:0; display:none; left:-100%; transform:none;}
.header .navBar ul li>ul li.on .sub2{ right:-100%; left:auto; top:0; visibility:visible; opacity:1; display:block;}
.header .navBar ul li>ul li.on .sub2 li a,.header .navBar ul li>ul li.on .sub2 li a:hover{ background:rgba(0,0,0,0); color:rgba(255,255,255,0.8);}
.header .navBar ul li>ul li.on .sub2 li.on a,.header .navBar ul li>ul li.on .sub2 li.on a:hover{background:#735748; color:rgba(255,255,255,0.8);}

.header .navBar ul li > ul li em i{color: #fff;}
.header .navBar ul li.on > ul li em i{color: #fff;}
.header .navBar ul li > ul li.subNav{ padding-right: 0;}
.header .navBar ul > li > ul > li > ul{ visibility: hidden; opacity: 0; position: absolute; width: 160px;right: -160px;top: 0px;box-shadow: 0 10px 16px 0 rgba(0,0,0,0.03);transform: translateX(0);left: auto;-webkit-transition: all 0s ease; -o-transition: all 0s ease;transition: all 0s ease;background: #735748CC;}
.header .navBar ul li:last-of-type > ul li em{right:auto; left:5px;-webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);}
.header .navBar ul > li:last-of-type > ul > li > ul{left:-160px;right: auto;}
.header .navBar ul > li > ul > li > ul li{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar ul > li > ul > li.on > ul{ visibility: inherit; opacity: 1;right: -160px; top: 0;}
.header .navBar ul > li > ul > li.on > ul li a{ background:none;}
.header .navBar ul > li > ul > li > ul li:after{display: none;}

/*移动端*/
.mNavBtn{ position:absolute; top:0; bottom:0; left:0px; padding:0 15px; height:100%; display:none; line-height:48px; cursor:pointer;}
.mNavBtn i{color:#181818; opacity:0.68; font-size:20px;}
.mNavBtn:hover i{ opacity: 1}
.leftNav{ width:220px; background:#735748; position:fixed; top:0; bottom:0; left:-220px;-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:-50px; display:none; background-color: #FF3300;}
.leftNav .mNavBtn i{color:#fff; opacity:1;}
.leftNav ul{ padding-top:0px;}
.leftNav li{ width:100%; position:relative;}
.leftNav li a{ padding: 0 25px; line-height:48px; color:#FFFFFF; display:block; border-bottom:1px solid rgba(255,255,255,0.08);font-size:16px;}
.leftNav li a:hover{ background:rgba(0,0,0,0.1);}
.leftNav ul li>ul{ display:none;}
.leftNav li a [class^="ri-"]{vertical-align: 0px;}
.leftNav li em{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 em i{font-size: 18px;color: #FFFFFF;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:48px;line-height:48px; top:0; left:0;}
.leftNav li em i.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.leftNav li em i{font-family: 'remixicon' !important;}
.leftNav li em i:before{content: "\ea4e";}
.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:14px; text-indent:1em}
/*搜索*/
.search{ float:right;margin-left:5px; position:relative; z-index: 3}
.search [class*="ri"]{ color:#181818; line-height:66px; opacity:0.68; font-size:18px; padding-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; cursor:pointer; display:block;}
.search [class*="ri"]:hover{ opacity: 1;}
.searchBox{ position:fixed; left:50%;top:48%; width:400px; background:#fff; transform:translate(-50%,-50%); margin:0;padding:30px 22px;border-radius:8px;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}
.searchForm {display:block;}
.searchPup{position:relative;margin-top:0; float:none}
.searchPup form input:focus{width:180px}
.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:#735748; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.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{opacity: .6; font-size:12px; margin:12px 0 6px; display:block; clear:both;}
.schList{ font-size:0; display:block; margin:3px -3px -3px -3px;}
.schList li{ display:inline-block; height:26px; line-height:26px; margin:3px;}
.schList li a{ font-size:14px; background:#eee; width:100%; display:block;padding:0 8px; border-radius:3px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.schList li a:hover{background:#735748; color:#fff;}

/*搜索页*/
.umSearch{ padding: 16px 0 0 0;}
.umSearch h1{ line-height: 24px;}
.umSearch .subTit{ line-height: 22px; opacity: .6}
.umSearch h1{ line-height: 24px;}

/*列表*/
.article{ overflow: hidden;}
.PostShow ul{ margin-right: -30px; font-size: 0;}
.PostShow li{width: calc(100% / 4 - 30px);margin:15px 30px 10px 0; display: inline-block;-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; text-align:center;vertical-align: top;}
.PostShow li .postImg{ font-size: 0;}
.PostShow .noArr,.PostNews .noArr{ margin-right: 0;}
.PostShow .noArr li,.PostNews .noArr li,.umSidebar .umArt .PostShow .noArr li{ width: 100%; padding:100px 0; font-size: 16px;text-align: center}
.PostShow .noArr li p,.PostNews .noArr li p{ opacity: .2; padding-top: 15px;}
.PostShow .noArr li img,.PostNews .noArr li img{ max-width: 300px;}

/*内容*/
.PostBox{ padding: 80px 0; overflow: hidden;background-color:currentColor;}
.PostBox.odd,.PostBox.even{padding-bottom: 65px;}
.PostBox .post .postTitle{text-align:center;position:relative; padding:0px; margin-bottom: 20px; color: #333;}
.PostBox .post .postTitle h3{font-size:30px; font-weight:600;position:relative;letter-spacing:1px; display:inline-block;}
.PostBox .post .postTitle .title1{ line-height: 1.9; clear:both; display:inline-block; width:100%; color:#969aa2; font-size:13px; padding-top:8px;}
.PostBox .post .postTitle .title1 b{ width: 16px; height: 16px; line-height: 16px; text-align: center; display: inline-block;font-weight: normal; background-color: #735748; border-radius: 100px; margin: 0 1px; color: #eee5ce;font-size:12px;}
.PostShow .postImg {position:relative; display:block; overflow:hidden;}
.PostShow .postImg a.pic,.PostNews .postImg a.pic{ font-size:0; display:block;}
.PostShow .postImg a.pic:after,.PostNews .postImg a.pic:after{content: '';display: block;padding-top: 100%;}
.PostNews .postImg a.pic:after{padding-top: 75.24%;}
.PostShow .postImg a.pic img,.PostNews .postImg a.pic img{ position:absolute; top:50%; transform: translateY(-50%);left:0; max-width:100%; width: 100%; height:100%;object-fit: cover;object-position: center;}
.isTop{ font-size: 12px; width: 86px;height: 36px;background-color: #f96f2c;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); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.05);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.05); box-shadow: 0px 0px 10px rgba(0,0,0,.05);text-align: center;line-height: 48px; z-index: 1}

.PostBox.about{ background-color: currentColor; display: block; font-size: 0;padding:90px 0;}
.PostBox.about .post{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;}
.PostBox.about .text{ width: 62%; font-size: 0; padding-left: 50px;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;}
.PostBox.about .text div{font-size: 14px;}
.PostBox.about .post .more{text-align: left; margin-top: 0;}
.PostBox.about .post .more a{ text-align: center;}
.PostBox.about .postTitle,.PostBox.about .more{text-align: left;}
.PostBox.about .postTitle{ width: 100%;}
.PostBox.about .postText{ width: 100%; clear: both; line-height:1.9;color:#333; opacity: .68; text-align: left; overflow: hidden; position: relative; margin-bottom: 25px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden; font-size: 14px;text-align: justify;}
.PostBox.about .img{ width:38%; font-size: 0; position: relative;-ms-flex-negative: 0;flex-shrink: 0; overflow: hidden;}
.PostBox.about .img img{ width: 100%; object-fit: cover;}
.PostBox.about .img a{ display: block;}
.PostBox .loading,.PostShow li .loading{background: #e7e8f0 url(images/lay.gif) center center no-repeat;	min-height:60px}

/*自定义模块*/
.tabTitle,.subcate{ text-align:center; display:block; font-size:0; margin:10px 0 15px;}
.tabTitle li,.subcate li{ display:inline-block; margin:5px;}
.tabTitle li h3,.subcate li a{ display: block; height: 34px; line-height: 34px; position: relative; font-size:14px; font-weight:normal; color:currentColor; background:#181818; border-radius:60px; padding:0px 12px; cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-moz-osx-font-smoothing: auto;}
.tabTitle li.active h3,.subcate li.active a{ background:#735748;}
.tabTitle li h3 a{color:currentColor; }
.subcate{margin:30px 0 10px;}
.subcate li a{ color: #fff;}

.post .PostShow {position: relative;}
.post.list .PostShow { margin-bottom: 20px;margin-top: 20px;}
.post .PostShow.tabCon{ display: none;}
.post .PostShow .postInfo{padding:15px 10px 12px; text-align: center; font-weight: normal;}
.post .PostShow .postInfo h4,.PostBox .post .tabConBox .postInfo h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center; font-weight: normal;color: #333; }
.post .PostShow .postInfo h4{font-size: 16px;padding: 5px 0;}
.post .PostShow .postInfo h5,.post .PostShow .postInfo .info{font-size: 14px; opacity: .6;color: #333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.PostShow .callBox{font-size: 0;text-align: center;position:absolute; left: 0; right: 0; bottom:-38px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; visibility: hidden;}
.post .PostShow li:hover .callBox{ bottom: 0; visibility: visible;}
.PostShow .callBox a{ width: 100%; font-size: 14px; font-weight:500; color:#fff; height: 38px; line-height: 38px; padding: 0 12px; display:inline-block;background-color: #F9B106}
.PostShow .callBox a.btnBuy{background-color: #F30}
.PostShow .callBox.btnAll a{width: 50%;}

.umSidebar .umArt .post.list .PostShow{ background:#fff;padding: 5px 15px;}
.umSidebar .umArt .PostShow ul{ margin-right: -20px;}
.umSidebar .umArt .PostShow li{width: calc(100% / 3 - 20px);margin: 10px 20px 10px 0;}

.list .PostShow .callBox a,.list .PostShow .callBox a:hover span{ color: #fff;}
.list .PostShow .callBox a:hover:before,.list .PostShow .callBox a:hover:after{background-color:#f5eedc;}
.PostBox .post .more{ display: block; text-align: center; margin-top: 25px; clear: both;}
.PostBox .post .more a{width: 120px; height:38px; display: inline-block; line-height: 36px; border-radius: 50px; border: 1px solid rgba(0,0,0,.08); background-color:currentColor;color:currentColor;}
.PostBox .post .more a span{ font-size: 14px;color:rgba(0,0,0,.3);}
.PostBox .post .more a i{ vertical-align: -1px; margin-left: 5px;color:rgba(0,0,0,.3);}
.PostBox .post .more a:hover{background-color:#735748; border-color:#735748;}
.PostBox .post .more a:hover span,.PostBox .post .more a:hover i{color:#fff;}

/*课程*/
.PostBox.um1{ background-image: url(images/coursePic.jpg); background-size: cover; background-position: center; position: relative;}
.PostBox.um1 .container{ max-width: 1000px; text-align: center; position: relative; z-index: 1;}
.PostBox.um1 .postMask{ display: block; background-color:#000; opacity: .9; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.PostBox.um1 .postInfo{ padding: 10px 0px 0px;}
.PostBox.um1 .post .PostShow ul{ margin-right: -30px;}
.PostBox.um1 .post .PostShow li{width: calc(100% / 4 - 30px);margin: 15px 30px 15px 0; background-color: #fff; padding: 15px;}
.PostBox.um1 .postImg{overflow: visible}
.PostBox.um1 .postImg .pic{position: relative;border-radius:0px; overflow: hidden; display: block;}
.PostBox.um1 .postImg a.pic{ color: currentColor}
.PostBox.um1 .post .postTitle h3,.PostBox.um1 .post .postTitle .title1{ color: #fff;}
.PostBox.um1 .post .postTitle .title1{ opacity: .8;}
.PostBox.um1 .post .more a,.PostBox.umBnBg .post .more a{ border: 2px solid #fff; line-height: 34px; background-color:#fff;}
.PostBox.um1 .post .more a span,.PostBox.um1 .post .more a i{color:#333;}
.PostBox.um1 .post .more a:hover{background-color:#735748;}
.PostBox.um1 .post .more a:hover span,.PostBox.um1 .post .more a:hover i{color:#fff;}
/*自定义bn*/
.umBnBg{background-color:#181818;background-size:cover;text-align:center; position:relative; overflow:hidden;background-image: url(images/coreBg.jpg);}
.umBnBg .post{ color: #fff;  padding: 0; z-index:2;position:relative;}
.umBnBg p{width:60%; margin:0 auto; line-height:1.7; padding-top:10px; padding-bottom: 10px; filter: alpha(opacity=68);opacity: .68;}
.umBnBg p.tit{ font-size:32px; line-height:2; padding-top:0; padding-bottom: 0; filter: alpha(opacity=100);opacity: 1;}
.umBnBg .post .more a{filter: alpha(opacity=100);opacity: 1;}
.umBnBg .post .more a span,
.umBnBg .post .more a:hover span{color:#333;}

/*团队/师资*/
.PostBox.um2 .container{ max-width: 100%;}
.PostBox.um2 .postImg a.pic:after{padding-top:100%;}
.PostBox.um2 .postImg{ border-radius: 100%; overflow: hidden;border:0px solid rgba(18,71,81,.15); max-width: 160px; margin: 0 auto}
.PostBox.um2 .postImg a.pic{ border:10px solid currentColor; position: relative; border-radius: 100%; color: currentColor;}
.PostBox.um2 .postImg a.pic img{border-radius: 100%;}
.PostBox.um2 .post .PostShow .postInfo{ padding-bottom: 0;}

/*资讯*/
.PostBox.um3 .container{ max-width:1280px;}
.PostBox.um3 .swiper-container{ margin-top: 20px; margin-bottom: 15px; padding: 0 10px;}
.PostBox.um3 .swiper-container .item{ width: 100%;padding: 20px; background-color: #f0e5c8; float: left;}
.PostBox.um3 .postImg{ width:320px;height:260px;float: left;}
.PostBox.um3 .postImg a.pic{width:320px;height:260px;background-size: cover; background-position: center}
.PostBox.um3 .postImg a.pic img{width:320px;position: static;background-size: cover;}
.PostBox.um3 .postImg a.pic:after{display: none}

.PostBox.um3 .post .PostShow .postInfo{text-align:left; padding:40px 50px; overflow: hidden;}
.PostBox.um3 .post .PostShow .postInfo h4{font-size: 16px; font-weight: 400; text-align: left}
.PostBox.um3 .post .PostShow .info{ font-size: 14px; line-height: 1.8; padding-top:10px;opacity: .6 ;white-space: inherit; height: 110px; position: relative;}
.PostBox.um3 .post .PostShow .info:after{}
.PostBox.um3 .post .PostShow .infoFt{line-height: 1.4; color: #333; padding-top:10px;opacity: .6 ;font-size: 0px;}

.PostBox.um3 .post .PostShow .infoFt span{ padding-right: 10px; opacity: .6; font-size: 14px;}
.PostBox.um3 .post .PostShow .infoFt span:last-child{ padding-right: 0px;}
.PostBox.um3 .post .PostShow .infoFt i{ padding-right:3px;font-size: 15px;vertical-align: -2px;}
.PostBox.um3 .post .PostShow ul{ margin-top: 10px;}
.PostBox.um3 .post .PostShow li{width: calc(100% / 3 - 30px);margin: 25px 30px 0px 0; position: relative}
.PostBox.um3 .post .PostShow li .postInfo{ padding:0px 15px 0px 105px;}
.PostBox.um3 .post .PostShow li .info{ padding-top: 5px;}
.PostBox.um3 .post .PostShow li .time{ width:80px; height:80px; top: 50%; margin-top: -39px; font-size: 26px; line-height: 46px; left: 10px;  position: absolute; border-radius: 100px; overflow:hidden; border: .5px solid #dbdbdb; opacity: .6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.PostBox.um3 .post .PostShow li .time em{ width: 100%; display: block; clear: both; text-align: right; padding-right:32px; margin-top:1px;}
.PostBox.um3 .post .PostShow li .time em.m{ font-size:18px; text-align: left; padding-left: 36px; padding-right: 0; line-height: 20px; margin-top: 0;}
.PostBox.um3 .post .PostShow li .time:after{content: ''; position: absolute; width: 1px; height: 24px; top: 50%; margin-top: -9px; left:39px; background: #dbdbdb;transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.PostBox.um3 .post .PostShow li a:hover .time{border: .5px solid #735748; background: #735748; opacity: 1; color:#fff}
.PostBox.um3 .post .PostShow li a:hover .time:after{background: #dbdbdb;}
.PostBox.um3 .post .PostShow .uList .info{ height: 56px; padding-top: 4px;}

.PostBox.um4 .PostShow{ padding: 0 20px;}
.PostBox.um4 .umContact{ color: #fff;max-width:950px; min-height: 80px; padding:20px; border-radius:20px; background:currentColor; border: 0px solid rgba(18,71,81,.15); margin: 20px auto 0;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;box-shadow: 0 15px 25px rgba(0,0,0,.005);}
.PostBox.um4 .umContact.noMap{max-width:680px;}
.PostBox.um4 .post .PostShow .umContact.noMap ul{ width: 100%; padding-right: 0;}

.PostBox.um4 .post .PostShow ul{ width: 50%; display: inline-block; margin: 0; vertical-align: middle; padding-right: 20px;}
.PostBox.um4 .post .PostShow ul li{ font-size: 14px; width: 100%; min-height: 45px; margin: 10px 0; padding: 0 40px 0 0px; position: relative; text-align: left}
.PostBox.um4 .post .PostShow ul li .text{ color: #333;}
.PostBox.um4 .post .PostShow ul li .text .tit{ padding:3px 0 4px 0; font-size: 12px; opacity: .6}
.PostBox.um4 .post .PostShow ul li .text .info{ opacity: .8; line-height: 24px;}
.PostBox.um4 .post .PostShow ul li i{ width: 48px; height: 48px; position:absolute; top: 0; left: 10px; background-size: 100%; background-repeat: no-repeat; font-size: 28px; color: currentColor; line-height:46px; text-indent: 2px; text-align: center; display: none}

.PostBox.um4 .post .PostShow ul li.icon{ font-size: 0; display: block; min-height: inherit;}
.PostBox.um4 .post .PostShow ul li.icon a{ font-size:14px; display: inline-block; width: 24px; height: 24px; line-height: 24px;  border-radius: 50%; margin: 0 18px 0 -3px; opacity: .6}
.PostBox.um4 .post .PostShow ul li.icon i{ background:none; position: relative; font-size:18px; display: inline-block; text-align: center; width: 100%; height: 100%; line-height: 24px; left: 0;}
.PostBox.um4 .mapImg{ width: 50%;font-size: 0;}
.PostBox.um4 .mapImg .mapImgBox{ position: relative; display: block;border-radius: 10px;overflow: hidden;}
.PostBox.um4 .mapImg .mapBtn{ position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; color: #f32; font-size: 24px;-webkit-animation: upArrow 3s linear 1.5s infinite;animation: upArrow 3s linear 1.5s infinite; text-shadow:0 15px 15px rgba(0,0,0,.4); cursor: pointer}

@keyframes upArrow {
   0% {-webkit-transform: translate(0);transform: translate(0)}
  25% {-webkit-transform: translateY(-7px);transform: translateY(-7px)}
  50% {-webkit-transform: translateY(3px);transform: translateY(3px)}
  75% {-webkit-transform: translateY(-7px);transform: translateY(-7px)}
 100% {-webkit-transform: translate(0);transform: translate(0)}
}

@-webkit-keyframes upArrow {
    0% {-webkit-transform: translate(0);transform: translate(0)}
  25% {-webkit-transform: translateY(-7px);transform: translateY(-7px)}
  50% {-webkit-transform: translateY(3px);transform: translateY(3px)}
  75% {-webkit-transform: translateY(-7px);transform: translateY(-7px)}
 100% {-webkit-transform: translate(0);transform: translate(0)}
}

.PostBox:last-child:not(.PostBox.umBnBg):not(.PostBox.um1){ padding-bottom: 18%; background-image: url(images/btmBg.png); background-size:100%; background-repeat: no-repeat; background-position: center bottom;}
.PostBtm {background-color: #F5EEDC; display: none;}
.PostBtm img{ vertical-align: bottom}

/*----------- contact -----------*/		
.contact{padding:16px 13px 10px;}
.contact ul li{background: none;}
.contact li a{display:block;margin-left:5px;width:24px;height:24px; color:#fff; line-height:24px;opacity:0.7; text-shadow:none;}
.contact li a:hover{opacity:1;}
.contact li.website a{background:#F93;}
.contact li.sina_weibo a{background:#f78585;}
.contact li.qq_weibo a{background:#27ccc0;}
.contact li.email a{background:#e66eb6;}
.contact li.qq a{background:#48c3f0;}
.contact li.archive a{width:78px;height:24px;background:#9C3;text-indent:0px; color:#fff; line-height:24px;}
.contact li.donate a{width:78px;height:24px;}
.contact li{display:inline;float:left;margin-right:4px;height:24px;text-align:center;line-height:190%;}

.weixinBox{ width: 260px; visibility: hidden; opacity: 0; position:fixed;padding:14px 6px 24px;background:#fff;z-index:999; line-height:0; border-radius:8px; 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;}
.weixinBox .img{ width: 100%;}
.weixinBox img{ width: 100%; height: 100%}
.weixinBox p{ color: #333; font-size: 14px; margin-top: 5px; line-height: 20px;}
.weixinBox.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);}

/*----------- relates -----------*/
.relates{padding:20px;margin-bottom:20px;background:#fff ;border:0px solid #eee}
.relates.imgRel{ padding:20px 20px 10px;}
.relates.imgRel ul{ margin:0 -20px 0 0; list-style: none}
.post.relates.imgRel .PostShow li{width: calc(100% / 4 - 20px); margin:10px 20px 10px 0;}
.relates ul{list-style:disc;margin-left:20px;color:#999}
.relates li{margin-top:10px;list-style:inherit; font-size: 14px;}
.relates li.nothing{ width:100%; text-align:left;}
.relates time{font-size:12px;margin-left:20px;color:#bbb}

.widgetBox{position:relative;clear:both;background:none}
.userMain{overflow:hidden;width:100%;border:1px solid #eee}
#userLeft{float:left;padding-bottom:10px;width:17.9%}
#userLeft .user-avatar{padding:15px;text-align:center}
#userLeft .user-avatar img{padding:5px;max-width:100px;max-height:100px;width:98%;height:auto;border:1px solid #eee;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
#userLeft .user-avatar img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
#userMenu li{padding:12px 10px;text-align:center}
#userMenu li.current-menu-item{margin:0 -1px;border-left:5px solid #735748;background:rgba(0,0,0,.03)}
#userMenu li.current-menu-item a{margin-left:-5px;color:#735748}
#userMenu li i{margin-right:5px}
#userRight{float:left;overflow:hidden;margin:0;padding:10px 1.333333%;min-height:600px;width:82%;border-bottom:none;border-left:1px solid #E1E1E1;background:#fff}
#userRight #writer-top{margin:0 -15px;padding:10px 15px;border-bottom:1px solid #E1E1E1;background:#fff}
#userRight .post-count{padding:15px 10px;border-bottom:1px solid #eee;font-weight:700}
#userRight .archive-a h2{font-size:14px;padding-left:5px;line-height:40px}
.archive-a h2{display:inline-block;overflow:hidden;margin:0;width:60%;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;line-height:28px}
.archive-a h2 a i{margin-right:5px}
#writer-top h1{margin-bottom:10px;font-size:20px}
#writer-top .rss-cat-icon i{color:#F74D4D}
.widget-main{position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1}
.archive-a{padding:10px 0;border-bottom:1px solid #eee}
.archive-a span{margin-right:5px}
.archive-a p.post-time{float:right;width:36%}
.post-time{margin:10px 0;line-height:20px}
.post-time span{margin-right:10px;color:#999}
.post-time span i{margin-right:3px}

/*默认列表*/
.main .umArt { width: 100%; padding-right: 0;padding-left: 0; float: left;}
.main .umArtBox { width: 100%;margin:10px 0 0px; display:inline-block;}
.main .umArt .umArtBox{ margin-bottom: 10px;}
/*双栏*/
.umSidebar .main .umArt { padding-right: 310px;}
.umSidebar .relates.imgRel ul { margin-right: -20px;}
.umSidebar .post.relates.imgRel .PostShow li{width: calc(100% / 4 - 20px);margin: 10px 20px 10px 0;}

/*新闻资讯模版*/
.PostNews li { width: 100%; display: inline-block; clear: both; padding: 15px;background:#fff; margin: 10px 0}
.PostNews li .postImg{ width: 190px;float: left;  overflow: hidden; position: relative}
.PostNews li .postInfo { padding:4px 0px 5px 20px; overflow: hidden;}
.PostNews li .postInfo h4{ font-size: 16px; font-weight: 600; margin-top: 8px;}
.PostNews li .postInfo .fot{  line-height: 22px; opacity: .6; font-size: 12px;}
.PostNews li .postInfo .fot span{ padding-right:10px}
.PostNews li .postInfo .fot i{ vertical-align: -1px; font-size: 15px;}
.PostNews li .postInfo .text{ margin: 15px 0; height: 46px; line-height: 1.7; opacity: .6; overflow: hidden;}
.PostNews .more{ margin-top: 10px; display: none;}

/*侧栏*/
.sidebar {width: 290px;position: relative;float: right;margin-left: -310px;margin-right: 0; margin-top: 10px; font-size: 0;}
.sidebar .widget{display: inline-block;width: 100%;clear: both;background:#fff; margin:10px 0; font-size: 14px;}
.sidebar .widget:last-child{ margin-bottom: 20px;}
.sidebar .widget h3{ font-size:18px; font-weight:600; padding:15px 36px 10px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position:relative}
.sidebar .widget h3:after{ content:'';width:8px;height:8px; background-color: #735748;  position: absolute; display: block; left: 20px; top:25px; border-radius: 50px;}
.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 ul,.sidebar .widget div{ padding:0px 15px 12px;}
.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.umhtml1 ul{ padding:10px 10px}
.sidebar .widget.umhtml1 ul li{ width:50%; display:inline-block; padding:0 5px; height:auto; text-align:center; margin:5px 0}
.sidebar .widget.umhtml1 h4{ height:34px;}
.sidebar .widget.umhtml1 ul li:hover .postImg img{transform: scale(1.1);}
.sidebar .widget.umhtml2 ul li{ padding-left:15px;}
.sidebar .widget.umhtml2 ul li:after{content:'';width:5px;height:5px; background: #e2e2e2; position: absolute; display: block; left: 0; top: 21px; border-radius:30px;}
.sidebar .widget.umhtml3 ul{ padding:0 10px 10px;}
.sidebar .widget.umhtml3 ul li{padding:5px; height:auto; line-height:28px;white-space:normal;}
.sidebar .widget.umhtml3 ul li a{ display:block; background:#f8f8f9; padding:6px 10px;}
.sidebar .widget.umhtml3 ul li a:hover{background: #181818; color:#fff;}
.sidebar .widget.divContorPanel div{ line-height: 28px;}
.sidebar .widget.divContorPanel div,.sidebar .widget.divTags ul{ padding-bottom: 15px;}
.sidebar .widget.divContorPanel div a{ color: #181818}
.sidebar .widget ul li.li-cate{ height: auto; padding-left: 20px;}
.sidebar .widget ul li.li-cate:before{ width:8px; height:8px; position: absolute;top: 1px;left: 2px;content: '\EA6E';font-family: remixicon;opacity: .6;}
.sidebar .widget ul li.li-cate .ul-subcates{padding: 5px 0px 5px; display: none}
.sidebar .widget ul li.li-cate .li-subcate{ opacity: .6}
.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.in .cateBtn:before{content: "\EA78";}
.sidebar .widget ul li i[class*="ri"]{vertical-align:0px;position: relative; font-size: 14px;}
.sidebar .widget.divSearchPanel div{ padding-bottom: 20px;}
.sidebar .widget.divSearchPanel input{ width: 100%; position: relative; line-height: 32px; padding: 0 10px; border:1px solid rgba(0,0,0,.03); background:rgba(0,0,0,.03)}
.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 #181818; background: #181818; color: #fff; font-size: 14px; cursor: pointer;}

.sidebar .widget.divTags li,.sidebar .widget.divLinkage li,.sidebar .widget.divFavorites 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:2px 4px 2px 0; height: 34px; line-height:34px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; background:  rgba(0,0,0,.04)}
.sidebar .widget.divTags li a span{font-size:12px;opacity: .6;}
.sidebar .widget.divTags li a:hover{color:#fff; background: #282828; }
.sidebar .widget.divLinkage li a,.sidebar .widget.divFavorites 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: rgba(0,0,0,.02); border: none; opacity: .6}
.sidebar .widget.divCalendar table td{ text-align: center; padding: 6px 0;background: rgba(0,0,0,.03);}
.sidebar .widget.divCalendar table td.pad{ opacity: .2}
.sidebar .widget.divCalendar table caption{ margin-bottom: 10px;}
.sidebar .widget.divMisc ul{ margin-right: -10px;}
.sidebar .widget.divMisc li{ font-size: 0; line-height: inherit; height:auto; display: inline-block; width: 50%; vertical-align: top}
.sidebar .widget.divMisc li a{ margin: 4px 10px 4px 0; display: block;}
.sidebar .widget.divMisc li a img{ width: 100%}
.sidebar .widget.divPrevious div{ padding: 0;}
.sidebar .widget.divPrevious li{ padding-left: 20px; margin:0; display: inline-block; width: 100%; position: relative;}
.sidebar .widget.divPrevious li:before{ content: '\EA6E'; position: absolute; top: 1px; left: 1px; opacity: .6; font-family: remixicon}
.umArtPage{ float: left;width: 100%}

/*最新评论*/
.sidebar .widget.divComments li{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:24px;padding-top:5px; padding-bottom:5px;margin:1px 0 3px 0; height: auto;}
.sidebar .widget.divComments li i{ font-style:normal; opacity: .6; font-size: 12px;}
.sidebar .widget.divComments li a{ position:relative; top:0px;}
.sidebar .widget.divComments li .author{float:left;margin:2px 8px 0px 0;padding:0px;width:46px; height: 46px; -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);}
.sidebar .widget.divComments li img.avatar{ margin-top: 4px;}
.breadcrumb{ padding-top: 20px;opacity: .6; display: none;}
.breadcrumb.show{ display: block;}
.breadcrumb i{ vertical-align: 0px}

.sidebar .widget.umhtml3 ul li{padding:5px; 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: #735748; color:#fff;}
.sidebar .widget.umhtml3 ul li em{position: absolute;top:5px;right:5px; 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:"\ea6e";font-family: remixicon;}
.sidebar .widget.umhtml3 ul li em i.open:before{content: "\ea4e";}
.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}

/*详情页*/
.single .main { overflow: hidden;}
.single .main .umArt{ margin-top: 0px;}
.single .main .sidebar{ margin-top: 10px;}
.single .umArtMain{ background: #fff; padding: 20px; margin: 10px 0 20px;position: relative;}
.single .umArtTop{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); position: relative; padding-right: 40px;}
.single .umArtTopTit{ font-size: 18px; display: inline-block; position: relative; font-weight: 600;}
.single .umArtTopTit:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #735748; bottom: -16px; left: 0;}
.single .umArtTit{ font-size: 24px; line-height: 1.6}
.single .umArtMt{ font-size: 0; padding-top: 4px; }
.single .umArtMt span{ font-size: 12px; opacity: .6; margin-right: 12px;}
.single .umArtMt span i{ font-size: 13px; vertical-align: 0px;  padding-right: 3px;}
.single .umArtSubTit{ padding: 5px 0; opacity: .8}

hr{border: none;border-bottom: 1px solid #ddd8c7;}

.umArtBody{ font-size: 15px; line-height: 1.8;word-break: break-all;}
.umArtBody p{ margin:0 0 15px 0;}
.umArtBody p img{ vertical-align: -8px;}
.umArtBody table{width: 100%;border-top: solid 1px rgba(0,0,0,.04);border-left: solid 1px rgba(0,0,0,.04);margin-bottom: 18px;border-collapse: collapse;}
.umArtBody table th,.umArtBody table td{border-bottom: solid 1px rgba(0,0,0,.04);border-right: solid 1px rgba(0,0,0,.04);padding: 6px 10px;word-break: break-all;background-color: #fff;}
.umArtBody table .firstRow th, .umArtBody table .firstRow td{ background-color:#f8f8f8}
.umArtBody blockquote{margin:20px 0px;padding: 15px 20px 1px;font-size: 14px;color: #666;border-left: 1px solid #735748;background: #f8f8f8;}
.umArtBody ul, .umArtBody ol{margin: 0 0 18px 16px;}
.umArtBody li{list-style:inherit}
.umArtBody h2,.umArtBody h3,.umArtBody h4,.umArtBody h5{font-weight: 600;line-height: 1.8;padding-bottom:5px}
.umArtBody h2{ font-size:20px;}
.umArtBody h3{ font-size:18px;}
.umArtBody h4{ font-size:16px;}
.umArtBody h5{ font-size:14px;}
.umArtBody p em{font-style: italic;}
.isVideo object, .isVideo video, .isVideo embed, .isVideo iframe {width: 100%;height: 100%;outline: 0;position: absolute;display: block;}
.umArtBody .isVideo{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;display: block;}
.indent .umArtBody p.isImg,.indent .umArtBody .isVideo{text-indent: 0;}
.indent .umArtBody p {text-indent: 2em;}
.umArtTopBox{background: #fff; padding: 20px; margin:20px 0 0px; display: flex;}
.umArtPic{width: 360px;-ms-flex-negative: 0;flex-shrink: 0;overflow: hidden;}

.umArtTextMain{padding-right: 168px; width: 70%; float: right;}
.umArtTextMain.w70{padding-right: 0px;}
.umArtTextMain.w70 .umArtText{ padding-right: 0;}
.umArtText{float: left;text-align: left;width: 100%; padding:0 25px;}
.umArtText .price{ width:100%;  clear:both; display:block;margin:7px 0 12px; position:relative;font-size: 0;}
.umArtText .price .priceBox{ display: inline-block; font-size: 14px; margin-right: 24px;}
.umArtText .price .priceBox:last-child{margin-right: 0px;}
.umArtText .price .priceBox .label{ padding-right: 5px; opacity: .6}
.umArtText .price .priceBox .price1,.umArtText .price .priceBox .price2{ font-weight: 600;}
.umArtText .price .priceBox .price2{ font-size: 24px;color: #F00}
.umArtText .price .priceBox .price1 em,.umArtText .price .priceBox .price2 em{ font-size: 14px; font-weight: normal;}
.umArtText .price .priceBox .price1 b,.umArtText .price .priceBox .price2 b{ font-size: 14px; font-weight: normal; color: #333; opacity: .6;}
.umArtText .umArtUl{ padding: 8px 15px; background:rgba(0,0,0,.02);margin-top: 4px;display: inline-block; width: 100%; overflow: hidden;}
.umArtText .umArtUl ul{ font-size:0;  margin-right: -10px; }
.umArtText .umArtUl li{ width: calc(100% / 2 - 10px);display:inline-block; margin:0 10px 0 0; line-height:1.9; vertical-align:top; font-size: 14px;}
.umArtText .umArtUl li.cate{ width:100%;}
.umArtText .umArtUl li em{ opacity: .6}
.umArtText .umArtUl li em.rmb{ color:#F62}
.umArtText .umArtTit{ font-size: 22px; font-weight: 400;}
.umArtText .btnBox{ display: block; font-size: 0; margin-top: 15px;}
.umArtText .btnBox [class*="btn"]{ display:inline-block; margin-right: 15px; margin-top: 5px;}
.umArtText .btnBox [class*="btn"]:last-child{margin-right: 0;}
.umArtText .btnBox a{ display: block;font-size: 16px; height: 40px; line-height: 40px; min-width: 100px; padding: 0 15px; text-align: center;color: #fff; position: relative; border-radius: 100px;}
.umArtText .btnBox .btnBuy a{ background: #F00;}
.umArtText .btnBox .btnCall a{ background: #F9B106;}
.umArtText .btnBox .btnComm a{ background: #15b77a;}
.umArtCode{ width: 168px; margin-right: -168px;text-align: center;float: right;padding:10px;position: relative;}
.umArtCode p{width: 100%;line-height: 20px;text-align: center; padding-top: 4px;padding-bottom: 2px; opacity:1}
.umArtCode p,.umArtCode img,.umArtCode div{ position: relative; z-index: 1;}
.umArtCode p em{ color: #181818}
.umArtCode:after{ content: '';background:#735748; opacity: .08; position: absolute; width: 100%; height: 100%; left: 0;top:0;}

.textPlay{display: block;position: absolute; right: 20px; top: 26px;}
.umArtBody.umType .textPlay{top: 18px; }
.umArtBody video{ max-width: 100%;}
.textPlay a{ display: block; background: #000; border-radius: 100px;z-index: 2 ;width: 28px; height: 28px; line-height: 27px; text-align: center; position: relative;}
.textPlay.play a{background: #735748;}
.textPlay:after,.textPlay:before{ width: 28px; height: 28px; opacity: .2;content:'';left: 0; top: 50%; transform:translateX(0%) translateY(-50%) scale(.8);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; position: absolute; display: block;background:#735748; border-radius: 100px; z-index: 1}
.textPlay.play:after{animation: pulse-border 1500ms ease-out infinite;}
.textPlay.play:before{animation: pulse-border 2500ms ease-out infinite;}

.videoText{ display: none}
.textPlay i{ font-size: 24px; color: #fff;}

@-webkit-keyframes pulse-border{0%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(0.8);transform:translateX(0%) translateY(-50%) translateZ(0) scale(0.8);opacity:.6}100%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.8);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.8);opacity:0}}
@keyframes pulse-border{0%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(0.8);transform:translateX(0%) translateY(-50%) translateZ(0) scale(0.8);opacity:.6}100%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.8);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.8);opacity:0}}

/*上下页*/
.umArtNav,.umArtTag{ margin-top: 15px; display: inline-block; width: 100%;}
.umArtNav div{ padding: 3px 0;}
.umArtNav div i{ vertical-align: -1px;}

/*标签*/
.umArtTag{ position: relative;}
.umArtTag span{ position:absolute; left: 0; top: 0px; opacity: .6}
.umArtTag a{ display: inline-block; position: relative; height: 24px; line-height: 25px; background: rgba(0,0,0,.06);padding-left:8px; padding-right:4px; margin: 3px 20px 3px 0}
.umArtTag a:after{ content: '';position: absolute;display: inline-block;width: 0; height: 0; right: -12px; border-top: 12px solid transparent;border-left: 12px solid rgba(0,0,0,.06); border-bottom: 12px solid transparent;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.umArtTag a:hover{ color: #fff;background:#735748;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.umArtTag a:hover:after{border-left: 12px solid #735748; }

.postTop{ padding-top: 20px;}
.postTop .postDesc{ padding-top: 3px; opacity: .6}
.postTop .postDesc i,.umSearch i{ vertical-align: -1px; margin-right: 2px;}

/*----------- commList -----------*/	
.commBox{padding: 20px;margin:0 0 20px 0; background:#fff; }
.commList .msg{padding-top:10px}
/*---------------------------引用\评论----------------------------------*/
.msgArticle{ position: relative; }
.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%}
.msgArticle .commInfo{ font-size: 14px;  line-height: 22px; padding: 5px 0 10px 0;}
.msgArticle .commInfo a{opacity: .68;color: #735748}
.msgArticle .commFooter{ font-size: 12px; opacity: .6;}

div.children{  background: rgba(0, 0, 0, .03); border-radius: 4px; position: relative; margin-top: 8px;}
div.children > div.children{background: rgba(0, 0, 0, 0);}
div.children:before{content: "";display: block;border-top: none;border-right: 10px solid transparent;border-bottom: 10px solid rgba(0, 0, 0, .03);border-left: 10px solid transparent;position: absolute;top: -10px;left: 15px;}
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;}

/************发表评论************/
#divCommentPost{margin:0 -5px;padding:5px 0 1px 0;}
#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}
#divCommentPost p.posttop{ opacity: .6;padding-left: 6px; padding-right:5px; margin-bottom: 5px; float: left}
#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 5px 0;}
#divCommentPost.reply-frm p.cBtn{padding:5px 5px 6px;}
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 rgba(0, 0, 0, .03); margin-top: 0px;}

#frmSubmit ul{width: 100%; clear: both; display:block; font-size:0;}
#frmSubmit ul li{text-align:left;display: inline-block; width:50%; font-size:14px; padding:5px;}
#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 rgba(0, 0, 0, .03);height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#1d1d1d;width:100%;box-shadow:none; background:rgba(0, 0, 0, .03);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#txaArticle{position:relative;z-index:1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;min-height:135px;margin:0;resize:none;outline:0;width:100%;min-width:100%;background:rgba(0, 0, 0, .03); font-size:14px;border: 1px solid rgba(0, 0, 0, .03);}
input.button,#cancel-reply{opacity: 1;height:36px;width:90px;text-align:center;text-shadow:none;font-weight:normal;border:none;color:#FFF;background-color:#735748;border-radius: 100px;background-image:none;box-shadow:none;cursor:pointer; font-size: 16px;}
input.button:hover{background:#181818;opacity: 0.8;}
#cancel-reply{margin-left: 10px; line-height: 36px; display: inline-block; padding:0 10px; width:auto;background-color:rgba(0, 0, 0, .2); vertical-align: 0px;}

/*----------- 分页 -----------*/
.pageNav{text-align:center;padding:10px 0 15px 0;display:block; clear:both; font-size: 0;}
.pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:30px;margin: 0 4px; display:inline-block;background:rgba(0, 0, 0, 0.04);border-radius:100px;vertical-align:top;font-size:14px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pageNav .v{line-height:30px;}
.pageNav a:hover{background:#735748;color:#fff;text-decoration:none;filter: alpha(opacity=68);opacity: 0.68;}
.pageNav span{color:#fff;background:#735748;border:0px solid #735748;filter: alpha(opacity=68);opacity: 0.68;}

/*browse*/	
#browse{padding:10px 0;border-bottom:1px solid #ddd;background:#181818;color:#fff;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browse a{padding:4px;color:#008DFD}
#browse a:hover{text-decoration:underline}
/*----------- ADS -----------*/	
.bnBox{background-color: rgba(0, 0, 0, 0.04);border:none;padding:15px;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%;background-color: rgba(0, 0, 0, 1);}
.bnBox.cateBn .text{ width: 100%; max-width: 80%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 400; font-size: 30px;}
.bnBox.cateBn .text p{ font-size: 14px; font-weight:400; font-style: normal; clear: both; color:rgba(255,255,255,.8);}
.bnBox.cateBn img{}
.bnBox.cateBn video{width: 100%;height: 100%;min-height: 320px;display: block;opacity: .6;max-height: 520px;object-fit: cover;}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block; width: 100%}
/*----------- footer -----------*/	
.footer{margin-top:0px;padding:2% 0 2% 0;width:100%;background:#2B2B2B;color:#FFFFFF;clear:both; position:relative; font-size:12px; line-height:22px; text-align: left}
.footer a{color:#FFFFFF;font-size:12px;}
.footer .container{ padding-top:0px; padding-bottom: 10px; margin:0 auto:font-size:12px;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: 20px 0 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{opacity: .5;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{opacity: .8}
.ftNav li.h{opacity: .68; font-size: 16px; margin-bottom:10px; font-weight: normal;}
.ftNav .us{padding-right:0;}
.ftNav .us li.tel a{ font-size:36px; line-height:36px;height: auto;padding-bottom: 10px; font-family: Arial; font-weight: bold;opacity: .5;}
.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; opacity: .5;}
.ftNav .us li.add{ max-width:180px; font-size: 12px; line-height: 22px;opacity: .5;}
.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;}
.ftEwm .img .box p{opacity: .5}
.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{opacity: .8;}

.copyright{ padding-top:15px; border-top: 1px solid rgba(255,255,255,.05);opacity: .5; font-size: 12px;}

.weixinBox{ visibility: hidden; opacity: 0; position:fixed;padding:10px 10px 20px;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: 8px;}
.weixinBox .img{ width: 100%;}
.weixinBox img{ width: 100%; height: 100%}
.weixinBox p{ color: #1d1d1d; font-size: 14px; margin-top: 5px}
.weixinBox.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);}

/*----------- gotop -----------*/
#backTop{position:fixed;right:10px;top:50%; transform: translateY(-50%);z-index:888; padding: 8px 0 0; background: #0C4BC8; border-radius: 100px;}
#backTop span{cursor:pointer;width:46px;height:40px;color:#fff;display:block;position:relative;margin:0px 0; right: 0;-webkit-transition: all .2s ease;-o-transition:all .2s ease;transition: all .2s ease;}
#backTop span a{color:#666;}
#backTop span.img{ position: absolute; width: 68px; height: 68px; top:-25px; left: 50%; margin-left: -34px;}
#backTop span.img img{width: 68px; height: 68px;}
#backTop span#gttop{ display: none;}
#backTop span#gttop.in{ display: block;}
#backTop span i{ z-index: 1}
#backTop span.ft-qq i{ font-size: 20px;}
#backTop span small{ width: 160px; height: 160px; position: absolute; left: -220px; top: -10px; padding:10px;box-shadow: 0 3px 10px 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;border-radius: 5px;}
#backTop span small.telTop{ width: auto; height: auto; text-align: center; font-size: 22px; visibility: hidden;white-space:nowrap;left: auto;right: 100px;top: -5px;  padding: 12px 15px 12px 15px;}
#backTop span:hover.ft-tel small.telTop{ visibility: visible; opacity: 1;right: 62px;}
#backTop span:hover.ft-wx small.weixin{visibility: visible; opacity: 1; left: -175px;}
#backTop span.ft-qq small.qqlist{visibility: hidden; opacity: 0; left: -188px; padding:12px 15px 12px 15px;width:150px; height:auto;}
#backTop span.ft-qq small.qqlist a,#backTop span.ft-qq small.qqlist a i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#backTop span.ft-qq small.qqlist a{ color:#666; display:inline-block; height:30px; line-height:30px; padding-left:30px; position:relative;}
#backTop span.ft-qq small.qqlist a i{ font-size:18px; position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#1ea6e9; background:none; top:5px; left:2px; margin:0;}
#backTop span.ft-qq small.qqlist em{ width:100%; height:30px; line-height:30px; color:#999; font-style:normal; display:inline-block; padding:5px 0 10px 0;}
#backTop span:hover.ft-qq small.qqlist{visibility: visible; opacity: 1; left: -165px;}
#backTop span i{text-align:center;color:#FFFFFF;width:46px;height:40px;font-style:inherit;line-height:40px;position:absolute;top:50%;left:50%;margin-top:-23px;margin-left:-23px; font-size: 22px;}
#backTop a{display:block;cursor:pointer}
#backTop span small b{width: 25px;height: 35px;position: absolute;top: 0px;right: -10px; z-index: 999; font-size: 35px;color:#fff;}

.action-like,.umaArtSocial{text-align:center; text-shadow:none}
.article-main a.action-like{ color:#fff;}
.action-like{display:inline-block;background-color:#ec0505;color:#fff;border-radius:3px;padding:6px 6px 6px 12px;font-size:15px;margin:10px auto 18px;min-width:100px;max-width:100%;cursor:pointer;opacity:.75}
.action-like:hover{opacity:1;color:#fff}

/*地图*/
.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: 1000; top: 0; right: 0; background: #f32; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; cursor: pointer;}

/*分享*/
.umBdshare{ clear: both; padding-top: 20px;}
.bd_weixin_popup{ height: 300px!important;width: 252px!important}
.bdsharebuttonbox a,.bdshare-button-style0-16 a{ background-image: none!important; width: 32px!important; height:32px!important; line-height: 30px!important; padding: 0!important; border: 1px solid #eee; float: left;border-radius: 100px; text-align: center;margin: 6px 6px 6px 0; font-size: 16px!important}
.bdsharebuttonbox a.bds_weixin{ border: 1px solid #6bc30d; color: #6bc30d;}
.bdsharebuttonbox a:hover.bds_weixin{ background-color: #6bc30d; color: #fff;}
.bdsharebuttonbox a.bds_sqq{ border: 1px solid #1ea6e9; color: #1ea6e9;}
.bdsharebuttonbox a:hover.bds_sqq{ background-color: #1ea6e9; color: #fff;}
.bdsharebuttonbox a.bds_tsina{ border: 1px solid #f78585; color: #f78585;}
.bdsharebuttonbox a:hover.bds_tsina{ background-color: #f78585; color: #fff;}
.bdsharebuttonbox a.bds_more{ border: 1px solid #cecece; color: #a4a2a0;}
.bdsharebuttonbox a:hover.bds_more{border: 1px solid #333;  background-color: #333; color: #fff;}
.bdsharebuttonbox a.bds_weixin:before {content: "\f2b5";}
.bdsharebuttonbox a.bds_sqq:before {content: "\f03a";}
.bdsharebuttonbox a.bds_tsina:before {content: "\F2B9";}
.bdsharebuttonbox a.bds_more:before {content: "\EF79";}


.swiper-pagination-bullet{ width: 6px; height: 2px; background: #333; opacity: .2;border-radius: 0;}
.swiper-pagination-bullet.active{background: #735748; opacity: 1;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ width: auto; transform: translateX(-50%); left: 50%; bottom: 0px;}

.swiper-button-prev,.swiper-button-next,.swiper-container-rtl .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ background-image: none;}
.swiper-button-next, .swiper-button-prev{font-family: 'remixicon' !important; color: #666; line-height: 44px; width: 30px; text-align: center; font-size: 40px; margin-top: -30px; opacity: .3;-o-transition:all .3s ease;transition:all .3s ease;}
.swiper-button-next{ right: 40px;}
.swiper-button-prev{ left: 40px;}
.swiper-button-next:before{content: "\ea6e";}
.swiper-button-prev:before{content: "\ea64";}
.swiper-button-next:hover,.swiper-button-prev:hover{ opacity: 1;}

.umArtTopBox .swiper-pagination-bullet{background: #fff;width: 6px;height: 6px;border-radius: 10px;margin: 4px;opacity: .5;}
.umArtTopBox .swiper-pagination-bullet.active{ opacity: 1;}
.umArtTopBox .imgPrev,.umArtTopBox .imgNext{ width: 48px; height: 48px; line-height:46px; position: absolute; top:50%; margin-top:-24px; z-index: 2;text-align: center; cursor: pointer;background: rgba(0,0,0,.2); color:#fff;opacity: 0;}
.umArtTopBox .imgPrev:hover,.umArtTopBox .imgNext:hover{background:#735748;}
.umArtTopBox .imgPrev{left: 10px;}
.umArtTopBox .imgNext{right: 10px;}
.umArtTopBox .prev:after,.umArtTopBox .imgNext:after{font-family: remixicon;font-size: 40px;text-rendering: auto;-moz-osx-font-smoothing: grayscale;}
.umArtTopBox .imgPrev:before{content: "\ea64";}
.umArtTopBox .imgNext:before{content: "\ea6e";}


.umArtTopBox .largePic:hover .imgPrev,.umArtTopBox .largePic:hover .imgNext{ opacity: .8;}
.umArtTopBox .largePic:hover .imgPrev{left: 0px;}
.umArtTopBox .largePic:hover .imgNext{right: 0px;}

.umArtTopBox .swiper-container .swiper-slide .item{ position: relative; font-size: 0;}
.umArtTopBox .swiper-container .swiper-slide .item::after{ content: ''; padding-top: 100%; display: block;}
.umArtTopBox .swiper-container .swiper-slide .item img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}


.teamBox{ padding:20px 100px 0;}
.swiper-container.teamOwl{ padding-bottom: 50px;}
.teamBox .swiper-button-next, .teamBox .swiper-button-prev{margin-top: -68px; }
.umArtPic .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 15px;}

.bnOwl .text{ max-width: 1220px; width: 100%; position: absolute; left: 50%; top:50%;  transform: translate(-50%,-50%);color:rgba(255,255,255,.8); display: block; font-size: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; text-align: center;}
.sliderbox{width: 100%;}
.swiper-container.bnOwl{padding: 0;width: 100%;}
.swiper-container.bnOwl .swiper-pagination-bullet{background: #fff;}
.swiper-container.bnOwl .swiper-pagination-bullet.active{opacity: 1;}
.swiper-container.bnOwl.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 20px;}
.swiper-container.bnOwl .text h4{font-size: 40px; color: #fff;font-weight:500; }
.swiper-container.bnOwl .text h4,.swiper-container.bnOwl .text p,.swiper-container.bnOwl .text a.btn{opacity: 0; visibility: hidden; transform: translateY(60px);-o-transition:all .3s ease;transition:all .3s ease;transition-delay: 0.1s;}

.swiper-container.bnOwl .text p{transition-delay: 0.15s;}
.swiper-container.bnOwl .text a.btn{transition-delay: 0.2s;display: inline-block;margin-top: 20px; position: relative;z-index: 2;}

.swiper-container.bnOwl .active .text h4,.swiper-container.bnOwl .active .text p,.swiper-container.bnOwl .active .text a.btn { opacity: 1;transform: translateY(0px); visibility: visible;}
.swiper-container.bnOwl .text p{ margin: 20px auto; line-height:1.8;font-weight:400; font-size: 16px; max-width: 600px; color:rgba(255,255,255,.8);}
.swiper-container.bnOwl .text a.btn span{display: inline-block; min-width: 120px; padding: 8px 20px;;background:#735748; color: #fff; font-size: 16px;display: inline-block; position: relative; border-radius: 100px;}
.swiper-container.bnOwl .text a.btn em{ position: relative; z-index: 1; font-style: normal}
.swiper-container.bnOwl .text .bnLink{ position:absolute; width:100%; height:100%; left:0; top:0; z-index: 1;}
.swiper-container .item{ font-size: 0;}
.swiper-container .item .imgText{ text-align: center; padding: 25px 0 0}
.swiper-container .item h4{ font-size: 16px; color: #fff; padding:0px 0 10px; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-container .item p{line-height:22px; padding:0px; font-size:14px; color:rgba(255,255,255,.68)}

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

.online {width: 85%;margin: 0 7.5%;position: fixed;background: #735748;box-shadow: 0 5px 10px rgba(0,0,0,.1);bottom: 25px;height: 40px;border-radius: 100px; z-index: 15; display:block; font-size: 0; text-align: center;}
.online a { width: 20%; height: 100%;line-height: 38px;text-align: center;color:#FFFFFF;font-size:24px;position: relative; display:inline-block;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.online a [class*="ri"]{ font-size: 22px;}
.online a.tel [class*="ri"]{ font-size: 18px;vertical-align: 1px;}
.online a:after {content: "";position: absolute; right: 0;height: 100%;width: 1px;background: rgba(255,255,255,.06);}
.online a.last:after,.online a.gottop:after{ display: none;}
.online a:hover{color:#735748;}
.online.btm{width: 100%;margin: 0;box-shadow: 0 -3px 10px rgba(0,0,0,.05);bottom: 0px;height: 48px;border-radius:0px;}
.online.btm a{line-height: 48px;}
.online.btm a:after{background: rgba(0,0,0,.03);}
.footer.btm{padding: 5% 0 48px;}

.wrapBox.lead{ position: relative;height: 250px;background-color:#00b4d6; background-image:url("../images/iConnect/img_lead.png"); background-position: right; background-size: auto 250px; background-repeat: no-repeat;padding: 60px 0;}
.wrapBox.lead .container{ position: relative; height: 130px;}
.wrapBox.lead .title{ color: #fff; font-weight: 600; display: block;}
.wrapBox.lead .moreAbox{ color: #0BF474; font-size: 20px; line-height: 28px; font-weight: 500; padding-right: 0; display:inline-block; clear: both; margin-top: 46px;}
.wrapBox.lead .moreAbox svg{ width: 15px; height: 15px;}
.wrapBox.lead .imgLogo{ position: absolute; right: 0px; bottom: 0px;}
.wrapBox.lead .imgLogo{ max-height: 35px; width: auto; max-width: none}
.wrapBox.lead .container .box{ padding-bottom: 0; height: 100%}
.mask,.umCommMask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 890;display: none;}

.umCommPop{ width: 800px; margin: 0 auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; background: #fff; padding: 20px; z-index: 891;box-shadow: 0 3px 15px rgba(0,0,0,.06); border-radius: 10px; overflow: hidden;visibility: hidden;}
.umCommPop.in{visibility: visible;-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1;}
.umCommPop .umCommTit{ width: calc(100% + 40px) ; font-weight: 600; height: 46px; padding: 0 20px; margin: -20px -20px 20px -20px; line-height: 46px; color: #fff; background: #735748; font-size:20px;}
.umCommPop .umCommClose{ width: 22px; height: 22px; line-height: 22px; text-align: center; cursor: pointer; position: absolute; top: 12px; right: 15px; background: #fff; color: #735748;border-radius: 50px;}
.umCommPop .umFormBox{ max-height: calc(100vh - 160px); overflow: hidden;}
.umCommPop .umFormBox .umInput .umText{ height: 100px;}
.umCommPop .umCommTips{text-align: center; font-size: 14px;line-height: 1.7;padding: 20px 0;color: #666;}
.umCommPop .umCommTips a{padding: 0 3px; font-weight: bold; color: #735748;}

.header .headBox{ font-size: 0;}
.header .headNav{background-color: #FFFFFF;position: relative;}
.header .headNav.fixed{ position: fixed; left: 0; right: 0; top: 0;-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;box-shadow: 0 3px 15px rgba(0,0,0,.03);}

.header .headBar{background-color: #735748;overflow: hidden;}
.header .headFlex{width: 100%;padding: 20px 0;display: -ms-flexbox;display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;position: relative;}
.header .headBar .headFlex {padding: 0;}
.header .topMk .left,.header .topMk .right{min-height: 40px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header .topMk .left{-ms-flex: 0 0 42%;flex: 0 0 42%;max-width: 42%;}
.header .topMk ul{ font-size: 0; }
.header .topMk li{ display: inline-block; vertical-align: middle;}
.header .topMk li a{font-size: 14px;position: relative;display: inline-block;}

.header .topMk .left li{ margin-right: 6px;}
.header .topMk .left li a i{color:#FFFFFF;display: block;transition: all .3s ease-out;position: absolute; top: 0; left: 0;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);}
.header .topMk .left li a i{position: relative; z-index: 1;}
.header .topMk .left li:last-of-type{ margin-right: 0;}
.header .topMk .left li a{width: 22px; height: 22px; line-height: 22px;border-radius: 100%;text-align: center; }
.header .topMk .left li a:after{content: " ";width: inherit;height: inherit;border-radius: 100%;display: block;background: #735748;transition: all .3s ease-out;position: absolute; top: 0; left: 0;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);}
.header .topMk .left li a:hover:after{transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);}
.header .topMk .left li a:hover i{color:#FFFFFF;transform: scale(1.6);-ms-transform: scale(1.6);-webkit-transform: scale(1.6);transition: all .3s ease-in;}

.header .topMk .right{-ms-flex: 0 0 58%;flex: 0 0 58%;max-width: 58%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.header .topMk .right li{ font-size: 14px; margin-left: 20px;}
.header .topMk .right li a{ padding-left: 22px; position: relative;color:#FFFFFF;}
.header .topMk .right li i{ width: 22px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -11px; color:#FFFFFF;font-size: 14px;}
.header .topMk .right li:first-of-type{ margin-left: 0;}

/*自定义菜单*/
.header .navBar .custom li{position: inherit;}
.header .navBar .custom li .list{position:absolute;top:128%;left:10px; right: 10px; z-index:9999;background:#fff;opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;
-webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);padding:20px 10px 8px 10px;
  transform: translateY(5px);display: flex;font-size: 0;flex-wrap: wrap; margin: 0 -10px; overflow-y: hidden;
		-webkit-transition:opacity .3s ease,top .3s ease;-o-transition:opacity .3s ease,top .3s ease;transition:opacity .3s ease,top .3s ease;
}
.header .navBar .custom li .list .listNav{max-height:calc(100vh - 96px);overflow-y: hidden;}
.header .navBar .custom li.left,.header .navBar .custom li.right{ position: relative;}
.header .navBar .custom li.left .list,.header .navBar .custom li.right .list{width:480px;}
.header .navBar .custom .list ul{ width: calc(100% / 5 - 20px); margin: 0 10px; display: inline-block; vertical-align: top; padding:0 10px 10px 10px;}
.header .navBar .custom .list.col2 ul{ width: calc(100% / 2 - 20px);}
.header .navBar .custom .list.col3 ul{ width: calc(100% / 3 - 20px);}
.header .navBar .custom .list.col4 ul{ width: calc(100% / 4 - 20px);}
.header .navBar .custom .list.col5 ul{ width: calc(100% / 5 - 20px);}
.header .navBar .custom .list.col6 ul{ width: calc(100% / 6 - 20px);}
.header .navBar .custom .list li{ height: auto; line-height: 1.6; padding: 2px 0; font-size: 14px; color: #333; display: block;-webkit-transition: none;-o-transition: none;transition: none;}
.header .navBar .custom .list li a{color: #666;-webkit-transition:none;-o-transition:none;transition:none; padding: 0;text-align: left;font-size: 14px;}
.header .navBar .custom .list li img{ vertical-align: top;}
.header .navBar .custom .list li.img a{ font-size: 0;}
.header .navBar .custom .list li a:hover{color: #735748;}
.header .navBar .custom .list li.h{color: #333;font-size: 15px; padding: 6px 0;}
.header .navBar .custom .list li.h a{color: #333;font-size: 15px;}
.header .navBar .custom li:hover .list,.header .navBar .custom li.on .list{max-width:none;border:1px solid #ececec;border-left:none;border-right:none;top:100%;left:10px; right: 10px;opacity: 1;visibility: visible;-webkit-transform: translate(0%, 0);-moz-transform: translate(0%, 0);-o-transform: translate(0%, 0);-ms-transform: translate(0%, 0);transform: translate(0%, 0);}

.header .navBar .custom li.left:hover .list,.header .navBar .custom li.left.on .list,
.header .navBar .custom li.right:hover .list,.header .navBar .custom li.right.on .list{-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);border:1px solid #ececec;}
		
.header .navBar .custom li.left:hover .list,.header .navBar .custom li.left .list{ left: 20px;right: auto;}
.header .navBar .custom li.right:hover .list,	.header .navBar .custom li.right .list{ left: auto; right: 20px;}

.header .navBar .custom li i{font-family: 'remixicon' !important;}
.header .navBar .custom li i:before {content: "\ea4e";}


@-webkit-keyframes up{100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}
@keyframes up{100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}
@-webkit-keyframes down{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}50%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}
@keyframes down{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}50%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}

@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@-webkit-keyframes bounceInDown1 {
from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) translate(-50%,-50%);transform: translate3d(0, -3000px, 0) translate(-50%,-50%);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) translate(-50%,-50%);transform: translate3d(0, 25px, 0) translate(-50%,-50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%,-50%); transform: translate3d(0, -10px, 0) translate(-50%,-50%);}
90% {-webkit-transform: translate3d(0, 5px, 0) translate(-50%,-50%);transform: translate3d(0, 5px, 0) translate(-50%,-50%);}
to {-webkit-transform: translate3d(0, 0, 0) translate(-50%,-50%);transform: translate3d(0, 0, 0) translate(-50%,-50%);}
}

@keyframes bounceInDown1 {
from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) translate(-50%,-50%);transform: translate3d(0, -3000px, 0) translate(-50%,-50%);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) translate(-50%,-50%);transform: translate3d(0, 25px, 0) translate(-50%,-50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%,-50%); transform: translate3d(0, -10px, 0) translate(-50%,-50%);}
90% {-webkit-transform: translate3d(0, 5px, 0) translate(-50%,-50%);transform: translate3d(0, 5px, 0) translate(-50%,-50%);}
to {-webkit-transform: translate3d(0, 0, 0) translate(-50%,-50%);transform: translate3d(0, 0, 0) translate(-50%,-50%);}
}

.PostBox.um5 .umText{ width:100%;}
.PostBox.um5 .umText ul{ display:block; font-size:0;}
.PostBox.um5 .umText li{ width:16.666666%; display:inline-block; padding:10px;}
.PostBox.um5 .umText li .item{ width:100%; min-height:60px; background: #fff}
.PostBox.um5 .umText li .item a{ display: block;}


.PostBox.history{padding: 80px 0 70px 0}
.hisBox{max-width:900px; margin: 0 auto;font-size: 0; position: relative;}
.swiperTab,.swiperCon{font-size: 14px; display:block;}
.swiperCon{ width: 100%; border-radius: 10px; margin-top: 15px; position: relative;display: inline-block;}

.swiperCon .partnerCon{ border-radius: 10px; overflow: hidden;}
.swiperCon .swiper-slide{ width: 100%!important}
.swiperCon .hisText{padding: 40px;}
.swiperCon a{ display: block;}
.swiperCon .hisText .text{line-height: 1.8; opacity: .6;color: #282828;}
.swiperCon .hisText h4{ font-size: 16px; margin-bottom: 8px; line-height: 2; opacity: 1; font-weight: 500}
.swiperCon:after,.swiperCon:before{content:''; position: absolute; top: -15px; left: 15px; right: 15px; height: 40px; z-index: 0; border-radius: 0px;}
.swiperCon:before{top: 0; bottom: 0; height: 100%; opacity: 1; left: 0; right: 0; z-index: 1;}

.swiperTab{ width:90%;padding: 10px 40px; margin: 0 auto; margin-top: 40px; position: relative;}
.swiperTab .swiper-slide{color: #888; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content:center;}
.swiperTab .swiper-slide .sumText{ height: 40px; line-height: 40px; font-size: 14px;padding: 0 10px; background: #{%historyBg%};font-weight: 600;cursor: pointer; }
.swiperTab .swiper-container{ height: 100%;}
.swiperTab .swiper-slide.selected{color:#735748}
.swiperTab:before{content:''; position: absolute; height: 1px; left: 0; right: 0; top: 50%; margin-top: 0px; background: #ededed;}
.PostBox.history .btn{ position: absolute; top: 50%; margin-top: -14px; background: #fff; width: 28px; height: 28px; line-height: 26px; text-align: center; border: 1px solid #ededed; border-radius: 100px; cursor: pointer; z-index: 2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.PostBox.history .btn i{ font-size: 12px; opacity: 1; color: #735748;}
.PostBox.history .btn.partnerPrev{ left: 0; }
.PostBox.history .btn.partnerNext{ right: 0;}
.PostBox.history .btn:hover{ background: #735748; border-color: #735748;}
.PostBox.history .btn i{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.PostBox.history .btn:hover i{ color: #fff;}
.PostBox.history .btn.disabled{background: #fff;border: 1px solid #ededed;}
.PostBox.history .btn.disabled i{ color: #1d1d1d; opacity: .2}

/*----------- media -----------*/
@media screen and (max-width:1190px){
.post .PostShow ul{;margin-right: -20px;}
.post .PostShow li{width: calc(100% / 4 - 20px);margin: 15px 20px 10px 0;}
.PostBox.um1 .post .PostShow ul{margin-right: -40px;}
.PostBox.um1 .post .PostShow li{width: calc(100% / 4 - 40px);margin: 15px 40px 0px 0;}
.PostBox.um3 .post .PostShow ul{ margin-right: -10px;}
.PostBox.um3 .post .PostShow li{width: calc(100% / 3 - 20px);margin: 25px 20px 0px 0;}
.sidebar{width: 260px;margin-left: -280px;}
.umSidebar .main .umArt { padding-right: 280px;}
.umArtTextMain{padding-right: 158px;}
.umArtCode{width: 158px;margin-right: -158px;}
.bnOwl .text{ max-width: 90%;}
.header .navBar .custom .list ul{padding: 0 5px 10px 5px;}
}
@media screen and (max-width:1024px){
.umArtText .umArtUl li{width: calc(100% / 1 - 10px);}
.PostBox.um3 .post .PostShow .postInfo{padding:40px 40px;}
.bnBox.cateBn .text{max-width: 90%;}
.header .navBar li a{ padding: 0 10px;}
.header .navBar .custom .list ul{padding: 0 3px 10px 3px;}
}
@media screen and (max-width:959px){
.ftNav ul{ padding-right: 5%}
.ftNav .us li.tel a{ font-size: 30px; line-height: 36px;}
.umBnBg p{ width:80%;}
.PostBox.um1 .container{ padding: 0 30px}
.PostBox.um1 .post .PostShow ul{margin-right: -30px;}
.PostBox.um1 .post .PostShow li{width: calc(100% / 4 - 30px);margin: 15px 30px 0px 0;}
.PostBox.um3 .post .PostShow li{width: calc(100% / 2 - 20px);margin: 25px 20px 0px 0;}
.subcate{ margin: 20px 0 5px}
.tabTitle li, .subcate li{margin:3px;}
.header .navBar .custom .list ul{padding: 0 0px 10px 0px;}
}

@media screen and (max-width:900px){
.header .logo{ height:48px; display:inline-block; float:none; margin:0 auto; font-size:0;}
.header .logo h1, .header .logo h2,.header .logo a{ height: 48px;}
.header .logo a img{ height: 36px;}
.header .headBox{ text-align:center;}
.navBar{ display:none;}
.search{ position: absolute; top: 0; right: 0; padding-right: 10px; float: none}
.search [class*="ri"],.header .navBar li{ height:48px; line-height:48px;}	
.PostBox{padding: 60px 0;}
.PostBox.odd, .PostBox.even{ padding-bottom: 55px;}
.PostBox.about{padding: 70px 0 55px;}
.PostBox.about .text{ width: 55%;padding-left: 40px;}
.PostBox.about .img{ width: 45%}
.PostBox .post .postTitle h3{ font-size: 30px;}
.umArtPic{width: 290px;}
.umArtTextMain{ width: 65%; padding-right: 0;}
.umArtText{padding: 0 0 0 25px;}
.umArtCode{ width: auto;margin-right: 0; margin-left: 25px; float: left; margin-top: 20px; background: rgba(0,0,0,.04);}
.umArtCode img{ width: 90px; height: 90px; float: left;}
.umArtCode p{ text-align: left; width: auto; overflow: hidden; padding-left: 12px;}
.main .umArtBox,.post.list .PostShow,
.umArtBox .PostNews li:last-child{ margin-bottom: 0;}
.pageNav{padding: 10px 0 25px 0;}
.umArtBox .pageNav{padding: 15px 0 0px 0;}
.sidebar{ width: 100%;margin-left: 0; margin-top: 0!important}
.umSidebar .main .umArt{padding-right:0;}
.sidebar .widget.divPrevious ul{ margin-right: -20px;}
.sidebar .widget.divPrevious li{width: calc(100% / 2 - 20px);margin: 0px 20px 0px 0;vertical-align: top;}
.commBox{ margin-bottom: 10px;}
.mNavBtn{ display:block;}
body{ position:relative; left:0;overflow-x: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
body.open{left: 0px; overflow:hidden;}
body.open .header{ left:0px;}
body.open .header .headNav.fixed{left:0px;}
body.open .leftNav{ left:0px;}
body.open .mNavBtn{ display:none;}
body.open .leftNav .mNavBtn{ display:block;}
.ftNav .us li.tel a{ font-size: 26px; line-height: 34px; padding-bottom: 0;}
.ftNav .us li.add{ max-width:168px;}
.swiper-container.bnOwl .text h4{ font-size: 34px; padding: 0;}
.bnOwl .text{ max-width: 85%;}
.PostBox.um3 .post .PostShow .postInfo{padding:40px 40px 40px 30px;}
.bnBox.cateBn .text{max-width: 95%;}
.bnBox.cateBn .text h3{font-size: 28px;}
.umCommPop{ width: 720px;}
.PostBox.um5  .umText li{ padding:10px; width:33.33333%}
}

@media (max-width: 840px){
.ftEwm{ width: 200px;}
.ftNav ul{ padding-right: 4.5%}
.ftNav .us li.tel a{ font-size: 22px; line-height: 32px; padding-bottom: 0;}
.ftNav .us li.add{ max-width:160px;}
.swiper-container.bnOwl .text a.btn span{ min-width: 100px; padding: 6px 15px;}
.swiper-container.bnOwl.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 15px;}
}

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

@media screen and (max-width:540px){
.PostBox.about{ padding-top: 20px;}
.PostBox.about .text{ width: 100%}
.PostBox.about .img{ width: 100%; margin: 0;padding:0px;}
.PostBox.about .img img{ max-width: 100%; max-height: inherit;}
.umCommPop .umFormBox .umInput.vcode{width: calc(100% / 1 - 0px);}
.header .topMk .left{-ms-flex: 0 0 55%;flex: 0 0 55%;max-width: 55%;}
.header .topMk .right{-ms-flex: 0 0 45%;flex: 0 0 45%;max-width: 45%;}
.header .topMk .right li.email{ display: none;}
.swiper-container.bnOwl .text a.btn span{ min-width: 90px; padding: 6px 12px;font-size: 14px;}
}

@media (max-width: 480px){
.umBnBg p{ width:80%;}
.umBnBg p.tit{ font-size:20px; line-height:26px;}
.umArtBox .PostNews li{ font-size: 0}
.PostNews li .postImg{ width: 35%; float: none; display: inline-block;vertical-align: middle;}
.PostNews li .postInfo{ width: 65%; padding: 0px 0px 0px 15px; display: inline-block; vertical-align: middle}
.PostNews li .postInfo .text{ margin: 8px 0 2px 0; max-height: 44px; display: none} 
.PostNews li .postInfo .fot{padding-top: 4px;}
.swiper-container.bnOwl .text h4{font-size: 20px;}
.umFormBox .umInput.umFormBtn{ margin-bottom: 0;}
.umArtText .btnBox [class*="btn"]{ margin-right: 6px;}
.umCommPop .umFormBox .umInput.umFormBtn{margin-left:0px;}
.post .PostShow .postInfo h4{padding:0;font-size: 14px;}
.post .PostShow .postInfo .info{ padding-top: 5px; font-size: 12px;}
.PostBox.um5  .umText li{ padding:5px; width:50%}
}
/*CSS动画样式*/
.umAni .anim{visibility:hidden;}
.animated{visibility:visible;}
.PostShow .animated:nth-of-type(1){animation-delay: 0.1s;}
.PostShow .animated:nth-of-type(2){animation-delay: 0.15s;}
.PostShow .animated:nth-of-type(3){animation-delay: 0.2s;}
.PostShow .animated:nth-of-type(4){animation-delay: 0.25s;}
.PostShow .animated:nth-of-type(5){animation-delay: 0.3s;}
.PostShow .animated:nth-of-type(6){animation-delay: 0.35s;}
.PostShow .animated:nth-of-type(7){animation-delay: 0.4s;}
.PostShow .animated:nth-of-type(8){animation-delay: 0.45s;}
.PostShow .animated:nth-of-type(9){animation-delay: 0.5s;}
.PostShow .animated:nth-of-type(10){animation-delay: 0.55s;}
.PostShow .animated:nth-of-type(11){animation-delay: 0.6s;}
.PostShow .animated:nth-of-type(12){animation-delay: 0.65s;}

@-webkit-keyframes goTopapp{0%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}@keyframes goTopapp{0%{transform:scale(.8)}to{transform:scale(1)}}
@-webkit-keyframes drop {0% {top: 5px;opacity: 0;}30% {top: 10px;opacity: 1;}100% { top: 25px; opacity: 0;}}
@keyframes drop {0% {top: 5px; opacity: 0;}30% {top: 10px;opacity: 1;}100% {top: 25px;opacity: 0;}}
@keyframes bounceInDown1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) translate(-50%,-50%)}60%{opacity:1;transform:translate3d(0,25px,0) translate(-50%,-50%)}75%{transform:translate3d(0,-10px,0) translate(-50%,-50%)}90%{transform:translate3d(0,5px,0) translate(-50%,-50%)}to{transform:translate(-50%,-50%)}}