/*------------index.html  start----------------*/	
.header .btn::after {
	background: #;/*加入这个颜色0e0c36 首页“联系我们”箭头有黑影*/
}
.header_fixed .btn::after,
.header2 .btn::after {
	background: #;/*加入这个颜色ff5f00 首页下翻时“联系我们”箭头有黑影*/
}

/*海报*/
.banner img {
	max-width: 100%;
}
.banner .app_img {
	display: none;
}
.banner .ban_info{
	position: absolute;
	left: 50%;
	top: 18%;
}
.banner .ban_infoAi{
	position: absolute;
	left: 50%;
	top: 14%;
}
.banner .ban_info .info_left{
	float: left;
	width: 57%;   /*头部黄灯片左边文字部分占比*/
}

.banner .ban_info .btn {
    padding: .2rem .8rem;
}
.banner .ban_info .btn:hover {
	padding: .2rem 1rem .2rem .6rem;
}
.banner .ban_info .btn:after {
    right: .8rem;
}
.banner .ban_info .btn:hover:after {
    right: .6rem;
}
.banner .ban_info .btn_xs {
	margin-left: .16rem;
}

.banner .ban_info .info_right{
	float: right;
	width: 43%; /*头部幻灯片右边图片部分占比*/
}
.banner .ban_info h1 {
	color: #0e0c36;
	font-size: .64rem;/*幻灯片第一行字体大小*/
	font-weight: 800;
	margin-top: .6rem;
	position: relative;
	letter-spacing: -1px;
}
.banner .ban_info h1 span {
	color: #D20000;
}
.banner .ban_info h1 .mark_img {
    position: absolute;
    top: -.1rem;
    left: 5.8rem;/*版本号距离左侧长度*/
	animation: pronamei 1s infinite both;
    -webkit-animation: pronamei 1s infinite both;
}
@keyframes pronamei {
  0% {
      top:-25px;
  }
 
  50%{
	  top:-15px;
  }
 
  100% {
      top:-25px;
  }
}

.banner .ban_info h2 {
	color: #0e0c36;
	font-size: .58rem;/*幻灯片第二行字体大小*/
	font-weight: 400;
    line-height: .55rem;
}
.banner .ban_info ul {
	margin-bottom: .16rem;
	overflow: hidden;
}
.banner .ban_info li {
	float: left;
	width: 33%;
	margin-bottom: .12rem;
	color: #0e0c36;
	font-size: .2rem;/*幻灯片✔后面字体大小*/
	font-weight: 300;
	padding-left: .24rem;
	background: url("../images/application-icon2.png") no-repeat 0px center;
	background-size: .16rem .12rem;
}
.banner .ban_info .ul_100 li{
	width: 100%;}
    
/* 幻灯片底部说明段落样式 */
.banner .ban_info p {
    /* 文字颜色：深蓝灰色(RGB值14,12,54)带60%透明度 */
    color: rgba(14,12,54,0.6);
    /* 字体粗细：500（中等粗细度） */
    font-weight: 500;
    /* 字体大小：0.165rem（基于根元素字体大小的响应式单位） */
    font-size: .165rem;
    /* 行高：0.24rem（保证文字垂直间距） */
    line-height: .24rem;
    /* 左内边距：0rem（无缩进，与父容器严格对齐） */
    padding-left: 0rem;
    /* 下外边距：0.26rem（与下方元素保持固定间距） */
    margin-bottom: .26rem;
}
.banner .ban_info p span {
	display: inline-block;
	margin-right: .25rem;
}


