@charset "utf-8";
/*
Theme ID: fdTheme
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:var(--font-default);overflow-x:hidden;overflow-x: hidden;}
.index body{background: #f8f8f8;}
h1,h2,h3,h4,h5,h6{font-family: var(--font-primary);}
*: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,.side:after{clear: both;}
.artBox:before,
.artBox:after,.side:before,.side:after,
.article:after,.article:before
{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;}
:root {
	--wz-fonts: #282828;
	--wz-fonts-hov: #e89719;
	--wz-white: #ffffff;
	--wz-black: #151414;
	--wz-grey: #787879;
	--wz-art:#5f5f5f;
	--wz-shadow: rgba(0, 0, 0, 0.02);
	--wz-mnavbg: #e89719;
	--wz-mnavfont: #ffffff;
	--wz-feature: #D61823;
	--wz-topbg: #e89719;
	--font-default: 'Poppins', sans-serif;
	--font-primary: 'Poppins', sans-serif;
	--font-secondary: 'Poppins', sans-serif;
	--font-heading: 'Comfortaa', cursive;
}
/*----------- 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:1320px;padding:0 10px;}

/*----------- 头部 -----------*/
.header{background-color: var(--wz-topbg);position: relative;z-index:888;}
.header .headNav{background: var(--wz-topbg);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 .logo{font-size:0px; height:48px; overflow: hidden; display: block; text-indent: -20000em; width: auto;}
.header .logoBox .logo a{display: block; color: var(--wz-white);}
.header .logoBox .logo a.name{ font-size: 30px; font-weight: 600;}
.header .logo img{ height:48px;}

.header .headBar{ background-color: var(--wz-topbg);overflow: hidden;}
.header .headFlex{width: 100%;padding: 16px 0;display: -ms-flexbox;display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;position: relative;}
.header .headBar .headFlex {padding: 0;justify-content: flex-end }
.header .topMk{height: 45px;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; color: #fff;}
.header .topMk ul{ font-size: 0;}
.header .topMk ul:first-of-type{ padding-right: 20px; position: relative; margin-right: 20px;}
.header .topMk ul:first-of-type:before{ content: ''; position: absolute; width: 1px; height: 12px; background-color: #fff; right: 0px; top: 4px;}
.header .topMk li{ margin-left: 15px; display: inline-block; font-size: 14px;}
.header .topMk li:first-of-type{ margin-left: 0; }
.header .topMk ul.icon i{ font-size: 16px;margin-right: 0; }
.header .topMk ul.icon li a:hover{color: #333;}
.header .topMk a{color: #fff;}
.header .topMk a:hover{ text-decoration: underline;}
.header .topMk a i{ margin-right: 5px; display: inline-block; vertical-align: 0px;}

/*导航栏*/
.navBox{display: inline-flex; align-items: center;}
.navbar{ float:right;}
.navbar li{display:inline-block; position: relative;text-align: center;padding:0px 16px;color:var(--wz-white);-moz-osx-font-smoothing: auto;}
.navbar li:last-of-type{ padding-right: 0;}
.navbar a{display:inline-block;line-height:44px;font-size:16px; font-weight: 500; color:var(--wz-white); position: relative;}
.navbar > li > a:after{ content: ''; height: 2px; width: 0%; position: absolute; bottom: -2px; left: 0; background-color: var(--wz-white);transition: all 0.3s ease-in-out 0s;visibility: hidden;}
.navbar > li > a:hover:after{width: 100%;visibility: visible;}
.navbar i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.navbar li.active > a, .navbar li.on > a,.navbar li.active em i, .navbar li.on em i{color:var(--wz-white);}

#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;}

.header .control{font-weight: bold; margin-left: 10px; cursor: pointer;color:var(--wz-white);display: none;}
.header .control i{ font-size: 22px;}
.header .control.meunBtn{margin-left: 25px;}

.fex{display: flex;flex-wrap: wrap;}

/*banner*/
.banner {width: 100%;position: relative; background-color: var(--wz-topbg); background-position: center; background-size: cover;padding: 20px 0 0 0;background-attachment: fixed;scroll-margin-top: 70px; z-index: 0; color:var(--wz-white);}
.banner:before {content: '';width: 100%;position: absolute;background: url(images/banner-after.png) center center;background-size: 100%;background-position: bottom;bottom: -7px;background-repeat: no-repeat;height: 100vh;z-index: 0;}
.banner .fex{flex-wrap: wrap;position: relative; max-width:calc(100% + 60px);margin-right: calc(-.5 * 30px);margin-left: calc(-.5 * 30px);}
.banner .left,.banner .right{flex: 0 0 auto;width: 50%;padding-right: calc(30px * .5);
  padding-left: calc(30px * .5);justify-content: center;align-items: flex-start;flex-direction: column; display: flex;}
.banner .left{height: 80vh;margin-top: -10px; line-height: 1.2;}
.banner .right .img{ border-radius: 15px;}
.banner .tit{font-size: 80px;font-weight: 700;margin-bottom: 20px;font-family: var(--font-heading);text-transform: uppercase;}
.banner .subTit{font-weight: 400;margin-bottom: 30px; font-size: 28px;}
.banner .btn a{font-family: var(--font-primary);font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 14px 40px;border-radius: 50px;transition: 0.3s;color: var(--wz-topbg);background: rgb(255 255 255);box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);}

/*标题*/
.title { padding:0px 30px 60px; position: relative; text-align: center;max-width: 750px;margin: 0 auto;}
.title .tit{ font-size:32px; line-height: 1.6; font-weight:500; display: inline-block; position: relative;}
.title .stit{ color: var(--wz-art);-moz-osx-font-smoothing: auto; font-size: 16px; margin-top: 10px;}

/*首页模块*/
.wrap{ position:relative; z-index: 2;}
.index .wrapBox{ padding:90px 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: 0px;width: calc(100% / 3 - 30px); margin: 15px; background-color: var(--wz-topbg);box-shadow: 0 1px 6px rgb(0 0 0 / 10%); position: relative; top: 0;overflow: hidden; border-radius: 8px;}
.wrapBox .listPic li a:hover,.wrapBox .listPic li a:focus{color:var(--wz-white);}
.wrapBox .listPic li .text{ padding:30px 35px 75px; position: relative;}
.wrapBox .listPic li .text h4{ font-weight: normal; font-size: 22px; font-weight: 700; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.4;}
.wrapBox .listPic li .text .time{ position: absolute; left: 30px; right: 30px; bottom: 30px; font-size: 14px;}

@-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)}}


/*服务项目模块*/
.wrapBox.homeService{ background-color: #fff;}
.wrapBox.homeService .box{ position: relative;}
.wrapBox.homeService .item{ padding:60px 50px 45px; overflow: hidden; position: relative; text-align: center;}
.wrapBox.homeService h4{ font-size: 24px; font-weight: 500; margin-bottom: 8px;}
.wrapBox.homeService .info{line-height: 1.8; font-size: 16px;}
.wrapBox.homeService .ico{ color: var(--wz-topbg);margin-bottom: 25px;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out; position: relative;font-size: 40px;height: 80px;line-height: 80px;text-align:center;width: 80px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: inline-block;background: #ffffff;}
.wrapBox.homeService ul{ margin: -15px;}
.wrapBox.homeService li:hover .ico{background: var(--wz-topbg);}
.wrapBox.homeService li .ico:after {border: 2px solid var(--wz-topbg);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: "";height: 90px;left: -5px;position: absolute;top: -5px;width: 90px;z-index: -1;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.wrapBox.homeService li:hover .ico:after{border-color: #ffffff} 
.wrapBox.homeService li{-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.05);box-shadow: 0px 0px 10px rgba(0,0,0,.05);border-radius: 8px;overflow: hidden; position: relative; margin: 15px;width: calc(100% / 3 - 30px);}
.wrapBox.homeService li:after{ content: ''; width: 0; height: 100%;background-color: var(--wz-topbg); position: absolute; bottom: 0; left: 0;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.wrapBox.homeService li a{ display: block;color: var(--wz-fonts);}
.wrapBox.homeService li:hover:after{ width: 100%;}
.wrapBox.homeService li .item{ position: relative; z-index: 1;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.wrapBox.homeService li .item .info{ text-align: center;}
.wrapBox.homeService li:hover .item,.wrapBox.homeService li:hover a{color:var(--wz-white);}
.wrapBox.homeService li:hover .ico{color: var(--wz-white); opacity: 1;}

/*首页关于我们*/
.wrapBox.homeAbout{position: relative; }
.wrapBox.homeAbout .fex{max-width: calc(100% + 60px);margin-right: calc(-.5 * 30px);margin-left: calc(-.5 * 30px);}
.wrapBox.homeAbout .left,.wrapBox.homeAbout .right{flex: 0 0 auto;width: 50%;padding-right: calc(30px * .5);padding-left: calc(30px * .5);align-items: flex-start;flex-direction: column;display: flex;}
.wrapBox.homeAbout .left img{border-radius:15px}
.wrapBox.homeAbout .right .text{ font-size: 16px; line-height: 1.6; margin-top: -3px;}
.wrapBox.homeAbout .right p{ margin-bottom: 13px;}
.wrapBox.homeAbout .right p:last-of-type{ margin-bottom: 0;}
.wrapBox.homeAbout .right a{color:var(--wz-topbg);}
.wrapBox.homeAbout .btn{ margin-top: 15px;}

/*文字介绍模块*/
.wrapBox.homeIntro{ background-color: #fff;}
.wrapBox.homeIntro .box{ background-color: #eba639; border-radius: 15px; color: #fff; padding: 70px 60px;}
.wrapBox.homeIntro .box .title{ padding-bottom: 30px;}
.wrapBox.homeIntro .box .title .stit{color: #fff;}
.wrapBox.homeIntro .textBox{line-height: 1.6; margin-bottom: 35px;}
.wrapBox.homeIntro p{margin-bottom: 13px;}
.wrapBox.homeIntro .btn{ text-align: center;}
.wrapBox.homeIntro .btn a{font-family: var(--font-primary);font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 48px;border-radius: 50px;transition: 0.5s;border: 2px solid #fff;color: #fff;}
.wrapBox.homeIntro .btn a:hover{background: var(--wz-topbg); border: 2px solid var(--wz-topbg);}

/*资讯模块一*/
.wrapBox.homeProduct{ background-color: #fff;}

/*优秀服务*/
.wrapBox.homeFeature{ background-color: #f8f8f8;}
.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.homeFeature .msgArr{ padding-bottom: 68px;}
.wrapBox.homeFeature .swiper-slide .item{ padding: 40px;box-sizing: content-box;padding: 80px 40px; margin:2px 2px; border: solid 1px rgb(8 66 152 / 10%);position: relative;background: #f8f8f8;display: flex;}
.wrapBox.homeFeature .item .text{min-width: 276px;align-items: center;display: flex;}
.wrapBox.homeFeature .item .text h3{font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;}
.wrapBox.homeFeature .item .text img{width: 90px; height: 90px; object-fit: cover; border-radius: 50px;margin-right: 15px;}
.wrapBox.homeFeature .item .stars{ margin: 10px 0;}
.wrapBox.homeFeature .item .stars i{font-family: 'remixicon' !important;color:#f7c633; font-size: 16px; margin: 0 0 0 2px;}
.wrapBox.homeFeature .item .stars i:before{content: "\f186";}
.wrapBox.homeFeature .item .info{margin: 15px auto 15px auto; font-size: 16px;font-style: italic;}
.wrapBox.homeFeature .item .info .ri-double-quotes-l,.wrapBox.homeFeature .item .info .ri-double-quotes-r{ font-size: 24px;color:var(--wz-topbg);}
.wrapBox.homeFeature .item .info .ri-double-quotes-l{ margin-right: 8px; vertical-align:5px;}
.wrapBox.homeFeature .item .info .ri-double-quotes-r{ margin-left: 8px;vertical-align:-5px;}


/*常见问题*/
.wrapBox.homeAsk .collaItem{width: calc(100% / 1);border: 0;margin-bottom: 20px;box-shadow: 0 0 2px 0 rgb(8 66 152 / 15%);border-radius: 0; background: #fff;}
.wrapBox.homeAsk .collaItem:last-of-type{ margin-bottom: 0;}
.wrapBox.homeAsk .collaBox{margin: 0 auto;}
.wrapBox.homeAsk .collaTitle{ padding:20px 50px 20px 60px; line-height: 26px; font-size: 18px; font-weight: 600; cursor: pointer; border-bottom: 0px solid #ededed; position: relative;}
.wrapBox.homeAsk .collaTitle i{ position: absolute; right: 20px; top: 20px; font-size: 24px; opacity: .6;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;transform: rotate(90deg);}
.wrapBox.homeAsk .collaTitle:before{content:"\ea6c";font-family: 'remixicon';width: 30px; height: 30px; line-height: 30px; text-align: center;background: var(--wz-topbg); position: absolute; left: 20px; top:18px; border-radius: 100px; color: #fff; font-size: 18px;}
.wrapBox.homeAsk .collaContent{ padding: 5px 50px 20px 40px;line-height: 26px; font-size: 16px;color: #666; display: none}
.wrapBox.homeAsk .collaContent p{ padding-bottom:10px}
.wrapBox.homeAsk .collaContent li{list-style:inherit;}
.wrapBox.homeAsk .show .collaTitle{color:var(--wz-topbg);}
.wrapBox.homeAsk .show .collaTitle i{transform: rotate(-90deg);}

/*合作伙伴*/
.wrapBox.homeLogps{ background-color: #ffffff;}
.wrapBox.homeLogps .swiper-slide{justify-content: center;align-items: flex-start;flex-direction: column; display: flex;height: auto;}
.wrapBox.homeLogps .swiper-slide img{ height: auto; display: none; max-width: 100%;}
.wrapBox.homeLogps .swiper-container-horizontal img{ display: block;}

/*联系我们*/
.wrapBox.homeContact{ background-color: #ffffff;}
.wrapBox.homeContact .left{flex: 0 0 auto;width: 66.66666667%; padding-right:25px;}
.wrapBox.homeContact .right{flex: 0 0 auto;width: 33.3333333%;}
.wrapBox.homeContact .right .text{background: var(--wz-topbg);padding: 28px 30px;border-radius: 8px; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);margin-bottom:0px; margin-top: 10px; color: #fff;}
.wrapBox.homeContact .right .text li{ padding: 10px; margin-bottom: 15px;width: calc(100% / 1);}
.wrapBox.homeContact .right .text li:last-of-type{ margin-bottom: 0;}
.wrapBox.homeContact .right .text h6{font-weight: 600;font-size: 18px;color: #ffffff;margin-bottom: 8px;text-transform: capitalize;}

/*联系我们表单*/
.wrapBox .umFormBox .umInput input{ height: 50px; line-height: 50px;border-radius: 8px;}
.wrapBox .umFormBox .umInput .umText{border-radius: 8px;}
.wrapBox .umFormBox .umInput.w100{ width: calc(100% / 1 - 20px);}
.wrapBox .umFormBox .vcode .umItemIn .ccode{ top: 8px;right: 8px;}
.wrapBox .umFormBox .umSelect .umFormCate{height: 50px;border-radius: 8px;padding-left: 10px;}
.wrapBox .umFormBox .umFormBtn{ width: auto; min-width: 120px; text-align: center; height: 50px;line-height: 50px;border-radius: 50px;display: inline-block; padding: 0 25px;}
.wrapBox .umFormBox .umInput input::placeholder,.wrapBox .umFormBox .umInput .umText::placeholder{color: #6c757d;opacity: 1;}

/*卡片*/
.wrapBox.homeCard .cardList{ width:calc(100% + 30px); margin: -15px;}
.wrapBox.homeCard .cardList li{width: calc(100% / 2 - 30px);color: #ffffff; margin:15px;flex: 0 0 auto; position: relative;z-index: 1;display: flex;padding: 35px 30px;text-align: left;border-radius: 10px;overflow: hidden;background: #e89719;}
.wrapBox.homeCard .cardList li i{ width: 68px; height: 68px; display: inline-block; font-size: 68px;line-height: 68px;margin-right: 20px;}
.wrapBox.homeCard .cardList li h6{font-weight: 600;color: #fff; font-size: 26px; margin-bottom: 6px;}

/*----------- breadcrumb -----------*/
.breadcrumb{padding:18px 0;clear:both;overflow: hidden; background: #f6f6f6;display:none; opacity: .8; font-size: 16px; font-weight: 500;}
.breadcrumb.show{display: block;}
.breadcrumb .container{text-overflow: ellipsis;white-space: nowrap;overflow: clip;}
.breadcrumb a:first-of-type{color:var(--wz-topbg);}
.breadcrumb a{ display: inline-block; }
.breadcrumb i{ display: inline-block; font-size: 15px; margin: 0 8px; top: 1px; position: relative;}

/*列表*/
.postImg a{width: 100%;height: 100%; position: relative; font-size: 0; display: block; overflow: hidden;}
.postImg a:after{content: ''; padding-top: 68%;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: 450px;position: relative;width: 100%;margin-top: 0;}
.artBox.side.subr .article{float: right;padding-left: 450px;padding-right: 0px;}
.artBox.side.subr .sidebar{float: left;margin-right: -415px;margin-left:0px;}

.artBox .article .noArr li{flex-direction: column;text-align: center; padding: 100px 0;width: calc(100% / 1 - 30px);background-color:#fff;box-shadow: 0 1px 6px rgb(0 0 0 / 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;}
.full .artMain{padding:0 0 20px;}
.artBody{ line-height:1.8;}
.artBody h1.artTit{ font-size:32px; font-weight:600;line-height: 1.2;}
.artHeade{ margin-bottom:20px;border-bottom: 1px solid rgba(203, 207, 221, 0.8); margin-bottom: 25px; padding-bottom:10px;}
.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: 16px;display: block; clear: both;}
.artContent h1,.artContent h2, .artContent h3, .artContent h4, .artContent h5, .artContent h6{margin:5px 0;color: #1d1d1d;font-weight:600; position:relative;line-height:1.4;}
.artContent h1{font-size:1.8em;line-height:1.6;}
.artContent h2{font-size:1.6em;line-height:1.4;}
.artContent h3{font-size:1.4em;}
.artContent h4{font-size:1.2em;}
.artContent h5{font-size:1em;}
.artContent h6{font-size:.8em;}
.artContent p{ margin-bottom:18px;}
.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.isIndent,.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: -415px;width: 415px;position: relative;}
.sidebar .sbarBox{background-color: #f6f6f6; padding: 20px;border-radius: 8px;}
.sidebar .widget{ margin:0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid rgba(203, 207, 221, 0.8);}
.sidebar .widget:last-of-type{ margin-bottom:0px; padding-bottom: 0; border-bottom: 1px solid rgba(227,229,236,0);}
.sidebar .widget h3{ font-size:26px; font-weight:600; padding:0 0 10px 0px;text-overflow: ellipsis;white-space: nowrap; position:relative}
.sidebar .widget:last-of-type ul,.sidebar .widget:last-of-type div{ padding-bottom: 0;}
.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 0px 10px;}
.sidebar .widget ul li{ background-color: #f3f3f3; border-radius: 8px; line-height:1.5; font-size:16px; position:relative; overflow:hidden;padding: 15px 21px 15px 40px;margin-bottom: 5px;}
.sidebar .widget ul li:last-of-type{ margin-bottom: 0;}
.sidebar .widget ul li a{ color: var(--wz-topbg);}
.sidebar .widget h4{font-weight:normal;}
.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,.divCatalog li:after{content:"\ea6c";font-family: 'remixicon';width: 18px; height: 18px; line-height: 18px; text-align: center;background: var(--wz-topbg); position: absolute; left: 18px; top:17px; border-radius: 100px; color: #fff; font-size: 12px;}

.sidebar .modulesc ul li{padding:5px; height:auto; line-height:28px;white-space:normal;}
.sidebar .modulesc ul li a{ display:block;padding:6px 10px;}

.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: 0px;}
.sidebar .widget.divContorPanel div a{ color: var(--wz-topbg)}
.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-top: 10px; padding-bottom: 10px;-moz-osx-font-smoothing: auto;}
.sidebar .widget.divSearchPanel input{ width: 100%; position: relative; line-height: 54px; padding: 0 55px 0 20px; border: 1px solid #2E2E2E; background-color: #2E2E2E; color: #fff;border-radius: 50px; font-size: 16px;}
.sidebar .widget.divSearchPanel form{ position: relative;}
.sidebar .widget.divSearchPanel input[type='submit'],.sidebar .widget.divSearchPanel button{ width:60px; position: absolute; line-height: 54px; padding: 0 10px; border:medium none; background:none; color: #fff; font-size: 22px; top: 0; right: 0; cursor: pointer;}

.sidebar .widget.divTags li,.sidebar .widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto; padding: 0; background: none;}
.sidebar .widget.divTags li a{font-size:14px;font-weight:normal;padding:0px 10px;border-radius:50px; display:block;margin:3px 4px 3px 0; height: 34px; line-height:34px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; background: #f3f3f3;}
.sidebar .widget.divTags li a span{font-size:12px;}
.sidebar .widget.divTags li a:hover{color:#fff; background:var(--wz-topbg);}
.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% / 1 - 0px); display: inline-block;}
.sidebar .widget.divCatalog ul{ margin:0;}

/*最新评论*/
.sidebar .widget.divComments li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin:1px 0 0 0; height: auto; background: none; padding: 0;}
.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;}
.single .title { padding:0px 0 12px 0; text-align: left; width: 100%; max-width: 100%; margin-bottom: 20px;}
.single .title h3{ font-size:26px; 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 .swiper-slide{ height: auto; padding-bottom: 3px;}
.related .liBox {height: 100%;margin: 2px 2px;text-align: center;font-size: 14px;background:var(--wz-fonts-hov); border-radius: 8px; overflow: hidden;}
.related .liBox .aImg {width: 100%;height:auto;padding-top: 68%;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; display: block; color: var(--wz-fonts);}
.related .liBox a.titUrl h3{font-size:15px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.related .liBox:hover a.titUrl{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:360px; background:var(--wz-mnavbg); position:fixed; top:0; bottom:0; right:-360px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:999; padding-top: 40px;}
.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;}
.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{opacity:1; 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);}


/*----------- 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 0;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:8px;}
.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;height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#1d1d1d;width:100%;box-shadow:none; background:#f8f8f8;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;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:#f8f8f8; font-size:14px;}
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;bottom: -80px;right: 15px;width: 44px;height: 44px;line-height: 44px;padding: 0;font-size: 20px;text-align: center;cursor: pointer;color: var(--wz-white);background-color: #222222;border-radius: 50%;z-index: 99;visibility: hidden;opacity: 0;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.gotoUp.in{bottom: 15px;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:hover{background: rgba(248, 90, 64, 0.8);}


.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%;height:280px;}
.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: 500; font-size: 40px;}
.bnBox.cateBn .text .txt{ font-size: 16px; margin-top: 5px; font-style: normal; clear: both; opacity: .8;font-family: Arial;}
.bnBox.cateBn img{height:280px;object-fit: cover; opacity: .6;}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block; margin:0 auto; width:100%;}

/*----------- footer -----------*/	
.footer{width:100%;background:var(--wz-black);color:#7e7e7e; clear:both; position:relative; font-size:14px;}
.footer a{color:#7e7e7e;}
.footer a:hover{color: var(--wz-topbg);}
.footer .textBox{ padding: 50px 0;}
.footer .textBox p{font-size: 14px;}
.footer .container{ padding-top:0px; padding-bottom:0px; margin:0 auto;color:#7e7e7e;position:relative;overflow:hidden;}
.footer .copyright{ padding:25px 0; background:var(--wz-topbg); font-size: 14px;color: var(--wz-white);}
.footer .copyright a,.footer .copyright .container{color: var(--wz-white);}
.footer .copyright span a {color: var(--wz-topbg);}
.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 33.33333333%;flex: 0 0 33.33333333%;max-width: 33.33333333%;}
.footer .itemBox .item h5{display: block;text-transform: capitalize;position: relative;z-index: 0;letter-spacing: 0.5px;word-break: break-all;margin-bottom: 25px;line-height: 1.6; font-size: 20px;color: var(--wz-white); padding-bottom: 10px;display: inline-block; width: 100%;}
.footer .itemBox .item h5:after{content: "";position: absolute;left: 0;bottom: 0px;height: 2px; width: 100%;background: var(--wz-topbg);}
.footer .itemBox .item li{ height: 24px; line-height: 24px;}
.footer .itemBox .item .txt{ line-height: 1.9; margin-top: 20px;}

.footer .itemBox .item.file ul{ margin: -5px; font-size: 0;}
.footer .itemBox .item.file li { width: calc(100% / 2 - 10px); position: relative; margin: 6px 4px 6px 4px;display: inline-block; vertical-align: top; font-size: 16px;height: auto;}
.footer .itemBox .item.link li{ display: inline-block; margin-right: 10px;}

.footer .itemBox .item.sc form{ font-size: 0;position: relative; margin-top: 6px; background-color: #2e2e2e;border-radius: 50px;overflow: hidden;display: inline-block; width: 100%;}
.footer .itemBox .item.sc input{ width: 100%; border: medium none;border-radius: 0 !important; height: 54px; line-height: 54px; padding:0 5px;background: none;padding-right: 70px; padding-left: 20px; font-size: 15px; color: #fff;outline: 0;}
.footer .itemBox .item.sc button{ width: 66px; height: 54px; font-size: 26px; position: absolute; right: 0; top: 0; cursor: pointer; background-color: var(--wz-topbg); color: var(--wz-white); text-align: center;border:none;outline:0;padding: 0;}
.footer .itemBox .item.sc p{ margin: 3px 0 12px;}

.footer .itemBox .fotlogo .img{ font-size: 0; margin-bottom: 10px;}
.footer .itemBox .fotlogo .img a.name{ font-size: 40px; font-weight: 500; color:var(--wz-topbg); background: none;font-family: var(--font-primary);}
.footer .itemBox .fotlogo img{ height: 50px; width: auto;}

.footer .itemBox .socialIcon{ margin-top: 20px; font-size: 0;}
.footer .itemBox .socialIcon span{color: #fff;display: block;font-size: 20px;font-weight: 700;font-family: 'Poppins', sans-serif;margin-bottom: 20px;}
.footer .itemBox .socialIcon a{color: #fff;margin-right: 15px;}
.footer .itemBox .socialIcon i{height: 40px;width: 40px;text-align: center;line-height: 41px;border-radius: 50%;display: inline-block; font-size: 18px;}

.facebookBg{background: #3B5998;}
.twitterBg{background: #55ACEE;}
.googleBg{background: #DD4B39;}

.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:4px; display:inline-block;color:#666;background:#f6f6f6;border-radius:5px;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-pagination-bullet{ width: 10px; height: 10px;}
.swiper-pagination-bullet-active{background: var(--wz-topbg);}
.swiper-xg.swiper-container .liBox{ display: none;}
.swiper-xg.swiper-container.swiper-container-horizontal .liBox{ display: block;}

/*分享*/
.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{clear: both;}
.postNav.fex{justify-content: space-between;flex-wrap: inherit; margin: 20px -5px 0;}
.postNav div{font-size:0; text-align: center; margin: 0 5px;}
.postNav div a{line-height:1.6; font-size:16px; padding:15px 30px; display:block; background-color: var(--wz-black);height: 100%;display: flex;align-items: center;color:var(--wz-topbg); border-radius: 50px;}
.postNav div a:hover{ background:var(--wz-topbg); 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:5px;}
.subcate li a:hover,.subcate li.active a{background:var(--wz-fonts-hov);color:#fff;filter:alpha(opacity=86);opacity:0.86;}

.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;}

/*----------- media -----------*/
@media screen and (max-width:1400px){
.container{max-width: 1140px;}
.artBox.side .article{padding-right: 400px;}
.artBox.side.subr .article{padding-left: 400px;}
.sidebar{margin-left: -375px;width: 375px;}
}

@media screen and (max-width:1280px){
.index .wrapBox{ padding: 80px 0;}
.bnBox.cateBn .text h3{font-size: 32px;}
.title .tit{ font-size: 30px;}
.artBody h1.artTit{font-size: 30px;}
}

@media screen and (max-width:1200px){
.container{max-width: 960px;}
.header .control.meunBtn{display: block;}
.header .navbar,.header .headBar{ display: none;}
.banner .text h4{ font-size: 40px;}
.banner .text .stit{font-size: 26px;}
.header .headFlex{ padding: 12px 0;}
body.open .leftNav{ right:0px;}
body.open .leftNav .meunBtn{ display:block; position: absolute; top: 5px;text-align: center; padding:0px;right:5px; cursor: pointer}
body.open .mNav .navbar{display:block;}
.banner .left{ height: 68vh;}
.banner .tit{ font-size: 60px;}
.index .wrapBox{ padding: 70px 0;}
.single .title h3,.sidebar .widget h3{ font-size: 24px;}
.artBox.side .article{padding-right: 360px;}
.artBox.side.subr .article{padding-left: 360px;}
.sidebar{margin-left: -330px;width: 330px;}
}

@media screen and (max-width:1024px){
.title{padding: 0px 35px 45px;}
.wrapBox .listPic ul{margin: -15px -10px;}
.wrapBox .listPic li{width: calc(100% / 3 - 20px);margin: 10px;}
.index .wrapBox{ padding: 60px 0;}
}

@media screen and (max-width:992px){
.container{ max-width: 750px;}
.banner .fex,.wrapBox.homeAbout .fex{flex-direction: column;}
.banner .left, .banner .right,.wrapBox.homeAbout .left, .wrapBox.homeAbout .right{ width: 100%; max-width: 100%;}
.banner .tit{ font-size: 56px;}
.banner .subTit{ font-size: 26px;}
.banner .left{ height: auto; padding-top: 60px;padding-bottom: 60px;}
.wrapBox.homeAbout .left{ padding-bottom: 35px;}
.wrapBox.homeAbout .left .img,.wrapBox.homeAbout .left .img img{ width: 100%; max-width: 100%;}
.wrapBox .listPic li{width: calc(100% / 2 - 20px);}
.title .tit{ font-size: 28px;}
.bnBox.cateBn .text h3{font-size: 28px;}
.bnBox.cateBn .text p{ font-size: 14px;}
.header .topBarPop.in{visibility: visible;opacity: 1;} 
.artBody h1.artTit{font-size: 28px;}
.single .title h3,.sidebar .widget h3{ font-size: 22px;}
.artBox.side .article{margin-left:0px;width: 100%;padding-right: 0px;}
.sidebar{margin-left:0px;width: 100%;}
.artBox.side.subr .article{padding-left: 0px;}
.artBox.side.subr .sidebar{margin-right:0px;}
.footer .itemBox .item{flex: 0 0 auto;width: 50%;max-width: 100%;}
.footer .itemBox .item.text{flex-shrink: 0;width: 100%; max-width: 100%; margin-bottom: 25px;}
}

@media screen and (max-width:959px){
.title{padding: 0px 30px 45px;}
.bnBox.cateBn .text h3{font-size: 26px;}
}

@media screen and (max-width:900px){
.title .tit{ font-size: 24px;}
.title .stit{margin-top: 8px;}
.artBody h1.artTit{font-size: 26px;}
}


@media screen and (max-width:768px){
.container{ max-width: 540px;}
.bnBox.cateBn,.bnBox.cateBn img{height: 160px;}
.bnBox.cateBn .text .txt{ font-size: 14px;}
.wrapBox.homeService .ico{width: 68px;height: 68px;line-height: 68px;font-size: 36px;}
.wrapBox.homeService li .ico:after{width: 78px;height: 78px;}
.wrapBox.homeService li{width: calc(100% / 2 - 30px);}
.wrapBox.homeFeature .swiper-slide .item{flex-direction: column;padding: 40px 30px;}
.wrapBox.homeFeature .item .text img{width: 68px;height: 68px;}
.wrapBox .listPic li{width: calc(100% / 1 - 20px);}
.wrapBox.homeContact .left,.wrapBox.homeContact .right{width: 100%;}
.wrapBox.homeContact .left{ padding-right: 0; margin-bottom: 10px;}
.wrapBox.homeCard .cardList li{width: calc(100% / 1 - 30px);}
.bnBox.cateBn .text h3{font-size: 24px;}
.artBody h1.artTit{font-size: 24px;}
.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;border-radius: 7px;}
.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;}
.footer .itemBox .item{width: 100%; margin-top: 20px;}
.footer .itemBox .item:first-of-type{ margin-top: 0;}
.footer .itemBox .item.text{ margin-bottom: 0;}
.footer .copyright{padding: 20px 0;}
}

@media screen and (max-width:640px){
.wrapBox .umFormBox .umInput{padding-left: 0px; padding-right: 0;}
.wrapBox .umFormBox .umFormBtn{margin-left: 10px;}
.postNav div a{padding: 10px 20px;}
.related{margin: 0px 0 0 0;}
.footer .copyright{padding: 15px 0;}
}

@media screen and (max-width:575px){
.wrapBox.homeService li{width: calc(100% / 1 - 30px);}
}

@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;}
.wrapBox .umFormBox #umForm{padding-left: 0px; padding-right: 5px;}
.wrapBox .umFormBox .umInput.w100{width: calc(100% / 1 - 0px);}
.wrapBox .umFormBox .umInput.umFormBtn{margin-left: 0px;}
#frmSumbit ul li{ width: 100%;}
}

@media screen and (max-width:480px){
.header .headFlex{padding: 10px 0;}
.wrapBox .umFormBox #umForm{padding-right: 0px;}
}