/* ==================== hh云南设计院 start ==================== */
/* business 开始 */
.busineBox {
	padding: 60px 0 90px 0;
}

.busineTop {
	margin-bottom: 75px;
	overflow: hidden;
}

.busineTop .title {
	font-size: 40px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
	margin-bottom: 55px;
}
.busineTBox{
	margin-right: -50px;
	overflow: hidden;
}
.busineTbCon{
	width: 50%;
}
.busineTCon {
	overflow: hidden;
	margin-right: 50px;
}

.busineTCon dd {
	width: 100%;
	margin-bottom: 20px;
}

.busineTCon dd .con {
	font-size: 20px;
	color: #555555;
	line-height: 32px;
}

.busineTCon dd .con .textB {
	display: inline;
	font-weight: bold;
}

.busineTCon dd .con .textC {
	overflow: hidden;
}
.busineImgDl{
	width: 960px;
	margin: 0 auto;
}
.busineImgDl dd .pic{
	margin-bottom:24px;
}
.busineImgDl dd .pic:before{
	padding-top: 47.291667%;
}
.busineImgDl dd{
	margin-bottom: 50px;
}
.busineImg {
	margin-right: -50px;
	margin-bottom: 50px;
}

.busineList {
	width: 50%;
}

.busineImg:nth-child(even) .busineListL {
	display: inline;
	float: left;
}

.busineImg:nth-child(even) .busineListR {
	display: inline;
	float: right;
}

.busineImg:nth-child(odd) .busineListL {
	display: inline;
	float: right;
}

.busineImg:nth-child(odd) .busineListR {
	display: inline;
	float: left;
}

.busineListL .pic::before {
	padding-top: 66.6257%;
}

.busineListR {
	position: sticky;
	position: -webkit-sticky;
	/* Safari */
	top: 0;
}


.buslistCon {
	margin-right: 50px;
}

.busineList .text {
	display: block;
	line-height: 30px;
	max-height: 60px;
	color: #333333;
	overflow: hidden;
	padding-top: 24px;
}

.busineImgDl .text{
    font-size: 24px;
    overflow: hidden;
    font-weight: bold;
	text-align:center;
	line-height: 30px;
	max-height: 60px;
}

.busineList .text p {
	font-size: 24px;
	overflow: hidden;
	font-weight: bold;
}

.busineRList {
	overflow: hidden;
	margin-right: -50px;
}

.busineRList dd {
	overflow: hidden;
	float: left;
	display: inline;
	width: 50%;
}

.busineRList dd .con {
	overflow: hidden;
	margin-right: 50px;
}

.busineRList dd a {
	display: block;
}

.busineRList dd .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.busineRList dd .pic:before {
	display: block;
	content: '';
	padding-top: 66.4921%;
}

.busineRList dd .pic img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* business 结束 */
/* brans 公用 start */
.bransBox {
	position: relative;
}

.brandsTitle {
	font-size: 40px;
	line-height: 48px;
	color: #333333;
	position: absolute;
	left: 0;
	top: 150px;
	font-family: medium;
}

/* brans 公用 end */
/* team 开始 */
.teamBox {
	padding: 95px 0 59px 0;
}

.teamList {
	overflow: hidden;
	margin-right: -80px;
}
.teamList .pic img{
	object-position: center top;
}
.teamList a {
	display: block;
	position: relative;
}