.banner .ban_info .info_right{
	position: relative;
}
.banner .ban_info .info_right img{
}
.banner .ban_info .info_right .ban_img{
	width: 100%;
}
/*-
.banner_mouse{ 
	position: absolute;
	z-index: 1;
	left: 2.4rem;
	bottom: .4rem;
	width: 24px;
	height: 42px;
	cursor:pointer;
	background:url("../images/banner_mouse_ico.png") no-repeat -24px 0px;
	-webkit-animation: nudgeMouse 1.6s linear infinite;
	animation: nudgeMouse 1.6s linear infinite;
}
.banner_mouse:after,
.banner_mouse:before{
	content: "";
	position: absolute;
}
.banner_mouse:before{
	width: 24px;
	height: 42px;
	background: url(../images/banner_mouse_ico.png) no-repeat 0px 0px;
	-webkit-animation: colorSlide 1.6s linear infinite;
	animation: colorSlide 1.6s linear infinite;
	top:0;
	left:0;
}
.banner_mouse:after{
	background-color: #ffffff;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	-webkit-animation: trackBallSlide 1.6s linear infinite;
	animation: trackBallSlide 1.6s linear infinite;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
    
}

@keyframes nudgeMouse {
 0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
}

@keyframes colorSlide {
	0% {
		height:0;
	}
	
	90%{
		height:40px;
	}
}

@keyframes trackBallSlide {
    0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
				transform: scale(1) translateY(-8px);
    }
    34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
				transform: scale(0.9) translateY(4px);
    }
    68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
				transform: scale(0.4) translateY(16px);
    }
    100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
				transform: scale(0.4) translateY(-8px);
    }
}

    */
.swiper-button-next,
.swiper-button-prev {
    width: .6rem;
	height: .6rem; 
	top: auto;
	bottom: .4rem;
	color: #fff;/*下一页箭头色 白色*/
	background: rgba(141, 141, 141, 0.45);;/*下一页标签背景颜色 */
	border-radius: 50%;/*下一页标签圆角大小 */
    transition: all 0.6s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	color: #D20000;
	background: #fff;
}
.swiper-button-prev:after,
.swiper-button-next:after{
	font-size: .22rem;
	font-weight: bold;
}
/*海报 结束*/



.title{
	font-size: .48rem;
    color: #0e0c36;
    font-weight: 600;
	margin-bottom: .6rem;
	position: relative;
}



/*产品中心*/
.product{
	padding: 1rem 1rem;
	background: url(../images/cont_bg.png) no-repeat 0 top;
    background-size: 100% auto;
}
.product .pro_box li{
	width: 30.33%;
	margin: 1.5%;
	float: left;
	border-radius: 16px;
	position: relative;
	transition: all .3s;
	border: 1px solid #fff;
	padding: .3rem;
	background: url(../images/esignType_bg.png) no-repeat;
    background-size: cover;
}
.product .pro_box li:hover{
	box-shadow: 0 20px 60px rgba(14,12,54,0.1);
	transform: translateY(-6px);
	transition: all .3s;
	border: 1px solid #f37d7d;/*功能特点边框线条颜色*/
}
.product .pro_box li>div{
}
.product .pro_box li h1{
	font-size: .3rem;
	font-weight: 600;
	color: #0e0c36;
	margin-bottom: .12rem;
	letter-spacing: -2px;
}
.product .pro_box li h1 img{
	width: .62rem;
	margin-bottom: .24rem;
	display: block;
}
.product .pro_box li p{
	font-size: .2rem;
	font-weight: 300;
	line-height: .32rem;
	height: .64rem;
    color: #646c74;
	margin-bottom: .16rem;
}

.product .pro_box li .btn {
    padding: .1rem .3rem;
	margin-right: .1rem;
	border: 1px solid #0e0c36;
    background: none;
    color: #0e0c36;
}
.product .pro_box li .btn:hover {
	padding: .1rem .4rem .1rem .2rem;
	border: 1px solid #D20000;/*功能特点里下载和了解更多“鼠标经过”边框颜色*/
    color: #D20000;/*功能特点里下载和了解更多“鼠标经过”字体颜色*/
}
.product .pro_box li .btn:after {
    background: url(../images/a_link2.png) no-repeat 0px 0px;
    right: .3rem;
}
.product .pro_box li .btn:hover:after {
    right: .2rem;
}
.product .pro_box li .btn_xs {
    border: 1px solid transparent;
	background: #D20000;
    color: #ffffff;
}
.product .pro_box li .btn_xs:hover {
	color: #fff;
    border: 1px solid transparent;
	background: #D20000;
    
}
.product .pro_box li .btn_xs:after {
    background: url(../images/a_link.png) no-repeat 0px 0px;
    background-size: 15px 10px;
}
/*产品中心 结束*/



