/* 菜单样式css文件 */

@charset "utf-8";

.mc_nav_xl {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 70px;
	width: 100%;
	border-top: 1px solid #dfdede;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
}

.mc_nav_xl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	transition: all .5s ease-in-out;
}

.mc_navxl_container {
	width: 1160px;
	margin: 0 auto;
	padding: 50px 0 60px;
}

.mc_navxl_r {
	width: 290px;
	padding: 42px 0;
	padding-left: 80px;
	text-align: left;
}

.mc_navxl_l {
	width: calc(100% - 290px);
	min-height: 206px;
	padding: 35px 0;
	border-right: 1px solid #dfdede;
	text-align: left;
}

.mc_navxl_title {
	font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	width: 314px;
	margin-top: 15px;
}

.mc_navxl_subnav {
	width: calc(100% - 314px);
}

.mc_subnav_a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding: 12px 0;
	color: #333333;
	white-space: normal;
}

.mc_subnav_li {
	float: left;
	width: 50%;
	padding-right: 30px;
}

.mc_navxl_subnav {
	max-width: 460px;
}

.mc_subnav_li:nth-child(odd) {
	clear: left;
}

.mc_navxlr_title {
	font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	color: #0052d9;
	margin-bottom: 12px;
}

.mc_navxlr_title a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_navxlr_a {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	padding: 12px 0;
}

/* pc导航 */
.mc_pc_hd {
	position: relative;
	width: 100%;
}

.mc_navbar {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	transition: all .5s;
}

.mc_cont100 {
	width: 81%;
	margin: 0 auto;
}

.mc_logo a,
.mc_nav_a {
	width: 100%;
	height: 100%;
	line-height: 70px;
	color: #fff;
}


.mc_navbar_l {
	height: 100%;
}

.mc_navbar_l>div {
	height: 100%;
	float: left;
}

.mc_navbar_m {
	width: 100%;
	text-align: center;
}

.mc_logo {
	width: 210px;
}

.mc_logobox {
	position: relative;
	display: block;
}

.mc_logo_def {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	transition: all .36s;
}

.mc_logo_fixed {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	transition: all .36s;
	opacity: 0;
}

/* nav */
.mc_nav {
	font-size: 0;
	width: 100%;
	text-align: right;
}

.mc_nav_li {
	/* float: left; */
	position: relative;
	display: inline-block;
	white-space: nowrap;
	padding: 0 1.74%;
}

.mc_nav_a {
	display: block;
	font-size: 14px;
}

.mc_nav_li:hover .mc_nav_a {
	color: #0052d9;
}
.mc_subnav_li .mc_subnav_a:hover {
	color: #0052d9;
}
.mc_fixed.mc_navbar {
	height: 70px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.mc_logo_imgbox {
	display: inline-block;
	vertical-align: middle;
}

.mc_fixed .mc_logo_def {
	opacity: 0;
}

.mc_fixed .mc_logo_fixed {
	opacity: 1;
}

.mc_fixed .mc_nav_a {
	color: #666;
}

:focus {
	outline: none !important;
}

.mc_nav_xl::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}

.mc_list_imgbox {
	position: relative;
}

.mc_nav_nor .mc_navxlr_imgbox {
	display: none;
}

.mc_nav_nor .mc_navxl_l {
	border-right: 0;
	width: 100%;
	min-height: auto;
}

.mc_nav_nor .mc_subnav {
	text-align: center;
}

.mc_nav_nor .mc_subnav_li {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 50px;
}



.mc_nav_nor .mc_navxl_subnav {
	max-width: none;
}

.mc_nav_nor .mc_subnav_li:nth-child(odd) {
	clear: none;
}

.mc_nav_nor .mc_navxl_title {
	display: none;
}

.mc_nav_nor .mc_navxl_r {
	display: none;
}

.mc_nav_nor .mc_navxl_subnav {
	width: 100%;
}


.mc_navxl_container {
	padding: 30px 0;
}

.mc_list_imgbox img {
	object-fit: cover;
}

.mc_logo_imgbox {
	width: 100%;
}

/* 8.5 */

/* 8.5 */
.mc_navbox_inner {
	width: 100%;
	text-align: center;
}

.mc_nav {
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.mc_navbox_inner {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.mc_innav_fg {
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	margin: 0 10px;
}

.mc_navbox_inner .mc_nav_a {
	font-size: 14px;
	color: #333;
	display: inline !important;
}

.mc_navbar_l {
	position: relative;
	z-index: 20;
}

.mc_innav_hd {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.mc_innav_hd .iconhome {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/innav_home.png) center / cover no-repeat;
	margin-top: -3px;

}

.mc_innav_hd .mc_nav_li {
	padding: 0 30px !important;
}

.mc_nav_a .iconhome {
	margin: 0 30px;
}

.mc_navbox_inner .mc_innav_fg {
	display: none !important;
}

.mc_navxl_l {
	padding: 25px 0;
}

.mc_nav_nor .mc_navxl_l {
	padding: 0;
}

.mc_navxl_r {
	padding-top: 30px;
	padding-bottom: 30px;
}

.mc_nav_li {
	position: relative;
	z-index: 1;
}

.mc_nav_li:hover::before {
	width: 60%;
}
.mc_nav_li::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #0052d9;
	transform: translate(-50%);
	transition: all .36s;
}

.mc_logo_imgbox {
	overflow: visible !important;
}

.mc_logo_imgbox img {
	object-fit: unset;
}

/* 9.11 */
.mc_navxl_container {
	padding: 0 !important;
}

.mc_nav_xl {
	top: 69px;
	height: 50px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .07);
	overflow: hidden;
}

.mc_nav_li:hover {
	z-index: 10;
}

.mc_nav_nor .mc_subnav_li {
	margin: 0;
	padding: 0 30px;
}

.mc_subnav_a {
	position: relative;
	z-index: 1;
	line-height: 20px !important;
	padding: 15px 0 !important;
}

.mc_subnav_a::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #0052d9;
	transition: all .3s;
	transform: translateX(-50%);
}

.mc_subnav_a:hover::before {
	width: 100%;
}

.mc_subnav_a {
	font-size: 14px;
}

/* 9.11 */

.mc_nonav>.mc_nav_a {
	cursor: default;
}

ul.list-paddingleft-2>li {
	list-style-type: inherit;
	color: #666;
}

ul.list-paddingleft-2 {
	padding-left: 30px;
}

ul[style="list-style-type: disc;"]>li::marker,
ol[style="list-style-type: disc;"]>li::marker {
	color: #0052d9;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px;
	content: "●";
	text-align: right;
}

.mc_list_imgbox img {
	z-index: initial;
}