@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family:"思源黑体", "微软雅黑", "Arial"; color:#333}
html{}
body{ font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial"; color:#333; min-width:320px; margin:0 auto; background:#f5f5f5}
sup {vertical-align: text-top; font-family:"思源黑体", "微软雅黑", "Arial"}
sub {vertical-align: text-bottom; font-family:"思源黑体", "微软雅黑", "Arial"}
input, button, select, textarea { outline:none; font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial"}
fieldset,img{ border:0; font-family:"思源黑体", "微软雅黑", "Arial"}
ol, ul { list-style:none; font-family:"思源黑体", "微软雅黑", "Arial"}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family:"思源黑体", "微软雅黑", "Arial"}
em, i{ font-style:normal; font-family:"思源黑体", "微软雅黑", "Arial"}
textarea { resize:none; font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial"} /*forbidden text drag especail in chrome*/
.compatibility_ie6{ /* _behavior: url(iepngfix/iepngfix.htc); _behavior:url("csshover.htc"); behavior: url(ie-css3.htc); */}
a{ text-decoration:none; outline:none; color:#333; font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial";}
li{ list-style-position:outside; list-style:none; vertical-align:bottom;}
/****************************** Above Common Css Style End ******************************/
.lr_all{ text-align:justify; text-justify:inter-ideograph;} /* in order to lft rit align [justify align] */
.font_adjust{-webkit-text-size-adjust:none;}/* solve the font-size<12, do not show normally at the chrome  */
.opacitys{ opacity:0.6; filter: Alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; }
.clearfix:after{ content:"."; height:0; display:block; visibility:hidden; clear:both;}
.clearfix{*+height:1%;}
.clear{ clear:both;}
.row_box{ height:auto; width:950px;}
.ove_hi{ overflow:hidden;}
.ove_vi{ overflow:visible;}
.ove_au{ overflow:auto;}
.rela{ position:relative; top:0px; left:0px;}
.abso{ position:absolute;}
.fb{ font-weight:700;}
.ali_l{ text-align:left;}
.ali_r{ text-align:right;}
.ali_c{ text-align:center;}
.flt_l{ float:left;}
.flt_r{ float:right;}
/****************************** Above Custom Common Css Style End ******************************/

@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.woff2?t=1635069101024') format('woff2'),
       url('font/t/iconfont.woff?t=1635069101024') format('woff'),
       url('font/t/iconfont.ttf?t=1635069101024') format('truetype');
}

/* @font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_2879280_o2li22ei3tn.woff2?t=1635125102337') format('woff2'),
       url('//at.alicdn.com/t/font_2879280_o2li22ei3tn.woff?t=1635125102337') format('woff'),
       url('//at.alicdn.com/t/font_2879280_o2li22ei3tn.ttf?t=1635125102337') format('truetype');
} */

.iconfont{ font-family:iconfont}

.mask-layer{ visibility:hidden; overflow:hidden; background:url(../images/black_50.png) repeat; z-index:20; position:fixed; left:0; top:0; right:0; bottom:0; transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -webkit-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -moz-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -ms-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -o-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; opacity:0}

.showMask .mask-layer{ visibility:visible; opacity:1}

.sizing{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box}

video{ object-fit: cover!important}


.goPageTop{ visibility:hidden; opacity:0; position: fixed;right: 20px;bottom: 50px;cursor: pointer;z-index: 800;width: 50px;height: 50px;line-height: 50px;text-align: center;background-color: rgba(52, 171, 162, .5);-webkit-transition: .3s;transition: .3s;}
.goPageTop:after{ font-size:18px; color:#fff; font-family:iconfont; content:'\e61d'}
.goPageTop:hover{background-color: rgba(52, 171, 162, 1)}
.showPageTopBtn .goPageTop{ visibility:visible; opacity:1}

.boxing,.boxing_all *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box}















.bg_cover{ background-position:center; background-repeat:no-repeat; background-size: cover}
.bg_contain{ background-position:center; background-repeat:no-repeat; background-size: contain}


.hover_color:hover,.hover_color *:hover{ color:#34aba2!important}

.inline-block,.inline-block-all *{ display:inline-block; *display:inline; zoom:1}