.nodaili{line-height:30px; padding: 50px;   color: #666; font-weight: bold;}
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both;  height: 0;}
.header .m {
	background-color: transparent;
}
.header-box {
	height: 0;
}
.header .m>a .img1 {
	display: inline-block;
}
.header .m>a .img2 {
	display: none;
}

.header .m .menu path {
	stroke: #fff;
}

.header .m .Msearch,.header .m .Mmenu, .header .m .Mwangluo{
	filter: grayscale(100%) brightness(500%);
	transition-duration: .3s;
}

.header-box.active .header .m>a .img1 {
	display: none;
}

.header-box.active .header .m>a .img2 {
	display: inline-block;
}


.header-box.active .header .m .menu path {
	stroke: #333;
}

.header-box.active .header .m .Msearch,.header-box.active .header .m .Mmenu,.header-box.active .header .m .Mwangluo {
	filter: initial; 
}
.position{line-height: clamp(22px,4vw,36px);font-size: clamp(12px,4vw,14px); padding:30px 0px; color:#999}
/* 默认分页圆点容器（白色底色条） */
.banner,.banner .swiper-container{height:100vh}
.banner .swiper-pagination-bullet {
  width: 220px;
  height: 6px;
  background: rgba(255,255,255,0.4);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#dcdcdc;}
/* 金色进度填充条 */
.banner .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #c3a866; /* 金色，匹配截图 */
  border-radius: 3px;
  transition: none;
}

/* 激活态：金色条5秒匀速从0铺满100%宽度 */
.banner .swiper-pagination-bullet-active::after {
  /* 动画时长=轮播5秒，linear匀速缓慢填充 */
  animation: progressFill 3.6s linear forwards;
}

/* 定义进度填充动画：0宽度 → 满宽度 */
@keyframes progressFill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.flex_row{display: flex;flex-direction: row;} .space{justify-content: space-between;}.aic{display: flex;align-items: center;}
.flex_column{display: flex;flex-direction: column;}
.yhxs{overflow:hidden; text-overflow: ellipsis;width:100%; display:-webkit-box;-webkit-line-clamp:1;  -ms-line-clamp: 1;  -webkit-box-orient: vertical;  text-overflow: ellipsis;   white-space: normal;}
.lhxs{overflow:hidden;text-overflow:ellipsis;width:100%; text-overflow: -o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2; -ms-line-clamp: 2;-webkit-box-orient:vertical;}
.pr{position:relative;}
.hd-nav li .item1{display: flex; padding:10px 0px 15px 0px; top:40px; position: absolute;}
.hd-nav li .item1 .wrap{ flex-direction: column;flex-wrap: nowrap;}
.hd-nav li .item1 a img{display: none;}
.hd-nav li .item1 a{width:auto}
.page-banner img{ transform: scale(1.12);transition: all ease 3s;}
.page-banner.active img{ transform: scale(1)}
.banner .swiper-pagination .swiper-pagination-bullet{width: 128px; height: 4px; border-radius: 10px;  }
.product{ padding-top:40px;padding-bottom:0px }
.product_wai{background-color: #061739 !important; padding:15px 0px; background-image: linear-gradient(77deg,#061739 15%,#1e3560 55%,#314872,#717c93) !important;}
.product_wai .wrap{ width: 1100px;}
.product .swiper-tabs{ margin-top: 0px;}
.product .swiper-tabs .swiper-slide .txt .ico img{transition: transform 0.5s linear;transform: scale(1);transition-duration: 0.5s;}
.product .swiper-tabs .swiper-slide .txt:hover h3{font-weight: bolder;}
.product .swiper-tabs .swiper-slide .txt:hover .ico img {transform: scale(1.08)}
.product .swiper-tabs .swiper-slide{padding-bottom:0px}
.product .swiper-tabs .swiper-slide::after{display:none}
.product .swiper-tabs .swiper-slide .txt h3{color:#eee; font-size:16px; line-height:30px; margin-top: 5px;}
.product .swiper-tabs .swiper-slide .txt h5{color:#eee;font-size:13px;}
.product-swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden; }
.product-swiper .pic{ transition: all ease 3s; overflow: hidden; width:100%; height: 100%; transform: scale(1.15)}
.product-swiper .swiper-slide-active .pic{  transform: scale(1)}
.product-swiper .p_info_fivebox {
    width: 45%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.product-swiper .p_btitle {
    font-size: 60px !important;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    transition: all ease .8s .6s;
    color: #fff;
    display-radio: 1;
}
.product-swiper  .p_solid {
    margin: 24px 0 20px;
    height: 2px;
    background: #fff;
    width: 70px;
    display: block;
    transition: all ease .8s .6s
}
.product-swiper .p_summary {
    font-size: 18px;
    color: rgb(255 255 255 / 100%);
    line-height: 1.6;
    min-height: 50px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all ease .8s .9s;
    display-radio: -webkit-box;
}
.product-swiper .p_button {
    color: #fff;
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 9px 15px;
    display: inline-block;
    margin-top: 30px;
    width: 100%;
    max-width: 130px;
    text-align: center;
    transition: all ease .6s,opacity ease .8s 1.2s,transform ease .8s 1.2s;
    margin-bottom: 5px;
    display-radio: inline-block
}
.product-swiper .p_button:hover {
    background: rgb(189 0 0);
    border: 1px solid rgb(189 0 0);
    background-color: rgb(189 0 0);
    border-style: none
}

button.submit {
	font-size: 16px;
	line-height: 1.2;
	color: #ffffff;
	padding: 20px 100px;
	background-color: #c3a866;
	transition-duration: .6s;
	margin-top: 35px;
	cursor: pointer;
}
button.submit:hover {
	background-color: #0641a1;
}
.custom {background: url(../img/bg_custom.jpg) no-repeat center center; background-size: cover;}
.custom .tit h3{color: #FFF;}
.huoban_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
	gap: 10px;
}
.huoban_list .loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 5 * 10px) / 6);
	/* height: 100px; */
}
.huoban_list .loopitem a {
    display: flex;    padding: 5px;     overflow: hidden;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    display-radio: flex;
    background_radio: 2;
    background-color: rgba(255,255,255,1);/* border-radius: 10px */
}
.huoban_list .loopitem img{
	width: 100%;height: 100%; transform: scale(1);transition-duration: 0.6s;
	object-fit: contain;/* border-radius: 10px */
}
.huoban_list .loopitem:hover img{
    transform: scale(1.06)
}

.family-swiper .button-prev {
	width: 55px;
	height: 55px;
	background: url('../img/jiantou-left2.png') no-repeat center;
	background-color: #f5f5f5;
	position: absolute;
	top: calc( 50% - 50px);
	border-radius: 50%;
	left:10px;
	cursor: pointer;
	z-index: 1;
	transition-duration: 0.6s; 
}
.family-swiper .button-prev:hover{
	background-image: url('../img/jiantou-left.png');
	background-color: #1d3050; 
}
.family-swiper .button-next {
      width: 55px;
      height: 55px;
      background: url('../img/jiantou-left2.png') no-repeat center;
      background-color: #f5f5f5;
      position: absolute;
      border-radius: 50%;
      top: calc( 50% - 50px);
      right:10px;
      transform: rotate(180deg);
      cursor: pointer;
      z-index: 1;
      transition-duration: 0.6s;
}
.family-swiper .button-next:hover{
	background-image: url('../img/jiantou-left.png');
	background-color: #1d3050; 
}
.family .family-swiper .swiper-slide .pic h3 {transition: all 0.5s ease;}
.family .family-swiper .swiper-slide .pic:hover h3{padding:25px}
.about .tit{ text-align: left !important;}
.about .txt{ padding: 120px 0 70px; position: relative;}	
.about .txt::before{content: '';background:rgb(28 27 27 / 69%);; position: absolute; z-index: 0; left: 0; top: 0px; width: 100%; height: 100%;  }
.about .dibu{z-index: 2;} 
.about .txt{background: url('../img/bg_about.jpg') center bottom repeat-x;    background-size: cover;}
.about .txt p{font-size: 14px;    width: 100%; text-align: justify;}
.about .txt p.jianjie{width: 70%;}
.about .txt .line{width:150px; position: relative; height:45px;  }
.about .txt .line .more{left:0px;top:0px;padding:15px; height: 45px; text-align: center;}
.shipin{padding: 60px 0px 80px;   background: url(../img/bg_xian_video.jpg) center bottom repeat-x;    background-size: contain;}
.shipin .tit h5 {color: #d4cbc1;}
.jianjie_view{background: url('../img/bg_jianjie.jpg') center bottom no-repeat; background-size: cover;    padding: 115px 0 30px;}
.jianjie_view .mesl { width: 54%;}
.jianjie_view .mesl .tit{text-align: left;}
.jianjie_view .mesl h3{ margin-top: 0px;     font-weight: normal; letter-spacing: 2px; font-size: 35px; }
.jianjie_view .mesl h5{ color:#999; font-size:26px }
.jianjie_view .mesl .sum {  text-align: justify;   font-size: 16px; line-height: 2em; text-indent: 2em; color: #555;}
.jianjie_view .mesr{ width: 40%; }
.jianjie_view .about{background:none ;}
.jianjie_view .indexnum{padding-top: 10px;}
.jianjie_view .about .dibu ul{background-color: rgb(255 255 255 / 28%);    background-image: none;}
.wenhua_view{background: url('../img/bg_jianjie.png') center bottom no-repeat; background-size: cover; }
.wenhua_view .mxz{padding:30px 0px }
.wenhua_view .mxz .right{float: right;}
.wenhua_view .mxz .left{float: left;}
.wenhua_view .mxz .mn{position: relative;border: 1px solid #dcdcdc;margin-bottom: 54px;}
.wenhua_view .mxz .mn .bigimg{width: 50%;}
.wenhua_view .mxz .mn .mes{/*position: absolute;*/width: 50%;height: 100%;padding: 35px 40px 35px 94px;box-sizing: border-box;}
.wenhua_view .mxz .mn .mes.right{right: 0;top: 0;}
.wenhua_view .mxz .mn .mes.left{left: 0;top: 0;}
.wenhua_view .mxz .mn .mes .yuan{position: absolute;top: 42px;left:47px;width: 24px;height: 24px;border-radius: 100%;box-sizing: border-box;border: 3px solid #a79059;}
.wenhua_view .mxz .mn .mes .yuan:after{position: absolute;top: calc(100% + 3px);left: 8.5px; width: 1px;height: 40px;background: #a79059;opacity: .3; content: "";}
.wenhua_view .mxz .mn .mes .tit{margin-bottom: 16px;line-height: 1em;color: #a79059;text-align: left;}
.wenhua_view .mxz .mn .mes .entit{line-height: .8em;text-transform: uppercase;color: #c5c5c5;}
.wenhua_view .mxz .mn .mes .line{margin:16px 0 18px; width: 32px;height: 4px;background: #e5e5e5;}
.wenhua_view .mxz .mn .mes .sum{line-height: 40px;color: #333;    text-align: justify;}
.wenhua_view .mxz .mn .mes .tb{position: absolute;right: 0px;bottom:0px;}
/* .wenhua_view .mxz .mn.two .mes .tb{right: -8px;bottom: -50px;}
.wenhua_view .mxz .mn.three .mes .tb{right: -20px;bottom: -44px;} */
.history_view {background: url('../img/bg_history.png') center bottom no-repeat; background-size: contain;padding:30px 0px 100px }
.history_view .swiper-container{padding-bottom: 45px;min-height: 370px;}
.history_view .box{ position: relative;padding:36px 60px;}
.history_view .box .line{position: absolute;left: 0;bottom: 5px;width: 100%;height: 1px;background: #e5e5e5;}
.history_view .box .bgimg{bottom: 0px;max-width: unset;}
.history_view .swiper-container{padding-bottom: 45px;min-height: 370px;}
.history_view .box .tit{padding:36px 0 0 16px; line-height: .8em;font-weight: 100;color: #555;}
.history_view .box .sum{min-height: 60px;padding-left: 16px; text-align: justify;margin: 15px 0 5px;line-height: 20px;font-size: 14px;}
.history_view .box .bigimg{padding-left: 16px;}
.history_view .box .myuan{position: absolute;left: 36px;top: 0; width: 11px;height: 11px;border-radius: 100%;box-sizing: border-box;border: 2px solid #92b7d0;}
.history_view .box .myuan:after{position: absolute;top: calc(100% + 2px);left: 2.5px; width: 1px;height: 97px;background: #e5e5e5; content: "";transition: all .5s;}
.history_view .box .xline{position: absolute;bottom: 0;right: 37px;width: 1px;height: calc(100% - 42px);background: #e5e5e5;}
.history_view .box .xline .qiu{border-radius: 100%;}
.history_view .box .xline .qiu1{top: 0; width: 12px;height: 12px;background: #648eaa;}
.history_view .box .xline .qiu1 .qiu-mn{width: 0;height: 0;display: flex;justify-content: center;align-items: center;}
.history_view .box .xline .qiu2{bottom: 0;width: 12px;height: 12px;background: #bfbfbf;}
.history_view .box .swiper-slide{/*padding: 130px 75px 138px 0;*/width: 216px;padding: 0 36px;margin-top: 75px;box-sizing:border-box; color: #555;}
.history_view .box .swiper-slide-active{width: 273px!important;margin-top: 0; color: #a79059;}
.history_view .box .swiper-slide-active .myuan{width: 15px;height: 15px;border-color:#a79059; }
.history_view .box .swiper-slide-active .myuan:after{left: 4.5px; height: 116px;background: #f9e5e6;}
.history_view .box .swiper-slide-active .tit{padding-top: 44px; font-size: 55px;color: #a79059; font-weight: bolder;}
.history_view .box .swiper-slide-active .sum{margin-bottom: 11px;}
.history_view .box .swiper-slide-active .xline{height: calc(100% - 20px);}
.history_view .box .swiper-slide-active .xline .qiu1{top: -20px; width: 50px;height: 50px;border: 1px dashed #a79059;background: none;}
.history_view .box .swiper-slide-active .xline .qiu1 .qiu-mn{width: 30px;height: 30px;background: #a79059;border-radius: 100%;}
.history_view .box .swiper-slide-active .xline .qiu1 .qiu-mn img{width: 14px;height: auto;}
.history_view .box .swiper-slide-active .xline .qiu2{background: #a79059;}
.history_view .box .page{position: absolute;bottom: 4px;outline: none;cursor: pointer;    height: 80%; display: flex; align-items: center;}
.history_view .box .page.page-l{left: -62px;}
.history_view .box .page.page-l img{transform: rotate(180deg);}
.history_view .box .page.page-r{right: -62px;}

/* 外层swiper容器改为左右分栏弹性 */
.video-swiper {
    display: flex;    align-items: stretch;
}
/* 左侧主视频 */
/* 右侧垂直列表容器 */
.cbox_video:not(:first-child)
.video-side-list {
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* 重置所有卡片基础样式 */
.cbox_video {
    padding: 0;
    flex: unset;
}
/* 主图底部标题栏 */
.main-video .e_video {
    position: relative;
}
.main-video .e_video_text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 18px;
    margin: 0;
    text-align: left;
    color: #fff;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    z-index: 3; color: #fff !important; 
}
.playIco{left:50%; top:50%;position: absolute;z-index: 4;margin: -50px auto auto -50px;transform: scale(0.9); pointer-events: none; transition: all ease .6s}
.main-video:hover .playIco{
    transform: scale(1)
}
.main-video .cover::after {
    position: absolute;
    bottom: 14px;
    right: 18px;
    color: #fff;
    font-size: 16px;
    z-index: 4; 
}
/* 右侧小卡片文字左对齐 */
.video-side-list .e_video_text {
    text-align: left;
    margin-top: 8px; background:none; 
}
/* 原有视频封面、播放按钮样式完全保留，无需改动 */

/* 重置原有均分三列规则 */
.cbox_video {
    flex: unset !important;
    padding: 0;
}

/* ========== 第一个视频：左侧主大图 ========== */

/* ========== 剩余所有视频：右侧竖排列表容器 ========== */
.main-video {
    display: flex;width: 58%;
    flex-direction: column;
     position: relative 
}
/* 右侧列表里每个视频项均分高度 */
.main-video .e_video {
    width: 100%;
}

/* 右侧列表标题样式调整（靠右、居左对齐，匹配第三张图） */
.main-video .e_video_text {
    text-align: left;
    font-size: 14px;
    margin-top: 8px;
}
/* 主视频底部标题栏（模拟第三图底部半透明黑条+时长） */
.main-video .e_video {
    position: relative;
}


/* 原有视频封面、播放按钮、比例样式保留不动，仅布局调整 */
.video-side-list{ width: 44%;  flex-direction: column;   float: right; margin-left: 2%;    display: grid;  grid-template-rows: repeat(3, 1fr);gap: 16px;}
.video-side-list .cbox_video{display: flex; width: 100%; flex-direction: row;}
.video-side-list .cbox_video .e_video {width: 48%;height: 100%;}
.cbox_video .e_video {
    width: 100%;
    position: relative;
}

.cbox_video .e_video video {
    width: 100%;
    display: block;
    max-width: unset;
    margin: 0 auto
}
.cbox_video .e_video .p_video {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.cbox_video .e_video .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #000;
    display: block !important;
    cursor: pointer;
    /* border-radius: 15px */
}

.cbox_video .e_video .cover .coverImage {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all ease .6s
}
.main-video .coverImage{background: #000; width: 100%; height: 100%;  opacity: 1;  transition: all ease .6s}
.cbox_video .e_video:hover .cover .coverImage {
    opacity: .5
}
.main-video:hover .coverImage{opacity: .75}
.cbox_video .e_video .cover .coverImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all ease .6s
}

.cbox_video .e_video .cover .playIco {
    position: absolute;
    width: 64px;
    height: 64px;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin: -32px auto auto -32px;
    cursor: pointer;
    transform: scale(0.9);
    pointer-events: none;
    transition: all ease .6s
}

.cbox_video .e_video .cover:hover .playIco{
    transform: scale(1)
}
.cbox_video .e_video_text {
    line-height: 1.5;
    font-size: 18px;
    text-align: left;
    color: #666; padding-left: 20px;
    margin-bottom: 0px;    
	background: url(../img/bg_case_title.png) no-repeat left center;
    background-size: cover;
}
.cbox_video .e_video_text b{color: #333; margin-bottom: 10px;}
.cbox_video .e_video_text p{color: #999; font-size: 14px; margin-bottom: 10px;}
.video-side-list .e_video_text {width: 49%;background:none}
.about .dibu .imgs .pic img{transform: scale(1)}
.about .dibu .imgs .pic .txt2{top:30%}
.about .dibu .imgs .pic .txt2 .ico{transition: all 0.8s ease;height: 25px;width: 25px;}
.about .dibu .imgs .pic .txt2 .line{transition: all 0.8s ease; width: 15px;margin-top: 10px;}
.about .dibu .imgs .pic:hover .txt2 .ico{height: 45px;width:45px;}
.about .dibu .imgs .pic:hover .txt2 .line{width: 45px;}
.about .dibu .imgs .pic:hover img{transform: scale(1.02)}
.tit {
    z-index: 1;
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    margin-bottom: 35px; position: relative;
}
.tit2 {color: #333333;}
.tit h3 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  color: #333333; letter-spacing: 5px;
  margin-top: -20px;
 }
.tit h5 {
  font-size: 30px;
  line-height: 1.8; letter-spacing: 5px;
  color: #e8ddd2;    font-weight: 200;
  white-space: pre-wrap;
  
 }
.more{ position: absolute; right: 10px; bottom: 10px;  font-size: 14px;  font-weight: normal; line-height: 1; color: #999 !important;padding: 5px 8px; border: 1px solid #c3a866 !important;}
.more::before{    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: .5s;
    overflow: hidden;
    background: #c3a866;
    z-index: -1;}
.more:hover::before {width: 100%; }
.more:hover {   color: #fff !important; }
.news{  padding: 80px 0 80px;background: url('../img/bg_news.jpg') center bottom; background-size: cover;}
.news .tit h5 {color: #d0cac2}
.news .news-swiper{margin-top: 20px;  padding-bottom: 0px;}
.newslist .swiper-slide .pic{
	padding: 3px !important;  
	background: #FFF; background: #eaedef; overflow: hidden;    border-radius:2px;
}  
.newslist .swiper-slide .pic h3{padding:20px 15px !important;padding-bottom: 0px !important; color: #333 !important; background: none  !important; font-size: 18px; font-weight: bolder; font-size: 18px  !important;margin-bottom: 10px;}
.newslist .swiper-slide .pic img,.newslist .swiper-slide .pic h3{position: inherit !important; border-radius:1px;}
.newslist .swiper-slide .pic .img{width: 100%; overflow: hidden;  border-radius:1px;}
.newslist .swiper-slide .pic p{font-size: 14px; line-height: 1.6;padding:0px 15px !important; color: #999;margin-bottom: 10px !important; text-align: justify;}

.about .dibu ul{background-image: url(../img/bg_num.jpg); background-size: 100% 100%; border-radius: 15px 15px 0px 0px;   }
.indexnum {background: #f0f4f7; padding-top: 50px;}
.indexnum .dibu{position: inherit; border-radius: 15px 15px 0px 0px;}
.slogn{background: url(../img/bg_four.jpg) no-repeat left bottom; background-size: 100% 100%;}
.slogn .list a{background: url(../img/bg_kuang_four.png) repeat-y left center; background-size: 100% 100%; flex-wrap: nowrap;position:relative;/* border:1px solid #c0c6d0 */}
.slogn .list a .tit{ text-align:left;display: flex;flex-direction: column;margin-bottom: 0px; width: 70%;}
.slogn .list a .tit h3{ margin-top:0px;letter-spacing: 1px;}
.slogn .list a .tit h5{letter-spacing: 1px;  color: #666;}
.slogn .list a .pic {
	padding: 1px;
	border-radius: none; 
    width: auto; 
    height: auto; 
    position: relative; 
    background: none;
    position: absolute;
    right: 0px;
}
.slogn .list a .pic::after{content: none;}

.honor {padding: 40px 0 40px; background: url(../img/bg_honor.jpg); background-size: 100% 100%; /*background-color: #1a1d21 !important;  background-image: linear-gradient(180deg,#1a1d21,#2f333c,#4e5362,#4e5362) !important; */} 
.honor .tit h3{color:#FFF;}
.honor .tit h5{color:#6b635b}
.honor .honor-swiper .swiper-wrapper{ display: grid;  grid-auto-columns: 1fr;  grid-auto-flow: column; }
.honor .honor-swiper .swiper-slide {  display: flex;flex-direction: column; }
.honor .honor-swiper .swiper-slide .pic {width: 100%; padding:20px 20px; text-align:center;flex-grow: 1;  display: flex;
  flex-direction: column; display: grid; place-items: center; }
.honor .honor-swiper .swiper-slide .pic img {
          width: 80%;
          display: table; margin:0px auto;
          object-fit: cover;
          transition-duration: .6s; }
.honor .honor-swiper .swiper-slide h3 { color:#FFF;text-align: center; font-size:14px; line-height:30px;}
.honor .honor-swiper .swiper-slide .pic:hover img{  transform: scale(1.1);}
.honor .honor-swiper .swiper-slide .pic:hover h3 {  /* padding: 15px 50px;  */ }
.honor .honor-swiper .swiper-pagination {
      bottom: 0;
      display: none; }
.honor .honor-swiper .swiper-pagination .swiper-pagination-bullet {
        background: #dcdcdc;
        opacity: 1; }
.honor .honor-swiper .swiper-pagination .swiper-pagination-bullet-active {  background-color: #c3a866; }
.honor .button-prev,.product_wai .button-prev{  cursor: pointer;  border-radius: 50%; position:absolute; left: -35px;  width:40px; height:40px; border:1px solid #6f6f6f;  top: calc( 50% - 25px);background:#3f3f3f url('../img/jiantou-left.png') no-repeat center;}
.honor .button-next,.product_wai .button-next{   cursor: pointer; border-radius: 50%; position:absolute; right: -35px;  background:#3f3f3f  url('../img/jiantou-left.png') no-repeat center; width:40px; height:40px; border:1px solid #6f6f6f; top: calc( 50% - 25px); transform: rotate(180deg);}
.honor .button-prev:hover,.product_wai .button-prev:hover,.product_wai .button-next:hover{background:#333 url('../img/jiantou-left.png') no-repeat center;}
.honor_haiwai{padding: 100px 0 100px; background: url(../img/bg_qianlan.jpg); background-size: cover;}
.honor.honor_haiwai .button-prev{background: url(../img/product-left01.png) no-repeat center;border: none;}
.honor.honor_haiwai .button-next{background: url(../img/product-left01.png) no-repeat center;border: none;    transform: rotate(180deg);}
.footer{background:#1b1b1b url('../img/bg_footer.jpg') no-repeat top  center; }
.footer .footer_nav{width:auto;}
.footer .footer_nav dl{padding-left:20px;min-width: 150px;max-width: 220px;}
/*加盟*/
.com-banner2{padding-bottom: 30%;}
.com-banner1 .tit{margin-left: 0;width: auto;}
.store{padding:40px 0px 40px}
.store p{ line-height: 40px; font-size: 21px; color: #c3a866;text-align: center;}
.store2{padding: 40px 0px 40px;  background: url('../img/bg_xian_video.jpg') center bottom repeat-x;  background-size: contain;}
.store2 .tit{margin-top: 35px;}
.store2 .pic{margin-bottom: 20px; display: inline-block;}
.shipin_view .list li .pic img,.about_view .rongyu2 .rongyu2-swiper .swiper-slide .pic img,.shipin_view .list li .pic::after{transform: scale(1);}
.shipin_view .list li:hover .pic img,.shipin_view .list li:hover .pic::after{transform: scale(1.05);}
.about_view .rongyu2 .rongyu2-swiper .swiper-slide .pic:hover img {transform: scale(1.05);}
.joinus {
  padding: 70px 0 100px;
  background: url(../img/bg_joinus.jpg) no-repeat center;
  background-size: cover;
}
.joinus .tit {
  text-align: center;
}
.joinus .tit h3 {
  font-size: 40px;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
}
.joinus .tit h5 {
	color: #5b6e8d;
}
.joinus .joinhave_swiper {
  margin-top: 50px;
}
.joinus .joinhave_swiper .swiper-pagination {
  bottom: 0;
  display: none;
}
.joinus .joinhave_swiper .swiper-pagination .swiper-pagination-bullet {
  background: #dcdcdc;
  opacity: 1;
}
.joinus .joinhave_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1d3050;
}
.joinus .joinhave_swiper .swiper-slide {
  width: 360px;
  height: 440px;
  background-color:rgb(255 255 255 / 64%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 5%;
  border-radius: 5px;
}
.joinus .joinhave_swiper .swiper-slide .ico { width: 110px;  height: 110px;  transition-duration: .6s;transform: scale(0.95);}
.joinus .joinhave_swiper .swiper-slide:hover .ico {transform: scale(1.05);}
.joinus .joinhave_swiper .swiper-slide h3 {
  font-size: 30px;
  line-height: 1.2;
  color: #333333;
  font-weight: bold;
  margin-top: 20px;
}
.joinus .joinhave_swiper .swiper-slide .line {
  width: 32px;
  height: 2px;
  background-color: #c3a866;
  margin-top: 25px;
}
.joinus .joinhave_swiper .swiper-slide p {
  font-size: 16px;
  line-height: 35px;
  color: #333333;
  height: 105px;
  margin-top: 20px;
}
.joinlc {
  padding: 100px 0 150px;
  background: url(../img/liuchen2-bg001.jpg) no-repeat center;
  background-size: cover;
}
.joinlc .tit {
  font-size: 40px;
  line-height: 1.2;
  color: #333333;
  font-weight: bold;
  text-align: center;
}
.joinlc .box {
  margin-top: 90px;
}
.joinlc .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -110px;
}
.joinlc .list li {
  width: 10%;
  margin-right: 7%;
  position: relative; z-index: 0;
  text-align: center;
	margin-bottom: 80px;
}
.joinlc .list li:nth-child(6n) {
  margin-right: 0;
}
.joinlc .list li .ico {
  width: 44px;
  height: 44px;
  object-fit: scale-down;  
  display:none
}
.joinlc .list li h3 {
  font-size: 21px;
  line-height: 25px;
  color: #333333;
  height: 50px;
  margin-top: 10px;
  white-space: pre-wrap;
}
.joinlc .list li h5 {
	font-size: 20px; font-weight: bolder;
	line-height: 60px; 
	color: #fff;
	margin-top: 12px;
	background: url(../img/bg_number.png);
    width: 60px;
    height: 60px;
    border-radius: 50%;margin: 20px auto;    
	position: relative;
	z-index: 3;
}
.joinlc .list li::after {
  content: '';
  display: block;
  width: 168px;
  height: 7px;
  background: url(../img/liuchen2-right001.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -91%;
 bottom: 28%;; z-index: 1;
}

.joinlc .list li:nth-child(n + 7)::after {
  transform: rotate(180deg); 
}
.joinlc .list li:last-child::after {
  display: none;
}
.joinlc .list li:nth-child(6)::after {
  width: 8px;
  height: 52px;
  background-image: url(../img/liuchen2-right002.png);
  right: 49%;
  bottom: -79px;
}
.join{background: url('../img/bg_joinpost.jpg') no-repeat bottom center; background-size: cover;padding: 70px 0 110px; }
.join .tit h5{color: #6a7e9c;}
.join .tit h3{color: #fff;}
.join .txt{ max-width: 70%;  margin: auto;  margin-top: 60px;padding: 30px;  background: rgb(255 255 255 / 90%);  box-shadow: 0px -1px 9px #fff; }
.join .txt h5{color: #000;}
.join .txt form .ind{color: #000;font-size: 16px;    border: 1px solid #ccc;}
.join .txt form li.textarea .ind{    font-family: auto;}
.product_xq{display: flex;justify-content: space-between;flex-direction: row; background: #FFF; padding: 20px;}
.product_xq .litpic{width:30%;    object-fit: contain;}
.product_xq ul.list{width:70%;}
.nextprevart{padding-top: clamp(22px,3vw,46px) ;}
.nextprev{line-height: 20px;font-size: clamp(12px,4vw,16px);color: #666;}
.nextprev a{color: #c3a866; text-decoration: underline;}
.store_view .list{margin-bottom: -50px;}
.store_view .list li{width:32%; margin-right: 2%;  margin-bottom: 50px;}
.store_view .list li .pic{ padding-bottom: 0%;}
.store_view .list li .pic img{position:inherit;}
.store_view .list li .pic .dh{
    position: absolute; width:100%; height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(17,33,108,0.6);
    z-index: 1; color: #FFF;
    opacity: 0;
}
.store_view .list li .pic .dh b{padding:5px 18px;font-weight: normal; border-radius: 30px; border: 1px solid #FFF;}
.store_view .list li .pic .dh span {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%; margin-right: 10px;
}
.store_view .list li .pic .dh span img{width:20px;height:20px}
.store_view .list li:hover .pic .dh{  opacity: 1; }
.store_view .list li .txt{ background: none;padding: 20px 10px 0px 0px;}
.join_reasons{padding: 70px 0 70px;background: #f3f3f3; background-size: cover;}
.join_reasons ul{ display: table; padding-top: 30px;    width: 100%;}
.join_reasons ul li { float: left;  width: 25%; padding: 0px 12px; margin-bottom: 24px;}
.join_reasons ul li a{ display:block; position:relative; height:240px; border-radius:0.3em; overflow:hidden; background:#fff; cursor:default; transition: all 0.5s ease-in-out;}
.join_reasons ul li a:hover{box-shadow:0 10px 30px #999; transform:translateY(-10px); background:#375180; color:#fff;}
.join_reasons ul li a:before{ content: "";     border-radius: 8px; /* border: 1px #c0daea solid;  background: rgba(23,53,138,0.2); */position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease-in-out;}
.join_reasons ul li .join_eight:after{ content: "";  position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size: cover; transition: all 0.5s ease-in-out; opacity: 0 }
.join_reasons ul li .join_eight:hover:before{opacity:0;}
.join_reasons ul li .join_eight:hover:after{opacity:1;}
.join_reasons ul li .join_eight{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; padding: 28px 20px 0; text-align:center; }
.join_reasons ul li .join_eight .number{ margin-top: 10px;color: #c3a866; height: 40px; transition: all 0.5s ease-in-out; font-size:40px;font-family: fantasy; display:block;}
.join_reasons ul li .join_eight strong{ font-size:clamp(16px,2vw,28px) ; line-height: clamp(22px,2vw,38px); letter-spacing: 1px; display: block; font-weight: normal; margin-top:28px; transition:all 0.3s ease-in-out; }
.join_reasons ul li .join_eight p:nth-child(3){ font-size: 12px; line-height: 14px; color: #bfbfbf; margin-top: 8px; top:154px; left:20px; right:20px; transition:all 0.5s ease-in-out; }
.join_reasons ul li .join_eight p:nth-child(4){ font-size: 14px; line-height: 24px; color: #FFF; transition:all 0.5s ease-in-out; opacity:0; position:absolute; left:20px; top:154px; right:20px;}
.join_reasons ul li:hover .join_eight strong{color:#fff;}
.join_reasons ul li:hover .join_eight p:nth-child(3){ opacity:0; top:142px;}
.join_reasons ul li:hover .join_eight p:nth-child(4){ opacity:1; top:152px;}
.join_reasons ul li:hover .join_eight,.join_reasons ul li:hover .join_eight .number{color:#fff;}
.join_reasons ul li:hover .join_eight strong{margin-top:26px;}
 /* ── 章节标题 ── */
.itembody{font-size: 16px;line-height: 29px; margin-bottom: 0px;}
.itembody h2{color: #000;}
.itembody h3,.itembody img{    margin-bottom: 10px;  margin-top: 10px;}
.itembody p,.itembody h3{text-align: justify; line-height: 26px;}
.itembody a,.nextprev a{text-decoration: underline; font-weight:bolder;color:#cb6203 }
.itembody h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    border-bottom: 2px solid #c5810d;
    border-bottom:1px solid #eee;
    display: flex; 
    padding-bottom: 10px;
    align-items: center; margin-bottom: 15px;
    gap: 8px;
  }
.itembody  h3 {
    font-size: 16px;
    font-weight: 600;
    color: #875441;
    margin: 25px 0 12px;
  }
  /* ── 引用块 ── */
.itembody blockquote {
    background: #fdf6e3;
    border-left: 4px solid  #b8860b;
    padding: 16px 20px;
    margin: 24px 0;
    border-radius: 0 6px 6px 0;
    font-size: 14.5px;
    color: #5a4a00;
    line-height: 1.7;
  }
.itembody blockquote p { text-indent: 0; margin-bottom: 0; color: #5a4a00; }
.itembody ul,.itembody li{   list-style: inherit;}
.itembody ul,.itembody ol{ margin-left: 18px;    padding-left: 0px;  margin-top: 10px;}
.itembody table{  border-left: 1px solid #eee; border-top: 1px solid #eee; border-spacing: 0px;}
.itembody table,.itembody video,.itembody pre{max-width:100%;margin-top: 10px;margin-bottom: 10px;}
.itembody table th,.itembody thead td{
    background: #c3a866;
    color: #fff !important;
    padding: 10px 14px;
    text-align: left;
    font-family: var(--sans);
    font-weight: 500;      width: auto;
  }
.itembody table tr:nth-child(even) { background: #fdfcf7; }
.itembody table td{
    padding: 9px 14px;
    border-bottom: 1px solid #e8eaf0;  border-right: 1px solid #e8eaf0;
    color: var(--ink-light);
    vertical-align: top;word-break: break-word;    width: auto;
  }
/*.itembody table td:first-child { font-weight: 600; color: var(--ink); }*/
.itembody pre{background:#eee;padding:10px;margin-top:10px;  text-wrap: wrap; overflow-wrap: break-word;  word-break: keep-all;  line-height: 20px;}
 #guojirenzheng{padding:100px 0px 100px}
.Mwangluo{
	background: url(../img/wangluo.png) no-repeat center;
	transition-duration: .6s;  position: relative;   
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 90px;
}
.header .m .Mwangluo{background: url(../img/wangluo2.png) no-repeat center;background-size: contain;}
.Mwangluo .lang {
 	font-size: 14px;
 	line-height: 1.6;
 	color: #fff;
 	padding: 10px 15px;
 	background-color: #fff;     
 	background-color: rgb(12 11 11 / 54%);
 	white-space: nowrap;
 	position: absolute;
 	top: 30px;
 	left: 20px;
 	opacity: 0;
 	visibility: hidden;
 	transition-duration: 0.6s;flex-direction: column;
 	display: flex; 
 	gap: 10px; text-align:center;
}
.Mwangluo .lang a{margin-right: 0px;}
.Mwangluo .lang a:hover{color: #c3a866;}
.Mwangluo.checkon .lang {opacity: 1;
 	visibility: visible;
 	left: -25px;
}
@media screen  and (max-width: 1440px){
	.com-banner2{padding-bottom:40%;}
	.about .dibu .imgs .pic{height: 180px;}
	.about .dibu .imgs .pic .txt2{top:30%}
	.slogn .list a{height:120px}
	.slogn .list a .tit h5{font-size:12px}
	.slide-nav{right:10px}
	.joinlc .list li:nth-child(n + 7)::after {  right: -120%;}
	.joinus .joinhave_swiper .swiper-slide { width:280px;padding: 0 2%;}
	.history_view .box{padding: 26px 10px;}
	.history_view .box .page.page-l{left: -2px;}
	.history_view .box .page.page-r{right: -32px;}
	.product_view .list li .txt{ padding: 25px 20px 28px 20px;}
	.header .pc{max-width: 1200px;} 
	.hd-nav{justify-content: space-evenly;flex: 1;}
	.hd-nav li{max-width: 100px;}
	.hd-nav li>a {   margin: 0 auto;}
	.footer .footer_nav dl{  min-width: 121px;  max-width: 131px;}
	.wenhua_view .mxz .mn{display:flex}
	.wenhua_view .mxz .mn .mes .sum{line-height:34px}
	.wenhua_view .mxz .mn .bigimg img{ height: 100%;  object-fit: cover;}
}
@media screen and (max-width: 768px){
	.product_wai .wrap{width:100%}
	.itembody table{width:100% !important}
	.itembody table td { padding: 10px;width: auto;}
	.itembody {font-size: 14px; text-align: justify;    line-height: 26px;}
	.itembody h2{font-size: 18px;}
	.itembody img{height:auto !important;}
	.product{ padding-top:20px; }.product .tit{margin-bottom:20px}
	.product_wai{padding: 15px 10px;}
	 #guojirenzheng,.honor_haiwai{padding:60px 0px 60px}
	.banner,.banner .swiper-container{height:calc(100vh - 50px)}
	.com-banner2{padding-bottom: 70%;}
	.com-banner2 .tit2{left: 30%;    transform: translateX(-20%) translateY(-50%);}
	.com-banner2 .tit2 h2{   font-size: 22px;  white-space: unset;}
	.shipin_view,.product_view,.order_view,.policy_view,.contact_view{padding-top: 0px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width:38px}
	.about .txt{ padding: 50px 0 40px;position-position: right bottom;}
	.about .txt p.jianjie{ width: 100%; }
	.shipin,.joinus{padding: 30px 0px 20px;}
	.shipin .box h3{font-size: 18px;    margin-top: 5px;}
	.shipin .box h5{font-size: 14px;}
	.tit{  font-size: 22px;  margin-bottom: 5px;}
	.tit h3,.joinus .tit h3{font-size:22px;    margin-top: -10px;}
	.tit h5{font-size: 16px;}
	.more{ right: 5; bottom: 5px; font-size: 12px;  padding: 3px 4px;}
	.cbox_video{flex-basis: calc(100% / 2); padding: 5px;}
	.cbox_video .e_video .p_video{    padding-bottom: 66%;}
	.cbox_video .e_video .cover .playIco{    width: 44px;height: 44px;   margin: -22px auto auto -22px;}
	.cbox_video .e_video_text{ margin-top: 15px; margin-bottom: 10px; padding: 0px 10px;  font-size: 14px;}
	.cbox_video .e_video .cover{border-radius: 10px;}
	.huoban_list{gap: 3px;}
	.huoban_list .loopitem{  height: auto;  flex-basis: calc((100% - 3 * 3px) / 3);}
	.huoban_list .loopitem a{ }
	.product .swiper-tabs .swiper-slide::after{  width: 0px; height: 0px; left:50%;    bottom: 8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #c3a866;}
	.product .swiper-tabs .swiper-slide{    padding-bottom: 6px;}
	.product .swiper-tabs .swiper-slide .txt h3{overflow: hidden;line-height: 14px; font-size:14px; -webkit-line-clamp:1;  -ms-line-clamp: 1;-webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box;white-space: normal;}
	.product .swiper-tabs .swiper-slide .txt h5{display: none;}
	.product .swiper-tabs .swiper-slide .txt .ico{width: 70px; height: 60px; padding: 8px;}
	.nextprevart{flex-direction: column;}
	.nextprev:first-child{  margin-bottom: 15px;}
	.about .dibu .imgs .pic .txt2{top: 30%;}
	.main-video,.video-side-list{width:100%;margin-left:0px}
	.video-swiper{flex-direction: column;}
	.cbox_video{padding:0px}
	.cbox_video .e_video_text{padding:10px; margin:0px}
	.main-video{border-radius: 10px;overflow: hidden;margin-top: 15px;margin-bottom:15px}
	.family .family-swiper{padding-bottom: 0px;}
	.news { padding: 40px 0 40px;}
	.newslist .swiper-slide .pic h3{ padding: 5px 5px 0px 5px !important;  text-align: justify; font-size: 14px !important; margin-bottom: 10px;}
	.newslist .swiper-slide .pic p{padding: 0px 5px !important;font-size: 12px; line-height: 1.1;}
	.newslist .swiper-slide p font{display: none;}
	.honor .wrap.pr{    padding: 20px 35px 0px;}
	.honor .button-next,.product_wai .button-next{right:5px;width:30px; height:30px}
	.honor .button-prev,.product_wai .button-prev{left:5px;width:30px; height:30px}
	.product_wai .button-next,.product_wai .button-prev{display:none;}
	.honor .honor-swiper .swiper-slide h3{}
	.honor .honor-swiper .swiper-slide .pic{padding:5px;}
	.jianjie_view .wrap .flex_row,.product_xq{ flex-direction: column;}
	.jianjie_view .mesl,.jianjie_view .mesr{width: 100%;}
	.jianjie_view .mesl h5{    font-size: 16px;}
	.jianjie_view .mesl h3{font-size: 20px;}
	.jianjie_view{padding: 35px 0 30px;}
	.jianjie_view .mesl .sum{font-size: 14px;line-height: 1.8;text-indent: 2em;    margin-top: 15px;}
	.wenhua_view .mxz .mn{display: block; margin-bottom: 24px;}
	.wenhua_view .mxz .mn .bigimg,.product_xq .litpic,.product_infoview .jishu .list{width: 100%;}
	.wenhua_view .mxz .mn .mes{position: relative;width: 100%;padding: 20px 20px 20px 50px;}
	.wenhua_view .mxz .mn .mes .yuan {  top: 20px; left: 13px;}
	.wenhua_view .mxz .mn .mes .tit {font-size: 20px; margin-bottom: 8px;}
	.wenhua_view .mxz .mn .mes .line {   margin: 10px 0 20px;}
	.wenhua_view .mxz .mn .mes .entit {font-size: 12px;}
	.pages {padding: 40px 0;font-size: 14px;}
    .pages li{    min-width: 26px;    height: 26px;     line-height: 24px;         font-size: 12px;     margin-bottom: 5px;  }
    .pages a {    min-width: 26px;    height: 26px;     line-height: 24px;   font-size: 12px;  }
	.product_xq{margin-top: 30px;}
	.product_infoview .jishu .list{padding: 0px;}
	.product_infoview .jishu .list li:first-of-type{padding-bottom: 10px;}
	.product_infoview .fuwu .list li { width: 31%;margin: 1%;}
	.news_view .list li .more{display: none;}
	.order_view .con{margin-top: 0px;}
	.order_view .con .item1 ul li input{width: 100% !important;}
	button.submit{      margin: auto;  margin-top: 15px;   font-size: 16px;  padding: 12px 60px;}
	.page-tabs .wrap{padding:0px 5px}
	.store2{padding: 30px 0 30px;}
	.store2 .tit{margin-top: 5px;    margin-bottom: 15px;}
	.store p {  line-height: 30px; font-size: 16px}
	.join_reasons,.join{padding: 30px 0 30px;}
	.join_reasons ul{   display: flex;   flex-wrap: wrap;}
	.join_reasons ul li{width:50%; padding: 0px 5px;display: flex;}
	.join_reasons ul li a{height: auto;}
	.join_reasons ul li .join_eight{padding:10px;position: relative;}
	.join_reasons ul li .join_eight p:nth-child(4){/*top: 124px;*/color:#999;opacity: 1;position: unset;  margin-top: 10px;}
	.join_reasons ul li:hover .join_eight p:nth-child(4){top: 128px;font-size: 12px;line-height: 20px;color:#fff;}
	.join_reasons ul li .join_eight p:nth-child(3){display:none;}
	.store_view{padding:0px}
	.store_view .list{margin-bottom: -20px;}
	.store_view .list li {  margin-bottom: 10px; width:100%; margin-right: 0%;}
	.slogn .list a{height: 90px;}
	.slogn .list a .pic{height:80%}
	.header .m{overflow: unset;}
	.joinlc  {
	    padding: 40px 0;
	    overflow: hidden;
	  }
	
	  .joinlc .list {
	    margin-bottom: 0;
	    width: 768px;
	  }
	
	  .joinlc  .list li {
	    margin-bottom: 54px;
	  }
	  .joinlc  .list li:nth-child(n + 7) {
	    margin-bottom: 20px;
	  }
	
	  .joinlc  .tit {
	    font-size: 24px;
	  }
	
	  .joinlc  .box {
	    margin-top: 30px;
	    overflow: scroll;
	  }
	
	  .joinlc  .list li .ico {
	    width: 30px;
	    height: 30px;
	  }
	
	  .joinlc  .list li h3 {
	    font-size: 12px;
	    line-height: 20px;
	    height: 40px;
	    margin-top: 10px;
	  }
	
	  .joinlc  .list li h5 {
	    font-size: 14px;
	    margin-top: 10px;
	  }
	
	  .joinlc  .list li {
	    width: 11%;
	    margin-right: 6%;
	  }
	
	  .joinlc  .list li::after {
	    width: 50px;
	    height: 6px;
	    background-image: url(../img/liuchen2-right003.png);
	    right: -57%;
	  }
	
	  .joinlc  .list li:nth-child(6)::after {
	    width: 5px;
	    height: 50px;
	    right: 49%;
	    bottom: -50px;
	  }
	  .join .txt{    max-width: 96%;     margin-top: 30px;   padding: 15px;}
	  .join .txt form .ind{font-size:14px}
	.joinus .joinhave_swiper {
	  margin-top: 30px;
	  padding-bottom: 30px;
	}
  
	.joinus .joinhave_swiper .swiper-slide .ico {
	  width: 45px;
	  height: 45px;
	}
  
	.joinus .joinhave_swiper .swiper-slide h3 {
	  font-size: 18px;
	  margin-top: 17px;
	}
  
	.joinus .joinhave_swiper .swiper-slide .line {
	  width: 28px;
	  height: 1px;
	  margin-top: 15px;
	}
  
	.joinus .joinhave_swiper .swiper-slide p {
	  font-size: 12px;
	  line-height: 20px;
	  height: 80px;
	  margin-top: 15px;
	}
  
	.joinus .joinhave_swiper .swiper-slide {
	  height: 241px;
	  padding: 0 3%;
	}
  
	.joinus .joinhave_swiper .swiper-pagination {
	  display: block;
	}
}