@charset "UTF-8";

/* 父容器：相对定位，作为标签的定位参考，保留你原有样式的同时增加核心属性 */
.contact-c {
  position: relative; /* 关键：让标签绝对定位 */
  margin: 10px 0;     /* 可选：增加间距，根据你的页面调整 */
  
  border-radius: 4px; /* 可选：圆角，贴合输入框 */
  padding: 0 15px;    /* 可选：内边距，根据你的页面调整 */
}
/* 输入框：清除边框，占满父容器，和标签重叠 */
.contact-c2 {
  width: 100%;
  height: 48px;       /* 固定高度，配合标签垂直居中 */
  line-height: 48px;
  border: none;       /* 清除默认边框，由父容器承载边框 */
  outline: none;      /* 清除聚焦默认外边框 */
  font-size: 18px;    /* 你原有fnt18，保留 */
  background: transparent; /* 透明背景，避免遮挡标签 */
  position: relative;
  z-index: 1;         /* 确保输入文字在标签上层 */
}
/* 浮动标签：默认状态（居中、大字体、灰色） */
.contact-placeholder {
  position: absolute;
  left: 15px;         /* 和父容器内边距一致，对齐输入框 */
  top: 30%;
   
  font-size: 18px;    /* 和输入框默认字体一致 */
  color: #999;        /* 占位符灰色，可自定义 */
  pointer-events: none; /* 禁止点击，避免遮挡输入框 */
  transition: all 0.3s ease; /* 核心：变形/位移过渡动画，流畅无卡顿 */
  white-space: nowrap;/* 防止标签文字换行 */
  z-index: 0;
}
/* 父容器激活类on：标签浮动到左上角（小字体、变色、上移） */
.contact-c.on .contact-placeholder {
  top: 10px;          /* 上移到左上角 */
  font-size: 12px;    /* 缩小字体 */
  color: #1890ff;     /* 激活变色（蓝色），可自定义为你的主题色 */
  font-weight: normal;/* 保持正常字重，避免标签过宽 */
}
/* 输入框样式调整，确保有足够空间 */
.contact-c2 {
  padding-left: 10px; /* 增加左内边距，避免输入内容与标签重叠 */
}
/* 可选：父容器激活时改变边框颜色，和标签呼应 */
.contact-c.on {
  border-color: #1890ff; /* 激活边框变色，和标签一致 */
}





/***********************/
.logon-tk{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 39;
	background: rgba(255,255,255,.5);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	display: none;
}
.logon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	height: 31.6vw;
	border-radius: 2vw;
	overflow: hidden;
	background: #fff;
	font-size: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.logon-lt{
	width: 37.7%;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	background: url(../img/img22.jpg);
	padding: 3vw;
	color: #fff;
	position: relative;
}
.logon-b{
	opacity: .3;
}

