.index-banner{
    height: 5.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(../img/mad.png);
    background-size:  100% 100%;
}
.index-banner .title1{
    font-size: 0.46rem;
    margin-bottom: 0.2rem;
}
.index-banner .title2{
    font-size: 0.3rem;
    line-height: 0.48rem;
}
#lunbo #lunbozhi{
	z-index: 999;
	top: 40%;
	position: absolute;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	left: 25%;

}
#lunbo #lunbozhi h1{
	font-size: 0.46rem;
    margin-bottom: 0.2rem;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
}
#lunbo #lunbozhi h2{
	font-size: 0.3rem;
    line-height: 0.48rem;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
	
}


.icon {
	background: url(../img/icon.png) no-repeat;
	display: inline-block;
	background-size: 2.4rem auto;
	vertical-align: middle;
}
.icon, .iconbef:before, .iconbef:after {
	content: "\20";
	display: block;
	text-align: center;
}
#lunbo_main {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	height: 3.2rem;
	background-size: 1px auto;
}
.lunbo {
	margin: 0 auto;
	width: 100%;
*zoom: 1;
	overflow: hidden;
	position: relative;
	height: 5.2rem;
}
.lunbo .list {
	width: 100%;
	overflow: hidden;
}
.lunbo .list li {
	float: left;
	width: 100%;
	overflow: hidden;
}
.lunbo .list li img {
	width: 100%;
	height: 5.2rem;
}

#lunbo .tip {
	width: 100%;
	height: 0.35rem;
	line-height: 0.35rem;
	clear: both;
	position: absolute;
	left: 50%;
	bottom: 10%;
	z-index: 2;
	font-size: 0;
}
#lunbo .tip span {
	display: inline-block;
	vertical-align: middle;
	width: 0.12rem;
	height: 0.12rem;
	margin: 0 0.05rem;
	vertical-align: middle;
background-position:-.26rem 0;
}
#lunbo .tip span.cur {
width:.24rem;
height:.2rem;
	background-position: 0rem 0rem;
}
#lunbo .tip {
	width: 100%;
	text-align: center;
	margin-left: 0;
	left: 0;
bottom: .2rem;
}
.service-list .item label{
    font-size: 0.28rem;
    color: #666666;
    margin-top: 0.2rem;
    display: block;
}
.blue-bg-box{
    background: #f2904f url(../img/4768694fb67ad7bf.png) right bottom no-repeat;
    background-size: 5.85rem 2.62rem;
    padding: 0.6rem 0.3rem;
}
.marketing-data-list{
    display: flex;
    flex-wrap: wrap;
}
.marketing-data-list .item{
    width: 33.33%;
    color: #ffffff;
    text-align: center;
}
.marketing-data-list .item:nth-child(1),.marketing-data-list .item:nth-child(2),.marketing-data-list .item:nth-child(3){
    margin-bottom: 1rem;
}
.marketing-data-list .item .value{
    font-size: 0.4rem;
}
.marketing-data-list .item .title{
    font-size: 0.26rem;
}
.swiper-container1 {
    position: relative;
    height: 4.4rem;
}
.swiper-container1 .swiper-wrapper{
    height: auto;
}
.swiper-container1 .swiper-slide {
    text-align: center;
    background: #ffffff;
    padding: 0.3rem;
    height: 4.04rem;
    box-shadow: 0px 0px 32px 0px rgba(51, 51, 51, 0.1);
}
.swiper-container1 .swiper-pagination{
    bottom: 0px;
}
.swiper-container1 .swiper-slide img{
    width: 0.72rem;
    margin-bottom: 0.3rem;
}
.swiper-container1 .swiper-slide .title{
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
}
.swiper-container1 .swiper-slide .text{
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #999999;
    text-align: left;
}
.swiper-container1 .swiper-slide .text span{
	padding-right: 10px;
	color: #F60;
}
.tab-menu{
    border-bottom: 1px #eeeeee solid;
    display: flex;
    justify-content: space-between;
    padding: 0 0.3rem;
    margin-bottom: 0.3rem;
}
.tab-menu .item{
    font-size: 0.28rem;
    padding: 0.2rem 0;
    color: #999999;
    border-bottom: 0.04rem #ffffff solid;
}
.tab-menu .item.active{
	color: #FF6600;
	border-bottom: 0.04rem #FF6600 solid;
	font-weight: bold;
}

