@charset "UTF-8";
/* ========== 首页 start ========== */
/* ————— indexBanner start ————— */
.indexBannerBox{position: relative;overflow: hidden;}
.indexBannerBox::before{display: block;content: '';padding-top:50%;}
.indexBanner{height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
.scrollBottom{padding-right: 35px;line-height: 30px;height: 30px;font-size: 16px;color: #fff;background: url("../images/scrollBg.png") no-repeat right center;position: absolute;right: 3.125%;bottom: 50px;z-index: 2;cursor: pointer;animation: moveUp 3s linear infinite;-webkit-animation: moveUp 3s linear infinite;    transform: rotate(90deg);transform-origin: 100% 100%;}
@keyframes moveUp{
  0%{
    bottom: 50px;
  }
  25%{
    bottom: 55px;
  }
  50%{
    bottom:50px;
  }
  75%{
    bottom: 45px;
  }
  100%{
    bottom: 50px;
  }
}
.bannerSwiper{height: 100%;width: 100%;}
.bannerSwiper .swiper-slide{text-align: center;font-size: 18px;background: #fff;overflow:hidden;}	
.bannerSwiper .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}
.bannerSwiper .slide-inner::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background-color: rgba(0, 0, 0, 0.05);}
.bannerSwiper .swiper-slide .video{width: 100%;height: 100%;object-fit: cover;}
.indexBanner .slideText{position: absolute;top:33.3334%;width:100%;z-index: 4;text-align: left;}
.indexBanner .slideText .item{text-align: center;}
.indexBanner .slideText .item img{display: inline-block;}
.indexBanner .slideText{display: none;}
.indexBanner .swiper-slide.swiper-slide-active .slideText{display: block;}
.indexBannerNext {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 50%;
	left: auto !important;
	right: 6.375%;
	z-index: 10;
	background-image: url(../images/indexNexth.png);
	transition: .3s;
}
.indexBannerNext:hover {
	background-image: url(../images/indexnext.png);
	background-color: #fff;
	cursor: pointer;
}
.indexBannerPrev {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 50%;
	left: 6.375%;
	z-index: 10;
	background-image: url(../images/indexPrevh.png);
	transition: .3s;
}
.indexBannerPrev:hover {
	background-color: #fff;
	background-image: url(../images/indexPrev.png);
	cursor: pointer;
}
@keyframes xs
{
    from {opacity: 0;transform: translate(0,10px);}
    to {opacity: 1;transform: translate(0,0px);}
}
.indexBanner .swiper-slide.swiper-slide-active .slideText .item{animation: xs 0.5s linear forwards;}
@keyframes quanquan{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}
.indexNumber{
	position: absolute;
	bottom: 50px;
	left: 9.375%;
	right: 9.375%;
	z-index: 8;
	display: flex;
	justify-content: space-between;
}
.indexNumber dd{
	flex: 1;
	text-align: center;
	position: relative;
}
.indexNumber dd::before{
	display: block;
	content: '';
	position: absolute;
	width: 1px;
	height: 40px;
	right: 0;
	top: 50%;
	margin-top: -20px;
	background: #f5f5f5;
}
.indexNumber dd:last-child:before{
	display: none;
}
.indexNumber dd .title{
	height: 50px;
	line-height: 50px;
	font-size: 52px;
	color: #fff;
	overflow: hidden;
	display: flex;
	align-items: end;
	justify-content: center;
}
.indexNumber dd .title em{
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.5);
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	font-style: normal;
	text-align: center;
}
.indexNumber dd .text{
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	color: #fff;
}
/* ————— indexBanner end ————— */
/* ========== 首页 start ========== */
.indexTitle .title{
	height: 64px;
	line-height: 64px;	
	font-size: 42px;
	font-weight: bold;
	color: #333;
	font-weight: bold;
}
.indexTitle .egTitle{
	height: 42px;
	line-height: 42px;
	font-size: 24px;
	font-weight: bold;
	color: rgba(153,153,153,0.3);
	text-transform: uppercase;
} 
.indexColumn1{
	position: relative;
	padding: 80px 0 155px;
	background-position: center center;
	background-repeat: no-repeat;
}
.indexColumn1 .wrap{
	width: 76.0417%;
}
.flex{
	display: flex;
	position: relative;
}
.flexC{
	flex: 1;
}
.indexColumn1 .flex{
	padding-top: 50px;
}
.colum1Pic{
	width: 43.3319%;
}
.colum1Pic .pic::before{
	padding-top: 123.809524%;
}
.colum1Content{
	margin-left: 9.25%;
}
.indexColumn1 .indexTitle .egTitle{
	color: rgba(207, 169, 114, 0.3);
}
.colum1Infor{
	line-height: 46px;
	font-size: 28px;
	font-weight: bold;
	color: var(--themeColor);
	margin-bottom: 15px;
}
.colum1InforC{
	height: 160px;
	line-height: 32px;
	overflow: hidden;
	font-size: 18px;
	color: #666;
	overflow: hidden;
	margin-bottom: 25px;
}
.indexColumn1 .indexMore{
	margin: 0 auto 35px;
}
.column1Video{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
.column1Video .pic::before{
	padding-top: 56.25%;
}
.column1Video .pic::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0,.15);
}
.column1Video .playBtn{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	z-index: 5;
}
.column1Video .playBtn::before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: pulse 2s infinite;
	background: rgba(255, 255, 255,.55);
	top: 0;
	left: 0;
	z-index: 2;
}
.column1Video .playBtn::after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: pulse 2s infinite;
	background: rgba(255, 255, 255, 1);
	top: 0;
	left: 0;
	animation-delay: 1s;
	z-index: 3
  }
  /* 动画效果：光圈的渐变变化 */
