:root {
	--main-font: 16;
}

html {
	font-size: calc(100 * var(--main-font) / 1920 * 1vw) !important;
}

* {
	margin: 0rem;
	padding: 0rem;
	box-sizing: border-box;
}

body {
	font-family: "微软雅黑";
	color: #000000;
	background-color: #FFFFFF !important;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

body {
	margin: 0;
}

.wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.topad {
	width: 100%;
}

.topnav {
	width: 100%;
	background-color: #f2f2f2;
	overflow: hidden;
}

.topnav .topnavcontent {
	width: calc(1480/var(--main-font) * 1rem);
	margin: 0 auto;
	margin-top: calc(16/var(--main-font) * 1rem);
	margin-bottom: calc(11/var(--main-font) * 1rem);
	overflow: hidden;
}

.topnav .left {
	float: left;
}

.topnav .right {
	float: right;
}

.topnavcontent div,
.topnav a {
	float: left;
	font-size: calc(16/var(--main-font) * 1rem);
	color: #6b6b6b;
	margin-right: calc(20/var(--main-font) * 1rem);
}

.topnav a {
	margin-left: calc(20/var(--main-font) * 1rem);
	margin-right: 0;
	transition: transform 0.3s ease;
	/* 平滑过渡效果 */
}

.topnav a:hover {
	transform: scale(1.05);
}

.topsearchbtn {
	width: calc(1480/var(--main-font) * 1rem);
	margin: 0 auto;
	overflow: hidden;
}

.topsearchbtn .logo {
	float: left;
	margin-top: calc(25/var(--main-font) * 1rem);
	margin-right: calc(20/var(--main-font) * 1rem);
}

.topsearchbtn .logo img {
	width: calc(91/var(--main-font) * 1rem);
	height: calc(80/var(--main-font) * 1rem);
	vertical-align: bottom;
}

.topsearchbtn .slogan {
	float: left;
	margin-top: calc(59/var(--main-font) * 1rem);
	margin-right: calc(62/var(--main-font) * 1rem);
}

.topsearchbtn .slogan img {
	width: calc(269/var(--main-font) * 1rem);
	height: calc(33/var(--main-font) * 1rem);
}

.topsearchbtn .search {
	float: left;
	width: calc(665/var(--main-font) * 1rem);
	height: calc(49/var(--main-font) * 1rem);
	background-color: #f9fcff;
	border-radius: calc(20/var(--main-font) * 1rem);
	border: solid calc(1/var(--main-font) * 1rem) #0176f1;
	margin-top: calc(45/var(--main-font) * 1rem);
	margin-right: calc(19/var(--main-font) * 1rem);
}

.topsearchbtn .search .icon {
	float: left;
	width: calc(22/var(--main-font) * 1rem);
	height: calc(18/var(--main-font) * 1rem);
	margin-top: calc(14/var(--main-font) * 1rem);
	margin-left: calc(34/var(--main-font) * 1rem);
}

.topsearchbtn .search .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.topsearchbtn .search input {
	float: left;
	width: calc(400/var(--main-font) * 1rem);
	height: calc(45/var(--main-font) * 1rem);
	border: 0;
	background-color: #f9fcff !important;
	margin-left: calc(16/var(--main-font) * 1rem);
	font-size: calc(18/var(--main-font) * 1rem);
	color: #0176f1;
}

#keywords {
	background-color: #f9fcff !important;
}

.topsearchbtn .search input:focus {
	outline: none;
	/* 去除大部分浏览器的焦点轮廓 */
}

.topsearchbtn .search input::placeholder {
	color: #0176f1;
}

.topsearchbtn .search .btn {
	float: right;
	width: calc(132/var(--main-font) * 1rem);
	height: calc(49/var(--main-font) * 1rem);
	background-color: #0176f1;
	border-radius: calc(20/var(--main-font) * 1rem);
	font-size: calc(18/var(--main-font) * 1rem);
	line-height: calc(49/var(--main-font) * 1rem);
	color: #ffffff;
	text-align: center;
}

.topsearchbtn .btn1 {
	position: relative;
	float: left;
	width: calc(147/var(--main-font) * 1rem);
	height: calc(49/var(--main-font) * 1rem);
	background-color: #0176f1;
	border-radius: calc(20/var(--main-font) * 1rem);
	font-size: calc(18/var(--main-font) * 1rem);
	line-height: calc(49/var(--main-font) * 1rem);
	color: #ffffff;
	margin-top: calc(45/var(--main-font) * 1rem);
}

.topsearchbtn .btn1 .icon {
	position: absolute;
	left: calc(20/var(--main-font) * 1rem);
	top: calc(15/var(--main-font) * 1rem);
	width: calc(20/var(--main-font) * 1rem);
	height: calc(21/var(--main-font) * 1rem);
}