.swiper-container2 {
    position: relative;
    height: 4.8rem;
    overflow: hidden;
}

.swiper-container2 .swiper-slide img{
    width: 6.22rem;
    height: 3.5rem;
    border-radius: 5px;
}
.swiper-container2 .swiper-slide .title{
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-top: 0.2rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.more-news-btn{
    width: 6.22rem;
    height: 0.72rem;
    font-size: 0.32rem;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
.swiper-container3 {
    position: relative;
    height: 2.5rem;
    overflow: hidden;
    margin-bottom: 0.6rem;
}
.swiper-container3 .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.swiper-container3 .swiper-slide .img{
    width: 33.33%;
}
.swiper-container3 .swiper-wrapper{
    height: auto;
}
.swiper-container3 .swiper-pagination3{
    text-align: center;
}

.about-zys{
    width: 7.5rem;
    height: 5.28rem;
    padding-top: 0.6rem;
    background: url(../img/662f7efe9e91bb80.png);
}



.mvk_video {
	z-index: -1;
	height: 380px ;
	width: 100%;
	position: relative;
	opacity: 0.6;
	background-color: #000;
}
.carousel_video video{
height: 380px;
width: 100%;
object-fit: cover;
}
.carousel_video.da{
	z-index: 999;
height: 380px;
width: 380px;

}

.pinzhid{
	text-align: center;
}
.pinzhik{
	height: 350px;
	width: 95%;
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0 0  10px;
	margin: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
.pinzhi_let{
	height: 300px;
	width: 40%;
	float: left;
	margin-right: 20px;
}
.pinzhi_you{
	height: 300px;
	width: 45%;
	float: right;
}
.pinzhi_you h2{
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.pinzhi_you h3{
	font-size: 16px;
	line-height: 2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.pinzhi_you p{
	font-size: 14px;
	line-height: 1.8em;
}
.diy p{
	font-size: 16px;
	line-height: 2em;
	color: #666;
}

/* ==== 手机版修正（源站 wap 结构对齐）==== */
/* 公司动态：tab 栏可左右滚动；字号/颜色沿用 .tab-menu 源站原值 */
#jiajuzixun{
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
#jiajuzixun::-webkit-scrollbar{ display: none; }
#jiajuzixun .item{
    display: inline-block;
    padding: 0.2rem 0.4rem;
}
#jiajuzixun .item:first-child{ padding-left: 0; }
#jiajuzixun .item:last-child{ padding-right: 0.3rem; }
/* 公司动态：每个 tab 一个横向滚动容器 */
.swiper-container2 .swiper-slide{ margin-right: 20px; }
.swiper-container2 .swiper-slide .img{ overflow: hidden; border-radius: 5px; }
.swiper-container2 .swiper-slide .img img{ display: block; width: 100%; height: 3.5rem; object-fit: cover; }
/* 客户评价：源站 .pinzhi 容器无固定高度，改为随内容自适应，避免压住下方「我们的产品」 */
.pinzhi{ position: relative; height: auto; overflow: hidden; }
.pinzhi .swiper-wrapper{ height: auto; }
.pinzhi .swiper-slide{ height: auto; padding: 0; background: none; box-shadow: none; text-align: left; }
.pinzhi .tip{ text-align: center; margin-top: 0.2rem; }
/* 手机版修正：swiper 基础布局（源站走 swiper-bundle.min.css，本地只引了 JS，导致 wrapper 变回 block、幻灯片竖排后被横向位移出可视区） */
.swiper-container2 .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;width:100%;height:100%;box-sizing:content-box;transition-property:-webkit-transform;transition-property:transform}
.swiper-container2 .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform}
