.home .swiper-wraper .swiper-container, 
.home  .swiper-wraper .swiper-slide, 
.home  .swiper-wraper img {
    border-radius:0;
}

.title {
	color: #cc9f8c;
	margin: 12px 0;
	font-family: Alibaba-PuHuiTi-L
}

.subText {
	text-align: right;
	color: #868686;
	font-family: Alibaba-PuHuiTi-R;
	float: right;
	position: relative;
	top: -25px
}


.card-wraper {
	top: 15px;
	position: relative
}

/* .right {
	position: absolute;
	right: 0px;
	bottom: 0px
} */

.fontR {
	font-family: Alibaba-PuHuiTi-R
}

.cardItem {
	cursor: pointer;    display: block;
}

img {
	width: 100%;
	height: 100%
}

.cardItem .title {
	font-size: 20px;
	margin: 16px 0 24px;
	color: #333
}

.detail {
	font-size: 14px;
	color: #333
}

.detail div {
	margin-top: 6px
}

.banner {
	width: 100%
}

.cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	clear: both
}

.cards .card-item {
	width: 30%;
	margin-bottom: 24px
}

.more {
	border: 1px solid #808080;
	padding: 0 15px;
	color: gray;
	font-size: 14px;
	cursor: pointer
}

.new-work-cards .nwCol:hover .scale {
	transform: scale(1.2)
}

.new-work-cards .nwCol:hover .wrapper {
	opacity: 1
}

.new-work-cards .nwCol:hover .wrapper .sc {
	transform: scale(1)
}

.new-work-cards .wrapper {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: #0000004d;
	color: #fff;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	padding: 20px;
	box-sizing: border-box;
	transition: all .3s;
	opacity: 0
}

.new-work-cards .wrapper .sc {
	transform: scale(.5);
	transition: all .3s
}

.new-work-cards img {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer
}

.team-group .team {
	display: flex;
	justify-content: space-between
}

.team-group .team img {
	width: 100%;
	height: 100%
}

.news .blocks>div img {
	width: 100%;
	height: 180px
}

.news .blocks .desc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 13px
}

.custom-slot {
	/* padding: 25px 60px; */
	/*padding: 0 60px;*/
	transition: .65s;
	background-color: #fff
}

.custom-slot.hide {
	transform: rotateX(94deg) translateZ(0) translateY(45px);
	transform-origin: center bottom;
	display: block
}

.custom-slot .custom-btn,
.custom-slot .custom-btn .custom-el-row {
	height: 100%
}