.topsearchbtn .btn1 .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.topsearchbtn .btn1 .name {
	position: absolute;
	left: calc(50/var(--main-font) * 1rem);
	top: calc(0/var(--main-font) * 1rem);
}

.topsearchbtn .btn1 .name a {
	color: #ffffff;
}

.topsearchbtn .btn2 {
	position: relative;
	float: left;
	width: calc(189/var(--main-font) * 1rem);
	height: calc(49/var(--main-font) * 1rem);
	background-color: #d6eaff;
	border-radius: calc(20/var(--main-font) * 1rem);
	border: solid calc(1/var(--main-font) * 1rem) #0176f1;
	font-size: calc(18/var(--main-font) * 1rem);
	line-height: calc(49/var(--main-font) * 1rem);
	color: #0176f1;
	overflow: hidden;
	margin-top: calc(45/var(--main-font) * 1rem);
	margin-left: calc(14/var(--main-font) * 1rem);
}

.topsearchbtn .btn2 .left {
	float: left;
	margin-left: calc(41/var(--main-font) * 1rem);
}

.topsearchbtn .btn2 .line {
	float: left;
	width: calc(2/var(--main-font) * 1rem);
	height: calc(19/var(--main-font) * 1rem);
	background-color: #0176f1;
	margin-top: calc(14/var(--main-font) * 1rem);
	margin-left: calc(20/var(--main-font) * 1rem);
	margin-right: calc(20/var(--main-font) * 1rem);
}

.topsearchbtn .btn2 .right {
	float: left;
}

