@charset "utf-8";
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#333}
html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
@media (min-width:1921px) {
html{font-size:5.2083334vw}
}
@media (max-width:1660px) {
html{font-size:6vw}
}

@media (max-width:1024px) {
html{font-size:9.765625vw}
}
@media (max-width:480px) {
html{font-size:14vw}
}
body{ min-height:100vh; overflow:hidden;line-height: 1.5;}
body,input,pre,select,th,td,textarea{font-family:'Tahoma',Arial,-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size: 0.16rem;}
@media (max-width:768px) {
body,input,pre,select,th,td,textarea{font-size:0.24rem}
}

input[type="button"],
input[type="submit"],
input[type="reset"]{-webkit-appearance: none;}
ul,li,form,dl,dt,dd,div,ol,figure,article,nav,menu,aside,pre{padding: 0;margin: 0;}
.ul,.ul li{ list-style: none;}
table, table td{border-collapse: collapse;}
table{ border-spacing: 0;}
table td, select, input, textarea{ font-size: 14px;}
select, input, textarea{ border-radius: 0; -webkit-border-radius: 0;}
select, input, textarea, pre{ font-family: arial, sans-serif;}
img { border: none; max-width: 100%; vertical-align: middle;}
a{color: #333; text-decoration: none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */}
a:hover{ color: #47a0ec; text-decoration: none;}
a:focus{ color: #333; outline:none; -moz-outline: none;}
a:active{ color: #333;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;text-align: justify;text-justify: inter-ideograph;}
.clear{clear: both; height: 0px;overflow: hidden; zoom: 0;}
.clearfix:after{content: ''; display: block; height: 0;clear: both;}
.dot{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dot2,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8,.dot9{display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}
.dot8{-webkit-line-clamp: 8;}
.dot9{-webkit-line-clamp: 9;}
.ytable {display: table; width: 100%;}
.ytable-fixed{ table-layout: fixed;}
.ytable-cell{ display: table-cell; vertical-align: middle;}
@media (max-width:1024px) {
.ytable.xy,
.ytable.xy .ytable-cell{display: block;}
}
.Ispic{ background-repeat: no-repeat; background-position: center center; background-size: cover;}
:after,:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.nM {margin: 0;}
.nP {padding: 0;}
select.select-css {border: solid 1px #000;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-repeat:  no-repeat;background-position:  98% center;background-color:  transparent;padding-right: 20px;padding-left: 10px;}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
display: none;
}
/**初始 End**/
.w22,
.w75 {padding-bottom: 4%;}
@media(min-width:1025px) {
.fl {float: left;}
.fr {float: right;}
.w22 {width: 22%;}
.w75 {width: 75%; }
}
.img-block{display: block; width: 100%;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/

/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}
}
.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off{-webkit-filter:grayscale(0); filter:grayscale(0)}
.grayscale.grayscale-replaced{-webkit-filter:none;  filter:none}
.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}
.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
/**页面框架 End**/
.auto { margin: 0 auto;}
.w_96{width: 96%;}

/*by 20201020*/

/******************************* open-search ********************************/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}

/******************************* open-menu ********************************/
@media(max-width:1024px){
body.menu-show{overflow: hidden;}
.open-menu{z-index: 10; width: 40px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}
.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}

/************************************* whir_menu.2.0 **************************************/
@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-multi aside,
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 2px; height: 12px;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}

[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 10px;}
[type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);}
[rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-30px,0); }
.whir-fade-right{transform: translate(30px,0);}
.whir-fade-up{transform: translate(0,30px);}
.whir-fade-down{transform: translate(0,-30px);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}

/*局部根元素大小*/
.auto-inner{ max-width:14rem; margin:0 auto; width:100%;}
.auto-inner2{ max-width:16rem; margin:0 auto; width:100%;}
@media(max-width:1600px){
.auto-inner2{ max-width:96%;}
}
@media(max-width:1440px){
.auto-inner{ max-width:96%;}
}




/* flex 布局 */
.d-flex{ display: flex;}
.j-end{ justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}