.logon-c{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 3vw;
}
.logon-cli{
	margin-top: .6vw;
	position: relative;
	padding-left: 1.5vw;
}
.logon-cli:after{
	content: '';
	width: .8vw;
	height: .8vw;
	border-radius: 100%;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.4vw;
	opacity: .3;
}
.logon-rt{
	width: 62.3%;
	display: inline-block;
	vertical-align: top;
	padding: 3.125vw 1.6vw;
}
.logon-rt .contact-c{
	width: 46%;
	margin-bottom: 1.3vw;
}
.logon-rt .contact-cwd{
	width: 100%;
}
.logon-rt .contact-crt{
	margin-left: 8%;
}
.logon-rt .contact-csub{
	margin-top: 0;
}
.logon-gb{
	width: 1.6vw;
	height: 1.6vw;
	position: absolute;
	top: 1.2vw;
	right: 1.2vw;
	background: url(../img/x03.png) no-repeat right;
	background-size: cover;
	opacity: .4;
}
.logon-gb:hover{
	opacity: 1;
}
.logon-yzm{
	width: 5vw;
	line-height: 3.125vw;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
}
.logon-fsz{
	width: 5vw;
	height: 3.125vw;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
}
.logon-fsz div{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	cursor: pointer;
	background: #fff;
	line-height: 3.125vw;
}
.logon-fsz .sp2{
	display: none;
}
@media(max-width:1200px){
	/*.logon-tk{
		display: block !important;
	}*/
	.logon{
		height: auto;
		overflow: hidden;
	}
	.logon-lt{
		position: absolute;
	}
	.logon-rt{
		float: right;
		padding: 40px 30px;
	}
	.logon-rt .contact-c{
		width: 100%;
		margin-left: 0;
	}
	.logon-yzm{
		width: 8vw;
	}
	.logon-fsz{
		width: 10vw;
		text-align: center;
	}
	.logon-lt{
		padding: 40px 30px;
	}
	.logon-cli{
		padding-left: 30px;
	}
	.logon-cli:after{
		width: 12px;
		height: 12px;
		top: 10px;
	}
	.logon-gb{
		width: 40px;
		height: 40px;
	}
}
@media(max-width:1000px){
	.logon-lt{
		width: 45%;
	}
	.logon-rt{
		width: 55%;
	}
}
@media(max-width:750px){
	.logon-lt{
		width: 100%;
		position: relative;
		height: auto;
	}
	.logon-rt{
		width: 100%;
	}
	.logon-c{
		position: relative;
		padding: 0;
		margin-top: .7rem;
	}
	.logon{
		width: 100%;
		top: 0;
		height: 100vh;
		transform: initial;
		left: 0;
		border-radius: 0;
	}
	.logon-cli{
		padding-left: .4rem;
	}
	.logon-cli:after{
		width: .2rem;
		height: .2rem;
		top: .1rem;
	}
	.logon-rt{
		padding: .4rem .5rem;
	}
	.logon-rt .contact-c{
		margin-bottom: .1rem;
	}
	.logon-yzm{
		width: 1rem;
		line-height: .8rem;
	}
	.logon-fsz{
		width: 1.5rem;
		height: .8rem;
		line-height: .8rem;
	}
	.logon-fsz div{
		line-height: .8rem;
	}
	.logon-rt .contact-csub{
		width: 100%;
		margin-top: .3rem;
	}
	.logon-tk{
	}
	.logon-a{
		font-size: .5rem;
		font-weight: bold;
	}
	.logon-gb{
		width: .8rem;
		height: .8rem;
		background-image: url(../img/x02.png);
	}
}
 

@media(max-width:750px){
	.gytk>i{
		width: .6rem;
		height: .6rem;
		right: -.6rem;
		
	}
	.gytk>i:before{
		background-size: .35rem;
	}
	.gytk iframe{
		width: 6rem;
		height: 3.3rem;
	}
	.mgTop{
		margin-top: 1rem;
	}
	.H48{
		font-size: .48rem;
	}
	.H34:after{
		width: .45rem;
		bottom: -.25rem;
	}
	.H34.cnt:after{
		margin-left: -.25rem;
	}
	
	.P36{
		font-size: .4rem;
	}
	.P40{
		font-size: .44rem;
	}
	
	.P48{
		font-size: .48rem;
	}
	.P60{
		font-size: .6rem;
	}
	.P30{
		font-size: .36rem;
	}
	.P26{
		font-size: .32rem;
	}
	.P24{
		font-size: .32rem;
	}
	.P20{
		font-size: .28rem;
	}
	.P18{
		font-size: .28rem;
	}
	.P16{
		font-size: .26rem;
	}
	.P14{
		font-size: .24rem;
	}
	
	.hoverImg .hover-img{
		transform: scale(1.);
		-ms-transform: scale(1.);
		-webkit-transform: scale(1);
		transition: .65s;
	  -webkit-transition: .65s;
	}
	.hoverImg:hover .hover-img{
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
			transition: all .65s;
		
	  
	  
	}
	
	.pc-show{
		display: none;
	}
	.md-show{
		display: block;
	}
}