/*解决方案*/
.solution{
	padding: .6rem 0 1rem;
	position: relative;
	background: #faf8fd url(../images/product_bg.png) no-repeat left top;
    background-size: cover;
}

.solution_bg_1_box {
    position: absolute;
    top: -62px;
    left: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 100px
}

.solution_bg_1_box .solution_bg_1 {
    width: 44%;
    -webkit-transform-origin: 52% 52%;
    transform-origin: 52% 52%;
    -webkit-animation: boxRotate 10s linear infinite;
    animation: boxRotate 10s linear infinite;
    margin-left: calc(50% - 300px)
}

.solution_bg_1_box .solution_bg_1 .solution_img_1 {
	width: 100%;
    position: relative;
    left: 0;
    -webkit-animation: innerRotate 10s linear infinite;
    animation: innerRotate 10s linear infinite
}

.solution_bg_2_box {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 200px
}

.solution_bg_2_box .solution_bg_2 {
    width: 72%;
    -webkit-transform-origin: 52% 52%;
    transform-origin: 52% 52%;
    -webkit-animation: boxRotate 8s linear infinite;
    animation: boxRotate 8s linear infinite;
    margin-left: calc(50% - 604px)
}

.solution_bg_2_box .solution_bg_2 .solution_img_2 {
	width: 100%;
    position: relative;
    left: 0;
    -webkit-animation: innerRotate 8s linear infinite;
    animation: innerRotate 8s linear infinite
}
  

@keyframes boxRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes innerRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}


.solu_tab {
	width: 38%;
	float: left;
	position: relative;
}
.solu_tab li {
	padding: 12px;
    border-radius: 16px;
	transition: all .3s;
    cursor: pointer;
    margin: 18px 30px 18px 20px;
    box-shadow: 0 10px 20px rgba(14,12,54,0.1);
	border: 1px solid #fff;
}
.solu_tab li>div {
	padding: 12px;
    border-radius: 12px;
	transition: all .3s;
    background: rgba(255, 255, 255, .6);
}
.solu_tab li:hover,.solu_tab li.active {
	transition: all .3s;
	border: 1px solid #D20000;
}
.solu_tab li>div:hover,.solu_tab li>div.active {
	transition: all .3s;
    background: rgba(255, 255, 255, 1);
}
.solu_tab li img {
    width: .48rem;
    float: left;
	margin: .06rem .16rem 0 0;
}
.solu_tab li p {
    font-size: .24rem;
    font-weight: 600;
    color: #0e0c36;
	letter-spacing: -1px;
}
.solu_tab li p span {
	display: block;
    font-size: .16rem;
	font-weight: 300;
	color: #646c74;
}

.solution_r{
	width: 62%;
	float: right;
	margin-top: 20px;
	position: relative;
	padding: 16px;
    border-radius: 30px;
	border: 1px solid rgba(255,255,255,1);
	box-shadow: 0 10px 20px rgba(14,12,54,0.1);
}
.solutionSwiper {
	height: 583px;
    border-radius: 20px;
	background: rgba(255, 255, 255, .6);
}
.solution_r .solu_text{
	width: 72%;
	position: absolute;
	left: .6rem;
	top: 0.6rem;
	z-index: 1;
	color: #000000;/*解决方案右侧大字颜色*/
}
.solution_r .solu_text i{
	display: block;
    font-style: normal;
    font-size: .46rem;
    font-weight: 100;
    letter-spacing: 2px;
}
.solution_r .solu_text h1{
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: 2px;
}
.solution_r .solu_text p{
	font-size: .24rem;
    font-weight: 300;
    line-height: .32rem;
    color: #646c74;
}
.solution_r .solu_text .btn {
    padding: .2rem .8rem;
	margin-right: .16rem;
}
.solution_r .solu_text .btn:hover {
	padding: .2rem 1rem .2rem .6rem;
}
.solution_r .solu_text .btn:after {
    right: .8rem;
}
.solution_r .solu_text .btn:hover:after {
    right: .6rem;
}

