@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* 去除iPhone中默认的input样式 */
input[type="submit"], input[type="reset"], input[type="button"], input {
	-webkit-appearance: none;
	resize: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 图片自适应 */
img {
/*	height: auto;*/
	max-width: 100%;
	width: auto\9; /* ie8 */
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	color: #555;
}
em, i {
	font-style: normal;
}
strong {
	font-weight: normal;
}
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
a {
	text-decoration: none;
	color: #969696;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {
	border: none;
}



.purchase_process {
	width: 100%;
	padding-bottom: 16px;
	text-align: center;
	margin-top: 10px;
		display: inline-block;

	color: #8f8f8f;
	font-size: 16px;
	line-height: 36px;

	border-radius: 5px;
	color: #d97e39;


		width: 100%;
	padding: 20px 0;
	background: #f8f8f8;
}

.purchase_process .banner_pic{
	margin-bottom: 10px;
}
.purchase_process .content{
	width: 100%;
	padding: 16px 0;
	
}

.purchase_process .list ul{
	width: 100%;
	margin-top: 16px;
	overflow: hidden;
}
.purchase_process .list ul li{
	width: 16.66666%;
	float: left;
	text-align: center;
}
.purchase_process .list ul li img{
	display: block;
	margin: 0 auto;
	width: 60px;
}
.purchase_process .list ul li .pic{
	width: 100%;
	position: relative;
}
.purchase_process .list ul li .pic span{
	height: 15px;
	width: 15px;
	color: #fff;
	border-radius: 50%;
	background: #db8d54;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 4px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	z-index: 100;
}
.purchase_process .list ul li .pic:after{
position: absolute;
    left: 50%;
    bottom: 15px;
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: #cdcdcd dashed 1px;
    visibility: inherit;
    z-index: 89;
}
.purchase_process .list ul li:nth-child(6) .pic:after{
	display: none;
}
.purchase_process .list ul li .p-1{
	font-size: 16px;
	color: #2e2e2e;
	margin-top: 5px;
}
.purchase_process .list ul li .p-2{
	font-size: 12px;
	color: #666666;
	width: 80%;
	margin: 0 auto;
	height: 36px;		
}
.purchase_process .more a{
	padding: 0 46px;
	margin-top: 26px;
}
@media only screen and (max-width: 767px) {
	
	.purchase_process{
		padding: 0;
	}
	.purchase_process .list ul{
		margin-top: 0;
	}
	.purchase_process .list ul li{
		width: 33.3333%;
	}
	.purchase_process .list ul li:nth-child(3) .pic:after,.purchase_process .list ul li:nth-child(6) .pic:after{
		display: none;
	}
	
	}
.container, .container-fluid {
	width:100%;
/*	padding-right:var(--gutter-x, 0.75rem);
	padding-left:var(--gutter-x, 0.75rem);*/
	margin-right:auto;
	margin-left:auto;
}
.container {
	max-width:1430px;
	background-color: #fcfcfc;
	padding-top: 3%;
}
.mddh-title {
	text-align:center;
	margin-bottom:20px;
	color:var(--dark)
}
.mddh-title {
	text-align:center;
	margin-bottom:20px;
	color:var(--dark)
}
.mddh-title .title {
	font-size:20px;
	margin-bottom:0;
	position:relative;
	display:inline-flex;
	padding:0 8px;
}
.mddh-title .title::before, .mddh-title .title::after {
content:"";
position:absolute;
width:40px;
height:10px;
background-size:cover;
top:50%;
margin-top:-5px;
}
.mddh-title .title::before {
background-image:url("../images/mdi-title-leftbg.png");
right:100%
}
.mddh-title .title::after {
background-image:url("../images/mdi-title-rightbg.png");
left:100%
}
.mddh-title .subtitle {
	opacity:.8
}
.mddh-advantage {
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #ececec;
	border-right:1px solid #ececec;
}
.mddh-advantage>li {
	flex:0 0 49%;
	border-left:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.mddh-advantage .item {
	padding:10px 5px;
	height:100%;
	text-align:center;
	position:relative
}
.mddh-advantage .item .img {
	margin-bottom:6px;
}
.mddh-advantage .item .img img {
	/*width:115px;*/
	border-radius: 10px
}
.mddh-advantage .item .txt .title {
	font-size:16px;
	margin-bottom:3px;
	letter-spacing:1px
}
.mddh-advantage .item .txt .desc {
	color:var(--gray);
	font-size:12px;
}
.mddh-mudi-phone {
	background-color:#09713c;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	border-radius:4px;
	color: #fff;
	position:relative;
	padding:6px;
	text-align:center
}
.mddh-mudi-phone .img, .mddh-mudi-phone .btn-wrap {
	display:none
}
.mddh-mudi-phone .txt .num {
	font-size:22px;
}
.mdi-all-container .normal-section {
	padding-top:30px;
	padding-bottom:30px;
	order:1;
}
.mdi-all-container>*:nth-child(odd) {
background-color:var(--light)
}
.mdi-all-container .normal-section.mdi-info {
	background:linear-gradient(180deg, #fff, var(--light));
	order:2
}

.row-cols-md-3 > * {
flex:0 0 auto;
width:33.3333333333%;
}
.row {
	display:flex;
	flex-wrap:wrap;
margin-right:calc(-0.5 * var(--gutter-x, 1.5rem));
margin-left:calc(-0.5 * var(--gutter-x, 1.5rem));
}
.row-cols-1 > * {
	flex:0 0 auto;
	width:100%;
}
.mddh-dp-wrap .dp-item {
	background-color:var(--white);
	border-radius:4px;
	padding:15px 12px;
}
.mddh-dp-wrap .dp-item .txt {
	margin-bottom:10px;
}
.mddh-dp-wrap .dp-item .user {
	display:flex;
	align-items:center
}
.mddh-dp-wrap .dp-item .user .img {
	width:24px;
	margin-right:10px;
}
.mddh-dp-wrap .dp-item .user .img img {
	border-radius:50%
}
.mddh-dp-wrap .dp-item .user .name {
	color:var(--gray)
}
.mddh-kaocha {
	margin-top:10px;
	border-radius:4px;
	overflow:hidden;
	    background-color: #09713c;
    color: #fff;
}
.mddh-kaocha .img img {
	width:100%
}
.mddh-kaocha .txt {
	padding:5px 10px 15px;
	text-align:center
}
.mddh-kaocha .txt .title {
	font-size:16px;
	margin-bottom:10px;
}


@media (min-width:1400px) {
	.mddh-kaocha .img {
flex-basis:750px;
}
.mdi-all-container .normal-section {
	padding-top:30px;
	padding-bottom:30px;
	order:1;
}
.mdi-all-container .normal-section.mdi-info {
	background:linear-gradient(180deg, #fff, var(--light));
	order:2
}
	
	.mddh-title .title {
font-size:32px;
}
	}
@media (min-width:992px) {
	.mddh-kaocha {
margin-top:30px;
display:flex;
align-items:center
}
.mddh-kaocha .img {
flex:0 0 45%;
min-width:0
}
.mddh-kaocha .txt {
flex-grow:1;
min-width:0;
padding:0 20px;
display:flex;
justify-content:space-between;
align-items:center
}
.mddh-kaocha .txt .title {
margin-bottom:0;
font-size:20px;
}
	.mddh-dp-wrap .dp-item {
padding:20px 15px;
display:flex;
flex-direction:column;
height:100%
}
.mddh-dp-wrap .dp-item .txt {
margin-bottom:15px;
font-size:16px;
}
.mddh-dp-wrap .dp-item .user {
margin-top:auto
}
	
	.mdi-all-container .normal-section {
padding-top:40px;
padding-bottom:40px;
}
.mdi-all-container .normal-section.mdi-info {
order:-1
}
.mddh-title .title {
font-size:22px;
letter-spacing:1.5px;
}
.mddh-title .subtitle {
font-size:16px;
font-weight:lighter;
letter-spacing:.8px
}	
.mddh-advantage>li {
flex-basis:24%;
padding-bottom:0
}
.mddh-advantage .item .txt .title {
font-size:17px;
font-weight:600
}
.mddh-advantage .item .txt .desc {
font-size:14px;
}
.mddh-mudi-phone {
margin-top:30px;
padding:10px 10px 10px 140px;
text-align:left;
max-width:800px
}
.mddh-mudi-phone .img {
display:block;
position:absolute;
bottom:0;
left:30px;
width:70px;
}
.mddh-mudi-phone .txt {
font-size:16px;
display:flex;
align-items:center;
letter-spacing:1px
}
.mddh-mudi-phone .txt .num {
line-height:1.2;
margin-left:30px;
}

	}
@media (min-width:1200px) {
	.mddh-dp-wrap .dp-item {
padding:20px;
}
.mddh-dp-wrap .dp-item .txt {
margin-bottom:20px;
}
	.mb-2, .my-2 {
	margin-bottom:0.5rem !important;
}
	.mddh-advantage .item {
padding:14px
}
.mddh-advantage .item .img {
margin-bottom:10px;
}
.mddh-advantage .item .img img {
width:230px;
}
	.mddh-title .title {
font-size:28px;
padding:0 15px
}
.mddh-title .subtitle {
font-size:18px;
}
	.mdi-all-container .normal-section {
padding-top:50px;
padding-bottom:50px;
}
	
	}
	
	@media (min-width:769px) {
		
		.row-cols-md-3 > * {
flex:0 0 auto;
width:33.3333333333%;
}
		
		}
		
		
    .carousel-container {
      position: relative;
      max-width: 1200px;
    
      overflow: hidden;
    /*  border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);*/
    }
    
    .carousel {
      display: flex;
      transition: transform 0.5s ease-in-out;
      /*height: 400px;*/
    }
    
    .slide {
      min-width: 100%;
      height: 100%;
      position: relative;
    }
    
    .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .slide-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
      color: white;
      padding: 20px;
    }
    
    .slide-content h2 {
      font-size: 24px;
      margin-bottom: 10px;
    }
    
    .slide-content p {
      font-size: 16px;
    }
    
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background-color: rgba(255, 255, 255, 0.3);
      border: none;
      border-radius: 50%;
      color: white;
      font-size: 20px;
      cursor: pointer;
      transition: all 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .carousel-btn:hover {
      background-color: rgba(255, 255, 255, 0.5);
    }
    
    .prev-btn {
      left: 20px;
    }
    
    .next-btn {
      right: 20px;
    }
    
    .indicators {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
    }
    
    .indicator {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: all 0.3s;
    }
    
    .indicator.active {
      background-color: white;
      transform: scale(1.2);
    }