@charset "utf-8";
/*[框架布局 v6.2.1]*/
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical; scroll-behavior: smooth;}
body{line-height: 1.5;font-size:14px;color:#333;background:#fff;}
body,textarea{font-family:"Microsoft YaHei", -apple-system, "PingFang SC", "Helvetica Neue", Arial, sans-serif;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section{list-style:none;margin:0px;padding:0px;font:inherit;vertical-align:baseline;font-weight:350;}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
img{border:0;vertical-align:bottom}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button{cursor: pointer;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto}
input:focus,textarea:focus,button:focus,select:focus{outline:0}
input::-ms-clear{display:none}
button,input,textarea{border:none;background:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:550}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
h1,h2,h3,h4,h5,h6,b{margin:0px 0px;padding:0px 0px; font-weight:400}
a{color:#666666;text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:var(--color-main);}
a:focus{outline:none;}
em{font-style:normal}
img{max-width:100%;}
/*--*/
.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.cl:after,.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clear{clear:both;}
.cl,.clearfix{zoom:1;}
.center{text-align:center;}
.hide{overflow:hidden;}
.pcI{display: block;}
.wapI{display: none;}
.flatI{display: none;}
.maxWidth{max-width:100%;}


/*==颜色配置↓==*/
:root {
--color-main:#8067ff;
--color-ass:#17113F;
--color-wag:#20324e;
--color-aid:#ebc600;
--color-aid2:#33eee0;
--color-lg:-webkit-linear-gradient(0deg, var(--color-main), var(--color-aid2));
--color-lg2:-webkit-linear-gradient(90deg, var(--color-main), var(--color-aid2));
--color-lg3:-webkit-linear-gradient(-90deg, var(--color-main), var(--color-aid2));
--color-lg4:-webkit-linear-gradient(-45deg, #e2fbfb, #ece9ff);
--color-hover:#6956d5;
--bg-1:rgba(128, 103, 255, 0.1);
--bg-2:rgba(128, 103, 255, 0.2);
--bg-3:rgba(128, 103, 255, 0.3);
--bg-4:rgba(128, 103, 255, 0.4);
--bg-5:rgba(128, 103, 255, 0.5);
--bg-6:rgba(128, 103, 255, 0.6);
--bg-7:rgba(128, 103, 255, 0.7);
--bg-8:rgba(128, 103, 255, 0.8);
--bg-9:rgba(128, 103, 255, 0.9);
--bg-10:rgba(0,0,0,0.5);
--plot-height:80px;
}


/*==icon矢量图标↓==*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/c/font_1963410_y555s9e055r.woff2?t=1773127241713') format('woff2'),
       url('//at.alicdn.com/t/c/font_1963410_y555s9e055r.woff?t=1773127241713') format('woff'),
       url('//at.alicdn.com/t/c/font_1963410_y555s9e055r.ttf?t=1773127241713') format('truetype');
}


/*==字符串↓==*/
*:before,*:after,em,i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}


/*==字体↓==*/
body,input{font-family:"D-DIN";}

/*==英文字体↓==*/
@font-face {
  font-family: 'D-DIN';
   src: url("../fonts/D-DIN22.woff2") format('woff2'),
        url("../fonts/D-DIN22D-DIN22.woff") format('woff'),
        url("../fonts/D-DIN22.ttf") format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

/*==英文字体加粗↓==*/
@font-face {
  font-family: 'D-DIN-Bold';
   src: url("../fonts/D-DIN-Bold22.woff2") format('woff2'),
        url("../fonts/D-DIN-Bold22.woff") format('woff'),
        url("../fonts/D-DIN-Bold22.ttf") format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

/*==字体3↓==*/
@font-face {
  font-family: 'MiSans-Normal';
   src: url("../fonts/MiSans-Normal.woff2") format('woff2'),
        url("../fonts/MiSans-Normal.woff") format('woff'),
        url("../fonts/MiSans-Normal.ttf") format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}


/*==通用↓==*/
.container{width:1200px;min-width:320px; margin: auto;}
.w1440{width:1440px}
.wor,.wor-content{color:#565656; font-size:20px;line-height:1.6;font-weight: 400;}
.wor.se p{margin-bottom:20px}
.wor.se p:last-child{margin-bottom:0px}
.wor.white{color:#fff}


/*==其他定义↓==*/
.bga{background:#f8f8f8;}


/*===内页框↓==*/
.own-main{width:100%;padding:78px 0 120px 0;}
.own-main.t0{padding-top:0px !important}
.own-main.b0{padding-bottom:0px !important}
.own-main.tb0{padding-top:0px !important;padding-bottom:0px !important}


/*==效果transition:0.4s↓==*/
.slow,.slow a,.slow p,.slow li,.slow font,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b,.slow u,.slow *:before,.slow *:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


/*==图片默认==*/
.ImgPrimary{background:url(../images/ImgPrimary.gif) no-repeat center center;}
.ImgDisappear{background:url(../images/ImgDisappear.png) no-repeat center center;}


/*==图片默认2==*/
.RunImg-vari{border:2px #dedede dashed; transform:scale(1.0) !important;transition:none !important; background:#f8f8f8 url(../images/ImgNo-vari.png) no-repeat center;}


/*==默认提示==*/
.updatePrompt{font-size:16px;color:#999}
.updatePrompt.cen{text-align:center} 
.updatePrompt2{padding: 50px 40px;font-size: 16px;color:#455a64;text-align: center;border:1px #c5cae9 dashed;border-radius: 10px;background:#f8f9fa;}
.updatePrompt2 a{margin:0 2px;color:var(--color-aid);text-decoration:underline;transition: all .4s ease-in-out;}
.updatePrompt2 a:hover{color:var(--color-hover2);}


/*==图片内距填充↓==*/
.PinTop100{padding-top:100% !important;}
.PinTop95{padding-top:95% !important;}
.PinTop90{padding-top:90% !important;}
.PinTop85{padding-top:85% !important;}
.PinTop80{padding-top:80% !important;}
.PinTop75{padding-top:75% !important;}
.PinTop70{padding-top:70% !important;}
.PinTop65{padding-top:65% !important;}
.PinTop60{padding-top:60% !important;}
.PinTop55{padding-top:55% !important;}
.PinTop50{padding-top:50% !important;}
.PinTop45{padding-top:45% !important;}
.PinTop40{padding-top:40% !important;}
.PinTop35{padding-top:35% !important;}
.PinTop30{padding-top:30% !important;}


/*==响应区分↓==*/
.res_pc{}
.res_wap{display:none;}


/*==图片效果↓==*/
.EfePhot .pic{position:relative;padding-top:100%;transition:all .9s ease-in-out;overflow:hidden;}
.EfePhot .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;transition:all .6s ease-in-out;}
.EfePhot .pic.np{padding-top:0px;}
.EfePhot .pic.np img{position: inherit;}
.EfePhot:hover .pic img{transform:scale(1.06);}


/*==图片效果2↓==*/
.EfePhot2{position:relative;padding-top:100%;transition:all .7s ease-in-out;overflow:hidden;}
.EfePhot2 img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.EfePhot2:hover img{transform:scale(1.08);}


/*==图片居中效果↓==*/
.CenPhot .pic{display:flex;position: relative;padding-top: 100%;border:1px #ddd solid;justify-content: center;overflow: hidden;align-items: center;}
.CenPhot .pic img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: 100%;max-width: 100%;max-height: 100%;transition: all .4s ease-in-out;}
.CenPhot .pic:hover img{transform:scale(1.08);}
/*--*/
.CenPhot.gla .pic:before,.CenPhot.gla .pic:after{content: "";position: absolute;transition: all .4s ease-in-out;}
.CenPhot.gla .pic:before{content:"\eb9e";opacity: 0;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;display: flex;z-index:1;color:#fff;font-size: 50px;justify-content: center;align-items: center;transform:translateY(10px)}
.CenPhot.gla .pic:after{opacity: 0; left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
.CenPhot.gla .pic:hover:after{opacity: 1}
.CenPhot.gla .pic:hover:before{opacity: 1;transform:translateY(0px)}
/*--*/
.CenPhot.pt0 .pic{padding-top:0px !important;}
.CenPhot.pt0 .pic img{position:initial;width:auto;height: auto;}
/*--*/
.CenPhot.p20 .pic img{padding:20px 10px;}
/*--*/
.CenPhot.ph1 .pic{height: 280px;}
.CenPhot.ph2 .pic{height: 320px;}
.CenPhot.ph3 .pic{height: 400px;}


/*==边距↓==*/
.ptm40{padding:40px 0}
.ptm60{padding:60px 0}
.ptm80{padding:78px 0}
.ptm100{padding:100px 0}
.ptm120{padding:120px 0}
.ptm150{padding:150px 0}
.ptm200{padding:200px 0}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt80{padding-top:78px}
.pt100{padding-top:100px}
.pt120{padding-top:120px}
.pt150{padding-top:150px}
.pt200{padding-top:200px}
.pm40{padding-bottom:40px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:78px}
.pm100{padding-bottom:100px}
.pm120{padding-bottom:120px}
.pm150{padding-bottom:150px}
.pm200{padding-bottom:200px}
/*--*/
.mtm40{margin:40px 0}
.mtm60{margin:60px 0}
.mtm80{margin:78px 0}
.mtm100{margin:100px 0}
.mtm120{margin:120px 0}
.mtm150{margin:150px 0}
.mtm200{margin:200px 0}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt80{margin-top:78px}
.mt100{margin-top:100px}
.mt120{margin-top:120px}
.mt150{margin-top:150px}
.mt200{margin-top:200px}
.mm40{margin-bottom:40px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:78px}
.mm100{margin-bottom:100px}
.mm120{margin-bottom:120px}
.mm150{margin-bottom:150px}
.mm200{margin-bottom:200px}


/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}


/*==更多按钮↓==*/	
.moreBtn{display: flex;position:relative;z-index: 1;width: fit-content;margin-top:30px;padding: 15px 50px;font-size: 18px;color:#fff;border-radius: 8px;background: var(--color-main);align-items: center;overflow: hidden;transition: all .4s;}
.moreBtn.cen{margin:auto;margin-top:30px;}
.moreBtn:after{content: "\eb9b";margin-left: 5px;font-size: 12px;font-weight: bold;}
.moreBtn:before{opacity: 0;content:"";position:absolute;left: 100%;top: 100%;right:0;bottom:0;z-index:-1;width: 200%;height: 200%;border-radius: 50%;background: var(--color-ass);transition: all .8s;}
.moreBtn:hover,.it:hover .moreBtn{color:#fff; }
.moreBtn:hover:after,.it:hover .moreBtn::after{transform: translateX(3px);}
.moreBtn:hover:before,.it:hover .moreBtn:before{opacity: 1;left: -30%;top: -30%;}

/*==更多按钮-2↓==*/	
.moreBtn2{display: table;position:relative;z-index:1;margin-top:60px;font-size: 16px;color:var(--color-main);border: 1px solid var(--color-main);align-items: center;border-radius: 30px;justify-content: center;background: #fff;transition: all .4s;}
.moreBtn2.cen{margin:auto;margin-top:60px;}
.moreBtn2 font{display: flex;position: relative;z-index: 2;padding: 5px 15px;align-items: center;border-radius: 30px;background: #fff;transition: all .4s ease-in-out;}
.moreBtn2 font:after{content: "\eb9b";margin-left: 3px;font-size: 12px;font-weight: bold;}
.moreBtn2:before{opacity: 0;content:"";position:absolute;left: 0;top: 0;right: 0;bottom:0;z-index: -1;margin: -1px;border-radius: 30px;background:var(--color-lg);transition: all .8s;}
.moreBtn2:hover,.it:hover .moreBtn2{color:#fff;border-color:rgba(0,0,0,0); background:none !important}
.moreBtn2:hover:before,.it:hover .moreBtn2:before{opacity:1}
.moreBtn2:hover font,.it:hover .moreBtn2 font{color:#fff;background: none !important;}
.moreBtn2:hover font:after,.it:hover .moreBtn2 font:after{transform: translateX(2px);}
/*--*/
.moreBtn2.m2{color:#fff;}
.moreBtn2.m3 font{padding: 8px 15px;}
.moreBtn2.b2 font{background:#f8f8f8;}

/*==更多按钮-3↓==*/	
.moreBtn3{position:relative;z-index: 1;display:table;margin-top:30px;font-size: 18px;color:var(--color-main);border-radius: 10px;align-items: center;transition: all .4s ease-in-out;}
.moreBtn3 font{display: flex;margin: 1px;padding: 14px 49px;background:#fff;align-items: center;border-radius: 7px;transition: all .4s ease-in-out;}
.moreBtn3 font:after{display:none;content:"\eb9b";margin-left:5px;font-size: 15px;color:#333;text-decoration: none;transition: all .4s ease-in-out;}
.moreBtn3.cen{margin:auto;margin-top:30px;}
.moreBtn3:before{content:"";position:absolute;left: 0;top: 0;right:0;bottom:0;z-index: -1;border-radius: 8px;background: var(--color-lg);transition: all .8s;}
.moreBtn3:hover,.it:hover .moreBtn3{color:#fff; }
.moreBtn3:hover font,.it:hover .moreBtn3 font{color:#fff;background:none}
.moreBtn3:hover font:after,.it:hover .moreBtn3 font:after{color:#fff;transform: translateX(2px);}


/*==切换效果↓==*/
.cutFor{position: relative;}
.cutFor .mySwiper{overflow: hidden;}
.cutFor .btn{display:flex;text-align:center;color: #ccc;font-size: 36px;cursor:pointer;align-items: center;justify-content: center;transition: all .4s ease-in-out;}
.cutFor .btn:before{content:"\e662";transition: all .15s ease-in-out;}
.cutFor .btn.sNext:before{transform:rotateY(180deg);}
.cutFor .btn:hover{opacity: 1;color:var(--color-main);border-color: var(--color-main);}
.cutFor .btn:hover:before {color:var(--color-main)}
/*-按钮类型控制-*/
.cutFor.cf1 .btn{position:absolute;z-index:2;top:0;bottom:0;left:0px;margin: auto;transform: translateX(-150%);}
.cutFor.cf1 .btn.sNext{left:auto;right:0px;transform: translateX(150%);}
.cutFor.cf2 .btn{position:absolute;z-index:2;top:0;bottom:0;left:0px;margin: auto;transform: translateX(10px);}
.cutFor.cf2 .btn.sNext{left:auto;right:0px;transform: translateX(-10px);}
.cutFor.cf3 .toge{display: flex;margin:auto;margin-top:40px;width: fit-content;}
.cutFor.cf3 .toge .btn{margin:0 10px;}  
.cutFor.cf3 .toor{display: flex;width:fit-content;margin: auto;margin-top:50px;align-items: center;justify-content: center;}
.cutFor.cf3 .toor .spot-dot{display:flex; margin:0px;}
.cutFor.cf3 .toor .btn{position: initial;margin: 0 10px;font-size: 16px;font-weight: bold;}
/*-按钮样式-*/
.cutFor.cb1 .btn{color:#101010;font-size: 32px;}
.cutFor.cb1 .btn:before{content:"\e707";}
/*--*/
.cutFor.cb2 .btn{height: fit-content;color: #9a9a9a;font-size: 40px;}
.cutFor.cb2 .btn:before{content:"\e717";background: var(--color-lg);-webkit-background-clip: text;background-clip: text;color: transparent;border-radius: 100%;}
.cutFor.cb2 .btn:hover{color:#fff;/* border-color:var(--color-main); *//* background:var(--color-main); */}
.cutFor.cb2 .btn:hover:before{color: var(--color-main);}
/*--*/
.cutFor.cb3 .btn{width: 50px;height: 50px;color: #333;font-size: 14px;border-radius: 100%;background:#e6e6e7;}
.cutFor.cb3 .btn:before{content:"\ee4e";}
.cutFor.cb3 .btn:hover{color:#fff; background:var(--color-main)}
.cutFor.cb3 .btn:hover:before{color:#fff}

/*-切换点1-*/
.spot-dot{position:initial;margin:auto;margin-top:40px;text-align:center;}
.spot-dot span{opacity:1;position:relative;display: inline-block;width:14px;height:14px;margin:0 5px !important;border:1px #ddd solid;border-radius: 100%;cursor: pointer;background:#fff;transition: all .4s ease-in-out;}
.spot-dot span.swiper-pagination-bullet-active {background:var(--color-main);}
/*-切换点5-*/
.spot-dot.d5 span{width:8px;height:8px;border:none;background:#ccc;}
.spot-dot.d5 .swiper-pagination-bullet-active,.spot-dot.d5 .active{width:40px;border-radius:20px;background:var(--color-lg);}
/*-切换点10-*/
.spot-dot.d10 span{width:25px;height:8px;border:none;border-radius:20px;background:#bbb;}
.spot-dot.d10 .swiper-pagination-bullet-active,.spot-dot.d10 .active{width:50px;background:var(--color-lg);}


/*==弹出背景↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:5; width:100%;height:100%; background:rgba(0,0,0,0.5);}


/*==弹出搜索↓==*/
.search-top{display: none; position:fixed;left:0;top:0px;right:0;z-index: 6;padding:120px 50px 50px 50px;border: 1px #ddd solid;background: #fff;}
.search-top .long{position:relative; padding:30px 0;display: flex;width: max-content;margin: auto;flex-direction: column;}
.search-top .top{position:relative;display: flex;width: max-content;flex-direction: row-reverse;align-items: center;}
.search-top .close{display: flex;margin-left: 30px;width: 40px;height: 40px;text-align: center;color: #666;font-size: 22px;background: #fafafa;justify-content: center;align-items: center;cursor: pointer;}
.search-top .close::before{content:"\e731";}
.search-top .close:hover{color:#fff;background: #999;}
.search-top .close:hover:before{color:#fff}
.search-top .trol form{position: relative;display: flex;margin: auto;width: max-content;border: 1px #ddd solid;border-radius: 5px;overflow: hidden;}
.search-top .trol i{position: absolute;left: 15px;top:0;bottom:0;margin:auto;height:fit-content;color:#999;font-size: 22px;}
.search-top .trol input{float: left;width:500px;color:#666;font-size: 15px;padding:0 20px 0 50px;}
.search-top .trol button{float:right;color:#fff;font-size:13px;padding: 0px 40px;background: #666;border: none;/* border-radius: 50%; */cursor: pointer;}
.search-top .trol input,.search-top .trol button{line-height:50px;height:50px;border:none;}
.search-top .trol button:hover{ background:#000002}
.search-top .link{display:flex;font-size: 15px;margin-top: 20px;text-align: center;flex-wrap: wrap;justify-content: flex-start;}
.search-top .link h4{color: #5a5a5a;font-weight:bold;margin-right:20px;}
.search-top .link a{margin:0 10px 10px 0}


/*==搜索页面↓==*/
.searchIn{min-height:900px;}
.searchIn .titleTop{color:#333;font-size: 24px;font-weight: bold; margin-bottom:30px;font-family: "D-DIN";}
.searchIn .prompt{color:#666;font-size: 18px;}
.searchIn .prompt b{font-weight: bold;font-size: 24px;color: firebrick;}
.searchIn .top{margin-bottom:60px;padding: 50px;border-bottom: 1px #eee solid;border-radius: 10px;background: #fbfbfb;}
.searchIn .top .theme{margin-bottom:30px;font-size: 32px;color: #3a3a3a;text-align: center;}
.searchIn .top form{position: relative;display: flex;margin: auto;width: 700px;border-radius: 5px;overflow: hidden;background: #fff;align-items: stretch;}
.searchIn .top input{flex: 1;color:#5a5a5a;font-size: 16px;padding: 15px 20px;border-radius: 5px 0px 0px 5px; border:2px solid var(--color-main);}
.searchIn .top input::-webkit-input-placeholder{ color:#6a6a6a}
.searchIn .top button{flex-shrink: 0;position: relative;z-index: 1;color:#fff;font-size: 18px;padding: 0px 40px;background: var(--color-main);border: none;cursor: pointer;}
.searchIn .top button:before{content:"\e8bb";margin-right:10px;font-size:22px;}
.searchIn .top button:after{opacity: 0;content:"";position:absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;background: #fff;}
.searchIn .top button:hover:after{opacity:0.15}


/*==移动端导航↓==*/
.wap-total-act{height:100vh;overflow: hidden;}
.wap-total-act .header{z-index:9999}
.wap-total-act #sVideo{opacity:0 !important;display: none !important;}
.wap-total-act .wap-trig{}
.wap-total-act .wap-con{transform: translateX(0rem);}
/*--*/
.wap-trig{display: none;position: absolute;right: 1.5rem;top:0;bottom:0;}
.wap-trig button{position: relative;z-index:1;display: flex;height: 100%;margin: 0;padding: 0;font-size:1.6rem;color:#fff;align-items: center;}
.wap-trig button::before{opacity:1; content:"\e71b";}
.wap-trig button::after{opacity:0;content:"\e731";position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: fit-content;height: fit-content;}
.wap-trig.sle button:before{opacity:0;}
.wap-trig.sle button::after{opacity: 1;}
.wap-total{transition: all .4s ease-in-out;}
/*--*/
.wap-con{display:none; position: fixed;left:0;right: 0;top: 3.9rem;bottom: 0;z-index: 9999;height: 100vh;background:var(--color-ass);}
.wap-con .bind{height:85vh;padding: 1.2rem;overflow-y: scroll;}
.wap-con .bind::-webkit-scrollbar{width:1px;background-color: #aaa;}
.wap-con .bind::-webkit-scrollbar-thumb{background-color:var(--color-ass);}
.wap-con .nag{display: flex;flex-direction: column;}
.wap-con .nag > li{margin: 1.4rem 0;text-align: center;}
.wap-con .nag > li > a{display: table;margin: auto;font-size: 1.5rem;color:#fff;}
.wap-con .nag > li.active > a{color:var(--color-main)}
.wap-con .shop{display: none;}
.wap-con .shop .in{display:flex;margin-top: 2rem;padding: 3rem 1.5rem 2rem 1.5rem;width: auto;flex-wrap: wrap;border-radius: 2rem;background: var(--color-main);}
.wap-con .shop .link{display:flex;width: -webkit-fill-available;margin: 0 0 -1rem -0.5rem;flex-wrap: wrap;}
.wap-con .shop .link a{display: flex;width: calc(50% - 0.5rem);margin: 0 0 1rem 0.5rem;padding: 0.6rem 0rem;font-size: 1.25rem;color: #fff;border-radius: 0.5rem;text-align: left;align-items: center;}
.wap-con .shop .link em{flex-shrink: 0;display: flex;margin-right:0.5rem;width:3.5rem;height:3.5rem;color: #0b0344;font-size: 1.2rem;border-radius: 0.8rem;background: -webkit-linear-gradient(-45deg, #fdfdfd,#b5b5b6,#b5b5b6);align-items: center;justify-content: center;font-family: 'iconfont';}
.wap-con .shop .link em img{max-width:initial;max-height:5rem}
.wap-con .shop .link a.x59 em{font-size: 1.6rem;}
.wap-con .shop .link a.x61 em{font-size: 2.2rem;}
.wap-con .shop .link a.x62 em{font-size: 1.65rem;}
.wap-con .shop .ewm{display: flex;margin-top: 1.8rem;padding: 1rem;width:100%;text-align:center;border-radius: 10rem;align-items: center;justify-content:center;overflow: hidden;background: #fff;}
.wap-con .shop .ewm img{width:32%;}
.wap-con .shop .ewm h4{margin-left: 1.5rem;color: var(--color-main);font-size: 1.3em;text-align: left;line-height: 1.4;}
/*--*/
.wap-link-box{display: none;}


/*==banner图↓==*/
#banner-or{position:relative; width:100%;}
#banner-or .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#banner-or .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#banner-or .swiper-slide img{max-width:100%; display: block}
#banner-or .spot{position:absolute;left:0;right:0;bottom: 40px;z-index:2;width: fit-content;margin: auto;text-align: center;}
#banner-or .spot span{opacity:1;position:relative;display: inline-block;width: 12px;height: 12px;margin:0 8px;border-radius: 100%;overflow:hidden;background:#fff;transition: all .4s ease-in-out;box-shadow: 0 0 10px #eee;}
#banner-or .spot span::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:100%;background:var(--color-main);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
#banner-or .spot .swiper-pagination-bullet-active{width:35px;border-radius:20px;}
#banner-or .spot .swiper-pagination-bullet-active:after{transform: scale(1);transform-origin:left;}
/*--*/
#banner-or .pos{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;height: fit-content;}
#banner-or .info{text-align: center}
#banner-or .info .title{color:#fff;font-size: 80px;font-weight: bold;font-family: system-ui;}
#banner-or .info .data{display: block; margin-top: 10px;color:#fff;font-size: 40px;}
#banner-or .more:hover:after{transform:translateX(5px)}
#banner-or .swiper-slide-active .title{animation: tops 1.6s 0s ease both infinite;animation-iteration-count: 1;}
#banner-or .swiper-slide-active .data{animation: tops 1.2s 0s ease both infinite;animation-iteration-count: 1;}
#banner-or .swiper-slide-active .more{animation: bottoms 1.2s 0s ease both infinite;animation-iteration-count: 1;}


/*==内页ban↓==*/
.ban-or{position:relative; width:100%; overflow: hidden;}
.ban-or .img{display:block;width:100%;height: 100%;object-fit: cover;transform:matrix(1.05, 0, 0, 1.05, 0, 0);animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;}
.ban-or .pos{position: absolute; top:0;right:0;bottom:0;left:0;height:fit-content;margin: auto}
.ban-or .box{}
.ban-or .box .title{color:#fff;font-size:48px;line-height: initial;font-family: 'D-DIN'; animation: tops 1.2s 0s ease both infinite;}
.ban-or .box hr{display:table;margin:15px 0 0 0;width:30px;height:2px; border:none;background: #fff;animation: hrs 1s 0s ease both infinite;}
.ban-or .box .level{display:block;margin-top:15px;color:#fff;font-size:18px;line-height: initial;animation: bottoms .8s 0s ease both infinite;}
.ban-or .box .steer{animation-iteration-count: 1;}
.ban-or .cen{ text-align: center}
.ban-or .cen hr{margin:15px auto 0;}


/*==banner图效果↓==*/
@keyframes tops{
from{transform:translateY(-10px);}
to{transform:translateY(0px);}
}

@keyframes hrs{
from{ width:0px;}
to{ width:30px;}
}

@keyframes bottoms{
from{transform:translateY(10px);}
to{transform:translateY(0px);}
}

@keyframes shows{
from{opacity:0; }
to{opacity:1; }
}

@keyframes lefts{
from{opacity:0; transform:translateX(10px);}
to{ opacity: 1; transform:translateX(0px);}
}

@keyframes rights{
from{opacity:0; transform:translateX(-10px);}
to{ opacity: 1; transform:translateX(0px);}
}

/*缩小停止*/
@-webkit-keyframes minus{
	from{transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
  to{transform: matrix(1, 0, 0, 1, 0, 0);}
}
@keyframes minus{
	from{transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
  to{transform: matrix(1, 0, 0, 1, 0, 0);}
}


/*==视频按钮↓==*/
.videoBtn a{display: block;position: relative;}
.videoBtn a::after{opacity:0.6;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background: #000;}
.videoBtn a::before{content: "\e609";position: absolute;left:0;top:0;right:0;bottom:0;z-index: 2;margin: auto;width: fit-content;height: fit-content;color: #fff;font-size: 80px;}
.videoBtn a:hover::after{opacity: 0.5;}
.videoBtn a:hover::before{transform:scale(1.1);}


/*==通用列表↓==*/
.list-item.edge{display: flex;margin:0 0 -30px -20px;flex-flow: row wrap;align-content: flex-start;}
.list-item.edge li{display: inline-block;width: calc(25% - 20px);margin:0 0 30px 20px}
.list-item li{}
.list-item a{display: block;}
.list-item .pic{position:relative;padding-top:100%;border:1px #ddd solid;transition:all .7s ease-in-out;overflow:hidden;}
.list-item .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.list-item .title{-webkit-line-clamp: 1;margin-top:20px;font-size: 18px;color:#3a3b3c;text-align:center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-item .txt{-webkit-line-clamp: 2;margin-top: 10px;font-size:16px;color: #6a6b6c;text-align: center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-item li:hover .pic{border-color:var(--color-main)}
.list-item li:hover .pic img{transform:scale(1.08);}
.list-item li:hover h4{color:var(--color-main);}
/*--*/
.list-item.lx2.edge li{width: calc(50% - 20px);}
.list-item.lx3.edge li{width: calc(33.3% - 20px);}
.list-item.lx5.edge li{width: calc(20% - 20px);}


/*==分页↓==*/
#pages{display: flex;width:100%;margin: 60px 0 20px 0; /*! text-align:center; */align-items: center;justify-content: center;}
#pages a,#pages span{display: flex;border:1px #ddd solid;width: 40px;height: 40px;margin: 0px 5px;font-size: 16px;color: #666;align-items: center;justify-content: center;border-radius: 8px;transition: all .4s ease-in-out;}
#pages a:hover,#pages .cur_page{color:#fff;border-color:var(--color-main); background:var(--color-main);}
#pages .previous_page,#pages .next_page{font-size:0px;}
#pages .previous_page:before,#pages .next_page:before{font-size:18px; font-family: cursive;transition: all .1s ease-in-out;}
#pages .previous_page:before{content:"<"}
#pages .next_page:before{content:">"}
#pages .a1_page,#pages .first_page,#pages .Last_page{display:none} 


/*==视频↓==*/
/*.layui-layer{width:650px;min-width:650px;max-width:660px;height:500px;}*/


/*==网站地图↓==*/
.sitemap-frame{margin: 50px 0 20px 0;}
.sitemap-frame .site-box{border-bottom: 2px #666 solid;}
.sitemap-frame .site-box .left{padding: 10px 20px;color: #fff;background: #555;}
.sitemap-frame .site-box .left a{color:#fff;display: inline-block;}
.sitemap-frame .site-box .right{color:#888;font-size:13px; line-height:35px;padding-left:20px;}
.sitemap-frame .site-box .right a{display:inline-block;color:#888; font-size:13px;}
.sitemap-frame .site-box .right a:hover{color:#cdad81}
.sitemap-frame .list{width: 100%; float: left; margin: 40px 0; display: table;}
.sitemap-frame .list li{display: table-cell;text-align: center;}
.sitemap-frame .list hr{width:3px; height:100%; border:none;background: #000;}
.sitemap-frame .list h4{}
.sitemap-frame .list h4 a{display: block;color: #fff;font-size:15px;padding: 10px 10px 10px 10px;border-bottom: 1px #ddd dotted;margin: 0 5px;background: #607782;border-radius: 7px;}
.sitemap-frame .list a:before{padding-right:5px;}
.sitemap-frame .list .box{padding: 20px 0 10px 0;clear: both;border-left: 1px #ddd solid;margin: 0 5px;}
.sitemap-frame .list .box a{position:relative;display: block;color: #666;font-size: 13px;background: #ededed;padding: 10px 5px;margin: 0 0 20px 5px;border-radius: 5px;}
.sitemap-frame .list .box a:after{content:"";position:absolute;left: -12px;top: 20px;width: 12px;height: 5px;display:block;background: #CACACA;/* border-radius: 50%; */}
.sitemap-frame .list a:hover{color:#fff; background:#cdad81}
.sitemap-frame .list a:hover:after{}


/*==分享按钮↓==*/
.share-item{display:flex;flex-direction: column;}
.share-item h5{color:#282828;font-size:14px;margin-right:20px;}
.share-item .box{display: flex;}
.share-item a{position: relative;display:inline-block;margin-right:20px;}
.share-item a:last-child{margin-right:0;}
.share-item em{display: flex;font-size: 20px;color: #fff;width: 38px;height: 38px;overflow: hidden;border-radius: 50%;border: 1px solid rgba(0,0,0,0);align-items: center;justify-content: center;}
.share-item em::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background:var(--color-wag);transform:scale(0);border-radius: 100%;}
.share-item em img{height: 50%;filter: drop-shadow(0px 40px #fff);transition: all .0s ease-in-out;}
.share-item a:hover em img{transform: translateY(-200%);    }
.share-item a:hover em{color:#fff;}
.share-item a:hover em::after{transform:scale(1);}
.share-item .drop{opacity:0;position: absolute;right: 100%;bottom: 100%;width: max-content;max-width: 130px;height: max-content;line-height: initial;display: block;border: 1px #ddd solid;padding:5px;z-index: 9;border: 1px #ddd solid;border-radius: 5px;transform-origin: 100% 100%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;background: #fff;}
.share-item .drop h4{margin: 2px 0 5px 0;font-size: 13px;color: #5b5b5b;text-align:center}
.share-item a:hover .drop{opacity:1;transform: scale(1);}