@charset "utf-8";
@import url('../whirfonts/fonts.css');
* { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100% }
body { padding: 0; margin: 0 auto; font-size: 14px; color: #666; background: #fff; font-family: sans-serif; -webkit-text-size-adjust: none;  /*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight: rgba(0, 0, 0, 0); }
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: #005bac; 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 { 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; }
.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%; }
.w_86 { width: 94%; }
@media (min-width:1025px) {
	.w_86 { width: 86%; }
}
.auto_1280 { max-width: 1280px; }
@media(max-width:1280px) {
	.auto_1280 { padding: 0 2%; }
}
.auto_1200 { max-width: 1200px; }
@media(max-width:1200px) {
	.auto_1200 { padding: 0 2%; }
}
.auto_1180 { max-width: 1180px; }
@media(max-width:1180px) {
	.auto_1180 { padding: 0 2%; }
}
.auto_1150 { max-width: 1150px; }
@media(max-width:1150px) {
	.auto_1150 { padding: 0 2%; }
}
.auto_1100 { max-width: 1100px; }
@media(max-width:1100px) {
	.auto_1100 { padding: 0 2%; }
}
.auto_1050 { max-width: 1050px; }
@media(max-width:1050px) {
	.auto_1050 { padding: 0 2%; }
}
.auto_1000 { max-width: 1000px; }
@media(max-width:1000px) {
	.auto_1000 { padding: 0 2%; }
}
.auto_950 { max-width: 950px; }
@media(max-width:950px) {
	.auto_950 { padding: 0 2%; }
}

/*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); }

/*局部根元素大小*/
.root-100 { font-size: 100px; }
.root-sz-16 { font-size: 0.16em; }
.root-w-1280 .auto { max-width: 1280px; }
.root-w-1400 .auto { max-width: 1400px; }
.root-w-1440 .auto { max-width: 1440px; }
.root-w-1600 .auto { max-width: 1600px; }
.root-w-1560 .auto { max-width: 1560px; }
.root-w-1500 .auto { max-width: 1500px; }
@media (min-width:1025px) and (max-width:1600px) {
	.root-w-1600 { font-size: 6.25vw; }
}
@media (min-width:1025px) and (max-width:1560px) {
	.root-w-1560 { font-size: 5.624vw; }
}
@media (min-width:1025px) and (max-width:1500px) {
	.root-w-1500 { font-size: 5.5vw; }
}
@media (min-width:1025px) and (max-width:1440px) {
	.root-w-1440 { font-size: 7.14285vw; }
}
@media (min-width:1025px) and (max-width:1400px) {
	.root-w-1400 { font-size: 7.14285vw; }
}
@media (max-width:1024px) {
	.root-sz-16 { font-size: 3.5vw; }
}