@keyframes pulse {
	0% {
	  transform: scale(1);
	  opacity: 1;
	}
	50% {
	  transform: scale(1.5);
	  opacity: .55;
	}
	100% {
	  transform: scale(2);
	  opacity: .25;
	}
  }
  
  .column1Video .playBtn i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	border-radius: 50%;
	background:#fff url(../images/sj.png) center center no-repeat;
  }
  .indexColumn1Zs{
	position: absolute;
	width: 232px;
	height: 236px;
	z-index: 5;
	left: 41%;
	bottom: -100px;
	background: url(../images/jian.png) center center no-repeat;
  }
  .indexColumn1Zs::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 2px;
	z-index: 5;
	border-radius: 50%;
	background: url(../images/twttime.png) center center no-repeat;
	animation: _zhuan 36s linear infinite;
  }
  
@keyframes _zhuan {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}
.indexColumn2{
	position: relative;
	padding: 65px 0 95px;
	overflow: hidden;
}
.indexColumn2 .wrap{
	position: relative;
	z-index: 5;
}
.moveBg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}
.col1BgBox {
	position: absolute !important;
	width: 101%;
	height: 101%;
	left: -0.5% !important;
	top: -0.5% !important;
}

.col1Bg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.indexColumn2 .indexTitle{
	text-align: center;
}
.indexColumn2 .indexTitle .title{
	color: #fff;
	font-weight: normal;
}
.indexColumn2 .indexTitle .egTitle{
	color: rgba(255, 255, 255, 0.3);
	font-weight: normal;
}
.indexColumn2C{
	padding: 54px 68px;
	background: #fff;
	border-radius: 20px;
}
.indexColumn2Swiper{
	overflow: hidden;
}
.indexColumn2Dl dd{
	float: left;
	display: inline;
	width: 20%;
}
.indexColumn2Dl dd.odd{
	background: #f7f9fb;
}
.indexColumn2Dl dd a{
	display: block;
	padding: 35px 10px 25px;
}
.indexColumn2Dl dd .icon{
	width: 75px;
	height: 75px;
	margin: 0 auto 18px;
	position: relative;
}
.indexColumn2Dl dd .icon::after{
	display: block;
	content: '';
	position: absolute;
	width: 46px;
	height: 46px;
	bottom: -5px;
	left: -5px;
	background: #e6dbc4;
	border-radius: 46px;
}
.indexColumn2Dl dd:hover .icon::after{
	animation: pulse1 500ms linear forwards;
}
@keyframes pulse1 {
    0% {
		width: 46px;
		height: 46px;
		bottom: -5px;
		left: -5px;
    }
    100% {
		width: 75px;
		height: 75px;
		left: 0;
		bottom: 0;
    }
}
.indexColumn2Dl dd .icon i{
	position: relative;
	display: block;
	width: 75px;
	height: 75px;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: center;
}
.indexColumn2Dl dd .title{
	height: 28px;
	line-height: 26px;
	text-align: center;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.indexColumn2Dl dd .title1{
	height: 26px;
	line-height: 28px;
	text-align: center;
	font-size: 18px;
	color: rgba(153,153,153,0.3);
	text-transform: capitalize;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.indexColumn2Dl dd:hover .title,
.indexColumn2Dl dd:hover .title1{
	color: var(--themeColor);
}
.column2Hanld{
	display: flex;
	justify-content: center;
	position: relative;
}
.column2HanldC{
	position: relative;
	display: flex;
}
.column2HanldBtn{
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 38px;
	top: 0;
	border: 1px solid rgba(153,153,153,0.3);
	border-radius: 50px;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}
.column2HanldBtn::after{
	font-size: 20px;
	color: #999;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}
.column2HanldBtn:hover{
	border-color: var(--themeColor);
}
.column2HanldBtn:hover:after{
	color: var(--themeColor);
}
.indexColumn3{
	position: relative;
	padding: 125px 0 130px;
	overflow: hidden;
}
.indexColumn3Left{
	width: 270px;
	padding-top: 70px;
}
.indexColumn3 .flex{
	padding-top: 45px;
}
.indexColumn3Dl{
	margin-bottom: 60px;
}
.indexColumn3Dl dd a{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333;
	position: relative;
	padding-left: 50px;
}
.indexColumn3Dl dd a::before{
	display: block;
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background: var(--themeColor);
	transition: all .4s;
	-webkit-transition: all .4s;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform-origin: 0 0;
}
.indexColumn3Dl dd.hover a::before{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}
.indexColumn3Dl dd.hover a{
	font-weight: bold;
	color: var(--themeColor);
}
.indexColumn3Right{
	position: relative;
	height: 540px;
}
.indexColumn3Table{
	position: absolute;
	width: 115%;
	left: 0;
	overflow: hidden;
	height: 540px;
	padding-bottom: 60px;
}
.indexColumn3Swiper{
	height: 540px;
}
.indexColumn3Swiper .con{
	margin: 0 30px; 
}
.indexColumn3Swiper .pic::before{
	padding-top: 56.25%;
}
.indexColumn3Swiper .pic{
	margin-bottom: 30px;
}
.indexColumn3Swiper .title{
	height: 48px;
	line-height: 48px;
	font-size: 24px;
	color: #333;
	overflow: hidden;
}
.indexColumn3Swiper .infor{
	height: 60px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	margin-bottom: 15px;
}
.indexColumn3Swiper .time{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
}
.indexColumn3Tab{
	display: none;
}
.indexColumn3Tab.active{
	display: block;
}
.indexColumn3Swiper .swiper-slide .title,
.indexColumn3Swiper .swiper-slide .infor,
.indexColumn3Swiper .swiper-slide .time{
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: all .5s;
	-webkit-transition: all .5s;
}
.indexColumn3Swiper .swiper-slide .infor{
	transition-delay: .1s;
}
.indexColumn3Swiper .swiper-slide .time{
	transition-delay: .3s;
}
.indexColumn3Swiper .swiper-slide.swiper-slide-active .title,
.indexColumn3Swiper .swiper-slide.swiper-slide-next .title,
.indexColumn3Swiper .swiper-slide.swiper-slide-active .infor,
.indexColumn3Swiper .swiper-slide.swiper-slide-active .time{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.indexColumn3Hanld{
	position: absolute;
	bottom:10px;
	left: 45%;
	width: 320px;
}
.indexColumn3Bottom{
	display: flex;
	width: 120px;
	height: 40px;
	justify-content: space-between;
}
.indexColumn3Btn{
	position: relative;
	width: 40px;
	height: 40px;
	top: 0;
	margin-top: 0;
	border: 1px solid rgba(153,153,153,0.3);
	border-radius: 50px;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}
.indexColumn3Btn::after{
	font-size: 20px;
	color: #999;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}
.indexColumn3Btn:hover{
	border-color: var(--themeColor);
}
.indexColumn3Btn:hover:after{
	color: var(--themeColor);
}
.indexColumn3Top{
	position: relative;
	height: 60px;
	display: flex;
	align-items: center;
	color: #999;
}
.indexColumn3Page{
	height: 60px;
	line-height: 60px;
}
.indexColumn3Page span{
	font-size: 20px;
	font-weight: bold;
	color: var(--themeColor);
	margin-right: 3px;
}
.indexColumn3Page em{
	font-style: normal;
	font-size: 16px;
	color: #999;
	margin-left: 3px;
}
.indexColumn3ScrollC{
	position: relative;
	margin-left: 30px;
	flex: 1;
}
.indexColumn3ScrollC .swiper-pagination-progressbar{
	height: 2px !important;
	background: #999 !important;
}
.indexColumn3ScrollC .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: var(--themeColor) !important;
}

/* 第4栏 */
.indexColumn4 {
	padding-top: 90px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	margin-bottom: -60px;
}
.indexColumn4 .text {
	text-align: center;
	margin-top: 70px;
}
.indexColumn4 .text .minTitle {
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	color: #336690;
	font-weight: b;
}
.indexColumn4 .textC {
	font-size: 18px;
	color: #333;
	line-height: 32px;
	height: 96px;
}
.indexColumn4 .indexMore {
	margin: 50px auto 40px;
}
.indexColumn4 .yszt {
	text-align: center;
	font-size: 36px;
	color: #336690;
	line-height: 60px;
	height: 120px;
	font-family: 'SJXingKai';
}
.indexColumn4 .wrap {
	position: relative;
}
.indexColumn4  .maskImg {
	height: 420px;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: cover;
	mask-image: url(../test/images/twtmask.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	bottom: 60px;
}
/*==========  律师事务所简介 start ========== */
.introTitleEg{
	position:absolute;
	width: 100%;
	height: 120px;
	font-size: 120px;
	text-align: center;
	font-weight: bold;
	-webkit-text-stroke: 1px rgba(51,102,144,0.05); 
	-webkit-text-fill-color : transparent;
	color:transparent;
	left: 0;
	top: -60px;
}
.introTitle{
	height: 55px;
	line-height:55px;
	text-align: center;
	font-size: 32px;
	color: #121212;
	margin-bottom: 25px;
}
.introTitle span{
	display: inline-block;
	position: relative;
	padding: 0 45px;
	height: 55px;
	overflow: hidden;
}
.introTitle span::before{
	display: block;
	content: '';
	position: absolute;
	width: 25px;
	height: 1px;
	left: 0;
	top: 50%;
	background: #336690;
}
.introTitle span::after{
	display: block;
	content: '';
	position: absolute;
	width: 25px;
	height: 1px;
	right: 0;
	top: 50%;
	background: #336690;
}
.introTopTitle{
	height: 44px;
	line-height: 44px;
	width: 52%;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: lighter;
	color: #336690;
	position: relative;
}
.introTopTitleC{
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.introTopTitle em{
	font-size: 12px;
	font-style: normal;
	padding: 0 5px;
}
.introTop .column1Video{
	width: 44.8718%;
	margin-left: 50px;
}
.introTop .column1Video .pic::before{
	padding-top: 56.25%;
}
.introTopContent{
	line-height: 40px;
	font-size: 18px;
	color: #333;
}
.introTop{
	overflow: hidden;
	margin-bottom: 80px;
}
.introBottom .introPic{
	width: 44.8718%;
	margin-right: 50px;
	border-radius: 10px;
	overflow:hidden ;
}
.introBottom .introPic .pic::before{
	padding-top: 100%;
}
.introBottomC{
	line-height: 40px;
	font-size: 18px;
	color: #333;
}
.introZs{
	width:160px;
	height: 160px;
	margin: 0 auto;
	background: url(../images/zsJian.png) center center no-repeat;
	position: relative;
  }
  .introZs::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	border-radius: 50%;
	background: url(../images/moreZS.png) center center no-repeat;
	/* animation: _zhuan 36s linear infinite; */
  }
  .introColumn1{
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow:hidden;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.08);
  }
  .introColumn1 .indexNumber{
	left: 0;
	right: 0;
	bottom: 20px;
  }
  .introColumn1 .wrap{
	position: relative;
	height: 100%;
  }
  .introColumn1 .title{
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
  }
  .indexNumber {
	margin: 0 -50px;
  }
  .indexNumber dd .con{
	margin: 0 50px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
  }
  .indexNumber dd .title{
	font-size: 42px;
	font-weight: normal;
  }
  .indexNumber dd .title span{
	margin-right: 5px;
	font-weight: normal;
  }
  .indexNumber dd::before{
	display: none;
  }
  .introColumn2{
	padding: 70px 0 90px;
  }
  .introColumn2C{
	line-height: 40px;
	font-size: 18px;
	color: #333;
  }
/*==========  律师事务所简介 end ========== */
/*==========  联系我们 start ========== */
.contactBox{
	padding: 75px 85px;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.04);
}
.contactTitle{
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.contactEgTitle{
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	color: #888888;
	margin-bottom: 65px;
}
.contactContent{
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #666;
	margin-bottom: 90px;
}
.contactDl{
	display: flex;
	column-gap: 30px;
}
.contactDl dd{
	width: 22%;
    margin: 0 !important;
}
.contactDl dd:nth-child(1) {
	flex: 1;
}
.contactDl dd .icon{
	width: 70px;
	height: 70px;
	margin: 0 auto 10px;
	border-radius: 70px;
	background-repeat: no-repeat;
	background-position: center;
}
.contactDl dd.dd1 .icon{
	background-color: #336690;
}
.contactDl dd.dd2 .icon{
	background-color: #ffd200;
}
.contactDl dd.dd3 .icon{
	background-color: #91bb4f;
}
.contactDl dd.dd4 .icon{
	background-color: #1d2087;
}
.contactDl dd .title{
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 22px;
	color: #333;
}
.contactDl dd .textC{
	line-height: 28px;
	font-size: 16px;
	color: #666;
	text-align: center;
}
/*==========  联系我们 end ========== */

/*==========  分支机构 start ========== */
.branchBox{
	display: flex;
}
.branchL{
	width:  72.0953%;
	margin-right:6.41026% ;
}
.branchR{
	flex: 1;
	position: relative;
}
.branchRConetnt{
	position: absolute;
	width: 153%;
	top: 0;
	left: 0;
	background: #fafafa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:70px 20% 25px;
}
.branchRTitle{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #666;
	position: relative;
	padding-left: 25px;
}
.branchRTitle::before{
	display: block;
	content: '';
	position: absolute;
	width: 4px;
	height: 28px;
	left: 0;
	top: 50%;
	margin-top: -14px;
	background: #336690;
}
.branchRDl{
	display: flex;
	flex-wrap: wrap;
}
.branchRDl dd{
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px 25px;
	line-height: 50px;
	font-size: 20px;
	color: #333;
}
.branchRDl dd.hover,
.branchRDl dd:hover{
	color: var(--themeColor);
	cursor: pointer;
}
.branchLDl{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
	padding-top: 50px;
} 
.branchLDl dd{
	width: 50%;
	position: relative;
}
.branchLDl dd::before{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #eee;
}
.branchLDl dd:nth-child(odd)::before {
	left: 25px;
	right: 0px;
  }
  
  .branchLDl dd:nth-child(even)::before {
	left: 0px;
	right: 25px;
  }
  .branchLDl dd:nth-child(even)::before {
	left: 0px;
	right: 25px;
  }
  .branchLDl dd:nth-last-child(1)::before,
  .branchLDl dd:nth-last-child(2)::before{
	display: none;
  }
.branchLDl dd a{
	height: 405px;
	display: block;
	margin: 0 25px;
	padding: 70px 0 0px;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.branchLDl dd .title{
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	color: #333;
}
.branchLDl dd .titleEg{
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #dbdbdb;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.branchLDl dd .inforC{
	padding: 8px 0;
	line-height: 32px;
	display: flex;
}
.branchLDl dd .inforC span{
	font-size: 16px;
	color: #666;
	width: 100px;
}
.branchLDl dd .inforC em{
	font-size: 16px;
	color: #666;
	font-style: normal;
}
.branchLDl dd.hover a,
.branchLDl dd:hover a{
	padding: 70px 20px 0px 50px;
	box-shadow: 0px 5px 10px 0px rgba(51, 102, 144, 0.25);
}
.branchLDl dd.hover a .title,
.branchLDl dd:hover a .title{
	color: var(--themeColor);
}
.branchLDl dd.hover::before{
	display: none;
} 
  
/*========== 分支机构 end  ========== */

/*========== 分支机构详情 start  ========== */
.backBranch .wrap{
	position: relative;
	height: 0;
	z-index: 5;
}
.backBranch a{
	position: absolute;
	right: 0;
	bottom: 15px;
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	font-size: 16px;
	color: #fff;
	background: url(../images/backPrev.png) left center no-repeat;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.backBranch a:hover{
	opacity: .85;
	padding-left: 34px;
}
.lsxqColumn {
	background-position: top center;
	background-repeat: no-repeat;
		background-image: url(../test/images/fzjgbg.png);
		background-size: cover;
}
.BranchViewColumn1{
	padding: 95px 0 0;
}
.BranchViewColumn1 .title{
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 36px;
}
.BranchViewColumn1 .titleEg{
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 32px;
	text-transform: capitalize;
}
.BranchViewC{
	overflow: hidden;
	padding: 50px 20px ;
}
.BranchViewPic{
	width: 42%;
	margin-left: 50px;
}
.BranchViewPic .pic::before{
	padding-top: 56.25%;
}
.BranchViewText{
	padding-top: 15px;
	line-height: 36px;
	font-size: 18px;
	color: #454545;
}
.BranchPge{
	display: flex;
	justify-content: space-between;
	height: 40px;
	line-height: 40px;
}
.BranchPge a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #333;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.BranchPge a:hover{
	color: var(--themeColor);
}
.BranchViewColumn2{
	display: flex;
}
.BranchViewSwiper{
	width: 62.1795%;
	overflow: hidden;
}
.BranchViewSwiper .pi::before{
	padding-top:63.7306% ;
}
.BranchViewColumn2 .text{
	flex: 1;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 6.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.BranchViewColumn2 .text .titleName{
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #333;
}
.BranchViewColumn2 .text .textItem{
	display: flex;
	justify-content: left;
	align-items: left;
	font-size: 16px;
	color: #444;
	padding: 10px 0;
	min-height: 40px;
}
.BranchViewColumn2 .text .textItem span{
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	background-position: left center;
	background-repeat: no-repeat;
	width: 80px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.BranchViewColumn2 .text .textItem em{
	flex: 1;
	display: block;
	line-height: 32px;
	font-size: 16px;
	color: #444;
	font-style: normal;
}
/*========== 分支机构详情 end  ========== */

/*========== 律师查询 start  ========== */
.InquiryStaffBox{
	padding: 40px 11%;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);
}
.InquiryStaffList {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.05);
	padding: 35px 0;
	display: flex;
	margin-bottom: 60px;
	position: relative;
	z-index: 5;
}
.InquiryStaffItem{
	flex: 1;
	position: relative;
}
.InquiryStaffItem::before{
	display: block;
	content: '';
	position: absolute;
	width: 1px;
	height: 30px;
	right: 0;
	top: 50%;
	margin-top: -15px;
	background: #cdcdcd;
}
.InquiryStaffItem:last-child:before{
	display: none;
}
.InquiryStaffItem .aykj_cssSelect .aykj_selectLt{
    min-height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333;
    padding: 0 70px 0 40px;
}
.InquiryStaffItem .aykj_cssSelect .aykj_optionBox{
    height: 30px;
    line-height: 30px;
}
.InquiryStaffItem .aykj_cssSelect .aykj_optionBox span{
    font-size: 14px;
}
.InquiryStaffItem .aykj_cssSelect .aykj_selectRt{
    width: 66px;
    background: url(../images/xiala.png) center center no-repeat;
}
.InquiryStaffItem .aykj_cssSelect .aykj_selectRt::before{
    display: none;
}
.InquiryStaffItem  .aykj_cssSelect .aykj_selectBox{
    border:none;
}
.InquiryStaffTitle{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}  
.InquiryStaffDl{
	display: flex;
	margin-bottom: 50px;
}
.InquiryStaffDl dd {
	margin: 0 10px;
} 
.InquiryStaffDl dd a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	font-size: 18px;
	color: #333;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.InquiryStaffDl dd.hover a,
.InquiryStaffDl dd:hover a{
	color: var(--themeColor);
}
.InquiryStaffSearch{
	width: 715px;
	margin: 0 auto;
	height: 50px;
	border-bottom: 1px solid #336690;
	display: flex;
}
.inquiryButton{
	width: 50px;
	height: 50px;
}
.inquiryButton button{
	width: 50px;
	height: 50px;
	background: url(../images/serachw.png) center center no-repeat;
}
.inquiryInput{
	flex: 1;
}
.inquiryInput input{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border: none;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.inquiryInput input::-webkit-input-placeholder{
	color: #333;
	font-size: 16px;
}
.staffDl{
	display: flex;
	margin: 0 -15px 0 0;
	flex-wrap: wrap;
	width: 100%;
}
.staffDl dd{
	width: 50%;
}
.staffDl dd a{
	display: flex;
	margin: 0 15px 0 0!important;
	padding: 30px;
	background: #fff;
	box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
	transition: all .3s;
	-webkit-transition: all .3s;
}
.staffDl dd a .pic{
	width: 54.61%;
}
.staffDl dd a .pic::before{
	padding-top: 103%;
} 
.staffDl dd a .text{
	flex: 1;
	overflow: hidden;
	margin-left: 30px;
	padding:50px 0 0;
}
.staffDl dd a .text .title{
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.staffDl dd a .text .title span{
	font-size: 16px;
}
.staffDl dd a .text .address{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #333;
	margin-bottom: 32px;
	padding-left: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../test/newsImg/addres.png);
}
.staffDl dd a .textC{
	height: 128px;
	line-height: 32px;
	font-size: 18px;
	color: #333;
	overflow:hidden;
	margin-bottom: 5px;
}
.staffDl dd a .more{
	border-top:1px solid #999 ;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #999;
	padding-right: 20px;
	background: url(../images/listMore.png) right center no-repeat;
	transition: all .3s;
	-webkit-transition: all .3s;
} 
.staffDl dd a:hover{
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
.staffDl dd a:hover .title{color: var(--themeColor);}
.staffDl dd a:hover .more{
	border-color: var(--themeColor);
	color: var(--themeColor);
	background: url(../images/listMore_h.png) right center no-repeat;
}
.staffDl .page {
	width: 100%;
	margin: 50px 0;
}
/*========== 律师查询 end  ========== */
/*========== 律师详情 start  ========== */
.staffViewBox{
	padding: 70px;
	background-color: #fff;
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../test/images/lsxq.png);
}
.staffViewBox::after{
	display: block;
	content: '';
	clear: both;
}
.staffViewPic{
	float: left;
	display: inline;
	width: 440px;
	position: relative;
	z-index: 3;
	margin-right: 60px;
}
.staffViewPic::before{
	display: block;
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: 10px;
	bottom: -10px;
	background: #39668a;
}
.staffViewPic .pic::before{
	padding-top: 135.2273%;
}
.staffViewBox .text{
	overflow: hidden;
	padding-top: 40px;
}
.staffViewBox .name{
	height: 78px;
	line-height: 78px;
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
.staffViewBox .duty,
.staffViewBox .tel{
	padding: 20px 0;
	line-height: 30px;
	font-size: 20px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
.staffViewBox .content{
	padding: 20px 0;
}
.staffViewBox .content .title{
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}
.staffViewBox .content .textc{
	line-height: 30px;
	font-size: 18px;
	color: #666;
	text-indent: 2em;
	margin-bottom: 20px;
}
.staffViewBox .content .textc span.ywly {
	display: inline-block;
	height: 31px;
	line-height: 31px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	width: 90px !important;
	background-color: #336690;
	text-align: center;
	padding: 0 !important;
	text-indent: 0;
}
.staffViewPage{
	display: flex;
	justify-content: space-between;
}
.staffViewPage a{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #333;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.staffViewPage a:hover{
	color: var(--themeColor);
}
/*========== 律师详情 end  ========== */

/*========== 视频中心 start  ========== */
.videoCenter{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
.videoCenter .pic::before{
	padding-top:47.1154%;
}
.videoCenter .pic::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0,.15);
}
.videoCenter .playBtn{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	z-index: 5;
}
.videoCenter .playBtn::before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: pulse 2s infinite;
	background: rgba(255, 255, 255,.55);
	top: 0;
	left: 0;
	z-index: 2;
}
.videoCenter .playBtn::after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: pulse 2s infinite;
	background: rgba(255, 255, 255, 1);
	top: 0;
	left: 0;
	animation-delay: 1s;
	z-index: 3
  }
  .videoCenter .playBtn i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 50%;
    background: #1e39ac url(../images/common/icon8.png) center center no-repeat;
}

.videoSwiper {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
	padding: 10px 4px;
}
.videoSwiper .indexBannerNext {
	right: 0px !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	transform: translateY(-70%);
	box-sizing: border-box;
}
.videoSwiper .indexBannerPrev {
	left: 0px !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	transform: translateY(-70%);
	box-sizing: border-box;

}
.videoSwiper .con {
	display: block;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.videoSwiper .con .text {
	height: 85px;
	line-height: 85px;
	font-size: 22px;
	color: #333;
	padding: 0 20px;
	text-align: center;
	border-bottom: 1px solid transparent;
}
.videoSwiper .playBtn{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	z-index: 5;
}
.videoSwiper .playBtn::before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 255, 255,.55);
	top: 0;
	left: 0;
	z-index: 2;
}
.videoSwiper .playBtn::after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
	top: 0;
	left: 0;
	animation-delay: 1s;
	z-index: 3
  }
.videoSwiper .playBtn i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3) url(../images/common/icon8.png) center center no-repeat;
	transition: .3s;
}
.videoSwiper .con:hover .playBtn i {
	background-color: rgba(51, 102, 144, .5);
}
.videoSwiper .con:hover .text {
	color: var(--themeColor);
	border-bottom: 1px solid var(--themeColor);
}
/*========== 视频中心 end  ========== */

