:root {
    --font-color:#071118;
    --red-color:#b8252f;
    --main-color:#009933;
    --main-rgb:23,167,255;
    --font-rgb:7,17,24;
}
*,::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:#666}
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-x:hidden;line-height: 1.5;}
body,input,pre,select,th,td,textarea{font-family:sans-serif;font-size: 0.16rem;}
@media (max-width:768px) {
body,input,pre,select,th,td,textarea{font-size:0.24rem}
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;-webkit-appearance:none;border-radius:0}
select{border:solid 0.01rem #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right:0.2rem}
select::-ms-expand{display:none}
a,a:active{color:#666}
a:hover{color:var(--main-color)}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot1,.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot1{-webkit-line-clamp:1}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}
.ytable{display:table;width:100%;}
.ytable.h100pc{height:100%}
.ytable.fixed{table-layout: fixed;}
.ytable-cell{display:table-cell;vertical-align:middle}
.none{display:none}
.hidden{visibility:hidden}
.Ovhidden{ overflow: hidden;}

/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="111"]{color:#111;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="444"]{color:#444;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[data-font*="777"]{color:#777;}
[data-font*="888"]{color:#888;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*="gray"]{color:#51585d;}
[data-font*=red]{color:var(--red-color);}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=semi]{font-weight: 600;}
[data-font*=bold]{font-weight: bold;}
/*font-size*/
[data-font*=fs14]{font-size: 0.14rem; line-height: 1.715em;}
[data-font*=fs16]{font-size: 0.16rem; line-height: 1.5em;}
[data-font*=fs18]{font-size: 0.18rem; line-height: 1.667em;}
[data-font*=fs20]{font-size: 0.20rem; line-height: 1.5em;}
[data-font*=fs22]{font-size: 0.22rem; line-height: 1.35em;}
[data-font*=fs24]{font-size: 0.24rem; line-height: 1.5em;}
[data-font*=fs26]{font-size: 0.26rem; line-height: 1.35em;}
[data-font*=fs28]{font-size: 0.28rem; line-height: 1.35em;}
[data-font*=fs30]{font-size: 0.3rem; line-height: 1.35em;}
[data-font*=fs32]{font-size: 0.32rem; line-height: 1.5em;}
[data-font*=fs34]{font-size: 0.34rem; line-height: 1.35em;}
[data-font*=fs36]{font-size: 0.36rem; line-height: 1.35em;}
[data-font*=fs38]{font-size: 0.38rem; line-height: 1.35em;}
[data-font*=fs40]{font-size: 0.4rem; line-height: 1.5em;}
[data-font*=fs42]{font-size: 0.42rem; line-height: 1.35em;}
[data-font*=fs44]{font-size: 0.44rem; line-height: 1.35em;}
[data-font*=fs46]{font-size: 0.46rem; line-height: 1.2em;}
[data-font*=fs48]{font-size: 0.48rem; line-height: 1.35em;}
[data-font*=fs50]{font-size: 0.5rem; line-height: 1.35em;}
@media only screen and (max-width:1024px) {
    [data-font*=fs14]{font-size: 0.22rem;}
    [data-font*=fs16]{font-size: 0.24rem;}
    [data-font*=fs18]{font-size: 0.26rem;}
    [data-font*=fs20]{font-size: 0.26rem;}
    [data-font*=fs22]{font-size: 0.26rem;}
    [data-font*=fs24]{font-size: 0.26rem;}
    [data-font*=fs26]{font-size: 0.28rem;}
    [data-font*=fs28]{font-size: 0.28rem;}
    [data-font*=fs30]{font-size: 0.3rem;}
    [data-font*=fs32]{font-size: 0.3rem;}
    [data-font*=fs34]{font-size: calc(0.34*0.8125*1rem);}
    [data-font*=fs36]{font-size: calc(0.36*0.8125*1rem);}
    [data-font*=fs38]{font-size: calc(0.38*0.8125*1rem);}
    [data-font*=fs40]{font-size: calc(0.40*0.8125*1rem);}
    [data-font*=fs42]{font-size: calc(0.42*0.8125*1rem);}
    [data-font*=fs44]{font-size: calc(0.44*0.8125*1rem);}
    [data-font*=fs46]{font-size: calc(0.46*0.6125*1rem);}
    [data-font*=fs48]{font-size: calc(0.48*0.8125*1rem);}
    [data-font*=fs50]{font-size: calc(0.50*0.8125*1rem);}
}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:''; display: block;}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .contain{object-fit: contain;}
/*scale*/
.scale:hover img {transform: scale(1.05);}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;--wap-gap:0;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
@media only screen and (max-width:1280px) {
    [data-flex*=c1280]{flex-direction: column;gap:var(--wap-gap);}
}
@media only screen and (max-width:1024px) {
    [data-flex*=c1024]{flex-direction: column;gap:var(--wap-gap);}
}
@media only screen and (max-width:750px) {
    [data-flex*=c750]{flex-direction: column;gap:var(--wap-gap);}
}
/*col*/
[data-cols] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[data-cols] .item {padding-right: var(--margin);padding-bottom: var(--margin);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
[data-cols="5"] .item {width: 20%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item {width: 50%;}
    [data-cols="4"] .item {width: 33.333%;}
    [data-cols="5"] .item {width: 33.333%;}
}
@media only screen and (max-width:750px){
    [data-cols="5"] .item {width: 50%;}
    [data-cols="4"] .item {width: 50%;}
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}

@media (min-width:1025px) {
.fl{float:left}
.fr{float:right}
}
.auto-1600 { max-width: 1600px; margin: 0 auto;}
.auto-1400 { max-width: 1400px; margin: 0 auto;}
.auto-1280 {max-width: 1280px;margin: 0 auto;}
.auto-960 {max-width: 960px;margin: 0 auto;}
@media (min-width:1921px) {
.auto-1600,
.auto-1400{max-width:16rem;}
}
@media (max-width:1600px) {
.auto-1600{ max-width:86%;}
}
@media (max-width:1440px) {
.auto-1400{ max-width:86%;}
}
@media (max-width:1300px) {
.auto-1280{ max-width:90%;}
}
@media (max-width:640px) {
.auto-1600,
.auto-1400,
.auto-1280,
.auto-960{ max-width:100%;padding: 0 15px;}
}

.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}