.solution_r .solu_text2{
	left: .4rem;
}
.solution_r .solu_text3{
	width: 54%;
}
.solution_r .solu_text4{
	width: 90%;
	top: .6rem;
}
.solution_r .solu_text4 .btn {
	position: absolute;
	top: 0px;
    right: 0;
}
.solution_r .solu_text5{
	left: .4rem;
}
.solution_r .solu_text5 i{
    font-size: .36rem;
}

.solution_r img{
	max-width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}




            
/*解决方案 结束*/




/* 新闻动态模块样式开始 */
.activity{
    position: relative;    /* 设置相对定位 */	
    margin: 1rem auto 0;   /* 上边距1rem，左右自动居中 */
}
.scrollActivity li {
    overflow: hidden;      /* 内容溢出隐藏 */
    position: relative;    /* 相对定位 */
    border: 2px solid #eee; /* 浅灰色边框 */
    border-radius: 20px;   /* 圆角16px */
    padding: 0px;          /* 无内边距 */
}
.scrollActivity li:hover {
    border: 1px solid #eee; /* 悬停时红色边框 */
    background: url("   ") no-repeat 0px 0px; /* 原地图背景图 */
    background-size: contain;  /* 背景图自适应 */
    box-shadow: 0 20px 60px rgba(14,12,54,0.1); /* 阴影效果 */
    transform: translateY(-1px); /* 上移16px */
    transition: all .3s;   /* 所有属性过渡0.3秒 */
}
.scrollActivity li .li_img {
    overflow: hidden;      /* 图片溢出隐藏 */
    border-radius: 20px;   /* 图片圆角12px */
}
.scrollActivity li .li_img img {
    width: 100%;          /* 图片宽度100% */
    transition: all .3s;  /* 过渡效果 */
}
.scrollActivity li:hover .li_img img {
    transform: scale(1.01); /* 悬停时图片放大1.1倍 */
}
.scrollActivity li .li_text {
    padding: .2rem .1rem 0; /* 上内边距0.2rem，左右0.1rem */
}
.scrollActivity li .li_text h1 {
    color: #0e0c36;       /* 标题深蓝色 */
    font-size: .24rem;    /* 字体大小0.24rem */
    font-weight: 600;     /* 字体粗细600 */
    margin-bottom: .12rem; /* 下边距0.12rem */
    overflow: hidden;     /* 溢出隐藏 */
    white-space: nowrap;  /* 禁止换行 */
    text-overflow: ellipsis; /* 文字溢出显示省略号 */
    transition: all .3s;  /* 过渡效果 */
}
.scrollActivity li .li_text p {
    font-size: .16rem;    /* 段落字体大小0.16rem */
    line-height: .16rem;  /* 行高0.24rem */
    height: .48rem;       /* 固定高度0.48rem */
    font-weight: 300;     /* 字体粗细300 */
    color: #646c74;       /* 文字灰色 */
    overflow: hidden;     /* 溢出隐藏 */
    transition: all .3s;  /* 过渡效果 */
}
.scrollActivity li .li_text span {
    font-size: .1rem;    /* 时间字体大小0.14rem */
    color: #646c74;       /* 文字灰色 */
    margin-top: 0rem;    /* 上边距0.3rem */
    display: block;       /* 块级显示 */
    background: url("../images/time.png") no-repeat 0px center; /* 时间图标背景 */
    background-size: 16px; /* 背景图大小16px */
    padding-left: 20px;   /* 左内边距20px */
    transition: all .3s;  /* 过渡效果 */
}