/*========== 业务领域 start  ========== */
.businessTitle{
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 42px;
	color: #333;
	margin-bottom: 20px;
}
.businessColumn .text{
	line-height: 38px;
	font-size: 18px;
	color: #777;
	text-align: center;
}
.businessColumn2{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.businessDl{
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.businessDl dd{
	float: left;
	display: inline;
	width: 25%;
	height: 170px;
	position: relative;
	overflow: hidden;
}
.businessDl dd:after {
    display: block;
    content: '';
    width: 200%;
    height: 100%;
    position: absolute;
    left: -250%;
    top: 0;
    background: rgba(51, 101, 144, 0.8);
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    transition: 1.28s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: 1.28s cubic-bezier(.215,.61,.355,1);
    -moz-transition: 1.28s cubic-bezier(.215, .61, .355, 1);
}
.businessDl dd:hover:after {
    left: -50%;
}
.businessDl dd a{
	position: relative;
	z-index: 5;
	display: flex;
	height: 170px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.businessDl dd a::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.businessDl dd .icon{
	width: 75px;
	height: 75px;
	margin: 0 auto;
	position: relative;
}
.businessDl dd .icon i{
	position: relative;
	display: block;
	width: 75px;
	height: 75px;
	z-index: 5;
	opacity: .8;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.businessDl dd:hover .icon i{
	opacity: 1;
}
.businessDl dd .title{
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.businessDl dd .title1{
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: rgba(255,255,255,0.5);
	text-transform: capitalize;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.businessDl dd:hover .title,
.businessDl dd:hover .title1{
	color: #fff;
}
/*========== 业务领域 end  ========== */

/* 培训直播 start */
.liveVideoColumnL{
	flex: 1;
	position: relative;
}
.liveVideoColumnL a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.liveVideoColumnL a img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.liveVideoColumnL .text{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 70px;
	line-height: 70px;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.liveVideoColumnL .playBtn{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background: rgba(0, 0, 0, 0.5) url(../images/common/videoIco.png) no-repeat center center;
    background-size: 60px;
	border-radius: 60px;
}
.liveSwiper{
	position: relative;
	overflow: hidden;
	padding: 20px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 510px;
	height:600px;
	background: #fff;
	box-shadow: 0 3px 15px 1px rgba(0, 0, 0, 0.08);
}
.liveSwiper .bd {
	height: 560px;
	overflow: hidden;
}
.liveSwiper .bd .swiper-slide{
	height:140px !important;
	padding: 12px 0;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.liveSwiper .swiper-slide .con{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.liveSwiper .swiper-slide .pic{
	width: 205px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 30px;
}
.liveSwiper .swiper-slide .pic::before{
	padding-top: 56.1%;
}
.liveSwiper .swiper-slide .text{
	flex: 1;
	overflow: hidden;
}
.liveSwiper .swiper-slide .title{
	height: 60px;
	line-height: 30px;
	overflow:hidden;
	font-size: 18px;
	color: #333;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.liveSwiper .swiper-slide .time{
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.liveSwiper .swiper-slide:hover .title,
.liveSwiper .swiper-slide.active .title,
.liveSwiper .swiper-slide.active .time,
.liveSwiper .swiper-slide:hover .time{
	color: var(--themeColor);
}
.liveVideoColumn1{
	padding:0px 50px 0px;
	background: #fff;
	display: flex;
}
.liveVideoColumn1l{
	width: 305px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 70px;
	margin-right: 50px;
	margin-bottom: 40px;
}
.liveVideoColumn1l .pic::before{
	padding-top: 100%;
}
.liveVideoColumn1r{
	overflow: hidden;
	padding-top: 96px;
}
.liveVideoColumn1l .name{
	position: absolute;
	left: -35px;
	right: -35px;
	height: 107px;
	bottom: 0;
	z-index: 2;
	background: url(../images/videZs1.png) no-repeat center center;
	text-align: center;
	line-height:120px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.liveVideoColumn1r{
	padding-left: 40px;
	border-left: 1px solid rgba(153, 153, 153, .15);
	position: relative;
	background: url(../images/videoZs.png) 260px 30px no-repeat;
}
.liveVideoColumn1r .title{
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #333;
	margin-bottom: 30px;
}
.liveVideoColumn1r .content{
	line-height: 40px;
	font-size:18px;
	color: #666;
}
.liveTable{
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	background: #336690;
	border-radius: 5px 5px 0 0;
	display: flex;
	justify-content: space-between;
}
.liveTableDl dd{
	float: left;
	display: inline;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	margin-right: 45px;
}
.liveTableDl dd a{
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.liveTableDl dd.hover{
	padding-left: 45px;
	background: url(../images/shadeIcon.png) left center no-repeat;
	color: #e2e2e2;
}
.liveTable .more a{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.liveTable .more a:hover{
	opacity: .85;
}
.liveTableC{
	padding: 38px 35px;
}
.liveVideo{
	overflow: hidden;
}
.liveVideo  dd{
	float: left;
	display: inline;
	width: 25%;
	padding: 10px 0;
}
.liveVideo  dd .con{
	display: block;
	margin: 0 15px;
	position: relative;
}
.liveVideo  dd .type{
	position: absolute;
	right: 0px;
	top: -8px;
	width: 119px;
	height: 25px;
	line-height: 23px;
	font-size: 15px;
	color: #fff;
	background: url(../images/liveIcon.png) right top no-repeat;
	z-index: 5;
	text-align: center;
}
.liveVideo  dd .playBtn{
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 50%;
	margin:-24px 0 0 -24px;
	background: url(../images/common/videoIco.png) no-repeat center center;
    background-size:40px;
}
.liveVideo  dd .pic{
	border-radius: 5px;
	margin-bottom: 5px;
}
.liveVideo  dd  .text{
	height: 68px;
	line-height: 34px;
	font-size: 18px;
	color: #333;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.liveVideo  dd .con:hover  .text{
	color: var(--themeColor);
}
/* 培训直播 end */

/* 直播回放 start */
.liveView2{
	padding: 30px 20px;
	background: #fff;
}
.liveView2Title{
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
}
.liveView2Top{
	display: block;
	height: 38px;
	line-height: 38px;
	display: flex;
	margin-bottom: 5px;
}
.liveView2Top .title{
	flex: 1;
	line-height: 38px;
	font-size: 16px;
	color: #387ed6;
	padding-left: 30px;
	background: url(../images/liveIcon1.png) no-repeat left 10px;
}
.liveView2Top  .type{
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	border-radius: 20px;
	background: #336690;
	color: #fff;
}
.liveView2Conetnt{
	display: flex;
	align-items: center;
}
.liveView2Conetnt .text{
	padding-left: 30px;
	position: relative;
	flex: 1;
	margin-right: 10%;
}
.liveView2Conetnt .text .content{
	font-size: 14px;
	color: #666;
	line-height: 34px;
	position: relative;
}
.liveView2Conetnt .text .content::before{
	display: block;
	content: '';
	position: absolute;
	width: 30px;
	height: 34px;
	top: 0;
	left: -30px;
	background: url(../images/liveIcon2.png) left center no-repeat;
}
.liveView2Conetnt .zan{
	height: 42px;
	line-height: 42px;
	padding-left: 28px;
	font-size: 14px;
	color: #999;
	background: url(../images/liveIcon3.png) left center no-repeat;
	cursor: pointer;
}
.liveView2Conetnt .zan.active{
	color: var(--themeColor);
}
.liveView2Conetnt .liveView2Time span{
	line-height: 46px;
	font-size: 14px;
	color: #999;
	margin-right: 60px;
}
/* 第一栏 start */
.liveView1 .videoText {display: flex;}
.liveView1 .videoText .video {width: 64.1025%;overflow: hidden;}
.liveView1 .videoText .video .pic::before {padding-top: 56%;}
.liveView1 .videoText .text {flex: 1;background-color: #fff;padding: 30px 50px;}
.liveView1 .videoText .text .title {border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;}
.liveView1 .videoText .text .titleC {font-size: 22px;line-height: 44px;height: 44px;}
.liveView1 .videoText .text .source {font-size: 18px;line-height: 30px;height: 30px;color: #666;}
.liveView1 .videoText .text .time {font-size: 16px;height: 55px;line-height: 55px;color: #666;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;}
.liveView1 .videoText  .textImg dd {margin-bottom: 20px;}
.liveView1 .videoText .con {display: flex;overflow: hidden;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;column-gap: 30px;}
.liveView1 .videoText .con .img {width: 43.4782%;border-radius: 8px;}
.liveView1 .videoText .con .pic::before {padding-top: 55%;}
.liveView1 .videoText .con .pic::after {display: block;content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.15);position: absolute;left: 0;top: 0;}
.liveView1 .videoText .con .pxText {flex: 1;}
.liveView1 .pxText .textC {font-size: 18px;line-height: 26px;height: 26px;color: #333;}
.liveView1 .pxText .tim {font-size: 14px;line-height: 28px;color: #999;margin-top: 30px;}
.liveView1 .videoText  .textImg dd:last-child .con {border-bottom: 1px solid transparent;}
.liveView1 .share {display: flex;align-items: center;column-gap: 90px;}
.liveView1 .share .eyes span {display: inline-block;font-size: 16px;height: 32px;line-height: 32px;color: #999;padding-left: 30px;background: url(../images/eyes.png) left center no-repeat;}
.liveView1 .share .transpond a {display: inline-block;font-size: 16px;height: 32px;line-height: 32px;color: #336690;padding-left: 30px;background: url(../images/zf.png) left center no-repeat;}
.liveView1 .playBtn{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background: rgba(0, 0, 0, 0.5) url(../images/common/videoIco.png) no-repeat center center;
    background-size: 60px;
	border-radius: 60px;
}
/* 第一栏 end */
/* 直播回放 end */

/* ========== 留言 start ========== */
.messagePage{ background: #FFF; padding:20px}
.messageBox{ padding:20px;}
.messageTitle{position: relative;padding-left: 20px;margin-bottom: 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.messageTitle::before{width: 4px;height: 26px;background: var(--themeColor);display: block;content: '';position: absolute;top: 50%;left: 0;margin-top: -13px;}
.messageTitle .conL{ float: left; display: inline; font-size: 24px;color: #000000;}
.messageTitle .conR{ float: right; display: inline;}
.messageTitle .conR a{ color:var(--themeColor); font-size: 14px;}
.messageTitle .conR a:hover{ color: var(--themeColor);}
/* 留言展示列表start */
.messageList dd{padding-bottom: 20px;margin-bottom: 30px;background: #FFF;padding: 20px; border-radius: 5px;border: 1px solid #f5f5f5;box-shadow: 0px 0px 4px rgb(0 0 0 / 3%);}
.messageList dd:last-child{ border-bottom: none; margin-bottom: 0;}
.msgHead{ overflow: hidden; height: 40px; line-height: 40px; font-size: 14px;}
.msgHeadL{float: left; display: inline; color: #333;}
.msgHeadL span{ font-size:14px}
.msgHeadR{float: right; display: inline; font-size: 12px; color: #999; padding-left: 20px; background: url(../images/common/timeIco.png) no-repeat left center / auto 15px;}
.msgText{line-height: 25px;color: #666;font-size: 12px;margin-bottom: 5px;}
.msgReplay{line-height: 25px;color: #666;font-size: 12px;background: #f9f9f9;padding: 10px; border-radius: 5px;}
.msgReplay span{ color: var(--themeColor); font-size: 14px;}
/* 留言展示列表end */
/* 留言表单start */
.messageForm{ margin-right: -40px; font-size: 14px;}
.messageForm:after{ clear:both; content: ''; visibility: hidden; display: block;}
.messageForm .item{ width: 50%; float: left; display: inline; margin-bottom: 15px;}
.messageForm .item.w100p{ width: 100%;}
.messageForm .item .con{ margin-right: 40px;}
.messageForm .item .label{ height: 38px; line-height: 38px;}
.messageForm .item .label span{ color: #da0100;}
.messageForm .item .itemC{ clear: both; min-height: 40px;}
/* 留言表单end */


/* 浮窗 start */
.floatBoxL {
	position: fixed;
	right: -550px;
	top: 80px;
	z-index: 101;
	transition: .6s;
}
.floatBoxL.active {
	right: 30px;
}
.floatBoxL dd {
	margin-bottom: 20px;
	position: relative;
}
.floatBoxL a {
	display: block;
	position: relative;
	width: 275px;
	height: 150px;
}
.floatBoxL a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.floatBoxL span {
	display: inline-block;
	font-size: 30px;
	position: absolute;
	top: -5px;
	right: 10px;
	z-index: 20;
	color: #fff;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.floatBoxL a .pos {
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	font-weight: 700;
}
/* 浮窗 end */