/*导航公共样式*/
.header-menu li.aon em > a{ color:#82c4c7;}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:40px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#009; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}

@media(min-width:1025px){
    #header-menu{ display:none;}
    .relative{ position:relative; z-index:100;}
    .header-menu li{ float:left; }
    .header-menu li .sub{position:absolute;}
    .header-menu li .sub{ opacity:0;overflow:hidden; }
    .header-menu li.aon .sub{ opacity:1; }

    .no-fullbground .sub{background-color:rgba(255,255,255,0.9)}
    .no-fullbground .sub-left{left:0;}
    .no-fullbground .sub-right{right:0;}
    .sub-horizontal .sub .sub-menu > dl{ float:left;}
    .sub-horizontal .sub-right >dl{ float:right;}
    .sub-horizontal .sub-menu >dl dt{ float:left;}
    /*.sub-horizontal .sub-right-txt-r .sub-menu >dl{ text-align:right; float:right; }
    .sub-horizontal .sub-right-txt-r .sub-menu >dl dt{ float:none; display:inline-block;}*/
    .sub-horizontal .sub-right .sub-menu >dl{ text-align:right; float:right; }
    .sub-horizontal .sub-right .sub-menu >dl dt{ float:none; display:inline-block;}

    .sub-vertical .has-sub{ position:relative; z-index:100;}
    .sub-vertical .sub{background-color:rgba(255,255,255,0.9); left:0; width:100%;}
    .sub-vertical .sub-row-2{ width:200%;}
    .sub-vertical .sub-row-3{ width:300%;}
    .sub-vertical .sub-row-2 .sub-menu dt{ float:left; width:50%;}
    .sub-vertical .sub-row-3 .sub-menu dt{ float:left; width:33.3333333%;}
    .sub-vertical .sub-has-sub{ position:relative;}
    .sub-vertical .sub-has-sub dl{ background-color:rgba(255,255,255,0.9);position:absolute; left:100%; top:0; width:100%;}
    .sub-vertical dt.aon > a{background:#009; color:#fff;}
    .sub-vertical .sub-position-right{left:auto; right:0;}
    .sub-vertical .sub-position-right .sub-has-sub dl{ left:auto; right:100%;}

    .sub-txt-img .sub{ width:300%; }
    .sub-txt-img .sub-intro{padding:5px; overflow:hidden;}
    .sub-txt-img .sub-intro .sub-left{ float:left; width:40%;}
    .sub-txt-img .sub-intro .sub-right{ float:right; width:56%;}
    .sub-txt-img .sub-img img{ display:block; width:100%;}
    .sub-txt-img .sub-txt{ font-size:12px; line-height:24px;}

    .fullbground .sub{}
    .fullbground .sub-menu >dl,
    .fullbground .sub-menu >dl dt{ float:left;}
    .sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;background-color:rgba(255,255,255,0.9);}
    .sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
    .fullbground .sub-menu-layer{display: none;}
}
/*图标*/
.has-icon-v{text-align:center;}
.has-icon-v i{ display:block;  padding:10px 0;}
.has-icon-v i img{ width:50px; height:50px; }
.has-icon-h i{ display:inline-block; vertical-align:middle;}
.has-icon-h i img{ width:20px; height:20px; margin-right:5px;}
/*图标 end*/
@media(max-width:1024px){
    .header-menu{ display:none;}
    .Public_nav_style #header-menu,
    .Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
    .Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
    .Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
    .Public_nav_style #header-menu.header-menu-show,
    .Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}
    #header-menu li .sub{ display:none;}
    #header-menu li{ line-height:40px; }
    #header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
    #header-menu li a{display:block;}
    #header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
    #header-menu li:last-child em,
    #header-menu li:last-child em a{ border-bottom:0;}
    #header-menu li a:hover,
    #header-menu li a{ color:#fff;}
    #header-menu li.has-sub em{ position:relative;}
    #header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
    #header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
    #header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
    #header-menu li.has-sub em .op::before,
    #header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
    #header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
    #header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
    .Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}
    .Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}
    .Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}
    #header-menu li .sub-menu dt.has-dt{ position:relative;}
    #header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
    #header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
    #header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
    #header-menu li .sub-has-sub{ position:relative;}
    #header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
    .Public_nav_style #header-menu li .sub-has-sub i::before,
    .Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
    .Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
    .Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
    .Public_nav_style #header-menu li .clickon > i::after{ display:none;}
    .Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

    .Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}
    #open_menu i,
    #open_menu i::before,
    #open_menu i::after{ position:absolute;}
    .Public_nav_style #open_menu i,
    .Public_nav_style #open_menu i::before,
    .Public_nav_style #open_menu i::after{background:#20979b;}
    #open_menu i{ top:50%;}
    .Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
    #open_menu i::before,
    #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
    #open_menu i::before{ top:6px;}
    #open_menu i::after{top:-6px;}

    .Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}
    #open_menu.open_menu_on i{ background:none !important;}
    .Public_nav_style #open_menu.open_menu_on i::before,
    .Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
    #open_menu.open_menu_on i::before,
    #open_menu.open_menu_on i::after{  top:0 !important;}
    #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
    #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}
/*导航公共样式 end*/