.teamList .con {
	margin-right: 80px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.teamList .text {
	display: block;
	color: #333333;
	overflow: hidden;
	position: relative;
/* 	padding: 46px 0 0 0;
	width: 840px;
	background: rgba(255,255,255,0.3); */
}
.teamList dd .text{
	height: 533px;
	overflow: hidden;
}
.teamList .text .tile {
	/* height: 72px; */
	line-height: 36px;
	font-size: 30px;
	overflow: hidden;
	font-family: medium;
	padding: 0 40px;
	position: absolute;
	bottom: 10%;
}

.teamList dt {
	overflow: hidden;
	margin-bottom: 150px;
}

.teamList dt .pic:before {
	display: block;
	content: '';
	padding-top: 66.63636%;
}

.teamList dt .pic {
	width: 75.4761%;
	float: right;
	overflow: hidden;
	position: relative;
}

.teamList dt .text {
	overflow: hidden;
	position: relative;
	height: 844px;
}
.teamList dt .text .tile {
	/* padding-right: 40px; */
	padding: 0 40px;
}

.teamList dd {
	
	overflow: hidden;
	margin-bottom: 150px;
}

/* .teamList dd:nth-child(odd) {
	float: right;
}

.teamList dd:nth-child(odd) .text {
	position: absolute;
	left: 0;
	bottom: 0;
} */

/* .teamList dd:nth-child(odd) .text .tile {
	padding-right: 40px;
}

.teamList dd:nth-child(even) .text .tile {
	padding-left: 40px;
} */

/* .teamList dd:nth-child(even) {
	margin-bottom: 130px;
} */

/* .teamList dd:nth-child(even) .text {
	position: absolute;
	right: 0;
	bottom: 0;
} */

.teamList dd .pic:before {
	display: block;
	content: '';
	padding-top: 66.625%;
}

.teamList dd .pic {
	width: 800px;
	overflow: hidden;
	position: relative;
	float: left;
}
.teamList dd:nth-child(odd) .pic{
	float: right;
}
/* .teamList dd:nth-child(6n+2) .con{padding-right: 100px;}
.teamList dd:nth-child(7n+3) .con{padding-left: 100px;}
.teamList dd:nth-child(6n+6) .con{padding-right: 100px;}
.teamList dd:nth-child(7n+7) .con{padding-left: 100px;} */
/* team 结束 */
/* cultural 开始 */
.culturalBox {
	padding: 150px 0;
}

.empimgList1 {
	overflow: hidden;
}

.empimgList1 dd {
	overflow: hidden;
	float: left;
	display: inline;
	width: 50%;
}

.empimgList1 dd:first-child {
	margin-top: 40px;
}

.empimgList1 dd:nth-child(odd) {
	padding-top: 106px;
}

.empimgList1 dd:nth-child(even) {
	padding-bottom: 106px;
}

.empimgList1 dd .con {
	overflow: hidden;
}

.empimgList1 dd .con.con1 {
	margin-left: 160px;
}

.empimgList1 dd .con.con2 {
	margin-right: 160px;
}

.empimgList1 dd a {
	display: block;
}

.empimgList1 dd .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.empimgList1 dd .pic::after {
	display: block;
	content: '';
	width: 60px;
	height: 60px;
	background: url(../images/innerPage/vedio.png) no-repeat center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.empimgList1 dd .pic:before {
	display: block;
	content: '';
	padding-top: 56.0294%;
}

.empimgList1 dd .pic img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.empimgList1 dd .text {
	display: block;
	line-height: 36px;
	color: #333333;
	overflow: hidden;
	padding-top: 27px;
}

.empimgList1 dd .text .title {
	font-size: 30px;
	overflow: hidden;
	font-family: medium;
}

/* 关闭弹窗按钮 */
.layui-layer-setwin .layui-layer-close2 {
	position: absolute;
	right: -79px !important;
	top: -22px !important;
	width: 60px !important;
	height: 60px !important;
	margin-left: 0;
	background-position: center center !important;
	*: ;
	_display: none;
	background-image: url(../images/innerPage/colse.png) !important;
}

/* cultural 结束 */
/* ========== 联系我们 start ========== */
#{
 background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.contactUsBox {
	overflow: hidden;
}

.contactUsInfo {
	overflow: hidden;
	position: relative;
}

.contactUsInfo .contacDl {
	width: 50%;
	padding: 5% 0;
}

.contactUsInfo .address {
	background: #FFFFFF;
	min-height: 100px;
}

.contacDlfl {
	margin-left: 12.5%;
}

.contacDlfr {
	margin-right: 12.5%;
}

.contacDl .dd {
	padding: 15px 10px 15px 120px;
	position: relative;
}

.contacDl .dd.dd4 {
	padding: 115px 10px 115px 120px;
}

.contacDl .dd::before {
	display: block;
	content: '';
	width: 70px;
	height: 70px;
	border-radius: 70px;
	box-shadow: rgba(0, 0, 0, .2) 0 5px 10px;
	position: absolute;
	left: 10px;
	bottom: 15px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.contacDl .dd.dd1::before {
	background: #FFFFFF url(../images/innerPage/contactUs1.png) no-repeat center center;
}

.contacDl .dd.dd2::before {
	background: #FFFFFF url(../images/innerPage/contactUs2.png) no-repeat center center;
}

.contacDl .dd.dd3::before {
	background: #FFFFFF url(../images/innerPage/contactUs3.png) no-repeat center center;
}

.contacDl .dd.dd4::before {
	background: #FFFFFF url(../images/innerPage/contactUs4.png) no-repeat center center;
	left: 120px;
	bottom: 200px;
}

.contacDl .dd.dd1:hover:before {
	background: #93222e url(../images/innerPage/contactUs1a.png) no-repeat center center;
	box-shadow: rgba(147, 34, 46, .5) 0 0 10px;
}

.contacDl .dd.dd2:hover:before {
	background: #93222e url(../images/innerPage/contactUs2a.png) no-repeat center center;
	box-shadow: rgba(147, 34, 46, .5) 0 0 10px;
}

.contacDl .dd.dd3:hover:before {
	background: #93222e url(../images/innerPage/contactUs3a.png) no-repeat center center;
	box-shadow: rgba(147, 34, 46, .5) 0 0 10px;
}

.contacDl .dd.dd4:hover:before {
	background: #93222e url(../images/innerPage/contactUs4a.png) no-repeat center center;
	box-shadow: rgba(147, 34, 46, .5) 0 0 10px;
}

.contacDl .dd .text {
	line-height: 70px;
	color: #333333;
	font-size: 20px;
	font-family: medium;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.contacDl .dd.dd4 .text {
	line-height: 28px;
	height: 70px;
}

.contacDl .dd:hover .text {
	letter-spacing: 1px;
}

/* ========== 联系我们 end ========== */

/* about 关于我们 start */
.aboutTitle {
	line-height: 88px;
	color: #333333;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 85px;
	position: relative;
}

.aboutTitle::before {
	display: block;
	content: '';
	width: 30px;
	height: 4px;
	background-color: #93222e;
	position: absolute;
	left: 50%;
	bottom: -4px;
	margin-left: -15px;
}

.aboutCol1Box {
	background: #FAFAFA url(../images/innerPage/aboutCol1Bg.png) no-repeat center center;
	padding: 92px 6.25%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	background-attachment: fixed;
}

.aboutCol1 {
	width: 50%;
}

.aboutCol1L .con {
	padding-right: 35px;
	font-family: "medium";
	font-size: 30px;
	color: #333333;
	line-height: 48px;
}

.aboutCol1R .con {
	padding-left: 66px;
	padding-top: 60px;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.faded-text {
		/* Fading background gradient from the current text color */
		background-image: linear-gradient(transparent 10%, currentColor 30%, currentColor 70%, transparent 90%);
		/* Clip it to the text */
		-webkit-background-clip: text;
		background-clip: text;
		/* Keep the background fixed to the viewport */
		background-attachment: fixed;
		/* Set the text to transparent for the fading background to show through */
	}

	.faded-text>* {
		color: transparent;
	}
}

.aboutCol1R .con .infoList {
	height: 405px;
	overflow: hidden;
}

.aboutCol1R .con .infoList li {
	font-family: "medium";
	font-size: 24px;
	line-height: 40px;
}

.aboutCol2 {
	width: 50%;
}

.aboutCol2L .pic:before {
	padding-top: 96.0375%;
}


.aboutCol2R .con {
	padding: 16% 12.5%;
}

.aboutCol2R .con .aboutTitle {
	text-align: left;
}

.aboutCol2R .con .aboutTitle::before {
	left: 0;
	margin-left: 0;
}

.development {
	height: 436px;
	overflow: hidden;
	padding-right: 90px;
}

.development dd {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: none;
}

.development dd:before {
	width: 17px;
	height: 20px;
	display: block;
	content: '';
	position: absolute;
	left: 84px;
	border-radius: 50%;
	top: 10px;
	transform: translate(50%, -50%);
	background: url(../images/innerPage/developmen.png) no-repeat center center;
	z-index: 1;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}

.development dd::after {
	display: block;
	content: '';
	width: 1px;
	background: #c7c7c7;
	position: absolute;
	left: 100px;
	top: 0;
	bottom: 0;
}

.development dd a {
	display: block;
	overflow: hidden;
}

.development dd .year {
	font-size: 30px;
	color: #666666;
	font-weight: bold;
	width: 100px;
	float: left;
	display: inline;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}

.development dd .text {
	font-size: 22px;
	line-height: 36px;
	color: #666666;
	padding-left: 42px;
	overflow: hidden;
	padding-bottom: 40px;
}

.development dd:hover .year {
	color: #93222e;
}

.development dd:hover:before {
	background: url(../images/innerPage/developmena.png) no-repeat center center;
}

.aboutUsColumn4 {
	overflow: hidden;
	position: relative;
	background: #2b3034;

}

.aboutUsColumn4Bg {
	background: url(../images/innerPage/aboutCol3Bg.jpg) no-repeat center center fixed;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.aboutUsColumn4 .cons {
	padding: 103px 12.5% 130px 6.25%;
}

.aboutUsColumn4 .cons .aboutTitle {
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 12px;
}

.aboutUsColumn4 .cons .aboutTitle::before {
	left: 0;
	margin-left: 0;
}



.aboutUsSwiper {
	overflow: hidden;
	position: relative;
}

.aboutUsSwiper .con {
	overflow: hidden;
}

.aboutUsSwiper .con .picBox {
	width: 32.1957%;
	margin-left: 140px;
}

.aboutUsSwiper .con .pic {
	margin-bottom: 20px;
}

.aboutUsSwiper .con .pic:before {
	padding-top: 75%;
}

.aboutUsSwiper .con .picBox .name {
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	font-family: "medium";
	font-size: 30px;
	color: #ffffff;
}

.aboutUsSwiper .con .picBox .post {
	font-size: 18px;
	color: #adadad;
	line-height: 40px;
	max-height: 80px;
	overflow: hidden;
}

.aboutUsSwiper .con .textC {
	overflow: hidden;
	padding-top: 56px;
}

.aboutUsSwiper .con .textC .text1 {
	line-height: 32px;
	height: 192px;
	overflow: hidden;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 56px;
}

.aboutUsSwiper .con .textC .text2 {
	padding-bottom: 94px;
}

.aboutUsSwiper .con .textC .text2 .title {
	font-family: "medium";
	font-size: 24px;
	color: #C7C7C7;
	height: 66px;
	line-height: 66px;
	overflow: hidden;
	padding-left: 18px;
	position: relative;
}

.aboutUsSwiper .con .textC .text2 .title:before {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffffff;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}

.aboutUsSwiper .con .textC .text2 .info {
	line-height: 30px;
	height: 60px;
	font-size: 18px;
	color: #c7c7c7;
}

.aboutUsSwiper .swiper-pagination {
	left: 0;
	bottom: 25px;
	text-align: left;
}

.aboutUsSwiper .swiper-pagination span {
	background: #c7c7c7;
	opacity: 1;
	width: 11px;
	height: 11px;
}

.aboutUsSwiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #93222e;
}

.aboutCol3Box {
	background: #ffffff url(../images/innerPage/aboutCol4Bg.png) no-repeat center center;
	padding: 83px 0 183px;
	background-attachment: fixed;
}

.aboutCol3Box .acol3Con {
	padding: 0 12.5%;
}

.aboutCol3Box .acol3Con .text {
	padding: 0 65px;
	font-size: 26px;
	line-height: 46px;
	color: #333333;
	text-align: center;
}

.aboutCol1R .con .tempWrap {
	height: 434px !important;
}

/* about 关于我们 end */
/* itemShow 项目 start  */
.itemTopDl {
	margin: 0 -28px;
}

.itemTopDl dd {
	float: left;
	display: inline;
	width: 25%;
}

.itemTopDl dd .con {
	margin: 0 28px;
	position: relative;
	border-bottom: 1px solid #d1d1d1;
}

.itemTopDl dd .title {
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #666;
	text-transform: capitalize;
}

.itemTopDiv {
	/* margin-left: 50px; */
}

.itemTopDiv .demo2 {
	width: 100%;
	height: 55px;
	position: relative;
}

.itemTopDiv .demo2 .seljg {
	padding: 0 5px;
	margin-right: 30px;
	margin-left: 50px;
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-family: mediu;
}

.itemTopDiv .demo2 .seljg input {
	display: block;
	width: 100%;
	height: 55px;
	border: none;
	background: none;
	text-align: center;
	font-size: 16px;
	color: #333;
	text-transform: capitalize;
	cursor: pointer;
	font-family: mediu;
}

.itemTopDiv .demo2 i {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../images/itemSel.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.itemTopDiv .demo2 .selTj {
	width: 100%;
	overflow: hidden;
	/* max-height: 240px; */
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 56px;
	display: none;
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
}

.itemTopLeft {
	position: relative;
	z-index: 2;
}

.itemTopDiv .demo2 .selTj a {
	display: block;
	line-height: 35px;
	color: #333333;
	margin-bottom: 1px;
	font-size: 16px;
	font-family: medium;
}

.itemTopDiv .demo2 .selTj a:hover {
	color: #93222e;
}

.itemTopDiv .demo2 .selTj a.hover {
	color: #93222e;
}

.itemTopA a {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../images/itemSearch.png) center center no-repeat;
}

.itemSerach {
	overflow: hidden;
	padding: 0 10px;
}

.itemSerach input {
	width: 100%;
	height: 55px;
	border: none;
	background: none;
	font-size: 16px;
	color: #333;
}

.itemBodyDl dd {
	position: relative;
	padding-top: 45.1388%;
	margin-bottom: 120px;
	overflow: hidden;
}

.itemBodyDl dd .con {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.itemBodyLeft {
	position: relative;
	width: 0%;
	height: 100%;
	z-index: 5;
	margin-left: -50%;
	transition: all 0.3s ease-In-Out;
	-webkit-transition: all 0.3s ease-In-Out;
}

.itemBodyLeft .itro {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #666;
	transform: translateX(-200%);
	-webkit-transform: translateX(-200%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-In-Out;
	-webkit-transition: all 0.5s ease-In-Out;
	transition-delay: .1s;
}

.itemBodyLeft .addreTime {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	/* margin-bottom: 78px; */
	transform: translateX(-220%);
	-webkit-transform: translateX(-220%);
	opacity: 0;
	visibility: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-In-Out;
	-webkit-transition: all 0.5s ease-In-Out;
	transition-delay: .2s;
}

.itemBodyLeft .addreTitle {
	max-height: 248px;
	overflow: hidden;
	line-height: 62px;
	width: 750px;
	font-size: 60px;
	color: #333;
	font-weight: bold;
	position: relative;
	/* margin-bottom: 170px; */
	transform: translateX(-240%);
	-webkit-transform: translateX(-240%);
	opacity: 0;
	visibility: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-In-Out;
	-webkit-transition: all 0.5s ease-In-Out;
	transition-delay: .3s;
}
.itemBodyLeft .tableAddres{
	height: 330px;
}
.itemBodyLeft .addreMore span {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	padding-right: 90px;
	background: url(../images/innerPage/itemMore.png) right center no-repeat;
	font-size: 18px;
	color: #666;
	transform: translateX(-260%);
	-webkit-transform: translateX(-260%);
	opacity: 0;
	visibility: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-In-Out;
	-webkit-transition: all 0.3s ease-In-Out;
	transition-delay: .1s;
}

/* .itemBodyLeft .addreMore span:hover {
	background: url(../images/innerPage/itemMorea.png) right center no-repeat;
}
 */
.itemBodyCenter {
	overflow: hidden;
	position: absolute;
	margin-left: 0;
	width: 80%;
	height: 100%;
	left: 0;
	top: 0;
	background: #f5f5f5;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	transition-delay: 0.2s;
}

.itemBodyCenter .picBox {
	position: relative;
	height: 100%;
	width: 100%;
}

.itemBodyCenter .picBox img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}

.itemBodyRight {
	position: relative;
	width: 28.8194%;
	height: 100%;
	z-index: 5;
	transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
}

.itemBodyRight .serIal {
	position: absolute;
	width: 400px;
	height: 180px;
	line-height: 180px;
	font-size: 300px;
	top: 40%;
	right: 0;
	color: #666666;
	font-family: 'heval';
	font-family: hh;
	white-space: nowrap;
	-webkit-text-stroke: 1px #999;
	-webkit-text-fill-color: transparent;
	text-align: right;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition-delay: .2s;
}

.itemBodyRight .serIal span {
	position: absolute;
	left: -30%;
	right: 60px;
	top: 0;
	bottom: 0;
}

.itemBodyRight .serIal span em {
	font-style: normal;
}

.itemBodyRight .serIal span::before {
	display: block;
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 12px;
	right: -60px;
	bottom: 0px;
}

.itemBodyRight .itemRightTitle {
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #666;
	text-align: right;
	text-transform: capitalize;
	bottom: 15.8462%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition-delay: .3s;
}

.itemBodyRight .itemRightTime {
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-align: right;
	text-transform: capitalize;
	bottom: 11.5385%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition-delay: .4s;
}

.itemBodyDl dd .con:hover .itemBodyLeft {
	width: 20%;
	margin-left: 0;
}

.itemBodyDl dd .con:hover .itemBodyRight {
	width: 0;
	margin-right: -50%;
}

.itemBodyDl dd .con:hover .itemBodyLeft .itro {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.itemBodyDl dd .con:hover .itemBodyLeft .addreTime {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.itemBodyDl dd .con:hover .itemBodyLeft .addreTitle {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.itemBodyDl dd .con:hover .itemBodyLeft .addreMore span {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.itemBodyDl dd .con:hover .itemBodyRight .itemRightTitle {
	transform: translateX(200%);
	-webkit-transform: translateX(200%);
}

.itemBodyDl dd .con:hover .itemBodyRight .itemRightTime {
	transform: translateX(200%);
	-webkit-transform: translateX(200%);
}

.itemBodyDl dd .con:hover .itemBodyCenter {
	left: 20%;
}

.scrollBottom {
	position: fixed;
	width: 125px;
	height: 125px;
	left: 5%;
	bottom: 5%;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scrollBottom a {
	display: block;
	width: 125px;
	height: 125px;
	position: relative;
	z-index: 3;
}

.scrollBottom::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	animation: scrolldown 5s linear infinite;
	font-size: .4rem;
	color: #f84210;
	background: url(../images/iconBottom.png) center no-repeat;
	background-size: contain;
}

.scrollBottom:after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/iconIetm.png) center center no-repeat;
}

@keyframes scrolldown {
	0% {
		transform: rotate(0);
		opacity: .5;
	}

	50% {
		transform: rotate(180deg);
		opacity: 1;
	}

	100% {
		transform: rotate(360deg);
		opacity: 0;
	}
}

@keyframes fadeinout {
	0% {
		transform: translateY(-25%);
		opacity: 0.5;
	}

	50% {
		transform: translateY(25%);
		opacity: 1;
	}

	90% {
		transform: translateY(25%);
		opacity: 0;
	}

	100% {
		transform: translateY(-25%);
		opacity: 0;
	}
}

/* itemShow 项目 end  */
/* projectView 项目-详情 start */
.projectBanner {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto 60px;
	padding-top: 43.75%;
}

.projectTitle {
	line-height: 90px;
	font-size: 36px;
	color: #333;
	font-weight: bold;
}

.projectViewT {
	overflow: hidden;
	margin-bottom: 50px;
}

.projectViewTL {
	overflow: hidden;
	font-size: 18px;
	color: #555555;
	line-height: 32px;
}

.projectViewTR {
	width: 375px;
	margin-left: 232px;
	margin-right: 120px;
	margin-top: -16px;
}

.projectViewTR .text {
	/* height: 47px; */
	line-height: 47px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	margin-bottom: 12px;
}

.projectViewTR .text .title {
	float: left;
	display: inline;
	font-size: 18px;
	color: #333333;
	margin-right: 10px;
}

.projectViewTR .text .info {
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	overflow: hidden;
}

.projectViewC {
	overflow: hidden;
	margin-bottom: 60px;
}

.projectViewSwiper {
	position: relative;
	padding-bottom: 98px;
}

.projectViewSwiper .con .pic:before {
	padding-top: 46.875%;
}

.projectViewSwiper .swiper-button-prev,
.projectViewSwiper .swiper-button-next {
	width: 58px;
	height: 58px;
	border: 1px solid #c7c7c7;
	bottom: 0;
	top: unset;
	background-size: auto 23px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.projectViewSwiper .swiper-button-prev {
	background-image: url(../images/innerPage/prev.png);
	left: 0;
}

.projectViewSwiper .swiper-button-prev:hover {
	background-position: 10px center;
}

.projectViewSwiper .swiper-button-next {
	background-image: url(../images/innerPage/next.png);
	right: 0;
}

.projectViewSwiper .swiper-button-next:hover {
	background-position: 24px center;
}

.projectViewSwiper.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 74px;
	bottom: 28px;
	z-index: 50;
	height: 1px;
	width: calc(100% - 150px) !important;
	width: -webkit-calc(100% - 150px) !important;
	background: #dedede;
}

.projectViewSwiper .swiper-scrollbar-drag {
	background: #666;
}

.projectViewBCon {
	margin-bottom: 72px;
}

.projectViewB {
	overflow: hidden;
}

.projectViewBL {
	width: 400px;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	margin-right: 60px;
	line-height: 40px;
}

.projectViewBR {
	overflow: hidden;
	line-height: 31px;
	font-size: 18px;
	color: #555555;
	margin-bottom: 35px;
}

.projectViewBR1 {
	overflow: hidden;
	line-height: 35px;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
}

.projectViewPage {
	border-top: 1px solid #e6e6e6;
	overflow: hidden;
}

.pageDl {
	overflow: hidden;
	padding: 52px 0;
	position: relative;
}

.pageDl:before {
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	display: block;
	content: '';
	position: absolute;
}

.pageDl dd {
	width: 50%;
	float: left;
	display: inline;
}

.pageDl dd a {
	padding: 0 90px;
	display: block;
}

.pageDl dd:first-child a {
	padding-left: 0;
}

.pageDl dd a .pic {
	width: 220px;
	margin-right: 20px;
}

.pageDl dd a .pic:before {
	padding-top: 66.3636%;
}

.pageDl dd a .textC {
	padding-top: 13px;
	overflow: hidden;
}

.pageDl dd a .title {
	line-height: 42px;
	height: 84px;
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 8px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.pageDl dd a .text {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	font-family: medium;
	color: #666666;
}

.pageDl dd a:hover .title {
	color: #93222e;
	letter-spacing: 1px;
}

/* projectView 项目-详情 end */


/* ==================== hh云南设计院 end ==================== */