.xd_d_1 {
			padding-top: 3.4375em;
			text-align: center;
			border-bottom: 1px #d4d4d4 solid;
		}

		.xd_d_1 ul li {
			display: inline-block;
		}

		.xd_d_mid {
			margin: 0 16%;
		}

		.xd_d_1_mid_img_name {
			font-size: 1.125em;
			margin-top: .4em;
		}

		.xd_d_1_mid {
			border-left: 1px #d4d4d4 solid;
			padding: 0 3.90625vw;
		}

		.xd_d_1 ul li:nth-child(1) .xd_d_1_mid {
			border: none
		}

		.xd_d_1 ul li a {
			display: block;
			padding-bottom: 2em;
			position: relative;
		}

		.xd_d_2 {
			text-align: center;
			margin-top: 6em;
		}

	.xd_d_2_1 {
    font-size: 1.7em;
    text-transform: uppercase;
}

		.xd_d_2_2 {
			font-size: 1.5em;
			letter-spacing: 3pt;
		}

		.xd_d_3_list li {
			padding: 1.5em 1.5em;
			display: block;
			background-color: #efefef;
		}

		.xd_d_3_list li:nth-child(2n) {
			background-color: #fff;
		}

		.xd_d_3_mid {
			padding-right: 9em;
			position: relative;
		}

		.xd_d_3_mid_right {
			color: #8f8f8f;
			position: absolute;
			right: 0;
			top: 50%;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
		}

		.xd_d_3_mid_left span {
			position: relative;
			display: block;
			font-size: 1.125em;
			padding-left: 1.875em;
		}

		.xd_d_3_mid_left span:after {
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			width: 1.277777777777778em;
			height: 1em;
			background-image: url(../image/6.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
		}

		.xd_d_3_mid_right span {
			padding-right: 1em;
			background-image: url(../image/7.png);
			background-position: right center;
			background-repeat: no-repeat;
		}

		.xd_d_3 {
			margin-top: 2.875em;
			margin-bottom: 7.5em;
		}

		#passbox {
			background: rgba(0, 0, 0, .5);
			display: none;
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 999;
			padding-top: 20%;
		}

		.passbox_mid {
			margin: 0 auto;
			padding: 0 1em;
			max-width: 480px;
		}

		.passbox_mid_mid {
			overflow: hidden;
			border-radius: 5px;
			background-color: #fff;
			padding: 0em;
		}

		.passbox_mid_1 {
			padding: .5em 1em;
			border-bottom: 1px #dedede solid;
			position: relative;
		}

		.passbox_mid_2 {
			padding-right: 4em;
			margin: 1.5em 1em;
			position: relative;
		}

		.passbox_mid_2_wbk {
			width: 100%;
			border: 1px #dedede solid;
			font-size: 1em;
			padding: .5em 1em;
			background: none;
		}

		.passbox_mid_2_btn {
			width: 4em;
			font-size: 1em;
			cursor: pointer;
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			border: none;
			background: #333;
			color: #fff;
			text-align: center;
		}

		.passbox_close_t {
			position: absolute;
			right: 1em;
			top: 50%;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
			width: 1.5em;
			height: 1.5em;
			display: block;
		}

		.passbox_close::before,
		.passbox_close::after {
			content: '';
			width: 1.5em;
			height: 1px;
			/* 伪元素before和after添加的内容默认是 inline 元素 */
			/* inline内容有多大，它就有多大，不能设置宽和高 */
			/* 必须显示为block */
			display: block;
			background-color: #333;
			position: absolute;
			left: 0%;
			top: 50%;
		}

		.passbox_close::before {
			transform: rotate(45deg);
		}

		.passbox_close::after {
			background: #333;
			transform: rotate(-45deg);
		}

		.xd_d_1 ul li a:after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			height: 1px;
			width: 0;
			background-color: #000;
			-webkit-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			transition-duration: 0.5s;
			margin-bottom: -5.4%;

		}

		.xd_d_1 ul li a:hover:after,
		.xd_d_1 ul li a.on:after {
			width: 100%;
		}

		.xd_m_1 {
			color: #4b4b4b;
			padding-left: 25vw;
			padding-top: 2em;
			padding-bottom: 2em;
			position: relative;
			background-color: #efefef;
		}

		.xd_m_1_left {
			position: absolute;
			left: 1.5625vw;
			top: 50%;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
		}

		.xd_m_1_left_1 {
			width: 12.29166666666667vw;
		}

		.xd_m_1_left_2 {
			font-size: 1.25em;
			padding-left: 1em;
			white-space: nowrap;
			position: absolute;
			left: 12.29166666666667vw;
			top: 50%;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
		}

		.xd_m_1_right ul li {
			display: inline-block;
			margin-left: 18.125vw
		}

		.xd_m_1_right ul li a {
			font-size: 1.125em;
			color: #808080;
		}

		.xd_m_1_right ul li a:hover,
		.xd_m_1_right ul li a.on {
			color: #353535;
		}

		.xd_m_2 {
			position: relative;
		}

		.xd_m_2_right {
			margin-left: 14.21875vw;
			padding-top: 7.29166666666667vw;
			position: relative;
			border-left: 1px #cdcdcd solid;
			padding-left: 3.125vw;
			margin-bottom: 14.84375vw
		}

		.xd_m_2_left {
			position: absolute;
			left: 0;
			top: 0;
			width: 14.21875vw;
		}

		.xd_m_2_right_right {
			position: relative;
			margin-left: 25vw;
			margin-right: 13%;
		}

		.xd_m_2_right_right ul {
			position: relative;
		}

		.xd_m_2_right_right ul li {
			position: absolute;
			left: 0;
			top: 0;
			-webkit-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			transition-duration: 0.5s;
			opacity: 0;
		}

		.xd_m_2_right_right ul li:nth-child(1) {
			position: relative
		}

		.xd_m_2_right_right ul li.on {
			opacity: 1;
		}

		.xd_m_2_right_right_f {
			line-height: 1;
			-webkit-transform: translate(-75%, -0%);
			-ms-transform: translate(-75%, -0%);
			transform: translate(-75%, -0%);
			position: absolute;
			z-index: 10;
			left: 0;
			top: .2em;
			font-family: "Times New Roman", Times, serif;
			font-size: 3.64583333333333vw
		}

		.xd_m_2_left ul li a {
			font-size: 1.25em;
			color: #333333;
		}

		.xd_m_2_left ul li a.on,
		.xd_m_2_left ul li a:hover {
			color: #000;
		}

		.xd_m_2_left ul {
			margin-top: 1.5em;
		}

		.xd_m_2_left ul li {
			border-bottom: 1px #cdcdcd solid;
			padding: 1em 1.5625vw;
		}

		.xd_m_2_right_left {
			position: absolute;
			left: 3.125vw;
			bottom: 0;
			width: 20vw;
		}

		.xd_m_2_right_left_mid {
			margin: 0 36px;
		}

		.swiper-button-next-dd {
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
			position: absolute;
			right: 0;
			top: 50%;
			cursor: pointer
		}

		.swiper-button-prev-dd {
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
			position: absolute;
			left: 0;
			top: 50%;
			cursor: pointer
		}

		.xd_m_2_right_left_mid .swiper-slide {
			opacity: .5;
			cursor: pointer;
			-webkit-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			transition-duration: 0.5s;
		}

		.xd_m_2_right_left_mid .swiper-slide.on {
			opacity: 1
		}

		.xd_m_1_sals {
			padding-left: 0
		}

		.xd_m_1_sals_mid {
			margin-left: 14.21875vw;
			text-align: center;
		}

		.xd_m_1_sals_mid dl dd {
			display: inline-block;
			margin-right: .5em;
		}

		.xd_m_1_sals_mid dl dd:nth-child(3) {
			display: none
		}

		.msc {
			font-size: 1.5em;
			line-height: 1.875em;
		}

		.xd_m_1_sals_mid dl dd select {
			height: 2.5em;
			font-size: 1.125em;
			border: none;
			width: 320px;
			background-color: #fff;
		}

		.xd_m_1_sals_mid dl dd div {
			padding: 0 .5em;
			background-color: #fff;
		}

		.xdmals_1 ul li {
			margin-bottom: 2.5em;
			float: left;
			width: 32%;
			margin-right: 2%;
		}

		.xdmals_1 ul li:nth-child(3n) {
			margin-right: 0
		}

		.xdmals_1_mid_1 {
			height: 88px;
		}

		.xdmals_1_mid_1 img {
			max-height: 48px;
		}

		.xdmals_1_mid_2 {
			margin-top: 1em;
			line-height: 1.8;
			margin-bottom: 1.5em;
		}

		.xdmals_1_mid_3 span {
			display: inline-block;
			color: #fff;
			background-color: #363636;
			width: 8.4375em;
			line-height: 2.5em;
			height: 2.5em;
			text-align: center;
		}

		.xdmals_1,
		.xdmals_2 {
			margin-right: 6.77083333333333vw;
		}

		.xdmals_1_mid_2 {
			min-height: 173px;
		}

		.xdmals_2 .pro_3 {
			margin-bottom: 0
		}

		.xd_m_ss_top {
			padding-left: 14.21875vw;
		}

		.xd_m_ss {
			text-align: center;
			font-size: 1.5em;
		}

		.xd_m_2_right_ress {
			position: absolute;
			z-index: 10;
			left: 3.125vw;
			top: 7.29166666666667vw;
		}

		.xd_m_2_right_ress a {
			display: block;
			width: 5.125em;
			height: 5.125em;
			background-image: url(../image/17.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.xd_m_2_right_left_ak_1 {
			font-size: 1.6875em;
			color: #4b4b4b;
			margin-bottom: .4em;
		}

		.xd_m_2_right_left_ak_2 {
			margin-bottom: 2em;
		}

		.xd_b_mid {
			padding: 18.75vw 0;
		}

		.xd_b_mid_mid {
			margin: 0 auto;
			padding: 0 1em;
			max-width: 660px;
		}

		.xd_b_mid_mid_1 {
			font-size: 1.25em;
			padding-left: 2em;
			margin-bottom: 1em;
		}

		.xd_b_mid_mid_2 {
			position: relative;
			background-color: #111;
			border-radius: 5em;
			padding-right: 5em;
			padding-left: 2.5em;
		}

		.xd_b_mid_mid_2_left input {
			border: none;
			background: none;
			width: 100%;
			color: #fff;
			font-size: 1.25em;
			height: 4em;
			line-height: 4em;
		}

		.xd_b_mid_mid_2_right {
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: 5em;
		}

		.xd_b_mid_mid_2_right input {
			cursor: pointer;
			transform: scale(.9, .9);
			border: none;
			width: 100%;
			height: 100%;
			background: none;
			background-image: url(../image/18.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.brand_s_mid {
			margin: 0 13%;
			margin-top: 200px;
			margin-bottom: 150px;
		}

		.brand_s_mid_mid {
			position: relative;
		}

		.brand_s_mid_mid_left {
			float: left;
			width: 30%;
			box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1)
		}

		.brand_s_mid_mid_left img {
			width: 100%;
		}

		.brand_s_mid_mid_right {
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: 67%;
		}

		.brand_s_mid_mid_right_mid_left {
			cursor: pointer;
			position: absolute;
			left: 0;
			top: 50%;
			width: 2.9375em;
			height: 2.9375em;
			background-image: url(../image/20.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
		}

		.brand_s_mid_mid_right_mid_right {
			cursor: pointer;
			position: absolute;
			right: 0;
			top: 50%;
			width: 2.9375em;
			height: 2.9375em;
			background-image: url(../image/21.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			-webkit-transform: translate(-0%, -50%);
			-ms-transform: translate(-0%, -50%);
			transform: translate(-0%, -50%);
		}

		.brand_s_mid_mid_right_mid {
			position: relative;
			height: 100%;
		}

		.brand_s_mid_mid_right_mid_mid {
			height: 100%;
			margin: 0 70px;
			position: relative;
			background-color: #ccc;
		}

		.brand_s_mid_mid_right_mid_mid img {
			float: left;
		}

		.dm {
			width: 20%;
			height: 33.3333%;
			float: left;
			position: relative;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.dm a {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
		}

		.brand_s_mid_mid_right_mid_mid_line_1 {
			position: absolute;
			left: 0;
			top: calc(33.3333% - 5px);
			width: 100%;
			height: 5px;
			background-color: #fff;
			z-index: 10;
		}

		.brand_s_mid_mid_right_mid_mid_line_2 {
			position: absolute;
			left: 0;
			top: calc(66.6666% - 5px);
			width: 100%;
			height: 5px;
			background-color: #fff;
			z-index: 10;
		}

		.brand_s_mid_mid_right_mid_mid_line_3 {
			position: absolute;
			left: 0;
			left: calc(20% - 5px);
			height: 100%;
			width: 5px;
			background-color: #fff;
			z-index: 10;
		}

		.brand_s_mid_mid_right_mid_mid_line_4 {
			position: absolute;
			left: 0;
			left: calc(40% - 5px);
			height: 100%;
			width: 5px;
			background-color: #fff;
			z-index: 10;
		}

		.brand_s_mid_mid_right_mid_mid_line_5 {
			position: absolute;
			left: 0;
			left: calc(60% - 5px);
			height: 100%;
			width: 5px;
			background-color: #fff;
			z-index: 10;
		}

		.brand_s_mid_mid_right_mid_mid_line_6 {
			position: absolute;
			left: 0;
			left: calc(80% - 5px);
			height: 100%;
			width: 5px;
			background-color: #fff;
			z-index: 10;
		}

		.xd_d_mid1_xz {
			width: 100%;
			display: flex;
			justify-content: center;
			width: 100%;
    display: flex;
    justify-content: center;
    /* margin: 0; */
    padding: 0;
     
		}
		.xd_d_3_list {
			 
		 
    padding: 0;
     
		}
      .xd_d_1_mid_img img  {
			 
		 
    width: 30px;
     
		}
		@media screen and (max-width:780px) {
		    
		    	#passbox {
			 
			padding-top: 60%;
		}
		.xd_d_2_1 {
    font-size: 1.1em;
    text-transform: uppercase;
}
		
		    	.xd_d_mid1_xz {
			 
    margin-bottom: 1.1%;
		}
			.xd_d_mid {
				margin: 0 0%;
			}

			.xd_d_1 ul li {
				display: inline-block;
				width: 25%;
			}

			.xd_d_1_mid_img_name {
				font-size: 14px;
				margin-top: 0.8em;
			}

		}