@charset "UTF-8";
/* 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)}
.com-bg,.com-btn.blue:after{background:#1383da;background:linear-gradient(45deg,#1383da 0,#2fb3ea 80%);background:-webkit-linear-gradient(45deg,#1383da 0,#2fb3ea 80%);background:-moz-linear-gradient(45deg,#1383da 0,#2fb3ea 80%)}
._com-bg{position:relative}
._com-bg:after{content:'';background:#1383da;background:linear-gradient(45deg,#1383da 0,#2fb3ea 80%);background:-webkit-linear-gradient(45deg,#1383da 0,#2fb3ea 80%);background:-moz-linear-gradient(45deg,#1383da 0,#2fb3ea 80%);width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:opacity .4s ease}
._com-bg:hover:after{opacity:1}
._com-bg-green{position:relative;z-index:1}
._com-bg-green:after{content:'';background:#2bb6cf;background:linear-gradient(45deg,#2bb6cf 0,#3ad5d5 80%);background:-webkit-linear-gradient(45deg,#2bb6cf 0,#3ad5d5 80%);background:-moz-linear-gradient(45deg,#2bb6cf 0,#3ad5d5 80%);width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .4s ease;z-index:-1}
._com-bg-green.active:after,._com-bg-green.on:after,._com-bg-green:hover:after{opacity:1}
.com-bg-green{background:#2bb6cf;background:linear-gradient(45deg,#2bb6cf 0,#3ad5d5 80%);background:-webkit-linear-gradient(45deg,#2bb6cf 0,#3ad5d5 80%);background:-moz-linear-gradient(45deg,#2bb6cf 0,#3ad5d5 80%)}
.com-bg-orange{background:#fc9c15;background:linear-gradient(45deg,#fc9c15 0,#feb62b 80%);background:-webkit-linear-gradient(45deg,#fc9c15 0,#feb62b 80%);background:-moz-linear-gradient(45deg,#fc9c15 0,#feb62b 80%)}
.com-text{text-align:center;background:linear-gradient(90deg,#2bb6cf 0,#3ad5d5 80%);-webkit-background-clip:text;color:transparent!important}
.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}

/* button */
.com-btn{display:flex;align-items:center;height:50px;width:188px;justify-content:center;font-size:16px;position:relative;z-index:1}
.com-btn.sm{height:40px;width:148px}
.com-btn.sm:hover:after{right:8px}
.com-btn.blue:after{transition:width .5s cubic-bezier(.23,1,.32,1),height .5s cubic-bezier(.23,1,.32,1);border:0}
.com-btn.blue:hover:after{border-color:#1383da}
.com-btn.blue:hover span{color:#1383da}
.com-btn.blue:hover i{background-image:url(/template/default/images/common/arrow-blue-rgt.png)}
.com-btn span{transition:.5s cubic-bezier(.23,1,.32,1);color:#fff}
.com-btn i{display:block;background:url(/template/default/images/common/arrow-white.png) no-repeat center/100%;width:26px;height:7px;margin-left:12px;transition:background-color .5s ease}
.com-btn:after{content:'';width:100%;height:100%;border:2px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:30px;transition:.5s cubic-bezier(.23,1,.32,1);z-index:-1}
.com-btn:hover span{letter-spacing:.2em}
.com-btn:hover:after{width:28px;height:28px;border:2px solid #fff;border-radius:16px;background:0 0;right:28px}
.com-btn.border span{color:#3f9de3}
.com-btn.border:after{border-color:#3f9de3}
.com-btn.border i{background-image:url(/template/default/images/common/arrow-blue-rgt.png)}

/* 动画 */
.build-in-scale-fade{opacity:0;transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1);transform:scale(.95) translateY(40px)}
.animate.build-in-scale-fade{opacity:1;transform:scale(1) translateY(0)}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */

}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-block{padding:80px 0!important}
    .com-btn{height: 46px;width: 170px}
    .com-btn.sm{width: 140px}
    .com-btn:hover:after{right: 18px}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-block{padding:60px 0!important}
    .com-btn{width: 140px!important;height: 40px!important;font-size: 15px}
    .com-btn i{margin-left: 8px}
    .com-btn:hover:after{right: 10px}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-block{padding:50px 0!important}
    .com-btn{width: 120px!important;height: 36px!important;font-size: 14px}
    .com-btn i{margin-left: 4px;width: 18px;height: 6px}
    .com-btn:after{border-width: 1px}
    .build-in-scale-fade{opacity: 1;transform: scale(1) translateY(0)}
    .com-btn:hover:after{right: 10px;width: 20px;height: 20px;border-width: 1px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .com-block{padding:40px 0!important}
    .com-btn{width: 110px!important;height: 32px!important;font-size: 13px}
}<!--0.00016593933105469-->