@charset "utf-8";
*{padding:0;border:0;margin:0;}
            a{text-decoration:none;}
            ul,li{list-style:none;}
            .Hspace{width:1px; height:10px; overflow:hidden; clear:both;}
            .clear{clear:both;font-size:0;line-height:0;height:0;}
            body {font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial;}
            .main{width:100%;min-width:1200px;background-color: #FFFFFF;position: relative;}
			@font-face{font-family: 'YouSheBiaoTiHei';src: url('../font/YouSheBiaoTiHei-2.ttf');}
.contain {margin: 0 auto;width: 1400px;}
            .header {display: flex;justify-content: space-between;align-items: center;margin: 50px 0 40px;}
            .header .logo {height: 50px;}
			.border {border: 1px solid #3662EC;}
			.flex {display: flex;align-items: center;}
			.flex-space-between {display: flex;align-items: center;justify-content: space-between;}
			.flex-center {display: flex;align-items: center;justify-content: center;}
			.flex-right {display: flex;align-items: center;justify-content:flex-end;}
			.sousuo {
			    width: 425px;
			    height: 49px;
			    border-radius: 5px;
			    background-color: #F4F4F4;
			}
			.input {flex: auto;}
			.input input {
			        width: 100%;
			        padding: 0 10px;
			        border: none;
			        outline: none;
			        font-size: 18px;
			        color: #000000;
					background-color: #F4F4F4;
			        border-radius: 0px 5px 5px 0px;
			}
			.button {
			    flex: 0 0 53px;
			    width: 49px;
			    height: 49px;
			    background-color: #3662EC;
			    cursor: pointer;
			}
			.button:hover {background-color: darken(#5f6fb4, 4);}
			.button img {width: 32px;height: 32px;}
			.oper {width: 650px;}
			.operate {width: 190px;}
			.xl {width: 32px;height: 32px;}
			.opstr {font-size: 20px;font-weight: normal;letter-spacing: 0em;color:#3D3D3D;}
			.ztcolor {color:#3662EC;}
			.login {width: 86px;}
			.banner1 {margin-top:15px;width: 100%;position: relative;}
			.banner1 .bjimg {width: 100%;}
			.banner1 .banner-textimg {height: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
			.project {}
			.project .project-img1 {margin:10px 0px;height: 70px;}
			.project .project-img2 {margin:10px 0px;height: 60px;}
			.project-live {margin-top: 80px; position: relative;width: 100%;height: 70px;border-radius: 12px 12px 0 0;background: linear-gradient(180deg, #3662EC 0%, #DDA2EF 100%);}
			.project-live img {position: absolute;left:0px;top:-80px;width: 180px;height: 180px;}
.ProductIntroduction {
	position: relative;
	margin:0px auto;
	overflow: hidden;
	background-color: #fff;
	/* background: url(../image/live-bg.png) no-repeat;background-size:100% 100%; */
	/* padding: 0 75px 0 150px; */
}

.ProductExhibition {
	position: relative;
	width: 100%;
	height: 0px;
	text-align: right;
	/* top: 19px; */
}
.Exhibition_num {
	background: rgba(14, 49, 161, 0.96);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	float: right;
	width: 376px;
	height: 576px;
	
}

.ProductExhibition .Exhibition_num .Exhibition_item {
	/* height: 125px; */
}

.ProductExhibition .Exhibition_num .Exhibition_item img {
	width: 376px;
	height: 140.5px;
	border-radius: 6px;
	opacity: 0.5;
	vertical-align: top;
	box-sizing: border-box;
	padding: 14px 28px 0;

}

.ProductExhibition_box,
.ProductExhibition_box .Exhibition_Img,
.ProductExhibition_box .Exhibition_Img img,.ProductExhibition_box .Exhibition_Img .videos {
	width: 100%;
	height: 576px;
	background-color: #000000;
}

.ProductExhibition_box .Exhibition_Img img,.ProductExhibition_box .Exhibition_Img .videos {
	box-sizing: border-box;
	/* padding: 30px 15px; */
	border-radius: 20px;
}

.Exhibition_items::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	border-radius: 0 3px 0 0;
	border-color: #af5000 #af5000 transparent transparent;
	border-style: solid;
	border-width: 6px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	left: -5px;
	/* right: 0; */
	background: -o-linear- n(45deg,  rgba(255, 255, 255, 0)  0, rgba(255, 255, 255, 0) 49%, #af5000 50%, #af5000 100%) no-repeat border-box;
	background: linear-gradient(45deg,  rgba(255, 255, 255, 0) , rgba(255, 255, 255, 0) 49%,#af5000 50%, #af5000) no-repeat border-box;
	content: "";
}

.Exhibition_items {
	position: absolute;
	right: 26px;
	top: 12px;
	width: 324px;
	height: 130px;
	box-sizing: border-box;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 3px #af5000;
	box-shadow: inset 0 0 0 3px #af5000;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
	-o-transition: transform .5s cubic-bezier(.86, 0, .07, 1);
	transition: transform .5s cubic-bezier(.86, 0, .07, 1);
	transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
}

.icon_LImg img,
.icon_RImg img {
	width: 5px;
	height: 9px;
}

.icon_LImg,
.icon_RImg {
	position: absolute;
	z-index: 30;
	width: 26px;
	height: 26px;
	border-radius: 2rem;
	background-color: black;
	text-align: center;
	line-height: 23px;
	opacity: .5;
}

.icon_LImg {
	top: -50px;
	transition: all .3s;
	right: 85px;
}

.icon_RImg {
	right: 85px;
	transition: all .3s;
	top: 640px;
}

.icon_LImg:hover,
.icon_LImg:focus,
.icon_RImg:hover,
.icon_RImg:focus {
	opacity: .8;
}

.ProductExhibition:hover .icon_LImg {
	top: -50px;
}

.ProductExhibition:hover .icon_RImg {
	top: 594px;
}

.icon_LImg img {
	transform: rotate(90deg);
}

.icon_RImg img {
	transform: rotate(-90deg);
}

.ProductExhibition .Exhibition_num .czt_active img {
	opacity: 1;
}

.ProductExhibition_wrap {
	position: relative;
	width: 1024px;
	height: 576px;
}

.ProductExhibition_box {
	position: absolute;
	height: 120000px;
	transition: all .5s;
}

.ProductExhibition_box img {
	width: 860px;
	height: auto;
}
.lookback {padding: 10px 20px;border-radius: 8px;background: #E1EAFD;margin-top: 50px;}
.pasts{padding-bottom: 20px;margin-top: 8px;}
.past {width: 32.4%;border-radius: 8px;background: #FFFFFF;}
.pasts .past .past-title {width: 90%;margin: 30px auto 20px;}
.pasts .past .past-title .past-title-text {font-family: "YouSheBiaoTiHei";font-size: 28px;font-weight: normal;letter-spacing: 0em;color: #000000;}
.pasts .past .past-title .past-title-text img {width: 40px;height: 40px; margin-right: 14px;}
.pasts .past .past-title .moreimg {width: 45px;height: 45px;margin-right: 10px;}
.past .past-list {width: 90%;margin: 0 auto 10px;border-bottom: 1px solid #BBB7B7;}
.past .past-list:last-child {border: 0px;}
.past .past-list img {width: 211px; padding: 22px 15px 22px 0;height: 118.3px;}
.past .past-list .introduce {height: 130px;}
.past .past-list .introduce .title {font-size: 17px;font-weight: normal;letter-spacing: 0em;color: #3D3D3D;padding:18px 0;}
.past .past-list .introduce .subtitle {font-size: 13px;font-weight: normal;letter-spacing: 0em;color: #666666;}

.du-past {margin: 0 auto;width: 94%; flex-wrap: wrap;display: flex;justify-content: space-between;padding-bottom: 500px;}
.du-past .past-list {width: 49%;background: rgba(216, 216, 216, 0.4);border-radius: 8px;margin-bottom: 20px;}
.du-past .past-list img {width: 211px; padding: 24px;height: 130.3px;}
.du-past .past-list .introduce {height: 130px;}
.du-past .past-list .introduce .title {font-size: 17px;font-weight: normal;letter-spacing: 0em;color: #3D3D3D;padding:18px 20px 18px 0}
.du-past .past-list .introduce .subtitle {font-size: 13px;font-weight: normal;letter-spacing: 0em;color: #666666;padding-right: 15px;}

.user-topic {padding: 40px 0 340px;}
.user-topic .topic-title{text-align: center;font-size: 28px;font-weight: 900;letter-spacing: 0em;color: #3D3D3D;margin-bottom: 20px;}
.topic {flex-wrap: wrap;width: 1050px;margin: 0 auto;}
.topic .topic-list {text-align: center; margin: 30px 0px;}
.topic .topic-list img {width: 150px; height: 150px;}
.topic .topic-list .topic-text {font-size: 17px;font-weight: normal;letter-spacing: 0em;color: #3D3D3D;margin-top: 8px;}
.user-topic .topic-more {width: 150px; margin:30px 0; text-align: center; font-size: 18px;font-weight: normal;letter-spacing: 0em;color: #3D3D3D;}

.content {text-align: center;padding: 50px 0 400px;}

.mark {margin:30px 0; font-size: 15px;font-weight: normal;letter-spacing: 0em;color: #3D3D3D;}
.mark a {color: #3D3D3D;}

.footer {position: absolute; background: #E7E8E8;padding-top: 20px;padding-bottom: 20px;bottom: 10px;width: 100%;}
.footer .information {max-width: 1510px;margin: 0 auto;padding: 0 40px;}
.footer .information .nr-1 {width: 19.138%;line-height: 1.5em;font-size: 14px;color: #606060;}
.footer .information .nr-1 div {font-size: 12px;}
.footer .information .nr-1 .nr-title {line-height: 28px;}
.footer .information .nr-2 {width: 35.52447%;}
.footer .information .nr-2 span {width: 25%;font-size: 12px;color: #595959;}
.footer .information .nr-2 a {color: #595959;}
.footer .information .nr-3 {width: 45.3%;}
.footer .information .nr-3 .title-text{font-size: 12px;text-align: center;line-height: 30px;color: #606060;}
.ewms {height: 100px;}
.footer .information .nr-3 .ewm{width: 20%;text-align: center;position: relative;}
.footer .information .nr-3 .ewm img{max-width: 100%;width: auto;max-height: 100px;}
.footer .information .nr-3 .skzb {margin-left: 20px;}
.footer .information .nr-3 .skzb span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}