* {
  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: 16px;
  color: #36353b;
  background: #fff;
  overflow-x: hidden;
  line-height: 1.65;
  font-family: arial, sans-serif;
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制内容的可选择性*/
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
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: 16px;
}
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: #36353b;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}
a:hover {
  color: #d1ae6c;
  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);}


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

/*滚屏快捷动画*/
.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);}

.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac {
  display: flex;
  flex-wrap: wrap;
}
.flex_js {
  justify-content: space-between;
}
.flex_jc {
  justify-content: center;
}
.flex_ac {
  align-items: center;
}
.flex_js_ac {
  justify-content: space-between;
  align-items: center;
}
.flex_jc_ac {
  justify-content: center;
  align-items: center;
}

.zoomimg .pic{ overflow: hidden}
.zoomimg figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.imgmid{position: relative; overflow: hidden; padding-bottom: 100%}
.imgmid img{position: absolute;left: 0; width: 100%; height: 100%;  -o-object-fit: cover;  object-fit: cover; -o-object-position: center;  object-position: center;}

.img_100{width: 100%}

.item{position: relative; z-index: 5}

.ul h4,
.ul p,
.item h4,
.item p,
.swiper-slide h4,
.swiper-slide p{padding: 0; margin: 0; font-weight: normal}

:root{
--win:1920;
--boxw:1600;
--boxp:calc(160 / var(--win) * 100%);
}

.auto{padding-left: var(--boxp); padding-right: var(--boxp); position: relative; z-index: 10}

.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:calc(100vw*20/var(--win));}
.f22{ font-size:calc(100vw*22/var(--win));}
.f30{ font-size:calc(100vw*30/var(--win));}
.f36{ font-size:calc(100vw*36/var(--win));}
.f40{ font-size:calc(100vw*40/var(--win));}
.f48{ font-size:calc(100vw*48/var(--win));}
.f60{ font-size:calc(100vw*60/var(--win));}
.f80{ font-size:calc(100vw*80/var(--win));}
.c_yellow{color: #d1ae6c}
@media(max-width:1400px){
:root{
--win:1600;
--boxw:1200;
--boxp:calc(100 / var(--win) * 100%);
}
}
@media(max-width:1280px){
:root{
--win:1400;
--boxw:1000;
--boxp:calc(60 / var(--win) * 100%);
}
}

@media(max-width:1024px){
:root{
--win:1200;
--boxw:1000;
--boxp:calc(60 / var(--win) * 100%);
}
body{font-size: 14px;}
.f18{ font-size:16px;}
}
@media(max-width:640px){
:root{
--win:800;
--boxw:700;
--boxp:calc(40 / var(--win) * 100%);
}
.f20{ font-size:calc(100vw*28/var(--win));}
.f22{ font-size:calc(100vw*28/var(--win));}
.f30{ font-size:calc(100vw*30/var(--win));}
}