@charset "utf-8";

/*[框架布局 v6.0.0]*/

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

body{line-height: 1.5;font-size:14px;color:#333;background:#fff;}

body,textarea{font-family:"Microsoft YaHei","宋体","simsun","Helvetica Neue",Arial,Helvetica,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}

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:bold}

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:#027db4;

--color-ass:#ff8525;

--color-wag:#20324e;

--color-aid:#ff6601;

--color-hover:#2bb6e8;

--bg-1:rgba(2,125,180,0.1);

--bg-2:rgba(2,125,180,0.3);

--bg-3:rgba(2,125,180,0.6);

--bg-4:rgba(2,125,180,0.8);

--bg-6:rgba(255,133,37,0.1);

--bg-7:rgba(255,133,37,0.3);

--bg-8:rgba(255,133,37,0.6);

--bg-9:rgba(255,133,37,0.8);

--bg-10:rgba(0,0,0,0.5);

}





@font-face {

  font-family: 'iconfont';

  src: url('//at.alicdn.com/t/c/font_1963410_6b61ns7p2zl.woff2?t=1753196694101') format('woff2'),

       url('//at.alicdn.com/t/c/font_1963410_6b61ns7p2zl.woff?t=1753196694101') format('woff'),

       url('//at.alicdn.com/t/c/font_1963410_6b61ns7p2zl.ttf?t=1753196694101') format('truetype');

}





/*==字符串↓==*/

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





/*==通用↓==*/

.container{width:1600px;min-width:320px; margin: auto;}

