@charset "utf-8";
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:Microsoft YaHei,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,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:#27AFAF;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; }

@font-face {
  font-family: 'iconfont';  /* Project id 788097 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}
.iconfont,[class*="icon-"]{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*----------- container -----------*/
body{ padding-top: 66px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.container{margin:0 auto;max-width:1380px;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; height:66px; 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)}
.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;}
.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.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[class*="dot"]{ display:inline-block; position:absolute; right:5px; z-index:1; width:16px;}
.header .navBar li em[class*="dot"] i{ color:#181818; font-size:16px; width:16px; display:block;}
.header .navBar li.active a,.header .navBar li.on a,.header .navBar li a:hover,.header .navBar li.active em[class*="dot"] i,.header .navBar li.on em[class*="dot"] i{color:#27AFAF;-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:#27AFAF; content: ''; border-radius:50px; display: none}
/*二级高亮*/
.header .navBar ul li>ul{ width:100%; min-width:120px; 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:#27AFAF;color:#fff;}
.header .navBar ul li.on>ul{ visibility:visible; opacity:1;}
.header .navBar ul li>ul li em[class*="dot"]{ 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[class*="dot"] .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:#27AFAF; color:rgba(255,255,255,0.8);}
/*移动端*/
.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:190px; background:#27AFAF; position:fixed; top:0; bottom:0; left:-190px;-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 em[class*="dot"]{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[class*="dot"] 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[class*="dot"] i.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.leftNav ul li>ul li{background:rgba(0,0,0,0.15);}
.leftNav ul li>ul li a{border-bottom:1px solid rgba(255,255,255,0.05); opacity:0.8; font-size:14px; text-indent:1em}

/*内容*/
.PostBox{ padding: 80px 0; overflow: hidden;background-color:currentColor;}



.breadcrumb{ padding-top: 20px;opacity: .6}
.breadcrumb i{ vertical-align: -1px}

/*详情页*/
.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: 400;}
.single .umArtTopTit:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #27AFAF; 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}



/*----------- commList -----------*/	
.commBox{padding: 20px;margin:0 0 20px 0; background:#fff; }
.commList .msg{padding-top:10px}

/************发表评论************/
#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;}

#frmSumbit ul{width: 100%; clear: both; display:block; font-size:0;}
#frmSumbit ul li{text-align:left;display: inline-block; width:50%; font-size:14px; padding:5px;}
#frmSumbit ul li.verify{ position:relative}
#frmSumbit ul li.verify img{ position:absolute; top:4px; right:4px}
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:#27AFAF;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;}


/*----------- 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{ font-size:36px; line-height:40px; 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);}




.footer.btm{padding: 5% 0 48px;}

.wrapBox.lead{ position: relative;height: 250px;background-color:#00b4d6; background-image:url("../images/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{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 890;display: none;}

/*----------- 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%;}
}
@media screen and (max-width:1024px){
    .umArtText .umArtUl li{width: calc(100% / 1 - 10px);}
}
@media screen and (max-width:959px){
.ftNav ul{ padding-right: 5%}
.ftNav .us li.tel{ 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:4px 10px;}
}

@media screen and (max-width:900px){
body{ padding-top:48px;}
.header,.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*="icon-"],.header .navBar li{ height:48px; line-height:48px;}	
.PostBox{padding: 60px 0;}
.PostBox.odd, .PostBox.even{ padding-bottom: 55px;}
.PostBox.about{padding: 70px 0 55px;}
.PostBox.about .text{ width: 55%;padding-left: 40px;}
.PostBox.about .img{ width: 45%}
.PostBox .post .postTitle h3{ font-size: 30px;}
.umArtPic{ width: 35%}
.umArtTextMain{ width: 65%; padding-right: 0;}
.umArtText{padding: 0 0 0 25px;}
.umArtCode{ width: auto;margin-right: 0; margin-left: 25px; float: left; margin-top: 20px; background: rgba(0,0,0,.04);}
.umArtCode img{ width: 90px; height: 90px; float: left;}
.umArtCode p{ text-align: left; width: auto; overflow: hidden; padding-left: 12px;}
.main .umArtBox,.post.list .PostShow,
.umArtBox .PostNews li:last-child{ margin-bottom: 0;}
.pageNav{padding: 10px 0 25px 0;}
.umArtBox .pageNav{padding: 15px 0 0px 0;}
.sidebar{ width: 100%;margin-left: 0; margin-top: 0!important}
.umSidebar .main .umArt{padding-right:0;}
.sidebar .widget.divPrevious ul{ margin-right: -20px;}
.sidebar .widget.divPrevious li{width: calc(100% / 2 - 20px);margin: 0px 20px 0px 0;vertical-align: top;}
.commBox{ margin-bottom: 10px;}
.mNavBtn{ display:block;}
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: 190px; overflow:hidden;}
body.open .header{ left:190px;}
body.open .leftNav{ left:0px;}
body.open .mNavBtn{ display:none;}
body.open .leftNav .mNavBtn{ display:block;}
.ftNav .us li.tel{ font-size: 26px; line-height: 34px; padding-bottom: 0;}
.ftNav .us li.add{ max-width:168px;}
.owl-carousel.bnOwl .text h4{ font-size: 34px; padding: 0;}
.bnOwl .text{ max-width: 85%;}
}

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

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

@media (max-width: 480px){
.umBnBg p{ width:80%;}
.umBnBg p.tit{ font-size:20px; line-height:26px;}
.umArtBox .PostNews li{ font-size: 0}
.PostNews li .postImg{ width: 35%; float: none; display: inline-block;vertical-align: middle;}
.PostNews li .postInfo{ width: 65%; padding: 0px 0px 0px 15px; display: inline-block; vertical-align: middle}
.PostNews li .postInfo .text{ margin: 8px 0 2px 0; max-height: 44px; display: none} 
.PostNews li .postInfo .fot{padding-top: 4px;}
.owl-carousel.bnOwl .text h4{font-size: 20px;}
}

/*!
 * animate.css -http://daneden.me/animate
 */
.animated{animation-duration:1s;animation-fill-mode:both;}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
@-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%)}}
/*iconfont*/
.icon-yuyin-xianxing:before {content: "\e7cd";}.icon-agora_yuyintonghua:before {content: "\e621";}.icon-QQ:before{content:"\e62a";}.icon-daochu_o:before{content:"\eb4b";}.icon-wenben_o:before{content:"\eb4e";}.icon-shanchu_o:before{content:"\eb83";}.icon-tuwen_o:before{content:"\eb85";}.icon-agreement:before{content:"\e697";}.icon-privacy:before{content:"\e69d";}.icon-history:before{content:"\e69b";}.icon-eye_protection:before{content:"\e6a0";}.icon-voice:before{content:"\e6a4";}.icon-nickname:before{content:"\e6a2";}.icon-Decrease:before{content:"\e650";}.icon-Increase:before{content:"\e652";}.icon-zhiding3:before{content:"\e691";}.icon--icon-top:before{content:"\e623";}.icon-message:before{content:"\e6df";}.icon-book-off:before{content:"\e663";}.icon-book-on:before{content:"\e664";}.icon-grid:before{content:"\e667";}.icon-folder-minus:before{content:"\e668";}.icon-layout:before{content:"\e669";}.icon-image:before{content:"\e66c";}.icon-inbox:before{content:"\e66f";}.icon-layers:before{content:"\e670";}.icon-headphones:before{content:"\e671";}.icon-monitor:before{content:"\e672";}.icon-mail:before{content:"\e673";}.icon-package:before{content:"\e674";}.icon-user:before{content:"\e675";}.icon-bell:before{content:"\e676";}.icon-file-text:before{content:"\e677";}.icon-q:before{content:"\e60e";}.icon-taobaoiconbiaozhunshangchuandaxiaomoban:before{content:"\e60f";}.icon-dizhi5:before{content:"\e63f";}.icon-dizhi6:before{content:"\e6c1";}.icon-dizhi2:before{content:"\e684";}.icon-dizhi3:before{content:"\ea26";}.icon-dizhi4:before{content:"\e654";}.icon-triangle-down:before{content:"\e60c";}.icon-arrdown-fill:before{content:"\e60d";}.icon-xiazai:before{content:"\e61a";}.icon-xiazai1:before{content:"\e60b";}.icon-xiazai2:before{content:"\e665";}.icon-xiazai3:before{content:"\e61d";}.icon-xiazai4:before{content:"\e63e";}.icon-icon06:before{content:"\e64f";}.icon-zanwu4:before{content:"\e690";}.icon-zanwu:before{content:"\e60a";}.icon-zanwu1:before{content:"\e63c";}.icon-zanwu2:before{content:"\e645";}.icon-m-denglu:before{content:"\e608";}.icon-denglu-copy:before{content:"\e63a";}.icon-denglu:before{content:"\e609";}.icon-denglu1:before{content:"\e892";}.icon-denglu2:before{content:"\e614";}.icon-denglu3:before{content:"\e656";}.icon-yinhao1:before{content:"\e647";}.icon-yinhao2:before{content:"\e630";}.icon-yinhao2-copy:before{content:"\e72c";}.icon-yinhao1-copy:before{content:"\e72d";}.icon-yanjing1:before{content:"\e605";}.icon-yanjing:before{content:"\e611";}.icon-xiangxia-copy-right:before{content:"\e717";}.icon-jiantou1-you:before{content:"\e635";}.icon-xiangxia-copy-x-copy:before{content:"\eb92";}.icon-bofang:before{content:"\e618";}.icon-riqi:before{content:"\e638";}.icon-riqi1:before{content:"\e619";}.icon-jingdong:before{content:"\e894";}.icon-tianmao1:before{content:"\e602";}.icon-jingdong1:before{content:"\e603";}.icon-jingdong-:before{content:"\e604";}.icon-JD:before{content:"\e661";}.icon-dianhua:before{content:"\e61c";}.icon-shouye:before{content:"\e62f";}.icon-menu-index:before{content:"\e601";}.icon-guanbi1:before{content:"\e600";}.icon-shouji:before{content:"\e617";}.icon-shouji-copy:before{content:"\e633";}.icon-jiantou1:before{content:"\e62e";}.icon-rocket:before{content:"\e66d";}.icon-huojian1:before{content:"\e66e";}.icon-suo:before{content:"\e62b";}.icon-icon--1:before{content:"\e718";}.icon-icon--2:before{content:"\e719";}.icon-zhanghao:before{content:"\e6b6";}.icon-touxiang:before{content:"\e61b";}.icon-iconfontpinglun:before{content:"\e63b";}.icon-cate:before{content:"\e794";}.icon-shijian:before{content:"\e62c";}.icon-liulan:before{content:"\e65a";}.icon-youxiang:before{content:"\e632";}.icon-youxiang1:before{content:"\e65e";}.icon-jiantou:before{content:"\e66b";}.icon-jiantou-copy:before{content:"\eb91";}.icon-xiangyoujiantou1:before{content:"\e65f";}.icon-xiangzuojiantou1:before{content:"\e660";}.icon-menu:before{content:"\e63d";}.icon-xitongcaidan:before{content:"\e696";}.icon-tubiao_daohangcaidan:before{content:"\e610";}.icon-iconset0415:before{content:"\e726";}.icon-iconset0416:before{content:"\e727";}.icon-fangdajing:before{content:"\e627";}.icon-sousuo:before{content:"\e651";}.icon-icon--:before{content:"\e729";}.icon-jiantou_qiehuanyou_o:before{content:"\eb8d";}.icon-jiantou_qiehuanzuo_o:before{content:"\eb90";}.icon-xiala-:before{content:"\e629";}.icon-xiangyoujiantou:before{content:"\e68b";}.icon-xiangzuojiantou:before{content:"\e68c";}.icon-icon---copy:before{content:"\eb93";}.icon-gengduo1:before{content:"\e607";}.icon-qzone:before{content:"\e728";}.icon-changyonglogo28:before{content:"\e715";}.icon-QQ3:before{content:"\e62d";}.icon-weibo:before{content:"\e606";}.icon-weibo1:before{content:"\e67a";}


/*新增 产品列表*/
.mt20{
    margin-top: 20px;
}

.product {
}
/*.container, .container-sm, .container-md, .container-lg, .container-xl {*/
/*  max-width: 1140px;*/
/*}*/
/*.container, .container-sm, .container-md, .container-lg {*/
/*  max-width: 960px;*/
/*}*/
/*.container, .container-sm, .container-md {*/
/*  max-width: 720px;*/
/*}*/
/*.container, .container-sm {*/
/*  max-width: 540px;*/
/*}*/
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.column_title {
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-weight: 500;
}
*, ::before, ::after {
  box-sizing: border-box;
}
.over_x {
  overflow-x: auto;
}
.product_ul {
  white-space: nowrap;
}
.mt-3, .my-3 {
  margin-top: 1rem !important;
}
.overflow-auto {
  overflow: auto !important;
}
.product_ul li {
  width: 32% !important;
}
.product_ul li {
  display: inline-block;
  margin-right: 6px;
}
/*a {*/
/*  color: #585858 !important;*/
/*  text-decoration: none !important;*/
/*}*/
.product_ul li img {
  width: 100% !important;
}
.product_ul li img {
  width: 160px;
  border-radius: 10px;
}

/*img {*/
/*  vertical-align: middle;*/
/*  border-style: none;*/
/*}*/

.product_title {
  text-align: center;
  padding: 10px 0;
  font-size: .9rem;
}
.article-main h1{
    font-size:24px;
    text-align: center;
    line-height: 28px;
    padding-bottom: 18px;
}
.article-main{
    font-size: 18px;
}

.article-main h2 {
  padding-bottom: 12px;
  font-size: 20px;
  border-bottom: 4px solid #f0f4f5;
}

.article-main h3 {
  margin: 20px 0 10px;
  line-height: 1.4;
  font-weight: 700;
}
.article-main h3 {
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.2;
  border-left: 4px solid #fd721f;
}
.article-main .t-c {
  text-align: center;
}
.article-main .yddchayin-line-100 {
  line-height: 1;
}
.article-main .yddchayin-cpxq-msg {
  color: #ccc;
}
.article-main .mb20 {
  margin-bottom: 20px !important;
}
.article-main .o-h {
  overflow: hidden;
}
.article-main .font14 {
  font-size: 14px !important;
}
.article-main .yddchayin-cpxq-msg span {
  margin-right: 38px;
}