.fnt100{
	font-size: 5.208333vw;
	line-height: 1.2;
}
.fnt80{
	font-size: 4.16666vw;
	line-height: 1.2;
}
.fnt72{
	font-size: 3.75vw;
	line-height: 1.2;
}
.fnt70{
	font-size: 3.64583333vw;
	line-height: 1.2;
}
.fnt68{
	font-size: 3.541666vw;
	line-height: 1.2;
}
.fnt60{
	font-size: 3.125vw;
	line-height: 1.3;
}
.fnt56{
	font-size:2.9166vw;
	line-height: 1.3;
}
.fnt52{
	font-size:2.70833vw;
	line-height: 1.3;
}
.fnt50{
	font-size:2.6041666vw;
	line-height: 1.3;
}
.fnt48{
	font-size:2.5vw;
	line-height: 1.3;
}
.fnt45{
	font-size:2.34375vw;
	line-height: 1.3;
}
.fnt40{
	font-size:2.08333vw;
	line-height: 1.4;
}
.fnt38{
	font-size:1.979166vw;
	line-height: 1.3;
}
.fnt36{
	font-size:1.875vw;
	line-height: 1.4;
}
.fnt34{
	font-size:1.7708vw;
	line-height: 1.4;
}
.fnt32{
	font-size:1.66666vw;
	line-height: 1.4;
}
.fnt30{
	font-size:1.5625vw;
}
.fnt28{
	font-size: 1.45833vw;
}
.fnt26{
	font-size: 1.354166vw;
}
.fnt24{
	font-size: 1.25vw;
}
.fnt22{
	font-size: 1.145833vw;
}
.fnt20{
	font-size: 1.04166vw;
}
.fnt18{
	font-size: 0.9375vw;
}
.fnt16{
	font-size: 0.83333vw;
}

.fnt14{
	font-size: 0.72916vw;
}
.fnw-b{
	font-weight: bold;
}

.wid1820{
	width: 94.8vw;
	margin: 0 auto;
}
.wid1800{
	width: 93.75vw;
	margin: 0 auto;
}
.wid1755{
	width:91.40625vw;
	margin: 0 auto;
}
.wid1680{
	width:87.5vw;
	margin: 0 auto;
}
.wid1660{
	width:86.45833vw;
	margin: 0 auto;
}
.wid1600{
	width: 80.72916vw;
	margin: 0 auto;
}
.wid1550{
	width: 80.72916vw;
	margin: 0 auto;
}
.wid1520{
	width: 79.166%;
	margin: 0 auto;
}
.wid1400{
	width: 72.91666666vw;
	margin: 0 auto;
}
.wid1300{
	width: 67.7vw;
	margin: 0 auto;
}
.wid1200{
	width: 62.5vw;
	margin: 0 auto;
}

