body {
	margin: 0 auto;
	background-color: #FFFFFF;
}

a {
	text-decoration: none;
	color: #707070;
}

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

.mask-box {
	width: 420px;
	height: 478px;
	background-color: white;
	margin: auto;
	margin-top: 258px;
	opacity: 1;
}

.mask-box-close {
	height: 38px;
}

.mask-box-close .icon-cha {
	display: inline-block;
	width: 30px;
	float: right;
	font-size: 18px;
	color: #333333;
	padding-top: 10px;
	cursor: pointer;
}

.mask-box-title {
	margin-left: 30px;
	height: 80px;
	display: flex;
}

.mask-box-logo {
	width: 95px;
	height: 65px;
}

.mask-box-logo img {
	width: 100%;
	height: 100%;
}

.mask-box-name {
	height: 65px;
	color: #707070;
	margin-left: 10px;
}

.mask-box-name .mask-box-name-c {
	font-size: 20px;
	padding-top: 7px;
}

.mask-box-name .mask-box-name-p {
	font-size: 13.5px;
	padding-top: 7px;
}

.mask-box-form {
	margin-left: 60px;
}

.mask-form-username,
.mask-form-pwd {
	margin-top: 16px;
}

.mask-form-check {
	margin-top: 30px;
}

.mask-form-button {
	margin-top: 12px;
}

