* {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

a,
a:hover，a:focus {
	text-decoration: none;
	color: #23527c;
}




.tiaozhuan {
	background: #e6e6e6;
	width: 100%;
	height: 35px;
}

.tiaozhuan ul {
	width: 80%;
	margin: 0 auto;
	display: flex;
}

.tiaozhuan ul li {
	line-height: 35px;
	padding-left: 10px;

}

.tiaozhuan ul li a {
	color: #5E5E5E;
}




/* banner */

/* .banner{
	position: relative;
}
.banner .bg img{
	width: 100%;


}
.banner .button img{
	width: 60%;
	display: flex;
	justify-content: space-between;
	
}
.banner .button img:nth-child(1) {
	width: 16%;
	z-index: 10;
	position: absolute;
	bottom: 70px;
	left: 180px;
	
	
}
.banner .button img:nth-child(2) {
	width: 16%;
	z-index: 10;
	position: absolute;
	bottom: 70px;
	left: 460px;
}
 */


.banner {
	/* background: url(../img/weimiji_banner.png); */
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;

	background-size: cover;

	background-position: center 0;
}

.banner .button {
	width: 80%;
	margin: auto;

	padding-bottom: 100px;
	padding-top: 320px;
}

.banner .button img {
	width: 19%;
	margin-left: 40px;
}

.banner .button img:nth-child(1) {
	cursor: pointer;
}


.content_pro {
	width: 85%;
	margin: 0 auto;
	padding-top: 50px;
	justify-content: space-between;
	display: flex;
}
.content_pro>a{
	justify-content: space-between;
	display: flex;
}

.product {
	width: 549px;
	height: 332px;

	position: relative;
	overflow: hidden;
}

.product .lunbo #frame {
	width: 300px;
	height: 200px;
	overflow: hidden;
	border-radius: 5px;
}

.product .lunbo #frame #photos {
	position: absolute;
	z-index: 9px;
	width: calc(549px * 5);
}

.product .lunbo #frame .play {
	animation: ma 20s ease-out infinite alternate;
}

.product .lunbo #frame #photos img {
	float: left;
	width: 549px;
	height: 332px;
}

@keyframes ma {

	0%,
	20% {
		margin-left: 0px;
	}

	25%,
	40% {
		margin-left: -549px;
	}

	45%,
	60% {
		margin-left: -1098px;
	}

	65%,
	80% {
		margin-left: -1647px;
	}

	85%,
	100% {
		margin-left: -2196px;
	}
}

.product .lunbo #frame .num {
	position: absolute;
	z-index: 10;
	display: inline-block;
	right: 200px;
	top: 290px;

	border-radius: 100%;
	background: rgba(255, 255, 255, 0.3);
	width: 25px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	opacity: 0.8;
}

.product .lunbo #frame .num:hover {
	background: #55aaff;
}

.product .lunbo #frame .num:hover,
#photos:hover {
	animation-play-state: paused;
}

.product .lunbo #frame .num:nth-child(2) {
	margin-right: 30px
}

.product .lunbo #frame .num:nth-child(3) {
	margin-right: 60px
}

.product .lunbo #frame .num:nth-child(4) {
	margin-right: 90px
}

.product .lunbo #frame .num:nth-child(5) {
	margin-right: 120px
}

.product .lunbo #frame #a1:hover~#photos {
	animation: ma1 .5s ease-out forwards;
}

.product .lunbo #frame #a2:hover~#photos {
	animation: ma2 .5s ease-out forwards;
}

.product .lunbo #frame #a3:hover~#photos {
	animation: ma3 .5s ease-out forwards;
}

.product .lunbo #frame #a4:hover~#photos {
	animation: ma4 .5s ease-out forwards;
}

.product .lunbo #frame #a5:hover~#photos {
	animation: ma5 .5s ease-out forwards;
}

@keyframes ma5 {
	0% {
		margin-left: -1200px;
	}

	100% {
		margin-left: -0px;
	}
}

@keyframes ma4 {
	0% {
		margin-left: -1200px;
	}

	100% {
		margin-left: -549px;
	}
}

@keyframes ma3 {
	100% {
		margin-left: -1098px;
	}
}

@keyframes ma2 {
	100% {
		margin-left: -1647px;
	}
}

@keyframes ma1 {
	100% {
		margin-left: -2196px;
	}
}



.content_pro .right {
	width: 50%;
}

.content_pro .right .title {
	font-size: 20px;
	letter-spacing: 3px;
	background-color: #227ab0;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 15px;
	color: #FFFFFF;
	font-weight: 600;
}

.content_pro .right .p {
	line-height: 22px;
	margin-top: 20px;
	color: #666;
	font-size: 12px;
	letter-spacing: 3px;

}

.content_pro .right .click {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.content_pro .right .click .c_left {
	background-color: #f7931e;
	width: 260px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.content_pro .right .click .c_left a {
	color: #fff;
}
.content_pro .right .click .c_right {
	border: 2px solid #d9d9d9;
	padding-top: 10px;
	width: 260px;
	height: 78px;
}
.content_pro .right .click .c_right div {
	text-align: center;
	font-size: 20px;
}
.banner2 {
	margin-top: 20px;
}

.banner2 img {
	width: 100%
}


/* 隔断 */
.geduan {
	width: 100%;
	height: 20px;
	background: #f2f2f2;
	margin: 70px 0;
}
/* 相关案例 */
.case {
	margin: 0 auto;
}
.case .case_list {
	text-align: center;
	display: flex;
	margin-top: 40px;
	justify-content: space-between;

}

.case .case_list .anli div {
	font-size: 14px;
	padding-top: 10px;
	color: #666;
	
}
.case .case_list .anli {
	width: 30%;
	padding: 30px;
}
.case .case_list .anli a img{
	width: 100%;
	box-shadow: 0 0 5px #b0b0b0;
	padding: 5px;
}

.case .gengduo {
	margin-top: 30px;
	text-align: center;
}

.case .gengduo div {
	font-size: 16px;
	background: #f7931e;
	width: 80px;
	margin: auto;
	padding: 10px 30px;
	border-radius: 25px;
}
.case .gengduo div a {
	color: #fff;
	
}
/* 更多产品 */
.gengduo_pro {
	margin: 0 auto;

}
.gengduo_pro .pro_list {
	text-align: center;
	display: flex;
	margin-top: 40px;
	justify-content: space-between;
}
.gengduo_pro .pro_list .jiqi a {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	color: #23527c;
}
.gengduo_pro .pro_list .jiqi div {
	font-size: 14px;
	padding-top: 10px;
}
.gengduo_pro .pro_list .jiqi img {
	width: 90%;
	top: 0;
	position: relative;
	left: 0;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}
.gengduo_pro .pro_list .jiqi img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.gengduo_pro .gengduo {
	margin-top: 30px;
	text-align: center;
}
.gengduo_pro .gengduo div {
	font-size: 16px;
	background: #f7931e;
	width: 80px;
	margin: auto;
	padding: 6px;
}
.gengduo_pro .gengduo div a {
	color: #fff;
}