@charset "utf-8";
/*
Theme ID: userTheme2
Author: umTheme
*/
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 ; }
html.ov{overflow: hidden;}
body{background: #fff;color:var(--wz-fonts);font-size:14px;line-height:1.42857143;font-family:"PingFang SC",Helvetica,Arial,sans-serif;overflow-x:hidden;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}
.index body{background: #f8f8f8;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:var(--wz-fonts);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:var(--wz-fonts-hov);text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:var(--wz-fonts);background-color:#ff9;text-decoration:none;}
mark{color:var(--wz-fonts);background-color:#ff9;font-weight:bold;font-style:italic;}
.artBox:after,article:after,header:after,.article:after,.postNav:after,.side:after{clear: both;}
.artBox:before,
.artBox:after,.side:before,.side:after,
.article:after,.article:before,.postNav:before,.postNav: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; }
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white  inset !important;} 
input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
::selection {background-color: var(--wz-fonts-hov);color: #ffffff;}
:root {
	--wz-fonts: #282828;
	--wz-fonts-hov: #D61823;
	--wz-white: #ffffff;
	--wz-black: #151635;
	--wz-grey: #787879;
	--wz-art:#59595f;
	--wz-shadow: rgba(0, 0, 0, 0.03);
	--wz-mnavbg: #FFFFFF;
	--wz-mnavfont: #282828;
	--wz-feature: #D61823;
}
/*----------- container -----------*/
.main{ overflow:hidden; display: block; margin-bottom:40px; min-height:calc(100vh - 315px);}
.main.pic{margin-bottom:0px;padding-bottom:40px;}
.container{margin:0 auto;max-width:1200px;padding:0 10px;}

/*----------- 头部 -----------*/
.header{background-color: var(--wz-white);}
.header .headBar{ background-color: var(--wz-black);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: 80px;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; margin-right: 12px;}
.header .topMk li a{ width: 28px; height: 28px; line-height: 28px;border-radius: 100%;text-align: center; font-size: 16px;position: relative;display: inline-block;}
.header .topMk li a i{color:var(--wz-white);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 li a i{position: relative; z-index: 1;}

.header .topMk .left li:last-of-type{ margin-right: 0;}
.header .topMk .left li a:after{content: " ";width: inherit;height: inherit;border-radius: 100%;display: block;background: var(--wz-fonts-hov);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:var(--wz-fonts-hov);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-right: 30px;}
.header .topMk .right li a{ width: auto; height: auto;}
.header .topMk .right li .item{text-align: left; padding-left: 35px;color:var(--wz-white); line-height: 20px; position: relative;font-size: 14px;}
.header .topMk .right li .item i{ width: 28px; height: 28px; line-height: 28px; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -14px; color:var(--wz-fonts-hov);font-size: 24px;}
.header .topMk .right li:last-of-type{ margin-right: 0;}
.header .topMk .right li .tit{font-size: 15px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.header .topMk .right li:hover .item .tit{color:var(--wz-fonts-hov);}
.header .topMk .right li:hover .item i,.wrapBox.homeInfo li:hover .item i{-webkit-animation-name:up,down;animation-name:up,down;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}
@-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)}}

.header .topBarPop{position: absolute;text-align: center;top: 100%;right: 0;left: 0;margin: 0 auto;display: block;border-radius: 0;opacity: 0;visibility: hidden;z-index: 2;}
.header .topBarPop .popText{background-color: var(--wz-white);-webkit-box-shadow: 0 15px 40px rgba(0,0,0,.15);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); padding: 20px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.header .topBarPop .right li .item{ color: var(--wz-fonts);}
.header .topBarPop .topMk{flex-direction: column; padding: 0;}
.header .topBarPop .topMk .left, .header .topBarPop .topMk .right{ min-height: 68px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.header .topBarPop.in{visibility: hidden;opacity: 0;}
.header .topBarPop.in .popText{-webkit-animation-name: tada;animation-name: tada;}
.header .control.popBtn{position: absolute;top: 100%;right: 0px;width: 40px; height: 40px; text-align: center;background-color: var(--wz-fonts-hov);-webkit-box-shadow: 0 10px 20px 10px rgb(255 255 255 / 0.2);-moz-box-shadow: 0 10px 20px 10px rgb(255 255 255 / 0.2);box-shadow: 0 10px 20px 10px rgb(255 255 255 / 0.2);z-index: 3; display: none;}
.header .control.popBtn:after{content: "";height: 0;width: 0;display: block;position: absolute;top: 20px;right: 0;border-width: 20px;border-style: solid;border-right-color: var(--wz-fonts-hov);border-left-color: var(--wz-fonts-hov);border-top-color: transparent;border-bottom-color: transparent;z-index: 0;}
.header .control.popBtn i{  top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; z-index: 1;}
.header .control.popBtn i,.header .control.popBtn i:before,.header .control.popBtn i:after{ width: 6px; height: 6px; border-radius: 10px; background-color:var(--wz-white); display: block;position: absolute;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.header .control.popBtn i:before{ content: ''; top: -8px;}
.header .control.popBtn i:after{ content: '';top: 8px;}
.header .control.popBtn.in i:before{ top: 8px;}
.header .control.popBtn.in i:after{ top: -8px;}

.header .headNav{background: var(--wz-white);position: relative;z-index: 3;}
.header .headNav.fixed{position: fixed;top: -1px;left: 0;right: 0;width: 100%;z-index: 6;-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow: 0 10px 15px var(--wz-shadow);-moz-box-shadow: 0 10px 15px var(--wz-shadow);box-shadow: 0 10px 15px var(--wz-shadow);}
.header .logoBox .subtit{ font-size: 10px;}
.header .logoBox .logo{font-size:0px; height:48px; overflow: hidden; display: block; text-indent: -20000em; width: auto;}
.header .logoBox .logo a{display: block; color: #999; }
.header .logo img{ height:48px;}

.header .control{font-weight: bold; margin-left: 10px; cursor: pointer;}
.header .control i{ font-size: 18px;}
.header .control.meunBtn{margin-left: 25px; display: none;}

/*搜索*/
@-webkit-keyframes search-layer{
0%{opacity:0;-webkit-transform:scale(.04) translateY(300%);transform:scale(.04) translateY(300%)}
40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0);-webkit-transition:ease-out;-o-transition:ease-out;transition:ease-out;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
60%{opacity:0.85;-webkit-transform:scale(.02) translateY(0);transform:scale(.02) translateY(0)}
61%{opacity:0.85;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
99.9%{opacity:0.85;height:0;border-radius:100%}
100%{opacity:0.85;-webkit-transform:scale(2) translateY(0);transform:scale(2) translateY(0);height:100%;padding-bottom:0;border-radius:0}
}
@keyframes search-layer{
0%{opacity:0;-webkit-transform:scale(.04) translateY(300%);transform:scale(.04) translateY(300%)}
40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0);-webkit-transition:ease-out;-o-transition:ease-out;transition:ease-out;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
60%{opacity:0.85;-webkit-transform:scale(.02) translateY(0);transform:scale(.02) translateY(0)}
61%{opacity:0.85;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
99.9%{opacity:0.85;height:0;padding-bottom:100%;border-radius:100%}
100%{opacity:0.85;-webkit-transform:scale(2) translateY(0);transform:scale(2) translateY(0);height:100%;padding-bottom:0;border-radius:0}
}

.searchBox{position: fixed;top: 0;right: 0;width: 100%;height: 100%;background-color: #15163570;visibility:hidden; opacity: 0;}
.searchBox.in{visibility: visible; opacity: 1; z-index: 999;}
.searchBox.in .searchMask{visibility: visible;-webkit-animation: search-layer 0.9s ease-out forwards;animation: search-layer 0.9s ease-out forwards; opacity: 0;}
.searchForm {height:42px; position:relative;}
.searchMask{position: absolute;top: 0;left: 0;opacity: 0;background-color: var(--wz-black);width: 100%;height: 100%;padding-bottom: 100%;border-radius: 100%;overflow: hidden;opacity: 0.85;visibility: hidden;-webkit-backface-visibility: hidden;transition: all 0.3s ease-out; z-index: 999}
.searchBox.delayed .searchPup{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1; visibility:visible; z-index:1001; opacity: 1;}
.searchClose{ width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: var(--wz-fonts-hov); color: var(--wz-white); position: absolute;right: 50px;z-index: 1001; font-size: 22px; top: -150px;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity: 0;visibility: hidden; border: 1px solid var(--wz-white); cursor: pointer;}
.searchClose:before,.searchClose:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 30px;height: 3px;background: var(--wz-white);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.searchClose:before{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.searchClose:after{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.searchClose:hover::before,.searchClose:hover::after{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.searchBox.delayed .searchClose{ top: 50px;opacity: 1;visibility: visible;}
.searchForm {display:block;}
.searchPup{position:fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 100%; max-width: 400px; visibility:hidden;}
.searchPup form button{position:absolute;right:0px;top:0px;color:#fff;border:none;outline:0;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;cursor:pointer; width:50px; height:42px; background:var(--wz-fonts-hov);}
.searchPup form input,.searchBox .searchPup form input{width:100%;border:1px solid #eaeaea;font-size:14px;padding:6px 60px 6px 10px;background:#fff;height:42px;outline:0;border-radius: 0 !important;}
.searchPup span{ color:#999; font-size:12px; margin:10px 0 3px; display:block; clear:both;}

/*导航栏*/
.navBox{display: inline-flex; align-items: center;}
.navbar{ float:right;}
.navbar li{display:inline-block; position: relative;text-align: center;padding:0px 16px;}
.navbar li.subNav > a{}
.navbar > li:not(:last-child):after{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 0;height: 20px;display: block;border-right: 2px dotted var(--wz-fonts);opacity: 0.6;margin: auto;}
.navbar a{display:inline-block;line-height:44px;font-size:15px; color:var(--wz-fonts);}
.navbar i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; margin-left:4px;font-family: "iconfont" !important;}
.navbar li.active > a, .navbar li.on > a,.navbar li.active em i, .navbar li.on em i{color:var(--wz-fonts-hov);font-weight: 600;}

#navBox>ul>li:hover>ul{top:100%;filter:alpha(opacity=100)!important;opacity:1!important;max-height:inherit;visibility: visible!important;}
#navBox>ul>li>ul{position:absolute;width:160px;top:130%;left:50%; margin-left: -9px; transform: translateX(-50%); text-align:center;z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:top .3s ease;-o-transition:all .3s ease;transition:all .3s ease; max-height:auto;box-shadow:0 0px 15px 0 rgba(0,0,0,0.05); background: #fff; border-top: 0px solid #666; visibility: hidden;}
#navBox>ul>li.on>ul{ visibility: visible}
#navBox>ul>li>ul>li a{float:none;display:block;padding:0px 0px 0px;color:#666;font-size:14px; text-align:center; line-height:42px;opacity: 1}
#navBox li em[class*="dot"],#navBox li em[class^="dot"]{}
#navBox li em[class*="dot"] i:before,#navBox li em[class^="dot"] i:before{font-family: 'remixicon' !important; content:"\ea50";}
#navBox>ul>li>ul>li:after{ display:none}
#navBox>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;}
#navBox>ul>li>ul>.on a{color:#2d2d2d!important;}
#navBox>ul>li>ul>li.active a{}
#navBox>ul>li>ul>li.on>a{color:#fff}
#navBox> ul > li > ul >li ul li{width: 100%;}
#navBox> ul > li > ul >li ul li a{ font-size:14px;opacity: 0.6 }
#navBox> ul > li > ul >li em{position: absolute; right:10px; top:10px;}
#navBox> ul > li > ul >li ul.sub2{visibility:hidden; opacity:0; display:none; left:-160px; transform:none;position: absolute;background: #fff;box-shadow: 0 10px 16px 0 rgba(0,0,0,0.03); padding:10px 0; width:160px}
#navBox> ul > li.on > ul >li.on ul.sub2,#navBox> ul > li:hover > ul >li.on ul.sub2{ right:-160px; left:auto; top:0; visibility:visible; opacity:1; display:block;}
#navBox> ul > li > ul >li.on ul.sub2 a:hover{opacity:1;}
#navBox> ul > li > ul >li.on a,#navBox> ul > li > ul >li.on:hover a{ background-color: var(--wz-fonts-hov); color: #fff!important;}
#navBox> ul > li:last-child.on > ul >li.on ul.sub2,#navBox> ul > li:last-child:hover > ul >li.on ul.sub2{right:auto; left:-160px;}

/*首页模块*/
.wrap{ position:relative; z-index: 2;}
.wrapBox{ padding: 100px 0; overflow: hidden}
.wrapBox ul{ font-size: 0; display: flex;flex-wrap: wrap;}
.wrapBox li{ width: calc(100% / 3); display: inline-block; vertical-align: top; font-size: 15px;}
.wrapBox li .item .tit{ padding-left: 45px; padding-bottom: 12px; margin-bottom: 20px; position: relative;}
.wrapBox li .item .tit h4{ position: relative; display: inline-block;font-size: 20px;}
.wrapBox li .item .tit h4:after{ content: ''; width: 100%; height: 2px; background-color:var(--wz-white);position: absolute; left: 0px; bottom: -8px;display: block;}
.wrapBox li .item .tit i{width: 44px;height: 44px; text-align: center; font-size: 32px; position: absolute; top: -2px; left: -6px;}
.wrapBox li .item .tit i.icoAni:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;opacity: 0;visibility: hidden;border-radius: 100%;border: 1px solid var(--wz-white);transition: .3s ease-in-out;}
.wrapBox li:hover .item .tit i.icoAni:after{opacity: 1;visibility: visible;width: 44px;height: 44px;border: 2px dashed var(--wz-white);-webkit-animation: rotate 9s linear infinite;-moz-animation: rotate 9s linear infinite;animation: rotate 9s linear infinite;}
.wrapBox li .item .info{ line-height: 1.6;text-align: left;word-wrap: break-word;hyphens: auto;text-align: justify;text-justify: distribute-all-lines;}

.wrapBox .listPic ul{ margin: -18px -15px;}
.wrapBox .listPic li{ padding: 15px;width: calc(100% / 4 - 30px); margin: 15px; background-color: #fff;box-shadow: 0px 0px 38px 0px rgba(68, 68, 68, 0.1);-webkit-transition: all .3s ease; -o-transition: all .3s ease; position: relative; top: 0;}
.wrapBox .listPic li:hover{ top: -5px;box-shadow: 0px 10px 38px 0px rgba(68, 68, 68, 0.2);}
.wrapBox .listPic li .text{ padding: 12px 0 0;}
.wrapBox .listPic li .text h4{ font-weight: normal; font-size: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.6;}

@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/*标题*/
.title { padding:0px 30px 60px; position: relative; text-align: center;max-width: 750px;margin: 0 auto;}
.title .tit{ font-size:36px; line-height: 1.8; font-weight:500; display: inline-block; position: relative;}
.title .tit:before{content: "";position: absolute;top: 0;left: -72px;bottom: 0;margin: auto 0;width: 60px;height: 2px;background-color: var(--wz-fonts-hov);}
.title .tit b,.title .tit span{ background-color: var(--wz-fonts-hov); padding: 0 10px; color: var(--wz-white); margin-left: 10px;}
.title .txt{ color: var(--wz-grey); margin-top: 5px;}
.title .stit{ color: var(--wz-fonts-hov);-moz-osx-font-smoothing: auto;}

/*幻灯片卡片信息*/
.wrapBox.homeInfo{margin: -130px 0px 20px 0px; padding: 0; overflow: inherit;}
.wrapBox.homeInfo.mtop{margin:0px;padding:80px 20px;}
.wrapBox.homeInfo ul{font-size: 0;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;padding: 0;margin: 0px -10px;-ms-flex-align: flex-start;flex-direction: row;align-items: stretch;justify-content: center;}
.wrapBox.homeInfo li{ width: calc(100% / 3 - 20px); margin: 5px 10px; display: inline-block; -moz-osx-font-smoothing: auto;font-size: 14px; overflow: hidden;background-color: var(--wz-black);position: relative;}
.wrapBox.homeInfo li .item{ padding: 30px 50px 30px 80px; color: var(--wz-white); position: relative; z-index:1; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center; height: 100%;}
.wrapBox.homeInfo li .item a{color: var(--wz-white);}
.wrapBox.homeInfo li .item i{ width: 40px; height: 40px; line-height: 40px; position: absolute; left: 30px; top: 50%; margin-top: -20px; font-size: 40px;}
.wrapBox.homeInfo li:before,.wrapBox.homeInfo li:after{content: "";position: absolute; top: 0; left: 0; width: 0;height: 100%;transition: all .5s;background-color: var(--wz-fonts-hov);}
.wrapBox.homeInfo li:after{ width: 100%; bottom: 0;left: 100%;background-image: url(images/infoHover.png);background-repeat: no-repeat;background-size: 100%;background-position: right;background-color: transparent;}
.wrapBox.homeInfo li:hover:after{ left: 0;}
.wrapBox.homeInfo li:nth-child(2):before{background-color: var(--wz-fonts-hov); left: auto; right: 0;width: 100%;}
.wrapBox.homeInfo li:nth-child(2):hover:before{width: 0%;}
.wrapBox.homeInfo li:hover:before{width: 100%;}
.wrapBox.homeInfo li:hover .item i{text-shadow: 280px -10px 0 rgb(255 255 255 / 0.1);}
.wrapBox.homeInfo li .item .tit{ margin: 0; padding: 0;}
.wrapBox.homeInfo li .item .tit::after{display: none;}

/*服务项目模块*/
.wrapBox.homeService{ background-color: #fff;}
.wrapBox.homeService .box{ position: relative;}
.wrapBox.homeService .item{ padding:40px 30px; overflow: hidden; position: relative;}
.wrapBox.homeService h4{ font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.wrapBox.homeService .info{color: var(--wz-grey); line-height: 1.7; font-size: 15px;}
.wrapBox.homeService .ico{ color: var(--wz-grey); font-size: 46px; margin-bottom: 10px; opacity: .5;-webkit-transition:top .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.wrapBox.homeService .fot{position: absolute; bottom: 0; right: 0px;width: 50px;height: 50px;display: flow-root;text-align: center;color: var(--wz-white);overflow: hidden;}
.wrapBox.homeService .fot:after{content: "";position: absolute;top: 0;left: 0;min-width: 120px;min-height: 120px;background-color: var(--wz-fonts-hov);opacity: 0;visibility: hidden;-webkit-transform: translateX(0px) translateY(20px) rotate(50deg);transform: translateX(0px) translateY(20px) rotate(50deg);-webkit-transition: all .3s linear 0ms;transition: all .3s linear 0ms;}
.wrapBox.homeService .fot::before{ position: absolute; bottom: 3px; right: 5px; z-index: 2;}
.wrapBox.homeService li .item:before{ content: ''; width: 100%; height: 2px;background-color: var(--wz-fonts-hov); position: absolute; bottom: 0; left: 0;-webkit-transition:top .3s ease;-o-transition:all .3s ease;transition:all .3s ease; opacity: 0;}
.wrapBox.homeService li.on .item:before,.wrapBox.homeService li:hover .item:before{ width: 100%;opacity: 1;}
.wrapBox.homeService li.on .item .fot:after,.wrapBox.homeService li:hover .item .fot:after{opacity: 1; visibility: inherit;}
.wrapBox.homeService li:hover,.wrapBox.homeService li.on{-webkit-box-shadow: 0px 10px 25px 0 rgba(0,0,0,.05);box-shadow: 0px 10px 25px 0 rgba(0,0,0,.05);}
.wrapBox.homeService li.on .ico,.wrapBox.homeService li:hover .ico{color: var(--wz-fonts-hov); opacity: 1;}

/*优秀服务*/
.wrapBox.homeFeature{ background-color: var(--wz-feature);}
.wrapBox.homeFeature .title{ color:var(--wz-white);}
.wrapBox.homeFeature .title .stit,.wrapBox.homeFeature .title .txt{color:var(--wz-white);}
.wrapBox.homeFeature .title .txt{ opacity: .8;}
.wrapBox.homeFeature .title .tit b,.wrapBox.homeFeature .title .tit span{background-color: var(--wz-white);color: var(--wz-fonts-hov);}
.wrapBox.homeFeature .tit:before{background-color: var(--wz-white);}
.wrapBox.homeFeature .title .tit b, .wrapBox.homeFeature .title .tit span{color: var(--wz-feature);}
.wrapBox.homeFeature ul{margin:-20px -24px;}
.wrapBox.homeFeature li{ width: calc(100% / 3 - 48px); margin:20px 24px; display: inline-block; vertical-align: top; font-size: 15px;}
.wrapBox.homeFeature li a,.wrapBox.homeFeature li .item{color:var(--wz-white);}

/*资讯模块*/
.wrapBox.homeCollect{ background-color: #fff;}
.wrapBox.homeCollect .box{ display: flex; font-size: 0; margin: -20px;flex-wrap: wrap;}
.wrapBox.homeCollect .box .cateTit{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.wrapBox.homeCollect .box .cateTit h3{ font-size: 18px;display: inline-block; position: relative;}
.wrapBox.homeCollect .box .cateTit h3::before{content: ""; width: 100%; height: 3px; background-color: var(--wz-fonts-hov); position: absolute; left: 0; bottom: -12px;}
.wrapBox.homeCollect .box .cateTit a.more{ font-size: 14px; float: right;color:var(--wz-grey);}
.wrapBox.homeCollect .box .cateTit a:hover.more{color: var(--wz-fonts-hov)}
.wrapBox.homeCollect .box .cateTit a.more::after{content:"\ea68";font-family: remixicon; margin-left: 3px;}
.wrapBox.homeCollect .listItem{ background-color: #fff; width: calc(100% / 2 - 40px); margin: 20px; padding: 20px;box-shadow: 0px 0px 38px 0px rgba(68, 68, 68, 0.1);}
.wrapBox.homeCollect .listItem li{ width: 100%; height: 32px; line-height: 32px; padding-right: 88px; padding-left: 10px; position: relative;}
.wrapBox.homeCollect .listItem li h4{font-size: 15px; font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.wrapBox.homeCollect .listItem li:before{content: "\ea6d";font-family: remixicon; position: absolute; left: -5px; top: 0;color:var(--wz-grey); opacity: .6;}
.wrapBox.homeCollect .listItem li .time{ position: absolute; right: 0; top: 0px;color:var(--wz-grey); font-size: 12px;}
.wrapBox.homeCollect .listItem li .item .img{font-size: 0;width: 180px;-ms-flex-negative: 0;flex-shrink: 0;}
.wrapBox.homeCollect .listItem li .item .img a{ position: relative; font-size: 0;display: block;}
.wrapBox.homeCollect .listItem li .item .img a:after{ content:''; padding-top: 75%; display: block;}
.wrapBox.homeCollect .listItem li .item .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.wrapBox.homeCollect .listItem li .item .fot{color:var(--wz-grey); font-size: 12px; margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;position: relative;}
.wrapBox.homeCollect .listItem li .item .fot span{margin-right: 20px; position: static;}
.wrapBox.homeCollect .listItem li .item .fot span:last-of-type{ margin-right: 0;}
.wrapBox.homeCollect .listItem li .item .fot span i{ margin-right: 3px;}
.wrapBox.homeCollect .listItem li .item{display: flex;overflow: hidden;}
.wrapBox.homeCollect .listItem li .text{ padding-left: 20px;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;}
.wrapBox.homeCollect .listItem li .text h4{ font-size: 16px; font-weight: 500; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.wrapBox.homeCollect .listItem li .txt{ height: 68px;color:var(--wz-grey); margin-top: 10px; font-size: 14px; line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wrapBox.homeCollect .listItem li.pic .text h4{white-space: normal;}
.wrapBox.homeCollect .listItem li.pic{ height: auto; line-height: normal; padding-bottom: 10px; margin-bottom: 5px; padding-right: 0;padding-left: 0px;}
.wrapBox.homeCollect .listItem li.pic::before{ display: none;}
.wrapBox.homeCollect .listItem .small li:last-of-type{ margin-bottom: 0; padding-bottom: 0;}
.wrapBox.homeCollect .listItem .small li.pic .img{width: 110px;}
.wrapBox.homeCollect .listItem .small li .txt{ height: 46px; -webkit-line-clamp: 2;}

.wrapBox .homeAbout{width: calc(100% / 1 - 40px);margin: 20px;position: relative; }
.wrapBox .homeAbout .itemBox{ background-color: #FFF; border-top: 3px solid var(--wz-fonts-hov);display: -ms-flexbox;display: flex;padding: 52px 48px;-ms-flex-align: flex-start;align-items: center;justify-content: space-between;box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.15);position: relative; z-index: 1;}

.wrapBox .homeAbout .text h4{ font-size: 24px;}
.wrapBox .homeAbout .text h4 span,.wrapBox .homeAbout .text h4 b{color:var(--wz-fonts-hov); margin: 0 3px;}
.wrapBox .homeAbout .text .txt{ font-size: 15px; line-height: 1.6; margin-top: 15px;color:var(--wz-grey);}
.wrapBox .homeAbout .btn{ padding-left: 40px;}
.wrapBox .homeAbout .btn a{ background-color:var(--wz-fonts-hov); color: var(--wz-white); font-size: 15px; display: block; padding: 0 20px; height: 40px; line-height: 40px;}
.wrapBox .homeAbout:after{content: '';position: absolute;right: 0;left: 0;width: 100%;height: 62px;opacity: 0.3;background-position: center bottom;background-image: url(images/shadow.png); background-repeat: no-repeat; bottom: -38px;z-index: 0;}

/*----------- breadcrumb -----------*/
.breadcrumb{padding:15px 0;clear:both;overflow: hidden; background: #f6f6f6;display:none; opacity: .68;}
.breadcrumb.show{display: block; }
.breadcrumb a{ float: left;}
.breadcrumb i{ float: left; font-size: 12px; margin: 0 5px; opacity: .3; top: 2px; position: relative;}

/*列表*/
.postImg a{width: 100%;height: 100%; position: relative; font-size: 0; display: block; overflow: hidden;}
.postImg a:after{content: ''; padding-top: 75%;display: block;}
.postImg img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.artBox{ position:relative; margin:40px 0 0}
.artBox.side .article{float: left;padding-right: 320px;position: relative;width: 100%;margin-top: 0;}
.artBox.side.subr .article{float: right;padding-left: 320px;padding-right: 0px;}
.artBox.side.subr .sidebar{float: left;margin-right: -300px;margin-left:0px;}

.artBox .article ul{margin: 0;}
.artBox .article li{width:100%;border: 1px solid rgba(227,229,236,.5); margin: 0; position: relative; margin-bottom: 20px; background-color: var(--wz-white);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; overflow: hidden;}
.artBox .article li:last-child{ margin-bottom: 0;}
.artBox .article li .postImg{width:170px;position: relative;display: block;overflow: hidden;padding: 0;-ms-flex-negative: 0;flex-shrink: 0;font-size: 0; z-index: 1}
.article li .postText{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding: 5px 0px 5px 20px;min-width: 0; background: none; z-index: 1}
.artBox .article li .postText h4{ font-weight:600; font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.artBox .article li .postText .text{-ms-flex: 1 1 auto;flex: 1 1 auto;}
.artBox .article li .text .txt{margin-top:10px; height:48px;font-size: 14px;text-align:left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:var(--wz-grey); line-height: 24px;}
.artBox .article li .postText .time{ font-size:12px; padding:5px 0 0px; text-align:left;color:var(--wz-grey);}
.artBox .article li .postText .time i{ margin-right: 3px;}

/*图片列表*/
.artBox.artPic .article ul{ margin:-15px; display: flex;flex-wrap: wrap;}
.artBox.artPic .article li{ width: calc(100% / 4 - 30px); margin:15px;flex-wrap: wrap; align-content: flex-start; padding: 15px;box-shadow: 0px 0px 38px 0px rgba(68, 68, 68, 0.1); border: none;top: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.artBox.artPic .article li:hover{box-shadow: 0px 10px 38px 0px rgba(68, 68, 68, 0.2); top: -5px;}
.artBox.artPic .article li .postImg{ width: 100%;}
.artBox.artPic .article li .postText{ padding: 15px 0 0;align-items: center;}
.artBox.artPic .article li .postText h4{ font-weight: normal; font-size: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.artBox.artPic .article li .postText a{ display: block;}

.artBox .article .noArr li{flex-direction: column;text-align: center; padding: 100px 0;}
.artBox .article .noArr li img{ width: 100%; max-width: 150px;margin: 0 auto;}
.artBox .article .noArr li p{color:var(--wz-grey); font-size: 20px; opacity: .3;}

/*内容*/
.artMain{ background-color: #fff; padding:20px;}
.full .artMain{padding:0 0 20px;}
.side .artMain{border: 1px solid rgba(227,229,236,.5);}
.artBody{ line-height:1.8;}
.artBody h1.artTit{ font-size:24px; font-weight:600;line-height: 1.4;}
.artHeade{ margin-bottom:20px;}
.artMeta{ padding:5px 0; font-size:0px; color:#999; display:block;position: relative;}
.artMeta .umArtTopTit{font-size:18px;font-weight: 500;display: inline-block;color: #1d1d1d;}
.artMeta span{ padding-right:10px; font-size:14px;}
.artMeta span:before{font-family: remixicon !important;vertical-align: 0px;margin-right: 2px;}
.artMeta span.user:before{content: "\f254";}
.artMeta span.date:before{content: "\f20f";}
.artMeta span.cate:before{content: "\ed58";}
.artMeta span.view:before{content: "\ecb5";}
.artMeta span.cmt:before{content: "\ef46";}
.artMeta a{color:#999;}
.artMeta .fontSize {float: right;font-size: 0;margin-top:1px;}
.artMeta .fontSize span{background-color: #EAEAEA;padding-right: 0;color: #8A8A8A;display: inline-block;font-size: 14px;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 2px;cursor: pointer;margin-left: 3px;-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;font-family: Arial,sans-serif;}
.artMeta .fontSize span:hover{background-color: var(--wz-fonts-hov);color: #ffffff;}

/*文章内容*/
.artContent{ line-height:1.8;font-size: 15px;color: var(--wz-art); display: block; clear: both;}
.artContent h1,.artContent h2, .artContent h3, .artContent h4, .artContent h5{margin:10px 0;color: #1d1d1d;font-weight:600; position:relative;}
.artContent h1{font-size:22px;line-height:2.2;}
.artContent h2{font-size:20px;line-height:2;}
.artContent h3{font-size:18px; padding-left:15px;}
.artContent h4{font-size:16px;}
.artContent h5{font-size:14px;}
.artContent h3:after{content:'';width:3px;height:17px; background: var(--wz-fonts-hov); position: absolute; display: block; left: 0; top: 6px;}
.artContent h3:after{top:8px;}
.artContent p{ margin-bottom:15px;}
.artContent img{vertical-align:-6.5em;}
.artContent p img{vertical-align:-6.5em;background: #fefefe url(images/lay.gif) center center no-repeat;}
.artContent table,.wrapBox table{border-collapse:collapse;background:#fff;line-height:140%; width:100%;}
.artContent table tr:nth-child(2n),.wrapBox table tr:nth-child(2n){ background-color:#fafafa;}
.artContent td,th,.wrapBox td,.wrapBox th{margin:0;padding:10px 10px;text-indent:0em;border: 1px solid #e6e6e6;}
.artContent blockquote{width: 100%;background: #eee;border-left: 5px solid #dfdfdf;margin: 25px 0px;padding:15px 20px;}
.artContent blockquote p{margin:0px 0;padding:0;}
.artContent ol,.aarticle ol,.artContent ul{ padding-left:15px;}
.artContent ol li,.aarticle ol li,.artContent li, .aarticle li{list-style: inherit;}
.artContent p em{font-style: italic;}
.artContent .uml {float: left;max-width: 460px;}
.artContent .umr {padding-left: 20px;overflow: hidden;}
.isVideo object, .isVideo video, .isVideo embed, .isVideo iframe {width: 100%;height: 100%;outline: 0;position: absolute;display: block;}
.artContent .isVideo{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;display: block;}
.indent .artContent p.isImg,.indent .artContent .isVideo{text-indent: 0;}
.indent .artContent p {text-indent: 2em;}
.indent .artContent p a{ color: var(--wz-fonts-hov);}

.tagBox {display:block; margin-top:50px; text-align:left;}
.tagBox .tagArr { line-height:32px;}
.tagBox .tagArr a {padding:0px 10px; margin-right: 6px; background:#f6f6f6; border-radius:30px;height: 30px;line-height: 30px;display: inline-block;margin-bottom: 6px;}
.tagBox .tagArr a:hover{background:var(--wz-fonts-hov); color: #fff}

/*侧栏模块*/
.sidebar {float: right; margin-left: -300px;width: 300px;position: relative;}
.sidebar .widget{background:#FFF;box-shadow: 0px 0px 38px 0px rgba(68, 68, 68, 0); margin:0 0 20px 0;border: 1px solid rgba(227,229,236,.5);}
.sidebar .widget:last-child{ margin-bottom:0px;}
.sidebar .widget h3{ font-size:20px; font-weight:600; padding:10px 15px; background:#FFF;text-overflow: ellipsis;white-space: nowrap; position:relative}
.sidebar .widget h3:after{ top:16px}
.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 10px;}
.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 .modulesa div{padding:0}
.sidebar .modulesa ul{ padding:0px 10px}
.sidebar .modulesa li{ width:50%; display:inline-block; padding:0 5px; height:auto; text-align:center; margin:5px 0}
.sidebar .modulesa h4{ height:34px;}
.sidebar .modulesb li,.divPrevious li,.divFavorites li,.divArchives li{ padding-left:12px;}
.sidebar .modulesb li:after,.divPrevious li:after,.divFavorites li:after,.divArchives li:after{content:'';width:5px;height:5px; background:var(--wz-grey); position: absolute; display: block; left: 0; top: 16px; border-radius:30px; opacity: .3;}
.sidebar .modulesc ul{ padding:0 10px 10px;}
.sidebar .modulesc ul li{padding:5px; height:auto; line-height:28px;white-space:normal;}
.sidebar .modulesc ul li a{ display:block; background:#f6f6f6; padding:6px 10px;}
.sidebar .modulesc ul li a:hover{background: var(--wz-fonts-hov); color:#fff;}

.sidebar .modulesc 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 .modulesc 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 .modulesc ul li em i:before{content:"\ea13";font-family: remixicon;}
.sidebar .modulesc ul li em i.open:before{content: "\f1af";}
.sidebar .modulesc ul li:hover em.in i{color: #fff;}
.sidebar .modulesc ul li>ul{ display:none; padding:0px;border-top:none;}
.sidebar .modulesc ul li>ul li{padding:0}
.sidebar .modulesc ul li>ul li em i{color: #c1c1c1;}
.sidebar .modulesc ul li>ul li a{background:#f6f6f652;padding:6px 20px}
.sidebar .modulesc ul li>ul li em{top:0; right:0}
.sidebar .modulesc ul li>ul li>ul{border:none;}
.sidebar .modulesc ul li>ul li>ul li a{ padding-left:30px}
.sidebar .modulesc ul li>ul li>ul li>ul li a{padding-left:40px}

.sidebar .widget.divContorPanel div{ line-height: 28px;}
.sidebar .widget.divContorPanel div,.sidebar .widget.divTags ul{ padding-bottom: 15px;}
.sidebar .widget.divContorPanel div a{ color: var(--wz-fonts-hov)}
.sidebar .widget ul li.li-cate{ height: auto;}
.sidebar .widget ul li.li-cate .ul-subcates{padding: 5px 10px 5px;}
.sidebar .widget ul li.li-cate .li-subcate{ opacity: .6}
.sidebar .widget ul li i{vertical-align: -1px;position: relative;left: -2px;}
.sidebar .widget.divSearchPanel div{ padding-bottom: 20px;-moz-osx-font-smoothing: auto;}
.sidebar .widget.divSearchPanel input{ width: 100%; position: relative; line-height: 32px; padding: 0 10px; border: 1px solid #ededed; background-color: #f6f6f6;border-radius: 0 !important;}
.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 var(--wz-fonts-hov); background: var(--wz-fonts-hov); color: #fff; font-size: 14px; top: 0; right: 0;}

.sidebar .widget.divTags li,.sidebar .widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto;}
.sidebar .widget.divTags li a{font-size:14px;font-weight:normal;padding:0px 10px;border-radius:0px; display:block;margin:3px 4px 3px 0; height: 34px; line-height:34px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; border:1px solid rgba(227,229,236,.5)}
.sidebar .widget.divTags li a span{font-size:12px;}
.sidebar .widget.divTags li a:hover{color:#fff; background:var(--wz-fonts-hov); border: 1px solid var(--wz-fonts-hov);}
.sidebar .widget.divLinkage li a{margin:5px 12px 5px 0;}
.sidebar .widget.divCalendar div,.sidebar .widget.divMisc div,.sidebar .widget.divMisc ul{ padding:15px;}
.sidebar .widget.divCalendar table{ width: 100%;}
.sidebar .widget.divCalendar table th{padding: 10px 0px;font-size: 12px; background: #f8f8f8; border: none; opacity: .6}
.sidebar .widget.divCalendar table td{ text-align: center; padding: 5px 0;background: #f8f8f8;}
.sidebar .widget.divCalendar table td.pad{ opacity: .2}
.sidebar .widget.divCalendar table caption{ margin-bottom: 10px;}
.sidebar .widget.divMisc li{ font-size: 0; line-height: inherit; height:auto; display: inline-block;}
.sidebar .widget.divMisc li a{ margin: 4px 10px 4px 0; display: block;}
.sidebar .widget.divMisc li a img{ height: 31px;}
.sidebar .widget.divCatalog li{ width: calc(100% / 3 - 10px); margin: 5px; display: inline-block;height: 32px;line-height: 32px; text-align: center;}
.sidebar .widget.divCatalog ul{ margin:0 -5px;}
.sidebar .widget.divCatalog li a{ display: block; background-color: #f6f6f6;}
.sidebar .widget.divCatalog li a:hover{color:#fff; background:var(--wz-fonts-hov);}

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

/*related*/
.related{ padding:20px 0px;background: #fff; margin:25px 0 0 0;}
.side .related,.side .commBox{padding:20px;border: 1px solid rgba(227,229,236,.5);}
.single .title { padding:0px 0 12px 0; text-align: left; width: 100%; max-width: 100%; margin-bottom: 20px;}
.single .title h3{ font-size:20px; font-weight:600;position:relative; display: inline-block;}
.single .title h3:after,.single .title:before{content: ""; position:absolute; width:100%; height:3px; background:var(--wz-fonts-hov); left:0px; bottom:-12px;}
.single .title:before{ top: auto; bottom: 0; width: 100%; height: 1px; background-color:#ededed;}
.related .liBox {height: 100%;margin: 2px 2px;text-align: center;font-size: 14px;}
.related .liBox .aImg {width: 100%;height:auto;padding-top: 75%;display: block;position: relative;overflow: hidden;background-color: #efefef; font-size: 0;}
.related .liBox .aImg img {width: 100%;min-height: 100%; position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;object-fit: cover;}
.related .liBox a.titUrl{ padding: 15px; position: relative;line-height: 24px; text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; background:rgba(255, 255, 255, 0.65); display: block;}
.related .liBox a.titUrl h3{font-size:15px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.related .liBox:hover a.titUrl{ background:var(--wz-fonts-hov); color:#fff;}

.nothing{ padding:40px 0 50px 0; color:#999; text-align:center; width:100%; background:rgba(255, 255, 255, 0.65);}
.nothing i{ font-size:68px;opacity: .3;line-height: 1.1;}
.artImg{ text-align:center; font-size:0; display:block; margin:0 auto}
.artImg img{ width:100%;}

/*移动端*/
.leftNav{ width:280px; background:var(--wz-mnavbg); position:fixed; top:0; bottom:0; left:-280px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:999}
.leftNav .meunBtn{ width: 48px; height:48px; line-height:48px; left:auto; right:-48px; display:none;}
.leftNav .meunBtn i{ font-size: 30px; color:#fff;}
.leftNav ul{ padding-top:0px;padding-left: 0;}
.leftNav li{ width:100%; position:relative;}
.leftNav .navbar{ display: block; opacity: 0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;}
.leftNav.mOpen .navbar{ opacity: 1}
.leftNav .navbar li{ padding: 0; text-align: left;-moz-osx-font-smoothing: auto;}
.leftNav .navbar li:after{ display: none}
.leftNav li a{ padding: 0 25px; line-height:48px; color:var(--wz-mnavfont); display:block; border-bottom:1px solid #2828280d;}
.leftNav li.on a,.leftNav li.active a,.leftNav li.on em[class*="dot"] i,.leftNav li.on em[class^="dot"] i{color:var(--wz-mnavfont);}
.leftNav li a:hover{ background:rgba(0,0,0,0.01);}
.leftNav .navbar li em[class*="dot"] i::before,.leftNav .navbar li em[class^="dot"] i::before{font-family: 'remixicon' !important;content: "\ea50";font-size: 20px;}

.leftNav ul li>ul{ display:none;}
.leftNav li i{position: absolute;top:0px;right:0px; width:48px; height:48px; text-align:center; border-left:1px solid rgba(255,255,255,0); cursor:pointer;}
.leftNav li i{font-size: 18px;color: var(--wz-mnavfont);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:48px;line-height:48px; top:0; right:0;}
.leftNav li i.open{-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.01);}
.leftNav ul li>ul li a{border-bottom:1px solid #2828280d; opacity:0.8; font-size:14px; text-indent:1em}

.header a:hover.meunBtn{color:var(--wz-fonts-hov)}
.mNav .navbar i{ position: absolute; top: 0px; right:0px; padding: 0px 12px; margin-left: 0; cursor: pointer; color: var(--wz-mnavfont);}
.mNav .navbar i.iconfont.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
body.open .header .navBar{ left: 280px;}

/*----------- lazy -----------*/
.img a{background-color: #fafafa;}
.loading {background-position: center center;background-repeat: no-repeat; background-image: url(images/lay.gif); background-size: 16px 16px;}
.button.loading{ min-height:30px;}
/*----------- commList -----------*/	
.commBox{padding: 20px;margin: 20px 0 0 0; background:rgba(255, 255, 255, 1); border:0px solid #eee;}
.full .commBox{ padding: 0;}
.commList .msg{padding-top:10px}
.commBox .posttop em{ color: #999; font-style: normal;}
/*---------------------------引用\评论----------------------------------*/
.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 .comment_at{ color:var(--wz-fonts-hov)}
.msgArticle .commFooter{ font-size: 12px; opacity: .6 ;}

div.children{  background: #f6f6f6; border-radius: 4px; position: relative; margin-top:10px;}
div.children:before{content: "";display: block;border-top: none;border-right: 15px solid transparent;border-bottom: 15px solid #f6f6f6;border-left: 15px solid transparent;position: absolute;top: -8px;left: 15px;}
div.children > div.children:before{ display: none}
.msgArticle .commBody{position: relative;margin-left: 52px;border: 0px solid rgba(227,229,236,.5);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{ color: #999; 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;}
div.reply-frm{padding:0 15px 10px!important;  }
div.cmBox .post.reply-frm{ margin: 0 -20px!important;}
div.cmBox .children .post.reply-frm{ margin: 0 -5px!important}
div.reply-frm #txaArticle{border: 1px solid #eee; margin-top: 0px;}

#frmSumbit ul{width: 100%; clear: both; display:block; font-size:0;padding-left:0}
#frmSumbit ul li{text-align:left;display: inline-block; width:50%; font-size:14px; padding:5px; border: none;; background: none; margin-bottom: 0;}
#frmSumbit ul li.hide{ display: none; visibility: hidden;}
#frmSumbit ul li.verify{ position:relative}
#frmSumbit ul li.verify img{ position:absolute; top:9px; right:9px}
input.text{margin-right:10px;position:relative;border: 1px solid #eee;border-radius:0px;height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#1d1d1d;width:100%;box-shadow:none; background:#fdfdfd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-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:#fdfdfd; font-size:14px;border: 1px solid #eee}
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:var(--wz-fonts-hov);border-radius: 2px;background-image:none;box-shadow:none;cursor:pointer; font-size: 16px;}
input.button:hover{background:var(--wz-fonts-hov);opacity: 0.8;}
#cancel-reply{margin-left: 10px; line-height: 36px; display: inline-block; padding:0 10px; width:auto;background-color:#d6d6d9; vertical-align: 0px;}
body.umComms{ background: #f8f8f8;}
.umComms #divCommentPost p.cBtn{ text-align:center;}
.umComms input.button,.umComms #cancel-reply{ width:auto; height:40px; min-width:160px;font-size: 18px;}

/*----------- gotop -----------*/
.gotoUp{position: fixed;top: 0;right: 25px;width: 42px;height: 42px;line-height: 42px;padding: 0;font-size: 20px;text-align: center;cursor: pointer;color: var(--wz-white);background-color: var(--wz-fonts-hov);border-radius: 50%;border-top-right-radius:0;box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);-webkit-transition: .9s;transition: .9s;z-index: 99;visibility: hidden;opacity: 0;}
.gotoUp.in{top: 98%;-webkit-transform: translateY(-98%);transform: translateY(-98%);opacity: 1;visibility: visible;}
.gotoUp i{ font-size: 20px; font-weight: bold; display: inline-block;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.gotoUp.in:hover i,.gotoUp.in:focus i{color: var(--wz-white);transform: translateY(0) rotate(45deg);-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg);}
.gotoUp:hover{color: var(--sp-white);transform: translateY(-98%) rotate(-45deg);-webkit-transform: translateY(-98%) rotate(-45deg);-moz-transform: translateY(-98%) rotate(-45deg);-o-transform: translateY(-98%) rotate(-45deg);-ms-transform: translateY(-98%) rotate(-45deg);}

/*browse
#browse{padding:10px 0;border-bottom:1px solid #ddd;background:var(--wz-fonts-hov);color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browse a{padding:4px;color:#008DFD}
#browse a:hover{text-decoration:underline}*/
.bounceAin{animation: bounceAin 1s infinite alternate;}
@keyframes bounceAin { 0% { transform: translateY(0);}20% { transform: translateY(-3px);}25% { transform: translateY(0px);}75% { transform: translateY(-3px);}100% { transform: translateY(0px);}}
/*----------- ADS -----------*/	
.bnBox{background-color: rgba(0, 0, 0, 1);border:none;padding:10px;margin:15px auto 0 auto;overflow: hidden; max-width: 1240px; position: relative;}
.bnBtm.bnBtm{ margin-bottom: 15px;}
.news .bnBtm.bnBtm{ margin-top: 0; margin-bottom: 15px;}
.bnBox.cateBn{ margin-bottom: 0; margin-top: 0; padding: 0; max-width: 100%;min-height:320px;}
.bnBox.cateBn .text{ padding:0 15%;width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 400; font-size: 40px;}
.bnBox.cateBn .text p{ font-size: 16px; font-weight:100; font-style: normal; clear: both; opacity: .8;font-family: Arial;}
.bnBox.cateBn img{min-height:320px;object-fit: cover;}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block; margin:0 auto; width:100%;}

/*----------- footer -----------*/	
.footer{width:100%;background:var(--wz-black);color:#8a8b9a; clear:both; position:relative; font-size:14px;border-bottom: 5px solid var(--wz-fonts-hov);}
.footer a{color:#8a8b9a;}
.footer a:hover{color: var(--wz-fonts-hov);}
.footer .textBox{ padding: 50px 0;}
.footer .textBox p{font-size: 14px;}
.footer .container{ padding-top:0px; padding-bottom:0px; margin:0 auto;color:#8a8b9a;position:relative;overflow:hidden;}
.footer .copyright{ padding:20px 0; border-top: 1px solid #8a8b9a38; font-size: 14px; text-align: center;}
.footer .textBox .link span,.footer .textBox .link ul{ display: inline-block;vertical-align: top;}
.footer .textBox .link li{ display: inline-block; margin:0 5px; height: 22px; line-height: 22px;}

.footer .itemBox{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;margin: 0px -15px;-ms-flex-align: flex-start;align-items: flex-start;justify-content: flex-start;}
.footer .itemBox .item{position: relative;width: 100%;padding: 0px 15px;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.footer .itemBox .item h5{display: block;text-transform: capitalize;position: relative;z-index: 0;letter-spacing: 0.5px;word-break: break-all;margin-bottom: 10px;line-height: 1.6; font-size: 20px;}
.footer .itemBox .item h5:first-letter {color: var(--wz-fonts-hov);}
.footer .itemBox .item li{ height: 26px; line-height: 26px;}
.footer .itemBox .item.file li{ padding-left: 12px; position: relative;}
.footer .itemBox .item.file li:before{ content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 100px; background-color: var(--wz-white); opacity: .3;}
.footer .itemBox .item.link li{ display: inline-block; margin-right: 10px;}
.footer .itemBox .item.sc form{ font-size: 0;padding-right: 60px; position: relative; margin-top: 6px;}
.footer .itemBox .item.sc input{ width: 100%; border: medium none;border-radius: 0 !important; height: 36px; line-height: 36px; padding:0 5px;}
.footer .itemBox .item.sc button{ width: 50px; height: 36px; font-size: 14px; position: absolute; right: 0; top: 0; cursor: pointer; background-color: var(--wz-fonts-hov); color: var(--wz-white); -moz-osx-font-smoothing: auto; text-align: center;border:none;outline:0;padding: 0;}

.footer .itemBox .item .select{ width: 100%; height: 36px; line-height: 36px;border: medium none; padding: 0 6px;}

.footer .itemBox .fotlogo .img{ font-size: 0; margin-bottom: 10px;}
.footer .itemBox .fotlogo img{ height: 45px; width: auto;}

.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:var(--wz-black); opacity: .85; z-index: 890;display: none;}

/*----------- 分页 -----------*/
.pageNav{text-align:center;padding:30px 0 0px 0;display:block; clear:both; font-size: 0;}
.pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:29px;margin: 0 4px; display:inline-block;color:#666;background:#f6f6f6;border-radius:2px;vertical-align:top;font-size:15px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;font-family: Arial;}
.pageNav .v{line-height:29px;}
.pageNav a:hover{background:var(--wz-fonts-hov);color:#fff;text-decoration:none;}
.pageNav span{color:#fff;background:var(--wz-fonts-hov);border:0px solid var(--wz-fonts-hov);}

/*Swiper 3.4.2*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

.swiper-container.banner{width: 100%;background: #000;}
.swiper-container.banner .item{ width:100%; height:100%; display:block;}
.swiper-container.banner .item .vMask{position:absolute;width:100%; height:100%; left: 0; top: 0; z-index: 2;background:rgba(0,0,0,.5);}
.swiper-container.banner .umlink{width:100%; height:100%; display:block;position:absolute;z-index: 3;}
.swiper-container.banner .img{ width:100%; height:100%; position: relative; z-index:2;display:block; background-position:center center; background-size:cover; font-size: 0;}
.swiper-container.banner .img:after{ content: ''; padding-top: 48%; display: block;}
.swiper-container.banner .img img,.swiper-container.banner .item video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1; visibility: visible !important; }
.swiper-pagination-bullet{ width: 6px; height: 6px; position: relative; padding:0px;}
.swiper-pagination-bullet:after{ width: 12px; height: 12px; content: " "; position:absolute; z-index: 1; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; border: 0px #fff solid; border-radius: 100px; transform: scale(0);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{border: 1px var(--wz-fonts-hov) solid; opacity: .5; transform: scale(1)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 10px 0;}
.swiper-container-vertical > .swiper-pagination-bullets{ right: 20px;}
.swiper-pagination-bullet-active{background:var(--wz-fonts-hov); }
.banner .swiper-pagination-bullet:after,.partner .swiper-pagination-bullet:after,.case .swiper-pagination-bullet:after,.umDiy .swiper-pagination-bullet:after{display: none}
.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;}
.banner .swiper-pagination-bullet{width:24px; height: 24px; line-height: 22px; text-align: center; border-radius: 100px; opacity: .5; border: 1px solid rgba(255,255,255,.0);background: rgba(255,255,255,1); color: #fff; transform: scale(.2);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: scale(1);border: 1px solid rgba(255,255,255,.8); opacity: .8; background: rgba(255,255,255,0); }
.banner .swiper-pagination-bullet i{opacity: 0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active i{ opacity: 1;}
.bannerNav{ position:absolute; bottom:40px; left: 50%; transform: translateX(-50%); z-index: 1; font-size: 0;}
.infoOn .bannerNav{bottom: 160px;}
.bannerNav div{ width: 26px; height:26px; line-height: 26px; text-align: center; background-color:var(--wz-fonts-hov); color: #ffffff; display: inline-block; margin: 0 5px; font-size: 16px; border-radius: 100%; cursor: pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.bannerNav div:hover{background-color:#ffffff; color: var(--wz-fonts-hov);}
.swiper-slide.hAuto{ height: auto;}

/*分享*/
.bdshare{ clear: both; padding-top:20px; text-align:left;position: relative;}
.bdshare-button-style0-16{ display: block; font-size: 0;}
.bd_weixin_popup{ height: 300px!important;width: 252px!important}
.bdsharebuttonbox{ display: inline-block; vertical-align:middle;font-size: 0;}
.bdsharebuttonbox a,.bdshare-button-style0-16 a,.bdshare .poster a{ background-image: none!important; width:38px!important; height: 38px!important; line-height: 38px!important; padding: 0!important; border:0px solid #eee;border-radius: 100px; text-align: center;margin:6px 6px 6px 0!important; font-size: 22px!important;float: none!important; display: inline-block;font-family: "remixicon" !important;}
.bdsharebuttonbox a.bds_weixin{background-color: #6bc30d; color: #fff;}
.bdsharebuttonbox a:hover.bds_weixin{ background-color: #6bc30d; color: #fff;}
.bdsharebuttonbox a.bds_sqq{ background-color: #1ea6e9; color: #fff;}
.bdsharebuttonbox a:hover.bds_sqq{ background-color: #1ea6e9; color: #fff;}
.bdsharebuttonbox a.bds_tsina{ background-color: #f78585; color: #fff;}
.bdsharebuttonbox a:hover.bds_tsina{ background-color: #f78585; color: #fff;}
.bdsharebuttonbox a.bds_tqq{ background-color: #00C5FF; color: #fff;}
.bdsharebuttonbox a:hover.bds_tqq{ background-color: #00C5FF; color: #fff;}
.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_tqq:before {content: "\e606";}

.bdshare .poster{ display:inline-block; vertical-align: middle;height: 52px;}
.bdshare .poster a{ width: 60px!important; text-align: center;font-size: 14px !important;background: #85a1f8;}
.bdshare .poster a:hover{opacity: .8;}
.bdshare .umCode{ display: none; position: fixed; width: 200px; height: 200px;box-shadow: 0 0 25px rgba(0,0,0,.1); top:50%; left: 50%; margin-top: -100px;margin-left: -100px; z-index: 9;}
.bdshare .umCode img,.bdshare .umCode canvas{width: 100%; height: 100%; padding: 15px;background: #fff;z-index: 2;position: relative;}
.bdshare .umCode:after{content: '';display: block; width:100%; height:100%; position:fixed; top:0; left:0;background:var(--wz-black); opacity: 0.85;}

/*上下页*/
.postNav{ width:100%; text-align:left; margin-top:20px;clear: both;}
.postNav div{ display:inline-block; font-size:0;}
.postNav div a{height:36px; line-height:34px; font-size:16px; padding:0 15px; display:block; border:1px solid #ededed; background-color: #f6f6f6;}
.postNav div i{ vertical-align:-1px;}
.postNav .postNext{ float:right}
.postNav .postPrev a{ padding-right:18px;}
.postNav .postNext a{ padding-left:18px;}
.postNav div a:hover{ background:var(--wz-fonts-hov); border:1px solid var(--wz-fonts-hov); color:#fff;}

/*subcate*/
.subcate{ max-width:1260px; margin:50px auto 10px;text-align:center;padding: 0 20px;margin: 30px auto 0px; position: relative; z-index:2;}
.subcate.umCateMore .selectOption{ display:none; height: 30px;line-height: 30px; cursor: pointer;}
.subcate.umCateMore .selectOption:after{ content: '\ea4d'; font-size: 18px; font-family: remixicon; width: 16px; height: 30px; display: inline-block; margin-left:3px;vertical-align: -1px;}
.subcate.umCateMore.in .selectOption:after{ content: '\ea77';}
.subcate ul{ display:block; font-size:0;}
.subcate li{ display:inline-flex; margin:2px 3px;border-radius:0px; font-size:14px;}
.subcate li a{padding:4px 10px 4px; font-size:16px; background:#f6f6f6; text-shadow:none;border-radius:0px;}
.subcate li a:hover,.subcate li.active a{background:var(--wz-fonts-hov);color:#fff;filter:alpha(opacity=86);opacity:0.86;}

.banner .text{ max-width: 1220px; width: 100%; margin-top: -3.5%;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;z-index: 4;-moz-osx-font-smoothing: auto; display: flex;flex-wrap: wrap;flex-direction: column;}
.banner.infoOn .text{ margin-top: -6.25%;}
.banner .text.btn{ padding-bottom: 68px;}
.banner .text.btn .btnBox{ position: absolute; bottom: 0;left: 50%; transform: translateX(-50%);}
.banner .text .btnBox a{color:rgba(255,255,255,.8);padding: 8px 20px;min-width: 105px;background:var(--wz-fonts-hov); color: #fff; font-size: 16px;display: inline-block; position: relative;line-height: initial;}
.banner .text h4{ font-size: 48px; color: var(--wz-fonts-hov);font-weight: 600;}
.banner .swiper-slide-active .text h4,.banner .swiper-slide-active .text p{}
.banner .text p{ margin: 5px auto; line-height:1.6; font-size: 14px; padding: 0 20px;}
.banner .text a em{ position: relative; z-index: 1; font-style: normal}
.banner .text .bnLink{ position:absolute; width:100%; height:100%; left:0; top:0;}
.banner .text .stit{ font-size: 30px;}

.banner .tr .text{ text-align: right;align-content: flex-end;justify-content: flex-end;}
.banner .tr .text h4,.banner .tr .text p,.banner .tr .text .stit{max-width: 620px; padding-right: 15px; padding-left: 0px;}
.banner .tr .text p{margin: 5px 0;}
.banner .tr .text.btn .btnBox{right: 15px; left: auto;transform: translateX(0%);}

.banner .tl .text{ text-align: left;align-items: flex-start;justify-content: flex-start;}
.banner .tl .text h4,.banner .tl .text p,.banner .tl .text .stit{max-width: 620px; padding-right: 0px; padding-left: 15px;}
.banner .tl .text p{margin: 5px 0;}
.banner .tl .text.btn .btnBox{left: 15px;transform: translateX(0%);}

/*跳动按钮*/
.aniBtn{--mrani:.5s;--move-hover:-4px;--shadow:0 2px 8px -1px rgb(0 0 0 / 32%);--shadow-hover:0 4px 20px -2px rgb(0 0 0 / 32%);letter-spacing:.5px;box-shadow:var(--shadow);-webkit-transform:translateY(var(--y));transform:translateY(var(--y));-webkit-transition:box-shadow var(--mrani) ease,-webkit-transform var(--mrani) ease;transition:box-shadow var(--mrani) ease,-webkit-transform var(--mrani) ease;transition:transform var(--mrani) ease,box-shadow var(--mrani) ease;transition:transform var(--mrani) ease,box-shadow var(--mrani) ease,-webkit-transform var(--mrani) ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
.aniBtn div{display:-webkit-box;display:flex}
.aniBtn div span{display:block;white-space:pre-wrap;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal}
.aniBtn div span:nth-child(1){--ani:0.05s}
.aniBtn div span:nth-child(2){--ani:0.1s}
.aniBtn div span:nth-child(3){--ani:0.15s}
.aniBtn div span:nth-child(4){--ani:0.2s}
.aniBtn div span:nth-child(5){--ani:0.25s}
.aniBtn div span:nth-child(6){--ani:0.3s}
.aniBtn div span:nth-child(7){--ani:0.35s}
.aniBtn div span:nth-child(8){--ani:0.4s}
.aniBtn div span:nth-child(9){--ani:0.45s}
.aniBtn div span:nth-child(10){--ani:0.5s}
.aniBtn div span:nth-child(11){--ani:0.55s}
.aniBtn div span:nth-child(12){--ani:0.6s}
.aniBtn div span:nth-child(13){--ani:0.65s}
.aniBtn div span:nth-child(14){--ani:0.7s}
.aniBtn div span:nth-child(15){--ani:0.65s}
.aniBtn:hover,.aniBtn:focus{--y:var(--move-hover);--shadow:var(--shadow-hover);--move:-4px;--shadow-active:0 3px 1px rgba(0,0,0,.2)}
.aniBtn:hover span,.aniBtn:focus span{-webkit-animation:move var(--mrani) linear var(--ani);animation:move var(--mrani) linear var(--ani)}
@-webkit-keyframes move{40%{-webkit-transform:translateY(var(--move));transform:translateY(var(--move));text-shadow:var(--shadow-active)}
}@keyframes move{40%{-webkit-transform:translateY(var(--move));transform:translateY(var(--move));text-shadow:var(--shadow-active)}
}

.isTop{ font-size: 12px; width: 86px;height: 36px;background-color: #FF6C00;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: 2;font-family: Arial;}

.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;}
.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: var(--wz-fonts-hov); font-size:20px;}
.umCommPop .umCommClose{ width: 22px; height: 22px; line-height: 20px; text-align: center; cursor: pointer; position: absolute; top: 12px; right: 15px; background: #fff; color: var(--wz-fonts-hov);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: var(--wz-fonts-hov);}


/*CSS动画样式*/
.umAni .anim{visibility:hidden;}
.animated{visibility:visible;}
li.animated:nth-of-type(1),.listItem:nth-of-type(1){animation-delay: 0.1s;}
li.animated:nth-of-type(2),.listItem:nth-of-type(2){animation-delay: 0.15s;}
li.animated:nth-of-type(3),.listItem:nth-of-type(3){animation-delay: 0.2s;}
li.animated:nth-of-type(4),.listItem:nth-of-type(4){animation-delay: 0.25s;}
li.animated:nth-of-type(5),.listItem:nth-of-type(5){animation-delay: 0.3s;}
li.animated:nth-of-type(6),.listItem:nth-of-type(6){animation-delay: 0.35s;}
li.animated:nth-of-type(7),.listItem:nth-of-type(7){animation-delay: 0.4s;}
li.animated:nth-of-type(8),.listItem:nth-of-type(8){animation-delay: 0.45s;}
li.animated:nth-of-type(9),.listItem:nth-of-type(9){animation-delay: 0.5s;}
li.animated:nth-of-type(10),.listItem:nth-of-type(10){animation-delay: 0.55s;}
li.animated:nth-of-type(11),.listItem:nth-of-type(11){animation-delay: 0.6s;}
li.animated:nth-of-type(12),.listItem:nth-of-type(12){animation-delay: 0.65s;}
.pageNav.animated{animation-delay: 0.5s;}
/*!
* 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;}}
@-webkit-keyframes pulse-border{0%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}}
@-moz-keyframes pulse-border{0%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}}
@-o-keyframes pulse-border{0%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}}
@keyframes pulse-border{0%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);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%)}}

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

/*----------- media -----------*/
@media screen and (max-width:1280px){
.banner.infoOn .text{ margin-top: -7.5%;}
.wrapBox{ padding: 80px 0;}
.bnBox.cateBn .text h3{font-size: 32px;}
}
@media screen and (max-width:1190px){
.banner .text h4{ font-size: 40px;}
.banner .text .stit{font-size: 26px;}
.wrapBox.homeInfo li .item{padding: 30px 30px 30px 70px;}
.wrapBox.homeInfo li .item i{ left: 20px;}
.wrapBox.homeInfo li:hover .item i{text-shadow: 250px -10px 0 rgba(255, 255, 255, 0.1);}
}
@media screen and (max-width:1024px){
.title{padding: 0px 35px 45px;}
.wrapBox .listPic ul{margin: -15px -10px;}
.wrapBox .listPic li{width: calc(100% / 4 - 20px);margin: 10px;}
.wrapBox.homeCollect .box{margin: -15px;}
.wrapBox.homeCollect .listItem{width: calc(100% / 2 - 30px);margin: 15px;}
.wrapBox.homeFeature ul{margin: -24px -20px;}
.wrapBox.homeFeature li{width: calc(100% / 3 - 40px);margin: 16px 20px;}
.wrapBox{ padding: 60px 0;}
.wrapBox .homeAbout {width: calc(100% / 1 - 30px);margin: 15px;}
.wrapBox.homeCollect .box { margin: -10px;}
.wrapBox.homeCollect .listItem {width: calc(100% / 2 - 20px);margin: 10px;}
.artBox.artPic .article ul{margin: -10px;}
.artBox.artPic .article li{width: calc(100% / 4 - 20px);margin: 10px;}
}
@media screen and (max-width:992px){
.container{ padding: 0 30px;}
.header .headFlex{ padding: 12px 0;}
.header .control.meunBtn,.header .control.popBtn{display: block;}
body.open .leftNav{ left:0px;}
body.open .leftNav .meunBtn{ display:block; position: absolute; top: 0px; background:var(--wz-black);text-align: center; padding:0px;right: -48px; cursor: pointer}
body.open .mNav .navbar{display:block;}
.header .navbar,.header .headBar{ display: none;}
.banner .tr .text h4, .banner .tr .text p, .banner .tr .text .stit{padding-right: 30px;}
.banner .tr .text.btn .btnBox{ right: 30px;}
.banner .tl .text h4, .banner .tl .text p, .banner .tl .text .stit{padding-left: 30px;}
.banner .tl .text.btn .btnBox{ left: 30px;}
.wrapBox.homeService .item{padding:30px 30px 40px;}
.bnBox.cateBn .text h3{font-size: 28px;}
.bnBox.cateBn .text p{ font-size: 14px;}
.artBox.side .article{padding-right: 300px;}
.sidebar{margin-left: -280px;width: 280px;}
.artBox.side.subr .article{padding-left: 300px;}
.artBox.side.subr .sidebar{margin-right: -280px;}
.header .topBarPop.in{visibility: visible;opacity: 1;}
}

@media screen and (max-width:959px){
.banner.infoOn .text{ margin-top: -3%;}
.infoOn .bannerNav{ bottom: 30px;}
.wrapBox.homeInfo{ margin:0; padding: 40px 0 0; background-color: #fff;}
.title{padding: 0px 30px 45px;}
}

@media screen and (max-width:900px){
.wrapBox.homeInfo li{width: calc(100% / 1 - 20px); margin: 6px 10px;}
.wrapBox.homeInfo li:hover .item i{text-shadow:700px -10px 0 rgba(255, 255, 255, 0.1);}
.wrapBox.homeService .item{padding:20px 30px 40px;}
.banner .text.btn{padding-bottom: 60px;}
.banner .text .stit{ font-size: 18px;}
.banner .text h4{ font-size: 36px;}
.banner .text p{font-size: 12px;}
.artBox .article li .postImg{ width: 160px;}
.article li .postText{padding: 0px 0px 0px 20px;}
.artBox.side .article{padding-right: 0px;}
.sidebar{margin-left:0px;width: 100%;margin-top: 20px;}
.artBox.side.subr .article{padding-left: 0px;}
.artBox.side.subr .sidebar{margin-right:0px;}
}

@media (max-width: 840px){
 .wrapBox.homeInfo li:hover .item i{text-shadow:680px -10px 0 rgba(255, 255, 255, 0);}
	.wrapBox .listPic li,.artBox.artPic .article li{width: calc(100% / 2 - 20px);}
	.wrapBox.homeCollect .listItem li .text{ padding-left: 15px;}
	.wrapBox .homeAbout .itemBox{padding: 35px 40px;}
	.footer .itemBox .item{padding: 0px 10px;}
	.title .tit{ font-size: 32px;}
	.bnBox.cateBn .text h3{font-size: 24px;}
	.bnBox.cateBn .text p{ font-size: 14px;}
	.artBody h1.artTit{ font-size:22px;}
	.header .control.popBtn{ width: 36px; height: 36px;}
	.header .control.popBtn:after{top: 18px;border-width: 18px;}
}

@media screen and (max-width:768px){
.title{padding: 0px 0px 40px;}
.banner.infoOn .text{ margin-top: -3%;}
.subcate.umCateMore{ text-align: right; padding: 0;}
.subcate.umCateMore .selectOption{ display:inline-block;}
.umCateMore #subcate{visibility: hidden; opacity: 0; position: absolute; width: 100%; max-width:160px; top:50px; right:0px; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); padding: 3px; display: none;}
.umCateMore #subcate li{ width: 100%; text-align:center; margin: 0;}
.umCateMore #subcate li a{ display: block; width: 100%;height: 36px; line-height: 36px; padding: 0 5px;font-size: 14px;}
.umCateMore.in #subcate{ visibility: visible; opacity: 1;top:34px; display: block;}
.wrapBox.homeCollect .listItem {width: calc(100% /1 - 20px);}
.wrapBox.homeService li{width: calc(100% / 1);border: 1px solid #eeeeee; border-bottom: none;}
.wrapBox.homeService li:last-of-type{border-bottom: 1px solid #eeeeee;}
.wrapBox.homeFeature li{width: calc(100% / 2 - 40px);}
.infoOn .bannerNav{ bottom: 20px;}
.bannerNav div{ width: 20px; height: 20px;line-height: 20px;margin: 0 3px; font-size: 14px;}
.footer .itemBox{ margin: -10px -15px;}
.wrapBox .homeAbout .text h4{ font-size: 20px;}
.footer .itemBox .item{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; margin: 10px 0;}
.wrapBox .homeAbout .btn{ padding-left: 0; margin-top: 15px;}
.wrapBox .homeAbout .btn a{height: 36px;line-height: 36px;}
.wrapBox .homeAbout .text .txt{margin-top: 10px;}
.wrapBox .homeAbout .itemBox{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.bnBox.cateBn,.bnBox.cateBn img{min-height: 280px;}
.artBox{margin: 25px 0 0;}
.single .title h3,.sidebar .widget h3{ font-size: 18px;}
.swiper-container.banner .img:after{padding-top: 90%;}
}

@media screen and (max-width:640px){
.banner .text h4{ font-size: 30px;}
.banner .text .stit{ font-size: 16px;}
.banner .text.btn{padding-bottom: 50px;}
.banner .text .btnBox a{font-size: 14px;padding:6px 12px; min-width: auto;}
.footer .itemBox .item{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin: 8px 0;}
.bnBox.cateBn .text h3{font-size: 20px;}
.bnBox.cateBn .text p{ font-size: 12px;}
.artBox .article li .postImg{ width: 140px;}
.artBox .article li .text .txt{ margin-top: 6px;}
.article li .postText{padding: 0px 0px 0px 15px;}
.artBox .article li .postText h4{font-size: 15px;}
.artBox .article li{ padding: 15px;}
.footer .itemBox .item h5{ font-size: 18px;margin-bottom: 5px;}
.artBody h1.artTit{ font-size:20px;}
.postNav div a{font-size: 14px;height: 34px;line-height: 32px;}
.header .control.popBtn{ width: 30px; height: 30px;}
.header .control.popBtn:after{top: 15px;border-width: 15px;}
.header .control.popBtn i{margin-top: -2px;margin-left: -2px;}
.header .control.popBtn i, .header .control.popBtn i:before, .header .control.popBtn i:after{ width: 4px; height: 4px;}
.header .control.popBtn i:before{top: -7px;}
.header .control.popBtn i:after{top: 7px;}
.header .control.popBtn.in i:before{top: 7px;}
.header .control.popBtn.in i:after{top: -7px;}
.header .topMk .right li{ width: 100%; text-align: left;margin: 10px 0 10px 0;}
.searchClose{ right: 30px;}
.searchPup{max-width:none; width: calc(100% - 60px);}
.wrapBox.homeCollect .listItem li .txt{-webkit-line-clamp: 2;height: 44px;}
.wrapBox.homeCollect .listItem li .item .img{width: 140px;}
}

@media screen and (max-width:540px){
.wrapBox.homeFeature li{width: calc(100% / 1 - 40px);}
.artMeta .fontSize{ float: none; margin-top: 5px;}
.artMeta .fontSize span{ margin: 0 3px 0 0;}
}

@media screen and (max-width:480px){
.header .headFlex{padding: 10px 0;}
.wrapBox.homeInfo li:hover .item i{text-shadow:300px -10px 0 rgba(255, 255, 255, 0.1);}
.artBox .article li .postImg{ width: 100px;}
.artBox .article li .text .txt{ display: none;}
.artBox .article li .postText h4{-webkit-line-clamp: 2; font-size: 14px;}
.header .logoBox .logo,.header .logo img{height: 42px;}
.footer .itemBox .item h5{ font-size: 16px;}
.artBody h1.artTit{ font-size:18px;}
.banner .text h4{ font-size: 28px;}
.banner .text .stit{ font-size: 14px;}
.banner .tr .text p{ margin-top: 2px;}
.banner .text.btn{ padding-bottom: 42px;}
.title .tit{ font-size: 28px;}
.wrapBox.homeService h4,.wrapBox li .item .tit h4{ font-size: 18px;}
.wrapBox.homeService .info,.wrapBox li .item .info{ font-size: 14px;}
#frmSumbit ul li{ width: 100%;}
.wrapBox.homeCollect .listItem li .txt{display: none;}
.wrapBox.homeCollect .listItem li .text h4{-webkit-line-clamp: 2;}
.wrapBox.homeCollect .listItem li .item .img{width: 96px;}
}

@media screen and (max-width:440px){
.wrapBox.homeInfo li .item{padding: 25px 25px 25px 70px;}
.wrapBox.homeInfo li:hover .item i{text-shadow:280px -10px 0 rgba(255, 255, 255, 0.1);}
.wrapBox .listPic li,.artBox.artPic .article li{width: calc(100% / 1 - 20px);}
}

@media screen and (max-width:420px){
.wrapBox.homeInfo li:hover .item i{text-shadow:250px -10px 0 rgba(255, 255, 255, 0.1);}
.banner .text h4{font-size: 24px;}
.banner .tr .text p{ margin-top: 0;}
}