/*body{ margin: 0; padding: 0;}*/
/**{ margin: 0; padding: 0; list-style: none; font-family: 'Medium', '微软雅黑'; font-size: 16px; color: #000;}*/
/*a{ text-decoration: none; cursor: pointer; display: block;}*/
/*img{ border: 0; display: block; }*/
/*h1, h2, h3, h4, h5{ font-weight: normal;}*/
/*ul, li{ list-style: none;}*/
/*b, i, em{ font-weight: normal; font-style: normal;}*/
/*button, textarea, input{ outline: none;}*/
/*select, option{ outline: none; appearance: none;}*/
/*html,body{ font-size: calc(100vw/19.2);}*/
.ani, .wow{ visibility: hidden;}
.swiper-button-next::after, 
.swiper-button-prev::after{ display: none;}
table{ border-collapse: collapse; border: none; margin: 0; padding: 0;}
@font-face{
	font-family: 'Medium';
	src:url('../fonts/TWKEverett-Medium.6988d836.woff');
}
::-webkit-scrollbar{ width: 0;}
::-webkit-scrollbar-thumb{}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}

.headercp .navcp{ display: flex;}
.headercp .navcp a{ margin-right: 20px; line-height: 24px; font-size: 14px; color: #222; background: hsla(0,0%,100%,0.00); cursor: pointer;}
.headercp .navcp a.cur{ text-decoration: underline;}
.headercp .navcp a svg{ display: none;}
.headercp .navcp .wli {font-weight:bold;}
.headerupboxmax{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -50; opacity: 0;display:none;}
.headerupboxmax2{ opacity: 1; z-index: 50;display:block;}
.headerupboxmax .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.65; z-index: 0; display: none;}
.headerupboxmax2 .up{ display: block;}
.headerupboxmax .xcont{ width: 650px; background: #f7f7f7; position: absolute; top: 0; left: -504px; opacity: 0; bottom: 0; z-index: 10; /*overflow-y: auto;*/ transition: all 0.5s;}
.headerupboxmax2 .xcont{ opacity: 1; left: 0;}
.headerupboxmax3 .xcont{ padding-right: 504px;}
.headerupboxmax .xcont .navcp{ display: flex; padding-top: 40px;padding-bottom: 40px;padding-left: 100px;}
.headerupboxmax .xcont .navcp a{ margin-right: 20px; line-height: 24px; font-size: 14px; color: #222; background: hsla(0,0%,100%,0.00); cursor: pointer;}
.headerupboxmax .xcont .wli{font-weight:bold;}
.headerupboxmax .xcont .navcp a.cur{ text-decoration: underline;}
.headerupboxmax .xcont .navcp a:last-child{ margin-right: 0;}

.headerupboxmax .xcont .xlist{ padding-top: 40px;padding-bottom: 40px;padding-left: 100px; position: absolute; top: 64px; left: 0; bottom: 0; right: 0; overflow-y: auto;}
.headerupboxmax .xcont .xlist .wli{ padding: 5px 0; width: 356px;}
.headerupboxmax .xcont .xlist .wli .xtit{ padding: 10px 0; display: flex; align-items: flex-start; /*font-weight: bold;*/ cursor: pointer; transition: all 0.5s;}
.headerupboxmax .xcont .xlist .wli .xtit .xh{ font-size: 40px; color: #222; line-height: 32px; margin-right: 5px;}
.headerupboxmax .xcont .xlist .wli .xtit svg{ display: block; transition: all 0.5s;}
.headerupboxmax .xcont .xlist .wli.cur .xtit svg{ transform: rotate(180deg);}

.headerupboxmax .xcont .xlist .wli .xmin{ display: none; justify-content: flex-start; flex-wrap: wrap; padding: 10px 0;}
.headerupboxmax .xcont .xlist .wli.cur .xmin{ display: flex;}
.headerupboxmax .xcont .xlist .wli .xmin a{ background: #fff; line-height: 20px; padding: 10px 12px; font-size: 12px; color: #222; border-radius: 20px; transition: all 0.5s; display: flex; align-items: center;}
.headerupboxmax .xcont .xlist .wli .xmin a:hover{ background: #eee;}
.headerupboxmax .xcont .xlist .wli .xmin a.a1{ background: #222; color: #fff;}
.headerupboxmax .xcont .xlist .wli .xmin a.a2{ background: #7000ff; color: #fff;}
.headerupboxmax .xcont .xlist .wli .xmin a svg{ margin-left: 8px; fill: #fff; transition: all 0.5s;}
.headerupboxmax .xcont .xlist .wli .xmin a svg path{ fill: #fff;}
.mk.cur .On_Xiala{color:#222222;}
.mk.cur .On_Xiala .xmin{display:flex!important;}
.mk.cur .Off_Xiala .xh{color:#cccccc!important;}
.mk.cur .Off_Xiala .xh:hover{color:#222222;}
.On_Xiala .xtit i{transform: rotate(180deg);}
.wli .xtit i{transition:0.3s;}
.headerupboxmax .xcont .ximg{ display: none; background: #fff; /*position: absolute;*/ position: fixed; top: 0; left: 504px; bottom: 0; overflow-y: auto; padding: 150px 0 0 0; width: 504px;}
.headerupboxmax .xcont .wli.on .ximg{ display: block;}
.headerupboxmax .xcont .ximg .xm img{ display: block; width: 100%;}
.headerupboxmax .xcont .ximg .xm{ overflow: hidden;}
.headerupboxmax .xcont .ximg a{ display: block; width: 360px; margin: 0 auto 25px auto; transition: all 0.5s;}
.headerupboxmax .xcont .ximg a:hover{ opacity: 0.8;}
.headerupboxmax .xcont .ximg .i{ display: flex; padding: 20px 12px;transition:0.3s;}
.headerupboxmax .xcont .ximg .i i{ font-size: 12px; color: #222; line-height: 16px; border-bottom: 1px solid #222;}

.headerupboxmax .xcont .xlist .mk{ display: none;}
.headerupboxmax .xcont .xlist .mk.cur{ display: block;}
.headerupboxmax .xcont .ximg2{ display: block; padding: 70px 0 0 0; left: 0; top: 70px; background: hsla(0,0%,100%,0.00);}
.headerupboxmax .xcont .ximg .i svg{ margin: 1px 0 0 10px; display: block;}

.headerupboxmax .xcont .xlist .wli .xtit:hover{ opacity: 0.6;}
.headerupboxmax .xcont .xlist .wli.www .xtit{ opacity: 0.4;}
.headerupboxmax .xcont .xlist .wli.www:hover .xtit{ opacity: 0.6;}
.headerupboxmax .xcont .ximg a.more{ width: auto; padding: 0; position: absolute; top: 5px; right: 50px;}

/*  */
.headercp .cell{ display: none;}
.headerupboxmax .tper{ display: none;}
.cdclick{ width: 30px; height: 30px; background: url(../images/cd.png) no-repeat center; background-size: 80% auto; cursor: pointer; display: none;}
@media (max-width: 960px){
	.headercp{ width: 100%; height: 100%; position: fixed; top: 0; left: -100%; opacity: 0; transition: all 0.5s; background: #f7f7f7; z-index: 30; padding: 0; border: none;}
	.headercp2{ opacity: 1; left: 0;}
	.headercp .cell{ display: flex; justify-content: space-between; align-items: center; padding: 20px 24px;}
	.headercp .cell a{ font-size: 13px; line-height: 16px; color: #222; border-bottom: 1px solid #222;}
	.headercp .navcp{ position: absolute; top: 130px; left: 0; right: 0; bottom: 0; overflow-y: auto; display: block; padding: 0 24px;}
	.headercp .navcp a{ font-size: 40px; display: flex; align-items: flex-start; padding: 5px 0; margin: 0; line-height: 50px; text-decoration: none!important;}
	.headercp .navcp a svg{ display: block; margin: 5px 0 0 5px;}
	.headerupboxmax .tper{ position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; z-index: 10; padding: 20px 24px; line-height: 16px;}
	.headerupboxmax .tper .i,
	.headerupboxmax .tper .em{ height: 16px; display: flex; align-items: center;}
	.headerupboxmax .xcont{ width: 100%;}
	.headerupboxmax .xcont .navcp{ padding: 20px 24px; display: flex; justify-content: center;}
	.headerupboxmax .xcont .navcp a{ display: none; margin: 0;}
	.headerupboxmax .xcont .navcp a.cur{ display: block; font-size: 13px; line-height: 16px; color: #666; text-decoration: none;}
	.headerupboxmax .xcont .xlist{ padding: 50px 0 20px 24px;}
	.headerupboxmax3 .xcont{ padding: 0;}
	.headerupboxmax .xcont .ximg{ top: 65px; left: 0; bottom: 0; right: 0; width: auto; background: #f7f7f7; padding: 24px;}
	.headerupboxmax .xcont .ximg a{ width: 100%;}
	.cdclick{ display: block;}
	.headerupboxmax .xcont .ximg a.more{ right: 20px;}
}