@charset "utf-8";
html { font-size: 100px;}
html,body { font-size: 0.18rem;}
.w145{ max-width: 14.5rem; margin: 0 auto;}

.head{ padding-top: 0.3rem;}
.head .logo-fl{}
.head .logo-fl .logo{ height: 0.38rem; display: inline-block;}
.head .logo-fl a{ margin-left: 0.35rem; color: #abb5c2; display: inline-block; vertical-align: bottom;}
.head .logo-fl a:hover { color: #237eee;}
.head .tel-fr{}
.head .tel-fr .tel{ margin-right: 0.21rem; line-height: 0.38rem;}
.head .tel-fr .tel img{ height: 0.24rem; margin-right: 0.06rem; display: inline-block; vertical-align: middle;}
.head .tel-fr .tel span{ color: #2786fe; font-weight: bold; display: inline-block; vertical-align: middle;}
.head .tel-fr .wx{ height: 0.38rem; margin-right: 0.15rem; line-height: 0.38rem; display: inline-block; vertical-align: middle; position: relative; cursor: pointer;}
.head .tel-fr .wx .wx-zk{ width:2rem; height: 0; margin-left: -0.68rem; padding: 0; border-radius: 0.15rem; background-color: #fff; position: absolute; top: 0.45rem; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.head .tel-fr .wx .wx-zk img{ width: 100%; height: 0;}
.head .tel-fr .wx:hover .wx-zk{ width: 2rem; height: 2rem; padding: 0.1rem;}
.head .tel-fr .wx:hover .wx-zk img{ height: 100%;}
.head .tel-fr .mfsy{ padding: 0 0.21rem; font-size: 0.16rem; color: #fff; line-height: 0.38rem; border-radius: 0.19rem; background: linear-gradient(90deg, #237eff, #45c4f3);}

.footer{ padding: 0.6rem 0;}
.footer .logo{ margin-top: 0.26rem;}
.footer .logo img{ width: 100%;}
.footer .font{}
.footer .font a{ display: block;}
.footer .font span{ margin-top: 0.15rem; font-size: 0.17rem; color: #666666; line-height: 0.2rem; display: inline-block; vertical-align: middle;}
.footer .font img{ height: 0.2rem; margin: 0 0.08rem 0 0.15rem; display: inline-block; vertical-align: middle;}
.footer .font span:nth-of-type(1){ margin-right: 1.5rem;}
.footer .font span:nth-of-type(2){ display: none;}
.footer .font span:nth-of-type(4){ margin-right: 0.98rem;}

.cb{ position: fixed; right: 0.6rem; bottom: 1rem; z-index: 999;}
.cb .kf{ width: 0.64rem; padding:0.18rem 0.16rem; text-align: center; border-radius: 0.32rem; box-shadow: 0 0 0.1rem rgba(4,102,225,.15); background: url(../images/2025-kf-bg.png) no-repeat center center; background-size: cover;}
.cb .kf a{ font-size: 0; display: block;}
.cb .kf img{ height: 0.32rem; display: inline-block; vertical-align: top;}
.cb .kf span{ margin-top: 0.06rem; font-size: 0.15rem; color: #fff; letter-spacing: 0.01rem; display: inline-block;}

.top{ width: 0.64rem; height: 0.64rem; margin-top: 0.25rem; border-radius: 0.32rem; box-shadow: 0 0 0.1rem rgba(4,102,225,.15); background: url(../images/2025-top.png) no-repeat center center #fff; background-size: auto auto; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; display: none;}
.top:hover{ background: url(../images/2025-top-hover.png) no-repeat center center, linear-gradient(90deg, #237eff, #45c4f3); cursor: pointer;}

@media screen and (max-width: 1600px) {
	.w145{ max-width: 14rem; margin: 0 auto;}
}
@media screen and (max-width: 1400px) {
	.w145{ max-width: 13rem; margin: 0 auto;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1152px) {
	html,body { font-size: 0.23rem;}
	.w145{ max-width: none; margin: 0 auto; padding: 0 0.3rem;}
}
@media screen and (max-width: 850px) {
	html,body { font-size: 0.25rem;}
	
	.head{ padding-top: calc(100vw * 30 / 750);}
	.head .logo-fl .logo{ height: calc(100vw * 38 / 750);}
	.head .logo-fl a{ margin-left: 0.21rem;}
	.head .tel-fr .tel{ margin-right: 0.21rem; line-height:calc(100vw * 38 / 750);}
	.head .tel-fr .tel img{ height:calc(100vw * 24 / 750);}
	.head .tel-fr .tel span{ font-size: 0.26rem;}
	.head .tel-fr .mfsy{ display: none;}
	.head .tel-fr .wx{ height: calc(100vw * 38 / 750); margin-right: 0.15rem; line-height:calc(100vw * 38 / 750);}
	.head .tel-fr .wx .wx-zk{ width: calc(100vw * 200 / 750); margin-left: calc(-100vw * 68 / 750); top: calc(100vw * 45 / 750);}
	.head .tel-fr .wx:hover .wx-zk{ width: calc(100vw * 200 / 750); height: calc(100vw * 200 / 750); padding: calc(100vw * 10 / 750);}
	
	.footer{ padding: calc(100vw * 50 / 750) 0 calc(100vw * 30 / 750) 0;}
	.footer .logo{ width: calc(100vw * 283 / 750); margin: 0 auto calc(100vw * 30 / 750)auto; float: none;}
	.footer .font{ float: none;}
	.footer .font a{ display: none;}
	.footer .font span{ margin-top: calc(100vw * 21 / 750); font-size: 0.25rem; line-height: calc(100vw * 20 / 750); text-align: center; display: block;}
	.footer .font img{ height: calc(100vw * 20 / 750); margin: 0 calc(100vw * 8 / 750) 0 calc(100vw * 15 / 750);}
	.footer .font span:nth-of-type(1){ margin-right: 0;}
	.footer .font span:nth-of-type(2){ display: block;}
	.footer .font span:nth-of-type(4){ display: none;}
	.footer .font span:nth-of-type(5){ margin-top: calc(-100vw * 10 / 750);}
	
	.cb{ right: calc(100vw * 30 / 750); bottom: calc(100vw * 100 / 750);}
	.cb .kf{ width: calc(100vw * 64 / 750); height: calc(100vw * 64 / 750); padding:calc(100vw * 16 / 750); border-radius: calc(100vw * 32 / 750);}
	.cb .kf img{ width: calc(100vw * 32 / 750); height: calc(100vw * 32 / 750);}
	.cb .kf span{ display: none;}
	
	.top{ width: calc(100vw * 64 / 750); height: calc(100vw * 64 / 750); margin-top: calc(100vw * 25 / 750); border-radius: calc(100vw * 32 / 750);}
}
@media screen and (max-width: 700px) {
	html,body { font-size: 0.35rem;}
	
	.head{ padding-top: calc(100vw * 30 / 500);}
	.head .logo-fl .logo{ height: calc(100vw * 30 / 500);}
	.head .logo-fl a{ display: none;}
	.head .tel-fr .tel{ line-height:calc(100vw * 30 / 500);}
	.head .tel-fr .tel img{ height: auto;}
	.head .tel-fr .tel span{ font-size: 0.38rem;}
	.head .tel-fr .wx{ height: calc(100vw * 30 / 500); line-height:calc(100vw * 30 / 500);}
	.head .tel-fr .wx .wx-zk{ width: calc(100vw * 200 / 500); margin-left: calc(-100vw * 68 / 500); top: calc(100vw * 45 / 500);}
	.head .tel-fr .wx:hover .wx-zk{ width: calc(100vw * 200 / 500); height: calc(100vw * 200 / 500); padding: calc(100vw * 10 / 500);}
	
	.footer{ padding: calc(100vw * 50 / 500) 0 calc(100vw * 30 / 500) 0;}
	.footer .logo{ width: calc(100vw * 283 / 500); margin: 0 auto calc(100vw * 50 / 500)auto;}
	.footer .font span{ margin-top: calc(100vw * 21 / 500); font-size: 0.35rem; line-height: calc(100vw * 20 / 500);}
	.footer .font img{ height: calc(100vw * 20 / 500); margin: 0 calc(100vw * 8 / 500) 0 calc(100vw * 15 / 500);}
	.footer .font span:nth-of-type(5){ margin-top: calc(-100vw * 10 / 500);}
	
	.cb{ right: calc(100vw * 10 / 500); bottom: calc(100vw * 100 / 500);}
	.cb .kf{ width: calc(100vw * 50 / 500); height: calc(100vw * 50 / 500); padding:calc(100vw * 10 / 500); border-radius: calc(100vw * 25 / 500);}
	.cb .kf img{ width: calc(100vw * 25 / 500); height: calc(100vw * 25 / 500);}
	
	.top{ width: calc(100vw * 50 / 500); height: calc(100vw * 50 / 500); margin-top: calc(100vw * 15 / 500); border-radius: calc(100vw * 25 / 500);}
}
@media screen and (max-width: 500px) {}