.wor,.wor-content{line-height:28px; color:#666; font-size:16px;}





/*==其他定义↓==*/

.bga{background:#f8f8f8;}





/*===内页框↓==*/

.own-main{width:100%;padding:70px 0 80px 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}





/*==布局↓==*/

.door-all{display: flex;align-items: flex-start;}

.door-all .little{width:300px;}

.door-all .length{flex: 1;}

.door-all .pnbg{padding:30px;background: #fff;}

.door-all.pr .little{margin-right: 50px;}

.door-all.pl .little{margin-left:50px}





/*==效果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-text:center}





/*==图片内距填充↓==*/

.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-flat_pc{}

.res-flat_flat{display: none;}

.res-wap_pc{}

.res-wap_wap{display: none;}





/*==图片效果↓==*/

.EfePhot .pic{position:relative;padding-top:100%;transition:all .7s ease-in-out;overflow:hidden;}

.EfePhot .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}

.EfePhot .pic.np{padding-top:0px;}

.EfePhot .pic.np img{position: inherit;}

.EfePhot:hover .pic img{transform:scale(1.08);}





/*==图片效果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;}



/*==边距↓==*/

.ptm60{padding:60px 0}

.ptm80{padding:40px 0}

.ptm100{padding:100px 0}

.ptm120{padding:120px 0}

.ptm150{padding:150px 0}

.ptm200{padding:200px 0}

.pt60{padding-top:60px}

.pt80{padding-top:80px}

.pt100{padding-top:100px}

.pt120{padding-top:120px}

.pt150{padding-top:150px}

.pt200{padding-top:200px}

.pm60{padding-bottom:60px}

.pm80{padding-bottom:80px}

.pm100{padding-bottom:100px}

.pm120{padding-bottom:120px}

.pm150{padding-bottom:150px}

.pm200{padding-bottom:200px}

/*--*/

.mtm60{margin:60px 0}

.mtm80{margin:80px 0}

.mtm100{margin:100px 0}

.mtm120{margin:120px 0}

.mtm150{margin:150px 0}

.mtm200{margin:200px 0}

.mt60{margin-top:60px}

.mt80{margin-top:80px}

.mt100{margin-top:100px}

.mt120{margin-top:120px}

.mt150{margin-top:150px}

.mt200{margin-top:200px}

.mm60{margin-bottom:60px}

.mm80{margin-bottom:80px}

.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:60px;padding: 12px 50px;font-size: 16px; color:#fff;border-radius:30px;background: var(--color-ass);align-items: center;overflow: hidden;transition: all .4s;}

.moreBtn.cen{margin:auto;margin-top:60px;}

.moreBtn:after{content: "\eb9b";margin-left: 5px;font-size: 14px;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-wag);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%;}

/*--*/

.moreBtn.m2::after{display: none;}

.moreBtn.m2::after{display: none;}

.moreBtn.m3{padding: 12px 30px;}

.moreBtn.m3::after{content: "\eb08";margin-left: 20px;font-size: 22px;font-weight: 400;}

.moreBtn.m4{padding: 12px 30px;flex-direction: row-reverse;}

.moreBtn.m4::after{content: "\e706";margin-right: 10px;font-size: 22px;font-weight: 400;}

.moreBtn.m5::after{content: "\eb97";margin-left: 20px;font-size: 22px;}





/*==更多按钮-2↓==*/	

.moreBtn2{position:relative;z-index: 1;display: flex;width: fit-content;margin-top:30px;font-size: 16px;font-weight:bold;color:#333;line-height: 1; align-items: center;transition: all .4s;}

.moreBtn2.cen{margin:auto;margin-top:30px;}

.moreBtn2:after{content: "\eb9b";float:right; margin-left: 5px;font-size: 10px;font-weight: bold;}

.moreBtn2:hover,.it:hover .moreBtn2{color:var(--color-main);}

.moreBtn2:hover:after,.it:hover .moreBtn2:after{transform: translateX(3px);}

.moreBtn2:hover,.it:hover .moreBtn2{text-decoration:underline}

/*--*/

.moreBtn2.m2{color:#fff;}





/*==切换效果↓==*/

.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.cb1 .btn{width: 45px;height: 45px;color: #9a9a9a;font-size: 22px;font-weight:bold;border: 1px #9a9a9a solid;border-radius: 100%;}

.cutFor.cb1 .btn:before{content:"\e662";}

.cutFor.cb1 .btn:hover{color:#fff;border-color:var(--color-main);background:var(--color-main)}

.cutFor.cb1 .btn:hover:before{color:#fff}

/*--*/

.cutFor.cb2 .btn{width: 50px;height: 50px;color: #333;font-size: 14px;border-radius: 100%;background:#e6e6e7;}

.cutFor.cb2 .btn:before{content:"\ee4e";}

.cutFor.cb2 .btn:hover{color:#fff; background:var(--color-main)}

.cutFor.cb2 .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);}

/*-切换点2-*/

.spot-dot.d2 span {width:13px;height:13px;border:2px #ddd solid;background:none;}

.spot-dot.d2 span.swiper-pagination-bullet-active {border-color:var(--color-main);}

/*-切换点3-*/

.spot-dot.d3 span{width:12px;height:12px;margin:0 6px !important;border-color:#e2e2e2;background:#e2e2e2;}

.spot-dot.d3 span.swiper-pagination-bullet-active {border-color:var(--color-main);background:var(--color-main);}

/*-切换点4-*/

.spot-dot.d4 span{width: 18px;height: 18px;border: 1px solid rgba(0,0,0,0);background:none;}

.spot-dot.d4 span::before{content: "";position:absolute;left:0;top:0;right:0;bottom:0;width: 6px;height: 6px;margin: auto;border-radius: 50%;background: var(--color-main);}

.spot-dot.d4 .swiper-pagination-bullet-active{border-color:var(--color-main)}

.spot-dot.d4 .swiper-pagination-bullet-active::before{}

/*-切换点5-*/

.spot-dot.d5 span{width:11px;height:11px;border:none;background:#ddd;}

.spot-dot.d5 .swiper-pagination-bullet-active{width:35px;border-radius:20px;background:var(--color-main);}

/*-切换点6-*/

.spot-dot.d6 span{width:25px;height:6px;border-radius:0px;border:none;background:#ddd;}

.spot-dot.d6 span.swiper-pagination-bullet-active {background:var(--color-main);}

/*-切换点7-*/

.spot-dot.d7 span{opacity: 0.5; border:1px #f5f5f5 solid;background:#fff;}

.spot-dot.d7 span.swiper-pagination-bullet-active {opacity: 1;}

/*-切换点8-*/

.spot-dot.d8 span{opacity: 0.5; width:25px;height:6px;border-radius:0px;border:none;background:#fff;}

.spot-dot.d8 span.swiper-pagination-bullet-active {opacity: 1;}





/*==弹出背景↓==*/

.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;margin-bottom:30px}

.searchIn .prompt{color:#666;font-size: 18px;}

.searchIn .prompt b{font-weight: bold;font-size: 24px;color: var(--color-aid);}

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

.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-wag);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{}

.wap-total-act .wap-trig{}

.wap-total-act .wap-trig button::before{opacity: 0;}

.wap-total-act .wap-trig button::after{opacity: 0;}

.wap-total-act .wap-con{transform: translateX(0rem);}

.wap-total-act .header .right{opacity:0;}

/*--*/

.wap-trig{display: none; position: absolute;right:0px;top:0;bottom:0;}

.wap-trig button{position: relative;z-index:1;display: flex;height: 100%;font-size:22px;color:#3a3a3a;align-items: center;}

.wap-trig button::before{opacity:1; content:"\e898";}

.wap-total{transition: padding .3s cubic-bezier(0, 0, .2, 1);transition: all .4s ease-in-out;}

/*--*/

.wap-con{position: fixed;left:0;top: 0;bottom: 0;z-index: 1;width: 25rem;height:100%;transform: translateX(-25rem);transition: all .3s cubic-bezier(0, 0, .2, 1);}

.wap-con .close{display: none;position: absolute;right: -3rem;font-size:2rem;color: #fff;}

.wap-con .close:before{content:"\ee15";display: flex;height: 4rem;align-items: center;}

.wap-con .bind{height: 100%;padding: 1.2rem;padding-bottom: 2.5rem;overflow-y: scroll;background: #f8f8f8;}

.wap-con .bind::-webkit-scrollbar{width: 1px;background-color: #f5f5f5;}

.wap-con .bind::-webkit-scrollbar-thumb{background-color: #6c6c6c;}

.wap-con .bgk{display: none; opacity:0.4; position: fixed;top:0;right: -1000%;bottom:0;left:0;z-index: -1;background: #000;transition: all .7s ease-in-out;}

.wap-con .top{display: flex;margin-top: 0.5rem;margin-bottom: 1.5rem;align-items: center;justify-content: space-between;}

.wap-con .top h3{position:relative;z-index: 1;font-size: 1.4rem;color: #3a3a3a;font-weight: 450;padding: 0 0.3rem;}

.wap-con .top h3:after{opacity: 0.4;content:"";position: absolute;left: 0;bottom: 0;right: 0;z-index: -1;height: 0.8rem;background: -webkit-linear-gradient(left, var(--color-main), var(--bg-1));}

.wap-con .top .btn{color:#333;font-size: 1rem;padding: 0.6rem 1.5rem;border-radius: 30px;background: #fff;}

.wap-con .top .btn i{margin-right: 0.6rem;font-size: 1.2rem;}

.wap-con .shell{margin-bottom:20px;padding: 1.2rem;margin-bottom: 0.8rem;border-radius: 10px;background:#fff;}

.wap-con .theme{display: flex;margin-bottom: 1.2rem;align-items: center;justify-content: space-between;}

.wap-con .theme h4{font-size: 1.2rem;color: #000333;font-weight: 500;}

.wap-con .theme .more{display: flex;color:#666;font-size: 1rem;align-items: center;}

.wap-con .theme .more::after{content: "\e65b";margin-left: 0px;font-size: 1.6rem;}

.wap-con .list_1 li{margin-bottom:0.8rem;}

.wap-con .list_1 li:last-child{margin-bottom:0;}

.wap-con .list_1 a{display: flex;font-size: 1.1rem;color:#333;align-items: center;}

.wap-con .list_1 b{display: flex;flex-shrink: 0;font-size: 0.95rem;color:#000;font-weight: 500;align-items: center;}

.wap-con .list_1 b:before{content: "\e705";flex-shrink: 0;display: flex;width: 1.5rem;height: 1.5rem;margin-right:0.5rem;border-radius: 100%;font-size: 0.85rem;color:#fff;align-items: center;justify-content: center;background:-webkit-linear-gradient(top, #f4a596, #ff3a66);}

.wap-con .list_1 .title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wap-con .nag{display: flex;flex-wrap: wrap;margin: 0 0 -1.2rem -1.2rem;}

.wap-con .nag li{width: calc(33.3% - 1.2rem);margin: 0 0 1.2rem 1.2rem;}

.wap-con .nag a{display: block;text-align: center;}

.wap-con .nag em{display: flex;margin: auto;margin-bottom:0.5rem;padding: 0.8rem;width: fit-content;align-items: center;justify-content: center;border-radius: 10px;overflow: hidden;background: #f3f3f3;}

.wap-con .nag em img{display: block;height: 2.8rem;}

.wap-con .nag h4{font-size: 1.1rem;color: #2a2a2a;font-weight: 430;}

.wap-con .nag li.active em{background: var(--bg-6);}

.wap-con .nag li.active h4{color:var(--color-ass)}

.wap-con .ewm .pack{display: flex;align-items: center;}

.wap-con .ewm .pack img{width:40%;}

.wap-con .ewm .pack h4{margin-left:1rem;font-size: 1.05rem;color:#666666;}

.wap-con .btn_2{display: flex;margin-top: 1.2rem;font-size: 0.95rem;color: var(--color-main);padding: 0.6rem 1rem;border: 1px var(--color-main) solid;border-radius: 5px;align-items: center;justify-content: center;}

.wap-con .btn_2 i{margin-right:0.6rem;font-size:1.4rem;color: var(--color-main);}





/*==次级导航-统一↓==*/

.menuGle{padding-top:40px;}

.menuGle .cen{display: flex; justify-content: center;}

.menuGle .lef{display: flex; justify-content: flex-start;}

.menuGle .orso{display: flex; justify-content: space-between;align-items: center;}

.menuGle.bor{border-bottom:1px #ddd solid;padding-bottom:20px;}

/*--*/

.menuGle.par{padding-top: 0px;margin-top: -80px;height: 80px;border-bottom-width: 1px;}

.menuGle.par .long{padding: 30px 30px 25px 30px;border-radius: 10px 10px 0 0;background: #fff;}

.menuGle.par .secon a::after{bottom:-25px}





/*==次级导航-块状↓==*/

.menu-each{width:100%;margin-bottom:-10px;}

.menu-each .secon{flex-wrap: wrap;margin-bottom:-20px}

.menu-each .secon li{display: inline-block;margin:0 20px;margin-bottom:20px;}

.menu-each .secon a{position:relative;z-index:2;display: block;color:#191919;font-size:18px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 40px;border-radius: 5px; background: #f7f7f7;}

.menu-each .secon a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: var(--color-ass);transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.menu-each .secon li:hover a,.menu-each .secon li.active a{ color:#fff;border-color:var(--color-ass) }

.menu-each .secon li:hover a:after,.menu-each .secon li.active a:after{transform: scale(1);transform-origin:left;}

.menu-each .lef.secon li{margin:0 20px 20px 0px;} 





/*==次级导航-分类↓==*/

.menu-rank{}

.menu-rank .shell{display: flex;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px #e5e5e5 solid;}

.menu-rank .shell:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none}

.menu-rank .tit{flex-shrink: 0;color:#3a3a3a;font-size:16px;margin-right: 20px;}  

.menu-rank .secon{margin: 0 0 -10px -40px;}

.menu-rank .secon li{display: inline-block;margin: 0 0 10px 40px;}

.menu-rank .secon a{display: block;color: #6a6a6a;font-size: 16px;}

.menu-rank .secon li:hover a,.menu-line li.active a{ color:var(--color-ass); }





/*==次级导航-线型↓==*/

.menu-line{position: relative;border-bottom:2px #e8e8e8 solid;}

.menu-line .long{padding-bottom:20px;}

.menu-line .secon{}

.menu-line .secon li{display: inline-block;margin-right: 50px;}

.menu-line .secon a{position:relative;z-index:1;display: block;color: #666666;font-size: 18px;height: 100%;}

.menu-line .secon a::after{content: "";position: absolute;left:0;bottom: -22px;z-index: -1;width:100%;height: 2px;background: var(--color-ass);transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.menu-line .secon li:hover a,.menu-line li.active a{ color:var(--color-ass); }

.menu-line .secon li:hover a:after,.menu-line .secon li.active a:after{transform: scale(1);transform-origin:left;}

.menu-line.cen .secon li{margin:0 40px;}





/*==面包屑↓==*/

.siteGle{margin-top: 40px;}

.siteGle .long{display: flex; padding-bottom: 20px;height: 45px;align-items: center;justify-content: space-between;}

.siteGle .tit{position: relative;color: #666;font-size: 18px;}

.siteGle .tit:after{content: "";position: absolute;left:0;bottom: -21px;z-index: 2;width:100%;height: 2px;background: var(--color-main);}

.siteGle .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}

.siteGle .more:hover{color:#fff; background: var(--color-main);}

/*--*/

.site-dot{color: #6a6a6a;font-size: 15px;}

.site-dot .home i{ font-weight:bold;font-size:16px;margin-right:10px;color:#aaa}

.site-dot a{}

.site-dot a:after{content:"\eb9b";margin: 0 5px;font-size:12px;}

.site-dot a:last-child:after{display:none}

.site-dot a:hover{color:var(--color-main)}





/*==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: 40px;height: 8px;margin: 0 10px;border-radius: 10px;overflow:hidden;background:#fff;transition: all .4s ease-in-out;}

#banner-or .spot span::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:100%;background:var(--color-ass);transition:transform .5s;transform: scale(0,1);transform-origin:right;}

#banner-or .spot .swiper-pagination-bullet-active{}

#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: 60px;font-weight:bold; font-family: system-ui;}

#banner-or .info .data{display: block; margin-top: 15px;color:#fff;font-size: 40px;}

#banner-or .moreBtn{z-index:2;margin-top:80px;}

#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:60px;font-weight:bold; line-height: initial;animation: tops 1.2s 0s ease both infinite;}

.ban-or .box hr{display:table; width:30px;height:2px;margin:15px 0 0 0; border:none;background: #fff;animation: hrs 1s 0s ease both infinite;}

.ban-or .box .level{ display: block; color:#fff;font-size:40px;line-height: initial;margin-top:5px;text-transform:Uppercase; 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);}

}





/*==左侧联系↓==*/

.connection {margin-top:30px;padding:20px;border:1px #ddd solid;overflow:hidden;/* background:#eee;*/}

.connection .tit {/* float:left;*/color:#333;font-size:18px;font-weight:bold;padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ddd solid;}

.connection .tit .more {float:right;display:block;color:#666;font-size:13px;margin-top:5px;}

.connection .tit .more:hover {color:var(--color-main)}

.connection .tel {position:relative;display:block;font-size:12px;color:#858585;padding-left:50px;margin-bottom:20px;word-wrap:break-word;word-break:normal;}

.connection .tel font {display:block;color:var(--color-main);font-size:24px;margin-top:5px;line-height:25px;font-weight:bold;}

.connection .tel:before {content:"\e611";font-family:"iconfont";position:absolute;top:6px;left:0;margin-right:10px;font-weight:400;color:#333;font-size:36px;}

.connection .wx {color:#666;font-size:14px;line-height:24px}

.connection .ewm {display:table;margin-top:20px;}

.connection .ewm img {max-width:100px;}

.connection .ewm font {vertical-align:middle;color:#666;font-size:14px;padding-left:30px;}

.connection .ewm font hr {float:left;width:30px;height:1px;margin:10px 10px 0 0;border:none;background:#aaa;}

.connection .ewm img,.connection .ewm font {display:table-cell;}





/*==留言模块↓==*/

.form-item .sort{display: flex;flex-wrap: wrap;margin: 0 0 -20px -20px;}

.form-item .sort .shell{width: calc(100% - 20px);margin:0 0 20px 20px;}

.form-item .sort .shell.w33{width:calc(33.3% - 20px);}

.form-item .sort .shell.w50{width:calc(50% - 20px);}

.form-item .sort .shell.w100{width:calc(100% - 20px);}

.form-item .sort .shell.vt{align-items: flex-start;}

.form-item .sort .shell i{color:red;margin-left:5px;}

.form-item .shell{display: flex;border: 1px #ddd solid;padding: 12px 20px;align-items: center;background: #fff;}

.form-item .title{flex-shrink: 0;display: flex;margin-right: 10px;color: #484848;font-size: 16px;align-items: center;}

.form-item .title em{display: flex;margin-right:10px;font-size: 18px;color: #999;width: 20px;align-items: center;justify-content: center;}

.form-item .fill{ flex: 1;/* width: 100%; */line-height: 30px;color:#666;font-size: 16px;border: none;background: none;}

.form-item textarea{height:180px}

.form-item .code{flex-shrink: 0;display: flex;margin-right: 20px;border: 1px #ddd solid;background: #fff;align-items: center;}

.form-item .code input{flex: 1;width: 150px;padding: 18px 20px;font-size: 15px;border: none;}

.form-item .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}

.form-item .explain{flex-shrink:0;width: 100%;margin-top: 0px;color:#333333;font-size:16px;}

.form-item .explain i{color:red}

.form-item .explain font{color:var(--color-main);font-weight:bold;}

.form-item .strip{display: flex;margin-top:20px;align-items: center;}

.form-item .but .btn{position: relative; display: table;margin-right: 20px;color: #fff;font-size: 16px;padding: 16px 80px;border:none;cursor: pointer;border-radius: 5px;background: var(--color-ass);}

.form-item .but .btn.cor{color:#333;background:#dadde3}

.form-item .but .btn:hover{color:#fff;background:var(--color-wag)}

.form-item .but-2{margin-left:-20px}

.form-item .but-2 .btn{width:calc(50% - 20px);margin-left:20px;position: relative; display: table;color: #fff;font-size: 16px;padding: 18px 80px;border:none;cursor: pointer;border-radius: 5px;background: var(--color-main);}

.form-item .but-2 .btn{}

.form-item .but-2 .btn.cor{color:#333;background:#dadde3}

.form-item .but-2 .btn:hover{color:#fff;background:var(--color-hover)}

.form-item .btn3{position: relative;display: table;margin-top: 20px;color: #fff;font-size: 20px;font-weight: 600;padding: 10px 50px;border:none;cursor: pointer;background: var(--color-main);}

.form-item .btn3:hover{color:#fff;background:var(--color-ass)}

/*--*/

.form-item.fi2 .shell{border:none;background: #f5f5f5;}





/*==数字滚动↓==*/

.digital-air{display: flex;margin: 60px 0 0px -20px;justify-content: space-between;flex-wrap: wrap;}

.digital-air li{position:relative;margin-left: 20px;color:#333333;line-height: 1;text-align: center;}

.digital-air span{color:var(--color-main);font-size:48px;font-weight:bold;}

.digital-air font{font-size:16px;margin-left:5px;color:var(--color-main);}

.digital-air h4{margin-top: 10px;font-size:16px}

.digital-air.white *{color:#fff}





/*==视频按钮↓==*/

.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-ass)}

.list-item li:hover .pic img{transform:scale(1.08);}

.list-item li:hover h4{color:var(--color-ass);}

/*--*/

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





/*==详情框架-1↓==*/

.detOne{}

/*--*/

.detOne-top .long{display: flex;}

.detOne-top .set{width:55%;}

.detOne-top .info{width:45%;margin-left:60px;}

/*--*/

.detOne-top .info .title{position: relative;color: #3a3a3a;font-size: 28px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px #ddd solid;}

.detOne-top .info .title::after{content:"";position:absolute;left:0;bottom: -1px;width: 10%;height:2px;background: var(--color-main);}

.detOne-top .info .wx{-webkit-line-clamp: 8;color:#666666;font-size:16px;line-height:28px; }

.detOne-top .info .wx.bg{min-height:100px;padding:20px;background: #f2f2f2;}

.detOne-top .info .data{position: relative;display: table;color: #3a3a3a;font-size: 18px;padding-bottom: 5px;border-bottom: 1px solid #3a3a3a;}

.detOne-top .info .data i{font-size:20px;color: #29166f;margin-right:5px;}

.detOne-top .info .data font{color: #29166f;}

.detOne-top .info .data:hover{color:var(--color-main);border-color:var(--color-main)}

.detOne-top .info .data:hover i,.detOne-top .info .data:hover font{color:var(--color-main)}

.detOne-top .info .online {margin-top:40px;padding-top:40px;border-top:1px #ddd solid;overflow:hidden;}

.detOne-top .info .online a {float:left;margin:0 20px 10px 0;color:#fff;font-size: 15px;padding:10px 50px;line-height: 30px;border:1px var(--color-main) solid; border-radius:5px;background: var(--color-main);}

.detOne-top .info .online a i{margin-right:10px;color:var(--color-main)}

.detOne-top .info .online a.tel{color:var(--color-main);font-size: 22px; background:none;}

.detOne-top .info .online a.cor {color:#fff;background:#1674bf;}

.detOne-top .info .online a:hover {color:#fff;border-color:#3a3a3a; background:#3a3a3a;}

.detOne-top .info .online a:hover i{color:#fff}

/*--*/

.detOne-contnet{position:relative;z-index:1;margin-top:80px;padding-top: 80px;}

.detOne-contnet::before{content:"";position: absolute;left:0;top:0;right:0px;z-index:-1;height: 50px;background: -webkit-linear-gradient(top, #f9f9f9, #fff);}

.detOne-contnet .theme{display: table;margin:auto;margin-bottom:40px; color:#3a3a3a;font-size:32px; text-align: center;}

.detOne-contnet .theme::after{content: "";display: block;margin:auto;margin-top:20px;width:40px;height:2px;background: var(--color-main);}

.detOne-contnet .frame{margin-bottom:60px;padding-bottom:60px;border-bottom:1px #ddd solid}

.detOne-contnet .frame:last-child,.detOne-contnet .frame.m0{margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}

.detOne-contnet .wx{color:#6a6a6a;font-size:16px;line-height: 30px;}





/*==上下页-2↓==*/

.pagIng-2{border:1px #aaa solid;overflow: hidden;margin-top: 90px;display: table;width: 100%;}

.pagIng-2 span{ display: inline-block;color:#888888;font-size:14px;}

.pagIng-2 .block{float:none !important; padding:20px 15px;display: table-cell;vertical-align: middle;}

.pagIng-2 span a{color:#888888;font-size:14px;}

.pagIng-2 span a:hover{color:var(--color-main)}

.pagIng-2 .prev{float:left; }

.pagIng-2 .next{float:right; text-align: right}

.pagIng-2 .return{border-left:1px #aaa solid;border-right:1px #aaa solid;text-align: center;}

.pagIng-2 .return:hover{color:#fff;background: var(--color-main)}

.pagIng-2 .prev,.pagIng-2 .next{width:40%;}





/*==上下页-3↓==*/

.pagIng-3{display: flex;position:relative;margin-top:60px;padding: 20px 30px;overflow: hidden;justify-content: space-between;align-items: center;background: #f5f7fa;}

.pagIng-3 a{}

.pagIng-3 span{display: flex; width: 40%;color:#1f1e23;font-size:15px;}

.pagIng-3 font{flex-shrink: 0;margin-right:5px;}

.pagIng-3 b{color:#999;font-size:14px;}

.pagIng-3 .lump{display: block;color:#6a6a6a;font-size: 15px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;align-items: center;}

.pagIng-3 .lump:hover{color:var(--color-main); }

.pagIng-3 .next{display: flex;flex-direction: row;justify-content: flex-end;}

.pagIng-3 .return{display: flex; align-items: center;justify-content: center; }

.pagIng-3 .return:before{content:"\e672";font-size: 22px;color: var(--color-main);}

.pagIng-3 .return:hover{ }

.pagIng-3 .return:hover:before{color:#1a1a1a}





/*==上下页-4↓==*/

.pagIng-4{margin-top:60px;padding-top:50px;border-top:1px #eee solid;overflow: hidden;}

.pagIng-4 span{ display: inline-block;color:#888888;font-size:15px;}

.pagIng-4 a{width:47%;color:#666666;font-size:15px;padding: 15px 20px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f6f6f6;}

.pagIng-4 a:hover{color:#fff; background: var(--color-main);}

.pagIng-4 .prev{float:left}

.pagIng-4 .next{float:right} 





/*==分页↓==*/

#pages{display: flex;width:100%;margin: 80px 0 30px 0; /*! text-align:center; */justify-content: center;}

#pages span{border:0px #ddd solid;padding:8px 12px;margin:0 5px; background:#333123; color:#fff;transition: all .4s ease-in-out;}

#pages a{border:1px #ddd solid;padding:8px 12px;color:#666; margin:0 5px;background:#fff;transition: all .4s ease-in-out;}

#pages a:nth-child(1),#pages a:nth-child(3),#pages a:nth-last-child(2){display: none}

#pages a:hover{color:#fff; background:#333123;}





/*==滚动图↓==*/

.srllPic{ position: relative; padding:0 220px;width: 100%;margin: auto;}

.srllPic .gallery-top{}

.srllPic .gallery-top li img{max-width:100%;width:100%;display: block}

.srllPic .gallery-thumbs{padding-top:15px;}

.srllPic .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer;}

.srllPic .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #0054b4 solid;}

.srllPic .gallery-thumbs li img{max-width:100%;width:100%;display: block}

.srllPic .btn{ opacity: 1;left:7%; width:50px;height:50px;line-height:45px;border-radius: 50%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#8a8a8a;font-size:40px;  background-image:none; background-color:rgba(0, 0, 0, 0.18); background-position:center; background-repeat:no-repeat ;background-size: auto;}

.srllPic .btn.next{left:auto;right:7%;}

.srllPic .btn:before{ /*! display: block; */ margin: 0px;padding: 0px;}

/*.srllPic .btn.next{transform:rotate(180deg);}*/

.srllPic .btn:hover{color:#fff; background-color:#0055b4;}

.srllPic .swiper-button-disabled{opacity: .5;}

/*.srllPic .btn:hover{ opacity: 1;}*/





/*==视频↓==*/

/*.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: 15px;}

.share-item em{display: flex;font-size: 22px;color:#8a8a8a;width: 40px;height: 40px;overflow: hidden;border-radius: 50%;border: 1px #eee solid;background: #f5f5f5;align-items: center;justify-content: center;}

.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;transform:translateY(-5px);border-color:#ff6601; background:#ff6601}

.share-item .drop{opacity:0;position: absolute;right: 100%;bottom: 100%;width: max-content;max-width: 120px;height: max-content;line-height: initial;display: block;border: 1px #ddd solid;padding:5px;z-index: 9;border: 1px #ddd solid;transform-origin: 100% 100%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;background: #fff;}

.share-item a:hover .drop{opacity:1;transform: scale(1);}

.share-item .xhs em{color:#ff0606}

.share-item .dy em{color:#1e2025}

.share-item .wx em{color:#2fdc62}

.share-item .sph em{color:#ff9b0b}





/*==在线客服↓==*/

.kefu-air{position:fixed; bottom:20%;right:10px;z-index:9}

.kefu-air .bar{position:relative;padding-left:30px;}

.kefu-air .bar > a{display: flex;position: relative;width: 55px;height: 65px;/* border-radius: 50%; */flex-direction: column;align-items: center;background: #fff;justify-content: center;box-shadow: 0 0 10px #ddd;cursor: pointer;}

.kefu-air .bar > a > em{color:#555;font-size: 24px;}

.kefu-air .bar > a > b{/* display: none; */margin-top: 5px;color:#666;font-size: 12px;}

.kefu-air .bar:hover > a > em,.kefu-air .bar:hover > a > b{color:var(--color-main)}

.kefu-air #top > a > em{font-size:22px;}

.kefu-air .trol{position:relative;border-radius: 30px;padding: 10px 0;margin:15px 0;}

.kefu-air .trol::before{content: "";position: absolute;left: 30px;top:0;right:0;bottom:0;border-radius: 30px;box-shadow: 0 0 10px #ddd;background: #fff;}

.kefu-air .trol .bar > a{box-shadow:none;background:none}

.kefu-air .trol .bar > a:after{content:"";position:absolute;left:0;right:0;bottom:0;margin:0 10px;height:1px;background:#ddd}

.kefu-air .trol .bar:last-child > a:after{display:none}

.kefu-air .explan{color:#495770;font-size:14px;}

.kefu-air .eject{display:none;position:absolute;right: 80px;bottom: 0;width: max-content;padding: 20px;/* border: 1px #eee solid; */box-shadow: 0 0 20px #ccc;background: #fff;}

.kefu-air .eject:after{content:"";position:absolute;right: -10px;bottom: 20px;margin: auto;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid rgb(255, 255, 255);}

.kefu-air .eject .tit{position:relative;z-index: 1;color:#3b3b3b;font-size: 17px;margin-bottom: 15px;}

.kefu-air .eject .tit i{display: inline-block;margin-right: 10px;font-size: 20px;width: 20px;}

.kefu-air .eject .tit:after{opacity: 0.7;content:"";position:absolute;left: 30px;bottom: 4px;z-index: -1;width: 50px;height: 8px;border-radius: 8px;background: var(--color-main);}

.kefu-air li:hover .eject{display:block}

/*.kefu-air .ewm.bar a{height:120px;border-radius:50px;}

.kefu-air .ewm b{writing-mode: vertical-rl;letter-spacing: 4px;}

*/

.kefu-air .ewm dl{display: flex;margin-left: -15px;font-size: initial;}

.kefu-air .ewm dl dd{flex: 1;margin-left: 15px;text-align: center;}

.kefu-air .ewm dl h5{margin-top: 5px;color: #3b3b3b;font-size: 13px;line-height: 17px;}

.kefu-air .ewm .pic img{width:120px }

.kefu-air .qq .link{margin:0 0 -10px -10px;}

.kefu-air .qq .link a{display: inline-block;margin:0 0 10px 10px;padding: 5px 20px;color:#fff;font-size:15px;border-radius: 30px;background: var(--color-main);}

.kefu-air .qq .link i{margin-right:5px;}

.kefu-air .qq .link a:hover{color:#fff;background:#ff6611}

.kefu-air .message .eject{padding: 30px 30px;background: -webkit-linear-gradient(left, #7f83f1, #5d7cf1);}

.kefu-air .message .eject:after{color: #5d7cf1; border-left-color: #5d7cf1;}

.kefu-air .message .tit{color:#fff}

.kefu-air .message .tit *{color:#fff}

.kefu-air .message form{display: flex;flex-direction: column;width: 300px;}

.kefu-air .message form .shell{display: flex;margin-bottom: 15px;padding: 12px 20px;align-items: center;border-radius: 10px;overflow: hidden;background: #fff;}

.kefu-air .message form .shell.vt{    align-items: flex-start;}

.kefu-air .message form h5 {flex-shrink: 0;margin-right: 5px;color: #6b6b6b;font-size: 15px;}

.kefu-air .message form .fill{flex: 1;color:#666;font-size: 15px;border: none;background: none;}

.kefu-air .message form textarea.fill{height:100px;}

.kefu-air .message form button{position: relative;z-index: 1;display: table;color: #fff;font-size: 16px;padding: 15px 80px;border:none;cursor: pointer;border-radius: 30px;overflow: hidden;background: #15c49d;}

.kefu-air .message form button::after{opacity: 0;content: "";position: absolute;left:0;top:0;right:0;bottom:0;z-index: -1;background:#fff;}

.kefu-air .message form button:hover::after{opacity: 0.2;}

.kefu-air .message .tip{font-size:14px;color:#fff;margin-top:10px; text-align: center;}

.kefu-air .cta .eject{ font-size: initial;padding:30px 30px}

.kefu-air .cta .eject ul{}

.kefu-air .cta .eject ul li{margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px #ddd solid;font-size: initial;}

.kefu-air .cta .eject ul li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}

.kefu-air .cta .eject ul h5{font-size:16px;color: #2b2b2b;margin-bottom: 5px;}

.kefu-air .cta .eject ul p{font-size:14px;color:#6b6b6b}

.kefu-air .cta .eject ul b{font-size:22px;}

.kefu-air .cta .eject ul .cor{color:var(--color-main)}

.kefu-air .cta .eject .more{display: block;margin-top:20px;padding-top:10px;color:var(--color-main);font-size: 14px;border-top:1px var(--color-main) solid;}

.kefu-air .cta .eject .more:after{content:">";display: inline-block;font-family: cursive;margin-left: 10px;color: var(--color-main);font-size: 14px;font-weight: bold;} 

.kefu-air .cta .eject .more:hover{color:#ff6611;}

.kefu-air .cta .eject .more:hover:after{transform: translateX(3px);color: #ff6611;}