@charset "utf-8";
.main .main-container.caselist .caselist-container ul, .main .main-container.caselist .case-720-container ul {
	margin:0
}
.main .main-container.caselist .caselist-container ul li, .main .main-container.caselist .case-720-container ul li {
	width:48.8%;
	background:#fbfbfb;
	padding:15px 0
}
.main .main-container.caselist .caselist-container ul li .scale-img img, .main .main-container.caselist .case-720-container ul li .scale-img img {
	transition:1s all;
	-webkit-transition:1s all
}
.main .main-container.caselist .caselist-container ul li .scale-img:hover img, .main .main-container.caselist .case-720-container ul li .scale-img:hover img {
	transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	-webkit-moz-:scale(1.1, 1.1)
}
.main .main-container.caselist .caselist-container ul li .item-top, .main .main-container.caselist .case-720-container ul li .item-top {
	height:310px;
	position:relative
}
.main .main-container.caselist .caselist-container ul li .item-top .thumb-img, .main .main-container.caselist .case-720-container ul li .item-top .thumb-img {
	height:100%
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover, .main .main-container.caselist .case-720-container ul li .item-top .item-cover {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	background:rgba(0, 0, 0, 0.3);
	padding:20px 30px;
	opacity:0;
transition:all .5s;
	display:flex;
	justify-content:center;
	align-items:center
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover .box, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box {
	width:100%;
	height:100%;
	border:1px solid #fff;
	padding:45px 30px
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover .box p, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box p {
	line-height:24px
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover .box p, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box p, .main .main-container.caselist .caselist-container ul li .item-top .item-cover .box h5, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box h5, .main .main-container.caselist .caselist-container ul li .item-top .item-cover .box h6, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box h6 {
	color:#fff
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover .box h5, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box h5 {
	font-size:16px;
	line-height:26px;
	padding-top:60px
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover .box h6, .main .main-container.caselist .case-720-container ul li .item-top .item-cover .box h6 {
	font-size:13px;
	line-height:22px
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover a.btn-more, .main .main-container.caselist .case-720-container ul li .item-top .item-cover a.btn-more {
	width:130px;
	line-height:35px;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	color:#333;
	display:block;
	background-color:rgba(255, 255, 255, 0.75);
	position:relative;
	z-index:9;
	font-family:'思源黑体'
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover a.btn-more:hover, .main .main-container.caselist .case-720-container ul li .item-top .item-cover a.btn-more:hover {
	background:#943c90;
	color:#fff
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover a.more, .main .main-container.caselist .case-720-container ul li .item-top .item-cover a.more {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover.video-cover, .main .main-container.caselist .case-720-container ul li .item-top .item-cover.video-cover {
	opacity:1
}
.main .main-container.caselist .caselist-container ul li .item-top .item-cover.video-cover .video-brn, .main .main-container.caselist .case-720-container ul li .item-top .item-cover.video-cover .video-brn {
	width:50px;
	height:50px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(255, 255, 255, 0.75);
	font-size:20px;
	color:#999
}
.main .main-container.caselist .caselist-container ul li .item-top:hover .item-cover, .main .main-container.caselist .case-720-container ul li .item-top:hover .item-cover {
	opacity:1
}
.main .main-container.caselist .caselist-container ul li .item-container, .main .main-container.caselist .case-720-container ul li .item-container {
	padding:40px 30px 10px
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-left, .main .main-container.caselist .case-720-container ul li .item-container .item-container-left {
	width:75%
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-left h4, .main .main-container.caselist .case-720-container ul li .item-container .item-container-left h4 {
	font-size:16px;
	line-height:34px
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-left h4 a, .main .main-container.caselist .case-720-container ul li .item-container .item-container-left h4 a {
	color:#272727
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-left h4 a:hover, .main .main-container.caselist .case-720-container ul li .item-container .item-container-left h4 a:hover {
	color:#943c90
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-left p, .main .main-container.caselist .case-720-container ul li .item-container .item-container-left p {
	color:#555;
	line-height:30px
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right {
	max-width:25%;
	text-align:right
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right p, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right p {
	font-size:12px;
	color:#666;
	line-height:34px
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right p span, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right p span {
	color:#943c90
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right a, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right a {
	width:100px;
	line-height:22px;
	border:1px solid #943c90;
	display:block;
	float:right;
	margin-top:5px;
	text-align:center;
	font-size:12px;
	color:#555;
	position:relative
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right a:after, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right a:after {
	content:'';
	display:block;
	border-left:5px solid #943c90;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	position:absolute;
	top:50%;
	right:5px;
	transform:translateY(-50%)
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right a:hover, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right a:hover {
	background:#943c90;
	color:#fff
}
.main .main-container.caselist .caselist-container ul li .item-container .item-container-right a:hover:after, .main .main-container.caselist .case-720-container ul li .item-container .item-container-right a:hover:after {
	border-left-color:#fff
}
.main .main-container.caselist .case-720-container {
	width:100%
}
.main .main-container.hotlist {
	width:100%
}
.main .main-container.hotlist .hotlist-items {
	width:100%
}
.main .main-container.hotlist .hotlist-items ul {
	margin:0 -15px
}
.main .main-container.hotlist .hotlist-items ul li {
	width:33.33%;
	padding:15px;
	float:left;
transition:.3s;
	margin-bottom:10px
}
.main .main-container.hotlist .hotlist-items ul li .box {
	width:100%;
	overflow:hidden
}
.main .main-container.hotlist .hotlist-items ul li .box .hover-img {
	position:relative
}
.main .main-container.hotlist .hotlist-items ul li .box .hover-img .thumb-img {
	height:250px
}
.main .main-container.hotlist .hotlist-items ul li .box h2 {
	position:absolute;
	width:100%;
	background:rgba(69, 65, 60, 0.75);
	color:#fff;
	text-align:center;
	line-height:45px;
	height:45px;
	font-size:14px;
	left:0;
	bottom:0;
transition:.5s
}
.main .main-container.hotlist .hotlist-items ul li .box .hover-mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:-100%;
	background:rgba(0, 0, 0, 0.5);
	padding:30px;
transition:.4s
}
.main .main-container.hotlist .hotlist-items ul li .box .hover-mask p {
	font-size:12px;
	color:#fff;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical;
}
.main .main-container.hotlist .hotlist-items ul li .box .hover-mask a.more {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:9
}
.main .main-container.hotlist .hotlist-items ul li h6 {
	line-height:25px;
	text-align:center;
	font-size:16px
}
.main .main-container.hotlist .hotlist-items ul li h6 a {
	color:#4c4c4c;
	display:block
}
.main .main-container.hotlist .hotlist-items ul li h6 a:hover {
	color:#943c90
}
.main .main-container.hotlist .hotlist-items ul li:hover {
	box-shadow:0 2px 20px #ccc
}
.main .main-container.hotlist .hotlist-items ul li:hover .box h2 {
	display:none
}
.main .main-container.hotlist .hotlist-items ul li:hover .box .hover-mask {
	top:0
}
.main .main-container.bulidlist {
	width:100%
}
.main .main-container.teamlist {
	width:100%
}
.main .main-container.teamlist .team-items {
	width:100%
}
.main .main-container.teamlist .team-items ul {
	margin:0 -15px
}
.main .main-container.teamlist .team-items ul li {
	width:33.33%;
	float:left;
	padding:15px
}
.main .main-container.teamlist .team-items ul li .box {
	background:#e6e6e6;
	padding:10px;
	position:relative
}
.main .main-container.teamlist .team-items ul li .box .thumb-img {
	height:430px;
	overflow:hidden
}
.main .main-container.teamlist .team-items ul li .box .thumb-img img {
transition:.3s
}
.main .main-container.teamlist .team-items ul li .box h6 {
	position:absolute;
	display:block;
	background:#943c90;
	color:#fff;
	font-size:14px;
	top:10px;
	left:10px;
	width:100px;
	line-height:26px;
	text-align:center
}
.main .main-container.teamlist .team-items ul li .box .title {
	padding:20px 0
}
.main .main-container.teamlist .team-items ul li .box .title:before, .main .main-container.teamlist .team-items ul li .box .title:after {
	content:'';
	display:block;
	clear:both
}
.main .main-container.teamlist .team-items ul li .box .title h3 {
	font-size:16px;
	line-height:30px;
	float:left
}
.main .main-container.teamlist .team-items ul li .box .title h3 a {
	display:block;
	color:#4c4c4c
}
.main .main-container.teamlist .team-items ul li .box .title h3 a span {
	font-size:14px;
	color:#808080;
	/*margin-left:5px*/
}
.main .main-container.teamlist .team-items ul li .box .title dl {
	width:auto
}
.main .main-container.teamlist .team-items ul li .box .title dl dt {
	float:left;
	margin-left:10px;
	line-height:30px
}
.main .main-container.teamlist .team-items ul li .box .title dl dt a {
	display:block;
	background:#943c90;
	border:1px solid #943c90;
	color:#fff;
	padding:0 5px;
	font-size:12px;
	font-weight:normal
}
.main .main-container.teamlist .team-items ul li .box .title dl dt a:hover {
	color:#943c90;
	background:none
}
.main .main-container.teamlist .team-items ul li:hover .box .thumb-img img {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.main .main-container.newslist {
	width:100%
}
.main .main-container.newslist .newslist-items {
	width:100%
}
.main .main-container.newslist .newslist-items ul li {
	padding:30px 0;
	border-bottom:1px solid #c9c9c9
}
.main .main-container.newslist .newslist-items ul li .thumb-img {
	width:35%
}
.main .main-container.newslist .newslist-items ul li .thumb-img, .main .main-container.newslist .newslist-items ul li .newslist-right {
	height:300px
}
.main .main-container.newslist .newslist-items ul li .newslist-right {
	width:63%;
	position:relative
}
.main .main-container.newslist .newslist-items ul li .newslist-right .items-title {
	padding-bottom:15px
}
.main .main-container.newslist .newslist-items ul li .newslist-right .items-title h3 {
	width:90%;
	font-size:18px;
	float:left;
	/*overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;*/
}
.main .main-container.newslist .newslist-items ul li .newslist-right .items-title h3 a {
	color:#4c4c4c
}
.main .main-container.newslist .newslist-items ul li .newslist-right .items-title h3 a:hover {
	color:#943c90
}
.main .main-container.newslist .newslist-items ul li .newslist-right .items-title h3, .main .main-container.newslist .newslist-items ul li .newslist-right .items-title h6 {
	line-height:30px
}
.main .main-container.newslist .newslist-items ul li .newslist-right .items-title h6 {
	font-size:12px;
	color:#999;
	max-width:35%;
	float:right
}
.main .main-container.newslist .newslist-items ul li .newslist-right p {
	color:#666;
	line-height:26px;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.main .main-container.newslist .newslist-items ul li .newslist-right a.more {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	border:1px solid #c9c9c9;
	line-height:28px;
	border-radius:5px;
	text-align:center;
	width:120px;
	color:#999
}
.main .main-container.newslist .newslist-items ul li:hover {
	border-width:3px;
	border-color:#943c90
}
.main .main-container.newslist .newslist-items ul li:hover .newslist-right a.more {
	background:#943c90;
	border-color:#943c90;
	color:#fff
}
.main .main-container.customerlist .customerlist-items {
	width:100%
}
.main .main-container.customerlist .customerlist-items ul li {
	height:275px;
	padding:60px 34px;
	background:url(img/customerlist-item-bg.jpg) no-repeat 1px top / 100% 100%
}
.main .main-container.customerlist .customerlist-items ul li:first-child {
	height:255px;
	padding:30px 34px;
	background-image:url(img/customerlist-item-bg-first.jpg)
}
.main .main-container.customerlist .customerlist-items ul li .thumb-img {
	width:20%;
	background:#fff;
	border:2px solid #ccc;
	padding:2px
}
.main .main-container.customerlist .customerlist-items ul li .customerlist-item-right {
	padding:25px 30px;
	width:70%;
	border:1px dashed #ccc
}
.main .main-container.customerlist .customerlist-items ul li .customerlist-item-right h4, .main .main-container.customerlist .customerlist-items ul li .customerlist-item-right h5 {
	line-height:30px;
	color:#2f2d2d;
	font-size:16px
}
.main .main-container.customerlist .customerlist-items ul li .customerlist-item-right h5 {
	color:#222121;
	padding:25px 0 10px
}
.main .main-container.customerlist .customerlist-items ul li .customerlist-item-right p {
	color:#6e6c6c;
	font-size:14px;
	line-height:24px;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.main .main-container.customerlist .customerlist-items ul li:before, .main .main-container.customerlist .customerlist-items ul li:after {
	content:'';
	display:block;
	clear:both
}