.lin-1{
	line-height: 1;
}
.lin-2{
	line-height: 1.2;
}
.lin-3{
	line-height: 1.3;
}
.lin-4{
	line-height: 1.4;
}
.lin-5{
	line-height: 1.5;margin-top: 26px;
}
.lin-6{
	line-height: 1.6;
}
.lin-7{
	line-height: 1.7;
}
.lin-8{
	line-height: 1.8;
}
.lin-9{
	line-height: 1.9;
}
.lin-10{
	line-height: 2;
}
@media(max-width:1200px){

  .lin-5 {
    line-height: 1.5;
}
	.fnt100{
		font-size: 60px;
	}
	.fnt80{
		font-size: 55px;
	}
	.fnt72{
		font-size: 50px;
	}
	.fnt70,.fnt68{
		font-size: 46px;
	}
	.fnt60{
		font-size: 40px;
	}
	.fnt56{
		font-size:38px;
	}
	.fnt52{
		font-size:36px;
	}
	.fnt50{
		font-size:36px;
	}
	.fnt48{
		font-size:34px;
	}
	.fnt45{
		font-size:33px;
	}
	.fnt40{
		font-size:30px;
	}
	.fnt36,.fnt38{
		font-size:24px;
	}
	.fnt30,.fnt34,.fnt32{
		font-size:22px;
	}
	.fnt28{
		font-size: 21px;
	}
	.fnt24,.fnt26{
		font-size: 20px;
	}
	.fnt20,.fnt22{
		font-size: 18px;
	}
	.fnt18{
		font-size: 16px;
	}
	.fnt16,.fnt14{
		font-size: 14px;
	}
	.wid1820,.wid1800,.wid1755,.wid1680,.wid1660,.wid1550{
		width: 92%;
	}
	.wid1600,
	.wid1520,
	.wid1300{
		width: 90%;
	}
	.wid1400{
		width:88%;
	}
	.wid1200{
		width:86%;
	}
}
@media(max-width:1000px){
	.fnt100{
		font-size: 50px;
	}
	.fnt80{
		font-size: 45px;
	}
	.fnt72{
		font-size: 40px;
	}
	.fnt70,.fnt68{
		font-size: 36px;
	}
	.fnt60{
		font-size: 32px;
	}
	.fnt56{
		font-size:30px;
	}
	.fnt52{
		font-size:28px;
	}
	.fnt50{
		font-size:28px;
	}
	.fnt48{
		font-size:26px;
	}
	.fnt45{
		font-size:26px;
	}
	.fnt40{
		font-size:24px;
	}
	
	.fnt36,.fnt38{
		font-size:20px;
		font-weight: bold;
	}
	.fnt28,.fnt34,.fnt32{
		font-size: 20px;
	}
}
@media(max-width:750px){
	.fnt100{
		font-size: .7rem;
	}
	.fnt80{
		font-size: .65rem;
	}
	.fnt72{
		font-size: .6rem;
	}
	.fnt70,.fnt68{
		font-size: .56rem;
	}
	.fnt60{
		font-size: .55rem;
	}
	.fnt52,.fnt56{
		font-size:.5rem;
	}
	.fnt50{
		font-size:.5rem;
	}
	.fnt48{
		font-size:.5rem;
	}
	.fnt45{
		font-size:.4rem;
	}
	.fnt40{
		font-size:.4rem;
		font-weight: bold;
	}
	.fnt36,.fnt38{
		font-size:.36rem;
	}
	.fnt30,.fnt34,.fnt32{
		font-size:.36rem;
	}
	.fnt28{
		font-size: .34rem;
	}
	.fnt24,.fnt26{
		font-size: .32rem;
	}
	.fnt22{
		font-size: .32rem;
	}
	.fnt18,.fnt20{
		font-size: 1.6rem;
	}
	.fnt16{
		font-size: 1.26rem;
	}
	.fnt14{
		font-size: .24rem;
	}
}