/* 导航按钮样式 */
.activity_btn_prev, .activity_btn_next {
    top: 0;              /* 顶部对齐 */
    bottom: auto;        /* 底部自动 */
    right: 0;           /* 右侧对齐 */
    left: auto;         /* 左侧自动 */
    background: #D20000; /* 橙色背景 */
    box-shadow: 0 10px 20px rgba(255,95,0,0.2); /* 阴影效果 */
}
.activity_btn_prev {
    right: .76rem;      /* 右侧间距0.76rem */
}
.activity_btn_next {
    right: 0;           /* 右侧对齐 */
}
.swiper-button-next:hover, 
.swiper-button-prev:hover {
    color: #fff;        /* 悬停时白色文字 */
    background: #D20000; /* 下一页悬停时深红色背景 */
}
/* 新闻动态模块样式结束 */

/*新闻动态 结束*/



/*典型客户*/
.customer{
	overflow: hidden;
	margin: 1rem auto;
	background: url("../images/customer_bg.png") no-repeat 20% 30%;
	background-size: auto 100%;
}
.customer .title{
	text-align: center;
}

.customer .number {
    overflow: hidden;
	text-align: center;
}
.customer li{
	display: inline-block;
	width: 30%;
	margin-bottom: .6rem;
}
.customer li span{
	color: #D20000;/*跳动数字颜色*/
	font-weight: 600;
}
.customer li:nth-child(3) span{
	font-size: .48rem; 
	line-height: .8rem;
}
.customer li .list_number{
	font-size: .22rem; 
}
.customer li em{
	font-style: normal;
	font-size: .56rem; 
	font-weight: 700;
	font-family: Barlow;
}
.customer li h4{
	display: inline;
	font-size: .18rem;
	font-weight: normal;
	color: #a0a3a7;/*跳动数字后面灰色字体颜色*/
}


.customer .customer_box{
	position: relative;
	overflow: hidden;
	font-size: 0;
}
.customer .mask1{
	position: absolute;
	top: 0;
	z-index: 2;
}
.customer .mask_left{
	left: 0;
}
.customer .mask_right{
	right: 0;
}
.customer .line_odd {
    width: 2904px;
    -webkit-animation: scrollToRight 40s linear infinite;
    animation: scrollToRight 40s linear infinite;
}
.customer .line_even {
    width: 2904px;
    -webkit-animation: scrollToRight 30s linear infinite;
    animation: scrollToRight 30s linear infinite;
}
.customer .line_odd img {
      width: 50%;
      display: inline-block;
}
.customer .line_even img {
      width: 50%;
      display: inline-block;
}
@keyframes scrollToRight {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
  }
  to {
      -webkit-transform: translate3d(0%, 0, 0);
  }
}
/*典型客户 结束*/



/*口号*/
.slogan{
	margin: 0 auto 1rem;
}
.slogan img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
/*口号 结束*/
/*------------inedx.html  end----------------*/





