@charset "utf-8";
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0;padding: 0;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #666;overflow-x: hidden;max-width: 750px;margin: 0 auto;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;overflow: visible;line-height: 1.4;}
address, cite, dfn, var{font-style: normal;}
code, kbd, pre, samp{font-family: courier new, courier, monospace; }
small{font-size: 0.24rem;}
ul, ol{list-style-type: none;margin: 0;padding: 0;}
ul, ol, li{list-style: none;}
a{color: inherit;text-decoration: none;cursor: pointer;border: 0;user-select: none;}
sup, sub{font-size: inherit;display: inline-block;line-height: 1;transform: scale(0.8);}
sup{vertical-align: text-top;margin: -4px 0 0 2px;}
sub{vertical-align: text-bottom;margin: 0 0 0 2px;}
span{line-height: inherit;}
legend{color: #000;}
fieldset, img{border: 0;}
button, input, select, textarea{font-size: 100%;border-radius: 0;}
button{border:0;background-color:none;outline:none;-webkit-appearance: none;}
select{border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url('/static/m_index/svg/select.svg') no-repeat right 0.2rem center/0.28rem auto;}
textarea{resize:none;}
select, button, input, img{vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{display: block;margin: 0;padding: 0;}
mark{background: #ff0;}
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{outline:none;}
/* 清除浮动 */
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}

/* =======================================================自定义========================================================= */
/* common */
.full-cover{width:100%;height:100%;object-fit:cover;transition:all .8s ease}
.full-width{width:100%;object-fit:cover;transition:all .8s ease}
.full-maxWidth{max-width:100%;object-fit:cover;height:auto;transition:all .8s ease}
.full-maxHeight{max-height:100%;width:auto;object-fit:cover;transition:all .8s ease}
.full-auto{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover}
.full-maxAuto{max-width:80%;max-height:80%;width:auto;height:auto;transition:all .8s ease}
.placeholder{visibility:hidden!important;height:0!important;border:0!important;padding:0!important;margin:0!important}
.centered{display:flex;align-items:center;justify-content:center}
/* layout */
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-direction-row{flex-direction:row}
.flex-direction-row-reverse{flex-direction:row-reverse}
.flex-direction-column{flex-direction:column}
.flex-wrap-nowrap{flex-wrap:nowrap}
.flex-wrap-wrap{flex-wrap:wrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.flex-justify-start{justify-content:flex-start}
.flex-justify-end{justify-content:flex-end}
.flex-justify-center{justify-content:center}
.flex-justify-between{justify-content:space-between}
.flex-justify-evenly{justify-content:space-evenly}
.flex-align-start{align-items:flex-start}
.flex-align-end{align-items:flex-end}
.flex-align-center{align-items:center}
.height100{height:100%}
.img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:block;overflow:hidden;object-fit: cover}
/*font justify*/
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.inline-bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.swiper-button-disabled{cursor:not-allowed!important;opacity:.6}
.relative{position:relative}
.swiper-pagination{font-size:0}
.margin{margin:0 auto}
.btn-hvr{transition:box-shadow .4s ease,border .4s ease}
.btn-hvr:hover{border-color:transparent;box-shadow:0 0 0 .2rem rgba(47,175,251,.5)}
.font-hvr{transition:box-shadow .4s ease}
.font-hvr:hover{box-shadow:inset 0 -10px 0 rgba(47,175,251,.2)}
.icon-change i{position:relative}
.icon-change i img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-height:100%;transition:opacity .4s ease}
.icon-change i .state,.icon-change.active i .default,.icon-change:hover i .default{opacity:0}
.icon-change.active i .state,.icon-change:hover i .state{opacity:1}
.fw-m{font-weight:500}
.fw-l{font-weight:300}
.fw-b{font-weight:700}
.fw-r{font-weight:400}
.text-white{color:#fff!important}
.text-black{color:#212121!important}
.bg-gray{background:#eeeeee}
.bg-white{background:#fff}

/* placeholder样式 */
input::-webkit-input-placeholder{color: #999;font-size: .32rem;}
input:-moz-placeholder{color: #999;font-size: .32rem;}
input::-moz-placeholder{color: #999;font-size: .32rem;}
input:-ms-input-placeholder{color: #999;font-size: .32rem;}
textarea::-webkit-input-placeholder{color: #999;font-size: .32rem;}
textarea:-moz-placeholder{color: #999;font-size: .32rem;}
textarea::-moz-placeholder{color: #999;font-size: .32rem;}
textarea:-ms-input-placeholder{color: #999;font-size: .32rem;}
/* 基本设置 */
.toPlace{position: relative;top: -1.2rem;display: block;height: 0;overflow: hidden;}
br{content: "";display: block;height: 0.2rem;}
/* 引入字体 */
@font-face{font-family:'paralines';src: url('/static/m_index/fonts/Paralines-Regular.otf');}
@font-face{font-family:'AGENCYR';src: url('/static/m_index/fonts/AGENCYR.TTF');}
/* 行间距 */
h1, h2, h3, h4, h5, h6, p{line-height: 1.28;}
/* 
    设置默认字体
    "宋体", "SimSun", "\5B8B\4F53"
    "黑体", "SimHei", "\9ED1\4F53"
    "楷体", "KaiTi", "\6977\4F53"
    "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1"
    "微软正黑体", "Microsoft JhengHei", "\5FAE\x8F6F\6B63\9ED1\4F53"
    "思源黑体 CN", "Source Han Sans CN", "noto sans"
    "思源宋体", "Source Han Serif SC"
*/
body,button, input, select, textarea{font: 0.28rem/1.5 "思源黑体 CN", "Source Han Sans CN", "noto sans","Noto Sans SC","微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Arial, tahoma, Helvetica, sans-serif;}

/* font-weight对应：Light=300, Regular=400, Medium=500, Bold=700 */

/* =======================================================end========================================================= */
/* 文字竖排 */
.verticalWords{writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;}
/* 文字限制一行 */
.lineLimit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* 文字限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.lineLimits{overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
/* 快速设置模板 */
img,video,canvas{max-width: 100%;object-fit: cover;}
.bgImage{background-repeat: no-repeat;background-size: cover;background-position: center;}
.cont p, .hint p, .text p, .title p, .list p, .items p, .name p, .desc p{line-height: inherit;}
/* 防止抖动 */
@media screen and (min-width: 320px) {html{font-size:42.6px;}}
@media screen and (min-width: 360px) {html{font-size:48px;}}
@media screen and (min-width: 375px) {html{font-size:50px;}}
@media screen and (min-width: 400px) {html{font-size:53.3px;}}
@media screen and (min-width: 414px) {html{font-size:55.2px;}}
@media screen and (min-width: 440px) {html{font-size:58.6px;}}
@media screen and (min-width: 480px) {html{font-size:64px;}}
@media screen and (min-width: 520px) {html{font-size:69.3px;}}
@media screen and (min-width: 560px) {html{font-size:74.6px;}}
@media screen and (min-width: 600px) {html{font-size:80px;}}
@media screen and (min-width: 640px) {html{font-size:85.3px;}}
@media screen and (min-width: 680px) {html{font-size:90.6px;}}
@media screen and (min-width: 720px) {html{font-size:96px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}