*,::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:'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}
}
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:#1651a4}
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{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;}

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

@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-1180{ max-width: 1180px; margin: 0 auto;}
@media (min-width:1921px) {
.auto-1600,
.auto-1400{max-width:16rem;}
}
@media (max-width:1600px) {
.auto-1600{ max-width:90%;}
}
@media (max-width:1400px) {
.auto-1400{ max-width:90%;}
}
@media (max-width:1180px) {
.auto-1180{ max-width:90%;}
}
@media (max-width:640px) {
.auto-1600,
.auto-1400{ max-width:88%;}
}

.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*/