@media (max-width: 739px){
	/*海报*/
    .banner .ban_info{
		display: none;
    }
    .banner .web_img{
		display: none;
    }
    .banner .app_img{
		display: block;
    }
    

    .banner .ban_info .info_right{
		display: none;
    }

    .banner_mouse{ 
		display: none;
    }
   
    .swiper-button-next,
    .swiper-button-prev {
        top: auto;
        bottom: .2rem;
		right: .06rem;
    }
    .swiper-button-prev {
		right: .7rem;
    }
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: .2rem;		
	}
    /*海报 结束*/
	
	
	
	/*产品中心*/
    .product{
		padding: 1rem 0 .5rem;
		margin: 0 .3rem;
    }
    .product .pro_box li{
        width: 100%;
		margin: 0 0 .4rem;
		border: 2px solid #eee;
    }
    .product .pro_box li h1{
        font-size: .36rem;
    }
	.product .pro_box li h1 img {
        margin-bottom: 0;
		margin-right: .24rem;
        display: inline-block;
    }
    .product .pro_box li p{    
		font-size: .28rem;
        line-height: .36rem;
        height: 0.72rem;
        margin-bottom: 0.3rem;
    }
	.product .pro_box li .btn {
        padding: .1rem .6rem;
    }
    .product .pro_box li .btn:hover {
        padding: .1rem .8rem .1rem .4rem;
    }
    .product .pro_box li .btn:after {
        right: .6rem;
    }
    .product .pro_box li .btn:hover:after {
        right: .4rem;
    }
    /*产品中心 结束*/
	
	
	/*解决方案*/
    .solution{
        padding: .5rem .3rem;
    }

    .solu_tab {
        width: 100%;
    }
    .solu_tab li {
		width: 19%;
		float: left;
        margin: 0 0.5%;
		text-align: center;
		padding: 6px 2px;
		position: relative;
    }
	.solu_tab li>div {
        padding: 6px 4px;
    }
    .solu_tab li.active::before {
		content: '';
        display: block;	
        width: 0;
        height: 0;
        bottom: -8px;
        left: 26px;
		border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #D20000;
        position: absolute;
    }
	.solu_tab li.active:after{ 
        content:''; 
        border-left: 5px solid transparent; 
        border-right: 5px solid transparent; 
        border-top: 5px solid #fff;
        position: absolute; 
        bottom: -5px;
        left: 28px;
	}
    .solu_tab li img {
		display: none;
    }
    .solu_tab li p {
		letter-spacing: -1px;
    }
    .solu_tab li p span {
        display: none;
    }

    .solution_r{
        width: 100%;
		padding: 12px;
    }
    .solutionSwiper {
		height: 365px;
    }
	.solution_r .solu_text{
        width: inherit;
        left: inherit;
        top: inherit;
        position: inherit;
        padding: .3rem;
    }

    .solution_r .solu_text2{
        left: inherit;
    }
    .solution_r .solu_text3{
        width: inherit;
		padding-top: .6rem;
    }
    .solution_r .solu_text4{
        width: inherit;
        top: inherit;
    }
    .solution_r .solu_text4 .btn {
        position: inherit;
        top: inherit;
        right: inherit;
    }
    .solution_r .solu_text5{
        left: inherit;
    }
    .solution_r .solu_text5 i{
        font-size: .4rem;
    }
    /*解决方案 结束*/
	


    /*新闻动态*/
    
/* 活动区域整体外边距 */
.activity{
    margin: .5rem .0rem;  /* 上下0.5rem 左右0.3rem外边距 */
}

/* 活动列表项样式 */
.scrollActivity li {
    padding: 0px;  /* 16px内边距 */
}

/* 列表项文本容器样式 */
.scrollActivity li .li_text {
    padding: 0.3rem 0.1rem 0;  /* 上0.3rem 左右0.1rem 下0内边距 */
}

/* 列表项标题样式 */
.scrollActivity li .li_text h1 {
    font-size: .3rem;  /* 0.3rem字体大小 */
}

/* 列表项段落样式 */
.scrollActivity li .li_text p {
    font-size: .24rem;  /* 0.24rem字体大小 */
    line-height: .36rem;  /* 0.36rem行高 */
    height: .72rem;  /* 固定高度0.72rem */
}

/* 列表项附加文本样式 */
.scrollActivity li .li_text span {
    font-size: .2rem;  /* 0.2rem字体大小 */
}