.custom-slot .custom-btn .custom-el-row .item {
	position: relative;
	/* border-left: 1px solid var(--gray-color); */
	/*padding: 25px 0;*/
}
.custom-slot .custom-btn .custom-el-row .item .primaryColor {font-weight: 550; color:#071764;margin-top:20px;margin-bottom:10px;}
.custom-slot .custom-btn .custom-el-row .item::after{
	content: '';
	height: 50%;
	width:1px;
	background-color:var(--gray-color);
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
}
.custom-slot .custom-btn .custom-el-row .item:last-child::after {
    display: none;
}

/*.custom-slot .custom-btn .custom-el-row .item:first-child::before {*/
/*	content: '';*/
/*	height: 50%;*/
/*	width:1px;*/
/*	background-color:var(--gray-color);*/
/*	position: absolute;*/
/*	left:0;*/
/*	top:50%;*/
/*	transform: translateY(-50%);*/
/*}*/

.custom-slot .custom-btn .custom-el-row .item:hover{
	background-color:#E2BCA9;
}

.custom-slot .custom-btn .custom-el-row .item:hover .primaryColor{
	color:#202768;
}
.custom-slot .custom-btn .custom-el-row .item:hover .c999{color:#202768;}

.custom-slot .custom-btn .swiper-button-prev {
	left: 10px
}

.custom-slot .custom-btn .swiper-button-next {
	right: 10px
}

.right-box {
	color: #cd000c
}

.border {
	border: 1px solid #CCA08C;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}

.border+.border {
	border-left: 0
}

.bleft {
	border-left: 1px solid #c6c4c3;
	padding-left: 7px
}

.about{
	line-height: 26px;
}

.instruction .blocks .blo{transition: all .6s;background: #f9f9fb;display: flex;flex-wrap: wrap;padding: 14px 0;justify-content: center; align-items: center;height:200px;border-radius:6px;}
.instruction .blocks .blo .primaryColor{width:45%;}
.instruction .blocks .blo .primaryColor>img{width:41px;height: 41px;margin:auto;}
.instruction .blocks .blo .primaryColor>span{font-size: 21px;color:#000000;display: block;margin-top:10px;}
.instruction .blocks .blo .normalimg{display: block;}
.instruction .blocks .blo .hoverimg{display: none;}
.instruction .blocks .blo .text{width:55%;text-align: left;font-size: 14px;color:#1a1a1a;line-height: 24px;border-left:1px solid #766964;padding-left:9%;padding-top:14px;padding-bottom:14px;
display: none;}
.instruction .blocks .blo:hover{background: #ebd2c8;box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
.instruction .blocks .blo:hover span{font-weight: 600;color:#202768;}
.instruction .blocks .blo:hover .text{display: block;}
.instruction .blocks .blo:hover .normalimg{display: none;}
.instruction .blocks .blo:hover .hoverimg{display: block;}

.indcase-intro{display:flex;justify-content: space-between;}
.indcase-intro-left{color: #071764;font-size: 14px; width: 100%;}
.indcase-intro-right{color: #1a1a1a;font-size: 9px;}

.indcase .anlibig{ width: 100%;margin: 2px 0;border-radius:4px;overflow: hidden;}
.indcase .anliz{width: 30%;margin: 2px 0;border-radius: 4px;overflow: hidden;}
.indcase .anlik{width: 69.8%;margin: 2px 0;border-radius: 4px;overflow: hidden;}
.indcase .anli-item{width: 49.9%;margin: 2px 0;border-radius: 4px;overflow: hidden;}
.indcase-flex{display:flex;justify-content: space-between;width:100%}
.indcase .anliz>a,
.indcase .anlik>a,
.indcase .anli-item>a{width:100%;height:100%;display: block;position: relative;overflow:hidden;}
.indcase .anliz>a img,
.indcase .anlik>a img,
.indcase .anli-item>a img{display: block;width:100%;height: 100%;transition: all .3s;}

/*.indcase .anliz>a>.mark,*/
/*.indcase .anlik>a>.mark,*/
/*.indcase .anli-item>a>.mark{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0);z-index: 1;line-height:28px;font-size: 18px;color:#fff;*/
/*	display: flex;align-items: flex-end;border-radius: 4px;*/
/*}*/
/*.indcase .anliz>a>.mark .text,*/
/*.indcase .anlik>a>.mark .text,*/
/*.indcase .anli-item>a>.mark .text{display: none;padding:40px; animation: slideFadeOut 0.9s forwards;}*/

/*.indcase .anliz>a:hover .mark,*/
/*.indcase .anlik>a:hover .mark,*/
/*.indcase .anli-item>a:hover .mark{background: rgba(0,0,0,.7);color:#fff;}*/

/*.indcase .anliz>a:hover .mark .text,*/
/*.indcase .anlik>a:hover .mark .text,*/
/*.indcase .anli-item>a:hover .mark .text{display: block;animation: slideFadeIn 0.9s forwards;}*/
@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideFadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(20px);
  }
}
/*.indcase .anliz>a:hover img,*/
/*.indcase .anlik>a:hover img,*/
/*.indcase .anli-item>a:hover img{transform: scale(1.1)}*/


.content4{background-color:#F2F2F2;width:100%;padding-bottom: 100px;}
.content4 .con{display:flex;justify-content: space-between;flex-wrap: wrap;}
.content4 .con.w94{width: 86%;}
.content4-item{width:24%; /* width:360px; */margin-top:110px;}
.content4-item-title{height:160px;width:100%;font-size:24px;font-weight:600;color: #ffffff;/* padding-left:40px;padding-top:16px; */position:relative;}
.content4-item-title .mark{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0);z-index: 1;}
.content4-item-title .tit{position: absolute;top:16px;left:40px;z-index: 2;}
.content4-item-title .tit>span{display:block;font-size:21px;margin-top: 4px;font-weight: 100;white-space:nowrap;}
.content4-item-desc{font-size: 18px;color: #1a1a1a;line-height: 32px;padding-left:7%;padding-top:20px;padding-bottom:20px;}
.cols1{background-color:#ad0000;background: url(../images/indbg1.png) no-repeat center;background-size: 100% 100%;border-radius:6px;overflow: hidden;}
.cols2{background-color:#e4620c;background: url(../images/indbg2.png) no-repeat center;background-size: 100% 100%;border-radius:6px;overflow: hidden;}
.cols3{background-color:#5ebeca;background: url(../images/indbg3.png) no-repeat center;background-size: 100% 100%;border-radius:6px;overflow: hidden;}
.cols4{background-color:#864d9b;background: url(../images/indbg4.png) no-repeat center;background-size: 100% 100%;border-radius:6px;overflow: hidden;}
.content4-item:hover{background:#ebd2c8;border-radius:0 0 6px 6px;}
.content4-item:hover .mark{background: rgba(0,0,0,.5);}
.content4-item:hover .tit{top:50%;left:50%;text-align:center;transform: translate(-50%, -50%);}

.content5{display:flex;flex-wrap: wrap;padding:70px 0;justify-content: space-between;align-items: center;}
.content5>div{width:49%;}
.content5-img{/* margin:36px 113px 36px 0; */}
.content5-imgs{/* width: 704px;height: 703px; */width: 65%;margin:auto;}
/* .content5-info{width:calc(100% - 800px);} */
.content5-title{padding:33px 0;font-size: 60px;font-weight:bold;color: #071764;border-bottom: 1px solid #a0a0a0;}
.content5-desc{font-size: 18px;line-height: 50px;margin:40px 0;}
.content5-desc2{padding:16px 0;font-size:24px;font-weight:600;line-height: 47px;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;}
.content6{display:flex;flex-wrap: wrap;;justify-content: space-between}
.content6-img{margin:0px 30px 0px 0;border-radius: 8px;overflow: hidden;}
.content6-imgs{width: 100%;height: 300px;}
.content6-title{font-size: 18px;font-weight:bold;color: #1a1a1a;margin-top:20px;width: 100%;}
.content6-desc{font-size: 14px;margin-top:20px;color: #1a1a1a;width: 88%;}
.content6 .blocks{margin:30px 0;width:100%;}


@media (max-width: 768px) {
	.instruction .blocks .blo{padding:0; height:100px;}
	.instruction .blocks .blo .primaryColor{width:43%;}
	.instruction .blocks .blo .primaryColor>img{width:34px;height: 34px;}
	.instruction .blocks .blo .text{display:block;width:57%;color:#071764;border-left:1px solid #071764;padding-top:0;padding-bottom:0;}
	.indcase-intro-left{background-color:#ebd2c8;padding:10px 18px;text-align:left;width:calc(100%-36px)}
	.indcase-intro-right{display: none;}
	.indcase .anlibig{margin-top:0;margin-bottom:10px;}
	.indcase .anliz{width:49.56%;margin-bottom:10px;display: inline-block;float: left;}
	.indcase .anliz:last-child{float: right;}
	.indcase .anlik{width:100%;}
	.indcase .anli-item{width: 49.56%;}
	.indcase-flex{display:block;}
	.content4{padding-bottom:15px;}
	.content4 .con.w94{width:94%;}
	
	.content4-item{ width:49.6%;margin-top:10px;}
	.content4-item-title{height:100px;width:100%;font-size:18px;}
	/* .content4-item-title>span{font-size:14px;} */
	.content4-item-title .tit {
	    top: 50%;
	    left: 50%;
	    text-align: center;
	    transform:translateY(-50%) translateX(-50%);
	}
	.content4-item-title .tit>span {font-size:14px;}
	.content4-item-desc{display: none;}
	
	.content5{padding:15px 0;}
	.content5-img{width:42%;}
	.content5-imgs{/* width: 704px;height: 703px; */}
	.content5-info{width:57%;}
	.content5-title{padding:0 0 10px 0;font-size:26px;}
	.content5-desc{font-size:13px;line-height:24px;margin:10px 0;}
	.content5-desc2{padding:12px 0;font-size:14px;line-height:24px;}
	
	.content6-con a{display:flex;justify-content: space-between;width:100%;    align-items: center;}
	.content6-text{width:68%;}
	.content6-img{margin:0px 10px 0px 0;width:30%;}
	.content6-imgs{height: auto;}
	.content6-title{font-size: 15px;margin-top:4px; overflow: hidden;
	        text-overflow: ellipsis;
	        white-space: nowrap;}
	.content6-desc{font-size: 12px;margin-top:10px;width: auto;
	 display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    word-wrap: break-word;}
	
	.content6 .blocks{margin:10px 0 0px 0}
	
	.new-work-cards{
		margin-top: -5px;
	}
	
	.home .instruction .textCenter.fs61{
		font-size: 20px!important;
	}
	.home .instruction .textCenter.mb100{
		margin-bottom:25px!important;
	}
	.home .instruction .blocks{
		/* display: none; */
	}
	.home .instruction .desc .is-guttered:first-child{
		margin-bottom:25px;
	}
	.home .instruction .mb70{
		margin-bottom:35px!important;
	}
	.home .instruction .mb100{
		margin-bottom:50px!important;
	}
	.card-wraper {
	    top: auto;
		margin-bottom:20px;
	}
	.subText {
		position: static;
		float: none;
		text-align: left
	}
	.fs18 {
		font-size: 12px !important
	}

	.border img {
		height: auto !important;
		padding: 10px 0
	}

	.border+.border {
		border-top: 0;
		border-left: 1px solid #CCA08C;
		padding: 10px 0
	}
	
	.home .about{margin-top:-30px;}
	.home .about .mb30{ margin-bottom: 15px!important;}
	.home .about .mb40{ margin-bottom: 20px!important;}
	
	.indcase .anliz>a>.mark, 
	.indcase .anlik>a>.mark, 
	.indcase .anli-item>a>.mark {line-height: 24px;font-size: 18px;}
	.indcase .anliz>a>.mark .text, 
	.indcase .anlik>a>.mark .text, 
	/*.indcase .anli-item>a>.mark .text { padding: 10px 20px;}*/
	
}