@charset "utf-8";

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  font-size: 100px;
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: .16rem;
  line-height: 1.6;
  color: #095540;
  background: #f7f8f8;
  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;*/
  overflow-x: hidden;
}
/*::-webkit-scrollbar { width: 4px; height: 4px; background-color: #ececec }
::-webkit-scrollbar-thumb { background-color: #0173f5 }*/
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
.ul, .ul li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul li {
  list-style: none;
}
table, table td {
  border-collapse: collapse;
}
table {
  border-spacing: 0;
}
table td, select, input, textarea,button {
  font-size: .16rem;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
select, input, textarea, pre,button {
  font-family: arial, sans-serif;
}
button{cursor: pointer}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
a {
  color: #095540;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}
a:hover {
  color: #185640;
  text-decoration: none;
}
a:focus {
  color: #095540;
  outline: none;
  -moz-outline: none;
}
a:active {
  color: #095540;
}
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
}

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

/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在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**/

@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: #222; 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 dt{line-height: 24px; text-align: center;}
@media(min-width:1025px){
[rel="li-relative"] .sub{left: 50%; min-width:100%;transform: translateX(-50%);}
}

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

.mp{margin: 0; padding: 0; font-weight: normal}

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

.img-mid figure{position: relative; padding-bottom: 100%; overflow: hidden}
.img-mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}

.img-zoom figure{ overflow: hidden}
.img-zoom 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;
}
.img-zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}


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


/*:root{
--win:1920px;
--boxw:1200px;
--ww:calc(180 / var(--win) * 100%);
}*/
.auto{ max-width: 908px; position: relative; z-index: 10; width: 90%; margin: auto}
.main{overflow: hidden; position: relative}
.w1000{max-width: 1000px;}
.w1240{max-width: 1240px;}

section.section{padding-top:3.5%; padding-bottom:3.5%}

.c_blue{color: #6dcb99}

.f12{ font-size:.12rem;}
.f13{ font-size:.13rem;}
.f18{ font-size:.18rem;}
.f20{ font-size:.20rem;}
.f22{ font-size:.22rem;}
.f24{ font-size:.24rem;}
.f30{ font-size:.30rem;}
.f32{ font-size:.32rem;}
.f36{ font-size:.36rem;}
.f48{ font-size:.48rem;}

@media (max-width:1300px) {
.f32{ font-size:.22rem;}
.f48{ font-size:.32rem;}
}
@media (max-width:1024px) {
html{font-size: 80px}
.f12,
.f13{ font-size:.15rem;}
.f18{ font-size:.17rem;}
.f20{ font-size:.18rem;}
.f22{ font-size:.18rem;}
.f24{ font-size:.20rem;}
.f30{ font-size:.22rem;}
.f36{ font-size:.24rem;}
}
@media (max-width:768px) {
html{font-size: 90px}
}