/* 导航按钮定位 */
.activity_btn_prev, .activity_btn_next {
    top: 24px;  /* 距离顶部24px */
}

    /*新闻动态 结束*/

	
	/*典型客户*/
    .customer{
        margin: 1rem auto;
        background: url("../images/customer_bg.png") no-repeat 20% 30%;
        background-size: auto 100%;
    }
    .customer li span{
		display: block;
    }
    .customer li h4{
        font-size: .2rem;
    }


    .customer .mask{
		display: none;
    }
    .customer .line_odd {
        width: 1600px;
    }
    .customer .line_even {
        width: 1600px;
    }
    /*典型客户 结束*/
	
	
	/*口号*/
    .slogan{
        margin: 0 .3rem 1rem;
    }
    /*口号 结束*/
}

/*首页视频开始*/



/* 页面主体样式 */
.video  {
    background-color: #f5f5f5; /* 背景色 */
    font-family: 'Microsoft YaHei', sans-serif; /* 字体设置 */
    padding: 20px 0; /* 上下内边距 */
    min-height: 100vh; /* 最小高度为视口高度 */
    display: flex; /* 弹性布局 */
    flex-direction: column; /* 垂直排列 */
    align-items: center; /* 水平居中 */
}

/* 页面标题样式 */
.page-title {
    text-align: center; /* 文字居中 */
    margin-bottom: 30px; /* 下边距 */
    color: #333; /* 文字颜色 */
    padding: 0 20px; /* 左右内边距 */
}

/* 主标题文字样式 */
.page-title h1 {
    font-size: 32px; /* 字体大小 */
    margin-bottom: 20px; /* 下边距 */
}

/* 副标题文字样式 */
.page-title p {
    font-size: 16px; /* 字体大小 */
    color: #666; /* 文字颜色 */
}

/* 视频主容器样式 */
.video-container {
    max-width: 1500px; /* 最大宽度限制 */
    width: 100%; /* 宽度100% */
    padding: 0 20px; /* 左右内边距 */
    margin: 0 auto; /* 上下外边距0，左右自动(居中) */
    display: flex; /* 弹性布局 */
    gap: 40px; /* 子元素间距 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center; /* 内容居中 */
    
}

/* 单个视频项样式 */
.video-item {
    
    width: calc(50% - 20px); /* 宽度计算(考虑间距) */
    min-width: 300px; /* 最小宽度 */
    margin-bottom: 30px; /* 下边距 */
      
      backdrop-filter: blur(8px); /* 8px背景模糊效果 */
    border-radius: 22px; /* 圆角 */
    
   
    
}

/* 视频包装容器样式 */
.video-wrapper {
    padding: 20px; /* 内边距 */
    background: url("../images/video_bg.png") no-repeat 20% 30%;
    border-radius: 30px; /* 圆角 */
    box-shadow: 0 6px 16px rgba(0,0,0,0.15); /* 阴影 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 过渡动画 */
     border: 2px solid rgba(255, 255, 255, 1); /* 白色边框 */  
}

/* 视频包装容器悬停效果 */
.video-wrapper:hover {
    transform: translateY(-2px); /* 上移效果 */
    box-shadow: 0 10px 25px rgba(0,0,0,0.19); /* 阴影增强 */
}

/* 视频元素样式 */
.video-wrapper video {
    width: 100%; /* 宽度100% */
    height: auto; /* 自动高度 大概378 */
    background: #000; /* 背景色 */
    display: block; /* 块级元素 */
    border-radius: 22px; /* 圆角 */
}

/* 视频标题样式 */
.video-title {
    margin-top: 25px; /* 上边距 */
    font-size: 20px; /* 字体大小 */
    font-weight: bold; /* 加粗 */
    text-align: left; /* 居中 */
    color: #333; /* 文字颜色 */
    padding: 0 10px; /* 左右内边距 */
    margin-bottom: .05rem
}

/* 响应式设计 - 小屏幕适配 */
@media (max-width: 768px) {
    .video-item {
        width: 100%; /* 宽度100% */
    }
    
    .page-title h1 {
        font-size: 26px; /* 字体缩小 */
    }
}