/******************************/
.logon-tk .contact-c {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1.3vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.logon-tk .contact-c2 {
  display: block;
  width: 100%;
  height: 3.125vw;
  border: 0;
  background: initial;text-indent: 75px;
}
.logon-tk .contact-ctxt {
  height: 8vw;
  line-height: 2vw;
  resize: none;
}
.logon-tk .contact-crt {
  margin-left: 4%;
}
.logon-tk .contact-cwd {
  width: 100%;
}
.logon-tk .contact-c:after {
  content: "";
  width: 0%;
  height: 2px;
  background: #046ee4;
  position: absolute;
  left: 0;
  border: -1px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.logon-tk .contact-c.on:after {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.logon-tk .contact-c.on .contact-c2 {
  color: #046ee4;
}
.logon-tk .logon-tk .contact-c3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../nimages/ico08.png) no-repeat right center;
}
.logon-tk .contact-c4 {
  width: 100%;
  max-height: 10vw;
  overflow-y: auto;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 1vw;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 1px;
  display: none;
}
.logon-tk .contact-cps {
  z-index: 2;
}
.logon-tk .contact-c5 {
  display: block;
  margin: 5px 0;
  cursor: pointer;
}
.logon-tk .contact-c5:hover {
  color: #046ee4;
}
.logon-tk .contact-csub {
  width: 11.16vw;
  height: 2.6vw;
  border-radius: 1.3vw;
  background: #046ee4;
  color: #fff;
  border: 0;
  margin-top: 1.3vw;
}
.logon-tk .contact-btm-bj {
  background: url(../nimages/img05.jpg) no-repeat center;
  background-size: cover;
}
.logon-tk .contact-btm {
  padding: 6.25vw 0;
  font-size: 0;
}
.logon-tk .contact-d {
  color: #222;
}
.logon-tk .contact-f {
  width: 100%;
}
.logon-tk .contact-fli {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2.1vw 0;
  padding-left: 2vw;
  background: no-repeat left 2.5vw;
  background-size: auto 1.3vw;
  text-align: right;
  line-height: 2.1vw;
  position: relative;
}
.logon-tk .contact-fli:last-child {
  border: 0;
}
.logon-tk .contact-f2 {
  /*width: 6.78vw;
  position: absolute;
  left: 0;
  top: 2.1vw;
  display: none;*/
  text-align: right;
  width: 100%;
  padding-top: 0.6vw;
}
.logon-tk .contact-f2 img {
  width: 7vw;
}

@media (max-width: 1200px) {
  .logon-tk .contact-rt {
    padding-left: 3%;
  }
  .logon-tk .contact-rt .contact-fm {
    margin-top: 30px;
  }
  .logon-tk .contact {
    padding-top: 60px;
  }
  .logon-tk .contact-c2 {
    height: 40px;
  }
  .logon-tk .contact-c {
    margin-bottom: 20px;
  }
  .logon-tk .contact-ctxt {
    height: 120px;
    line-height: 30px;
  }
  .logon-tk .contact-csub {
    width: 80px;
    height: 40px;
    border-radius: 20px;
  }
  .logon-tk .contact-fli {
    line-height: 30px;
    padding: 20px 0;
    padding-left: 25px;
    background-size: auto 25px;
    background-position-y: 24px;
  }
  .logon-tk .contact-b,
  .logon-tk .contact-e {
    font-size: 17px;
  }
  .logon-tk .contact-c4 {
    max-height: 150px;
  }
  .logon-tk .contact-f2 img {
    width: 110px;
  }
}
@media (max-width: 750px) {
  .logon-tk .contact-lt {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 4rem;
  }
  .logon-tk .contact {
    padding: 0 4%;
    padding-top: 2.2rem;
    padding-bottom: 1rem;
  }
  .logon-tk .contact-img {
    width: 100%;
    height: 6.15rem;
  }
  .logon-tk .contact-b,
  .logon-tk .contact-e {
    font-size: 0.24rem;
    margin-top: 0.3rem;
  }
  .logon-tk .contact-rt {
    width: 100%;
    margin-top: 0.8rem;
    padding: 0;
  }
  .logon-tk .contact-c {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .logon-tk .contact-crt {
    margin-left: 0;
  }
  .logon-tk .contact-ctxt {
    height: 1.5rem;
  }
  .logon-tk .contact-csub {
    width: 1.4rem;
    height: 3.6rem;
    margin-top: 0.3rem;
  }
  .logon-tk .contact-btm {
    padding: 0.8rem 4%;
  }
  .logon-tk .contact-btm .contact-lt {
    height: auto;
  }
  .logon-tk .contact-fli {
    padding: 0.3rem 0;
    padding-left: 0.3rem;
    background-size: auto 0.3rem;
    line-height: 0.45rem;
    font-size: 0.28rem;
    background-position-y: 0.35rem;
  }
  .logon-tk .contact-f2 {
    padding-top: 0.2rem;
  }
  .logon-tk .contact-f2 img {
    width: 1.5rem;
  }
}
.logon-tk {
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left: 0;
  z-index: 39;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display:none;
}

.logon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 28vw;
  border-radius: 2vw;
  overflow: hidden;
  background: #fff;
  font-size: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.logon-lt {
  background: #046ee4;
  width: 37.7%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  padding: 3vw;
  color: #fff;
  position: relative;
}

.logon-b {
  opacity: 0.3;
}

.logon-c {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 3vw;
}

.logon-cli {
  margin-top: 0.6vw;
  position: relative;
  padding-left: 1.5vw;
}

.logon-cli:after {
  content: "";
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 100%;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.4vw;
  opacity: 0.3;
}

.logon-rt {
  width: 62.3%;
  display: inline-block;
  vertical-align: top;
  padding: 2.125vw 1.6vw;
}

.logon-rt .contact-c {
  width: 46%;
  margin-bottom: 1.3vw;
}

.logon-rt .contact-cwd {
  width: 100%;
}

.logon-rt .contact-crt {
  margin-left: 8%;
}

.logon-rt .contact-csub {
  margin-top: 0;
}

/* 隐私政策样式 */
.logon-rt .contact-cprivacy {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: none;
  height: 3.125vw;
}

.logon-rt .contact-cprivacy:after {
  display: none;
}

.logon-rt .contact-checkbox {
  width: auto !important;
  height: auto !important;
  margin: 0 10px 0 0 !important;
  vertical-align: middle;
  flex-shrink: 0;
}

.logon-rt .contact-cprivacy a {
  line-height: 1.5;
}




.logon-gb {
  width: 1.6vw;
  height: 1.6vw;
  position: absolute;
  top: 0.6vw;
  right: 1.2vw;
  background: url(../images/x03.png) no-repeat right;
  background-size: cover;
  opacity: 0.4;
}

.logon-gb:hover {
  opacity: 1;
}
/* 验证码样式调整 */
.logon-yzm {
  width: 5vw;
  line-height: 3.125vw;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 1;
}

/* 验证码输入框容器样式 */
.contact-c:has(#vcode) {
  position: relative;
}

/* 验证码输入框样式 */
#vcode {
  padding-right: 6vw; /* 为验证码图片留出空间 */
}

.logon-fsz {
  width: 5vw;
  height: 3.125vw;
  position: absolute;
  right: 0;
  top: 10px;
  background: #fff;
}

.logon-fsz div {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  cursor: pointer;
  background: #fff;
  line-height: 3.125vw;
}

.logon-fsz .sp2 {
  display: none;
}

@media (max-width: 1200px) {
  .logon-tk {
    /*.logon-tk{
    	display: block !important; 
    }*/
  }
  .logon-tk .logon {
    height: auto;
    overflow: hidden;
  }
  .logon-tk .logon-lt {
    position: absolute;
  }
  .logon-tk .logon-rt {
    float: right;
    padding: 40px 30px;
  }
  .logon-tk .logon-rt .contact-c {
    width: 100%;
    margin-left: 0;
  }
  .logon-tk .logon-yzm {
    width: 8vw;
  }
  .logon-tk .logon-fsz {
    width: 10vw;
    text-align: center;
  }
  .logon-tk .logon-lt {
    padding: 20px 30px;
  }
  .logon-tk .logon-cli {
    padding-left: 30px;
  }
  .logon-tk .logon-cli:after {
    width: 12px;
    height: 12px;
    top: 10px;
  }
  .logon-tk .logon-gb {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1000px) {
  .logon-tk .logon-lt {
    width: 45%;
  }
  .logon-tk .logon-rt {
    width: 55%;
  }
}
@media (max-width: 750px) {
  .logon-tk .logon-lt {
    width: 100%;
    position: relative;
    height: auto;
  }
  .logon-tk .logon-rt {
    width: 100%;
  }
  .logon-tk .logon-c {
    position: relative;
    padding: 0;
    margin-top: 0.7rem;
  }
  .logon-tk .logon {
    width: 100%;
    top: 0;
    height: 100vh;
    transform: initial;
    left: 0;
    border-radius: 0;
  }
  .logon-tk .logon-cli {
    padding-left: 0.4rem;
  }
  .logon-tk .logon-cli:after {
    width: 0.2rem;
    height: 0.2rem;
    top: 0.1rem;
  }
  .logon-tk .logon-rt {
    padding: 0.4rem 0.5rem;
  }
  .logon-tk .logon-rt .contact-c {
    margin-bottom: 0.1rem;
  }
  .logon-tk .logon-yzm {
    width: 1rem;
    line-height: 0.8rem;
  }
  .logon-tk .logon-fsz {
    width: 10rem;
    height: 0.8rem;
    line-height: 0.8rem;top: 8px;
  }
  .logon-tk .logon-fsz div {
    line-height: 0.8rem;
  }
  .logon-tk .logon-rt .contact-csub {
    width: 100%;
    margin-top: 1.3rem;
  }
  .logon-tk .logon-a {
    font-size: 2.5rem;
    font-weight: bold;
  }
  .logon-tk .logon-gb {
    width: 4.8rem;
    height:4.8rem;
    background-image: url(../images/x02.png);
  }
}



.btn-look-more {
  display: block;
  width: 6.78vw;
  line-height: 2.8vw;
  border-radius: 1.5vw;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  margin: 0 auto 2.5vw;
}

.btn-look-more:hover {
  background: #046ee4;
  color: #fff;
  border-color: #046ee4;
}

/* 下载中心 end */
/* 二级导航 begin */
 

/*# sourceMappingURL=n-version.css.map */