nav {
	position: relative;
	width: 100%;
	background: linear-gradient(to bottom, #ffffff, #eeeeee);
	display: flex;
	align-items: center;
}

/* 清除列表项默认的样式 */
nav>ul {
	height: calc(85rem/var(--main-font));
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

/* 定义链接的样式 */
nav>ul>li {
	float: left;
	/* height: 182rem; */
	padding: 0 calc(22rem/var(--main-font));
	overflow: hidden;
	border-bottom-left-radius: calc(20rem/var(--main-font));
	border-bottom-right-radius: calc(20rem/var(--main-font));
	/* margin-right: 20rem; */
}

nav>ul>li:first-child .name {
	width: calc(560rem/var(--main-font));
	font-size: calc(28rem/var(--main-font));
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

nav>ul>li:first-child .name .en {
	font-size: calc(20rem/var(--main-font));
}

nav>ul>li .logo {
	float: left;
	width: calc(136rem/var(--main-font));
	height: calc(55rem/var(--main-font));
	margin-top: calc(70rem/var(--main-font));
	margin-right: calc(20rem/var(--main-font));
}

nav>ul>li .name {
	float: left;
	width: calc(560rem/var(--main-font));
	height: calc(58rem/var(--main-font));
	margin-top: calc(70rem/var(--main-font));
	margin-right: calc(20rem/var(--main-font));
}

nav>ul>li>a {
	display: block;
	color: white;
	text-align: center;
	text-decoration: none;
	line-height: calc(18rem/var(--main-font));
	font-size: calc(18rem/var(--main-font));
	color: #000000 !important;
}

nav>ul>.item_active>a {
	color: #ffffff !important;
}

nav>ul>li>a>img {
	width: calc(68rem/var(--main-font));
	height: calc(16rem/var(--main-font));
	margin-top: calc(10rem/var(--main-font));
}

nav{
	position: relative;
}

nav>ul>.item {
	height: calc(85rem/var(--main-font));
	/* transition: transform 0.3s ease; */
	/* 平滑过渡效果 */
}

nav>ul>.item .tag {
	position: absolute;
	left: 47% !important;
	top: 0;
	width: calc(92rem/var(--main-font));
	height: calc(25rem/var(--main-font));
	background-image: linear-gradient(90deg,
			#ff9521 0%,
			#ffb400 100%),
		linear-gradient(#72bdf3,
			#72bdf3);
	font-size: calc(16rem/var(--main-font));
	line-height: calc(25rem/var(--main-font));
	color: #ffffff;
	border-radius: calc(20rem/var(--main-font));
	border-top-left-radius: calc(10rem/var(--main-font));
	border-bottom-left-radius: calc(10rem/var(--main-font));
	text-align: center;
}

nav>ul>.item_active .ch,
nav>ul>.item_active .en {
	color: #1a71c4 !important;
}

nav>ul>.item:hover {
	/* transform: scale(1.1); */
	color: #3e89cf;
	/* 放大到原来的110% */
}

nav>ul>.item:hover>a {
	color: #ffffff !important;
}

nav>ul>.item .ch {
	font-size: calc(18rem/var(--main-font));
	font-weight: bold;
	color: #000000;
	margin-top: calc(33rem/var(--main-font));
	line-height: 1.2;
}

nav>ul>.item:hover .ch {
	color: #3e89cf;
}

nav>ul>.item .en {
	max-width: calc(110rem/var(--main-font));
	font-size: calc(18rem/var(--main-font));
	font-weight: bold;
	color: #000000;
	white-space: pre-wrap;
	line-height: 1.2;
}

nav>ul>.item .second_level {
	display: none;
	position: absolute;
	left: 0;
	top: calc(85rem/var(--main-font));
	z-index: 2000;
	width: 100%;
	background-color: #ffffff;
	margin: 0 auto;
}

nav>ul>.item:hover .second_level {
	display: block !important;
}

nav>ul>.item .second_level_content {
	width: calc(1480rem/var(--main-font));
	margin: 0 auto;
	padding: calc(70rem/var(--main-font)) 0;
	overflow: hidden;
}

nav>ul>.item .second_level_content li,
nav>ul>.item .second_level_content a {
	float: left;
	overflow: hidden;
	color: #000000 !important;
	margin-left: calc(20rem/var(--main-font));
}

nav>ul>.item .second_level_content li {
	margin-left: 0;
	margin-right: calc(80rem/var(--main-font));
	margin-bottom: calc(20rem/var(--main-font));
}

nav>ul>.item .second_level_content li:hover a {
	color: #1a71c4 !important;
	font-weight: bold;
}

nav>ul>.item .second_level_content li img {
	float: left;
	overflow: hidden;
	width: calc(11rem/var(--main-font));
	height: calc(10rem/var(--main-font));
	margin-top: calc(7rem/var(--main-font));
	vertical-align: bottom;
}

footer {
	width: 100%;
	position: relative;
}

footer .bgimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

footer .bgimg img {
	width: 100%;
	vertical-align: bottom;
}

footer .box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

footer .box .detail {
	width: calc(1480rem/var(--main-font));
	margin: 0 auto;
	overflow: hidden;
}

footer .box .detail .left {
	float: left;
	width: 60%;
	overflow: hidden;
}

footer .box .detail .left .top {
	width: 100%;
	margin-top: calc(63rem/var(--main-font));
	overflow: hidden;
}

footer .box .detail .left .top .phone {
	float: left;
	font-size: calc(43rem/var(--main-font));
	font-weight: bold;
	line-height: 1;
	color: #0276f1;
}

footer .box .detail .left .top .name {
	float: left;
	margin-left: calc(20rem/var(--main-font));
	font-size: calc(21rem/var(--main-font));
	font-weight: bold;
	color: #373737;
	margin-top: calc(12rem/var(--main-font));
}

footer .box .detail .left .middle {
	font-size: calc(16rem/var(--main-font));
	line-height: calc(31rem/var(--main-font));
	color: #373737;
	margin-top: calc(44rem/var(--main-font));
}

footer .box .detail .left .bottom {
	width: 100%;
	font-size: calc(16rem/var(--main-font));
	line-height: 1;
	color: #373737;
	margin-top: calc(30rem/var(--main-font));
	overflow: hidden;
}

footer .box .detail .left .bottom a,
footer .box .detail .left .bottom .line {
	float: left;
}

footer .box .detail .left .bottom a {
	font-size: calc(16rem/var(--main-font));
	line-height: 1;
	color: #373737;
	margin-right: calc(20rem/var(--main-font));
}

footer .box .detail .left .bottom .line {
	width: calc(1rem/var(--main-font));
	height: calc(16rem/var(--main-font));
	background-color: #373737;
	margin-right: calc(20rem/var(--main-font));
}

footer .box .detail .right {
	float: right;
	width: 40%;
	overflow: hidden;
}

footer .box .detail .right .code {
	float: right;
	width: calc(153rem/var(--main-font));
	margin-left: calc(20rem/var(--main-font));
	margin-top: calc(47rem/var(--main-font));
}

footer .box .detail .right .code .codeimg {
	width: calc(153rem/var(--main-font));
	height: calc(153rem/var(--main-font));
	background-color: #ffffff;
	padding: 10%;
}

footer .box .detail .right .code .codeimg img {
	width: 100%;
	height: 100%;
}

footer .box .detail .right .code .desc {
	width: 100%;
	font-size: calc(18rem/var(--main-font));
	line-height: 3;
	color: #373737;
	text-align: center;
}

footer .box .last {
	width: 100%;
	height: calc(56rem/var(--main-font));
	background-color: #0276f1;
	margin-top: calc(20rem/var(--main-font));
	text-align: center;
	color: #ffffff;
	line-height: calc(56rem/var(--main-font));
}

footer .box .last a {
	color: #ffffff;
}

input:-internal-autofill-selected {
    background-color: #f9fcff !important;
}