.mask-form-ttt {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.mask-form-username input,
.mask-form-pwd input {
	width: 300px;
	height: 40px;
	border: 1px solid #cccccc;
	outline: none;
	text-indent: 15px;
}

.mask-form-username input::placeholder,
.mask-form-pwd input::placeholder {
	color: #cccccc;
	font-size: 14px;
}

.mask-form-button button {
	margin-top: 12px;
	background-color: #d81e06;
	width: 300px;
	height: 40px;
	border: 1px solid #d81e06;
	outline: none;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

.mask-box-bottom {
	margin-top: 12px;
	font-size: 13px;
	color: #707070;
	text-align: right;
	margin-right: 20px;
}

.mask-box-bottom a {
	text-decoration: none;
	color: #66adf4;
}

.mask-form-check input {
	vertical-align: middle;
}

.header {
	margin: 0 auto;
	width: 100%;
	height: 38px;
	background: #F2F2F2;
	opacity: 1;
	border-radius: 0px;
}

.header-box {
	margin: 0 auto;
	width: 1520px;
	height: 38px;
}

.header-left {
	float: left;
	height: 38px;
}

.header-left-logo {
	float: left;
	width: 24px;
	height: 24px;
	margin: 7px auto 7px ;
}

.register {
	float: left;
	margin-left: 8px;
	line-height: 38px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #707070;
	cursor: pointer;
}

.user_name {
	float: left;
	margin-left: 8px;
	line-height: 38px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #707070;
	/* display: none; */
}

.line {
	float: left;
	margin: 12px 8px 4px 8px;
	line-height: 38px;
	height: 12px;
	border: 1px solid #707070;
}

.login {
	float: left;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 38px;
	color: #707070;
	cursor: pointer;
}

.sign_out {
	float: left;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 38px;
	color: #707070;
	cursor: pointer;
	/* display: none; */
}

.header-right {
	float: right;
}

.header-right div {
	float: left;
}

.header-right>div>div {
	padding-left: 8px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 38px;
	color: #707070;
	cursor: pointer;
}

.header-right img {
	margin: 8px 0px 6px 16px;
	float: left;
	vertical-align: middle;
}

.header-right span {
	color: red;
}

.top {
	margin: 0 auto;
	width: 100%;
	height: 190px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.top .company-logo {
	position: relative;
	/* width: 462px; */
	width: 1520px;
	height: 65px;
	margin: 0 auto;
	opacity: 1;
	top: 22px;
	/* left: 200px; */
}

.top .company-logo .logo {
	float: left;
	width: 200px;height: 120px;position: relative; top: -22px;left: -20px;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/* @font-face {
	font-family: "阿里巴巴普惠体 2.0 65 Medium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/tvHBmXmOU0X2.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/rxY9QZJbeAaS.woff") format("woff");
	font-display: swap;
  } */
.top .company-logo .title {
	float: left;
	margin-left: 20px;
	font-family: Microsoft YaHei;
	color: #333333;
	opacity: 1;
}
/* @font-face {
	font-family: "阿里巴巴普惠体 2.0 35 Thin";font-weight: 250;src: url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/hssQ8W0Zfveh.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/veVrFNgPXtyV.woff") format("woff");
	font-display: swap;
  }
@font-face {
	font-family: "阿里巴巴普惠体 2.0 55 Regular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/E8SkY3OQeZeh.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/TjWrc1cdMjas.woff") format("woff");
	font-display: swap;
  }
@font-face {
	font-family: "阿里巴巴普惠体 2.0 85 Bold";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/ta85VIhfRI5i.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/og58JTb3iaUS.woff") format("woff");
	font-display: swap;
  }
@font-face {
	font-family: "阿里巴巴普惠体 2.0 115 Black";font-weight: 1000;src: url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/ooffFneVa8vj.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/x5dZKPv3sp4n/2r2nF6Oawwud.woff") format("woff");
	font-display: swap;
  } */
  /* @font-face {
	font-family: 'MyFont';
	src: url('__STATIC__/fonts/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf') format('truetype');
} */

.top .company-logo .title .introduce_cn {
	width: 400px;
	height: 33px;
	font-size: 27px;
	font-weight: 550;
	/* letter-spacing: 1px; */
	color: #000;
	font-family: "MyFont";
	position: relative;
	top: 5px;
	left: -36px;
	
}

.top .company-logo .title .introduce_en {
	width: 400px;
	height: 19px;
	font-size: 15px;
	font-weight: 600;
	line-height: 40px;
	font-family: "MyFont";
	position: relative;
	top: 5px;
	left: -36px;
}

.navigation {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 48px;
	/* background: #080000; */
	opacity: 1;
	border-radius: 0px;
}

.navigation .navigation-all {
	width: 1520px;
	height: 48px;
	margin: 0 auto;
}

/* .navigation:hover .menu {
	display: block;
} */

.navigation .navigation-all .navigation-left {
	float: left;
	/* margin-left: 200px; */
	width: 126px;
	height: 48px;
	cursor: pointer;
}

.navigation .navigation-all .navigation-left:hover .menu {
	display: block;
	height: 400px;
	overflow: hidden;
	overflow-y: scroll;
}

.navigation .navigation-all .navigation-left:hover .second-menu {
	display: block;
	height: 400px;
	overflow: hidden;
	overflow-y: scroll;
}

.navigation .navigation-all .navigation-left .navigation-left-logo {
	float: left;
	width: 24px;
	height: 24px;
}

.navigation .navigation-all .navigation-left .list img {
	width: 24px;
	height: 24px;
	margin-top: 12px;
}

.navigation .navigation-all .navigation-left .product-category {
	float: left;
	margin-left: 12px;
	width: 64px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 48px;
	color: #FBEDED;
	opacity: 1;
}

.navigation .navigation-all .navigation-left .polygon {
	float: left;
	margin: 20px 0 0 10px;
	width: 0px;
	height: 0px;
	border: 7px solid #000;
	border-top-color: #FBEDED;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

.navigation .navigation-all .navication-list {
	float: left;
	margin-left: 20px;
}

.navigation .navigation-all .navication-list div {
	float: left;
}

.navigation .navigation-all .navication-list div:nth-child(odd) {
	float: left;
	padding: 0 24px;
	height: 48px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 48px;
	color: #FBEDED;
	opacity: 1;
	cursor: pointer;
}

.navigation .navigation-all .navication-list div:nth-child(even) {
	float: left;
	margin: 18px auto 0;
	width: 0px;
	height: 10px;
	border: 1px solid #FBEDED;
	opacity: 1;
}

.top .search {
	/* position: relative; */
	float: right;
	margin: 8px auto;
	background: #fff;
	opacity: 1;
	border-radius: 100px;
	position: relative;
	top: 0px;
	right: -6px;
	width: 600px;
	height: 54px;
	border: #d9001b solid 2px;
	/* line-height: 54px; */
}
.top .search .btn {
	width: 114px;
	height: 44px;
	background: #d9001b;
	float: right;
	border-radius: 100px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 19px;
	position: relative;
	top: 5px;
	left: -5px;
	cursor: pointer;
}
.top .search input {
	border: none;
	outline: none;
	margin: 0 0px 0 20px;
	width: 419px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 0px;
	color: #000;
	background-color: #fff;
	opacity: 1;
	position: relative;
	top: 1px;
}

.top .search .pic {
	position: relative;
	top: 14px;
	right: 10px;
	float: right;
	cursor: pointer;
	width: 28px;height: auto;
}


.navigation .navigation-all .menu {
	/* width: 1128px; */
	/* width: 200px; */
	background-color: #ffffff;
	position: absolute;
	top: 48px;
	/* left: 200px; */
	z-index: 999;
	display: none;

	/* width: 100%; */
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
}

.navigation .navigation-all .menu .drop-down-menu {
	/* float: left; */
	width: 138px;
	font-family: Microsoft YaHei;
	color: #333333;
	align-items: center;

	display: inline-block;
}

.navigation .navigation-all .menu>div:nth-child(2n) {
	float: left;
	height: 200px;
	margin-top: 48px;
	/* border-right: 1px dotted gray; */
}

.navigation .navigation-all .menu>div:nth-last-child(2) {
	border: none;
	padding-bottom: 50px;
}

/* .menus {
	float: left;
	position: relative;
	border: 1px solid red;
	width: 1111px;
} */

.more {
	clear: both;
	width: 20px;
	margin: 0 auto;
	transform: rotate(90deg);
	letter-spacing: -6px;
}

.menu>ul {
	display: flex;
  }
   
  .menu{
	position: relative;
  }

  .menu .nav-litem {
	width: 200px;
	}
   
  .menu .nav-litem>a {
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
	font-size: 14px;
	color: black;
	text-align: left;
	background-color: white;
	display: block;
	line-height: 40px;
	white-space: nowrap; /* 不换行 */
   overflow: hidden; /* 超出部分隐藏 */
   text-overflow: ellipsis; /* 溢出部分显示省略号 */
  }
   
  /* 二级菜单 */
  .menu .nav-litem>ul {
	visibility: hidden;
	position: absolute;
	left: 200px;
	top: 0;
	width: 200px;
  }

  .menu .nav-litem a:hover {
	background-color: #ff4d4f;
	color: white;
  }

  .menu .nav-litem>ul>li {
	background-color: rgb(255, 255, 255);
	/* color: rgb(151, 10, 10); */
  }
   
  .menu .nav-litem>ul>li>a:hover {
	background-color: #ff4d4f;
	color: white;
  }
   
  .menu .nav-litem>ul>li>a {
	display: block;
	line-height: 40px;
	color: black;
  }
   
  /* 第一种：下拉 */
  .menu .nav-litem>ul {
	overflow: hidden;
	height: 0px;
	visibility: visible;
  }
   
  .menu .nav-litem:hover>ul {
	/* height: 450px; */
  }

  .second-menu {
	position: relative;
	/* top: 48px; */
	left: 215px;
	width: 200px;
	height: 400px;
	background-color: #ffffff;
	z-index: 999;
	display: none;

	/* width: 100%; */
	overflow: hidden;
	overflow: auto;
	white-space: nowrap;
  }
   
  .second-menu>a {
	font-size: 14px;
	color: black;
	text-align: left;
	background-color: white;
	display: block;
	line-height: 40px;
  }
   
  /* 二级菜单 */
  .second-menu>ol {
	/* visibility: hidden; */
	/* position: absolute; */
	/* left: 200px; */
	/* top: 0; */
	/* width: 200px; */
  }

  .second-menu a:hover {
	background-color: #ff4d4f;
	color: white;
  }

  .second-menu>ol>li {
	background-color: rgb(255, 255, 255);
	/* color: rgb(151, 10, 10); */
  }
   
  .second-menu>ol>li>a:hover {
	background-color: #ff4d4f;
	color: white;
  }
   
  .second-menu>ol>li>a {
	display: block;
	/* line-height: 40px; */
	color: black;
  }
   
  /* 第一种：下拉 */
  .second-menu>ol {
	overflow: hidden;
	/* height: 0px; */
	visibility: visible;
  }
   
  .second-menu ol {
	height: 40px;
}

  .second-menu ol a{
	padding: 0 20px;
	width: calc(100% - 40px);
	font-size: 14px;
	color: black;
	text-align: left;
	background-color: white;
	display: block;
	line-height: 40px;
	white-space: nowrap; /* 不换行 */
   overflow: hidden; /* 超出部分隐藏 */
   text-overflow: ellipsis; /* 溢出部分显示省略号 */
  }
  

  /* .menu .nav-litem ul:nth-child(2) {
	  display: none;
  } */

.footer {
	margin: 0 auto;
	width: 100%;
	height: 124px;
	background: #F2F2F2;
	opacity: 1;
	border-radius: 0px;
}

.footer .contact-information {
	width: 100%;
	height: 150px;
	background: #F2F2F2;
	opacity: 1;
	border-radius: 0px;
}

.footer .contact-information .footer-1 {
	/* width: 365px; */
	margin: 0 auto;
	padding: 17px 0 12px;
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	color: #333333;
	opacity: 1;
}

.footer .contact-information .footer-2 {
	/* width: 660px; */
	margin: 0 auto;
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	color: #333333;
	opacity: 1;
}


.footer .contact-information .footer-2 span {
	padding: 0 17px;
}

.footer .contact-information .footer-3 {
	/* width: 298px; */
	margin-top: 12px;
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	color: #333333;
	opacity: 1;
}

.footer .record-no {
	margin: 0 auto;
	width: 100%;
	height: 38px;
	background: #C40000;
	opacity: 1;
	border-radius: 0px;
	opacity: 1;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 0px;
	text-align: center;
}

.footer .record-no .record-no1 {
	display: inline-block;
	margin: 18px auto 11px;
	color: #FFFFFF;
}

.footer .record-no .record-no2 {
	color: #FFFFFF;
}

.notclick {
	pointer-events: none;
}