img {

	border: 0;

}



.wrap {

	height: 100%;

	background: #2c6aa5;

	position: relative;

	overflow: hidden;

}



@media(max-width:1200px) {

	.wrap {
		display: none;
	}

}



.wrapper {

	height: 100%;

	position: relative;

	overflow: hidden;

}





.product_list {

	position: relative;

	height: 100%;

}



.product_box {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: -9999px;

}

.sj_banner_logo {
	position: absolute;
	bottom: 38%;
	z-index: 10;
	width: 100%;
}

.sj_banner_logo>p {
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

.sj_banner_logo>a {
	display: table;
	margin: 0 auto;
	color: #fff;
	background: rgb(0 50 225 / 50%);
	width: 300px;
	padding: .5em 0;
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 6px;
}

.sj_banner_logo>a:first-child {
	border: none;
	background: none;
	font-size: 22px;
	line-height: 1.7;
	font-weight: bold;
}

.sj_banner_logo>a:last-child {
	margin-top: 20px;
}

@media screen and (max-width:1680px) {
	.sj_banner_logo>p {
		font-size: 20px;
	}

	.sj_banner_logo>a:first-child {
		font-size: 20px;
	}
}

@media screen and (max-width:1440px) {
	.sj_banner_logo>p {
		font-size: 18px;
	}

	.sj_banner_logo>a:first-child {
		font-size: 18px;
	}
}

/* 焕新 */
.product_list>div:nth-child(2)::after {
	background: linear-gradient(90deg, #0684dd 0%, #022072 100%);
}

/* 2023峰会 */
.product_list>div:nth-child(10)::after {
	background: linear-gradient(90deg, #000848 0%, #0031A7 100%);
}

/* 2024峰会 */
.product_list>a:nth-child(8) .product_box::after {
	background: linear-gradient(90deg, #00acff 0%, #003f7b 100%);
}

/* 制造节 */
/* .product_list>div:nth-child(2)::after {
	background: linear-gradient(90deg, #b11f8e 0%, #140ea2 100%);
} */

/* 创新创业 */
/* .product_list>div:nth-child(5).product_box::after {
	background: linear-gradient(90deg, #1d6bf5 0%, #84dbfb 100%);
} */

/* 数据官联盟CDO */
/* .product_list>a:nth-child(3) .product_box::after {
	background: linear-gradient(90deg, #4ebefc 0%, #2066e8 100%);
} */

/* 生态伙伴大会 */
/* .product_list>a:nth-child(2) .product_box::after {
	background: linear-gradient(90deg, #4785E0 0%, #16178B 100%);
} */

/* 首脑会 */
.product_list>div:nth-child(13)::after {
	background: linear-gradient(90deg, #fff 0%, #15369f 100%);
}

/* 双项第一 */
.product_list>a:nth-child(4) .product_box::after {
	background: linear-gradient(90deg, #4785E0 0%, #16178B 100%);
}

/* 华为云 */
.product_list>a:nth-child(3) .product_box::after {
	background: linear-gradient(90deg, #4785E0 0%, #16178B 100%);
}

/* 局中局 */
/* .product_list>a:nth-child(4) .product_box::after {
	background: linear-gradient(90deg, #418EBE 0%, #0C274D 100%);
} */

/* 掌上易助 */
/* .product_list>a:nth-child(12) .product_box::after {
	background: linear-gradient(90deg, #82A8FF 0%, #2349BD 100%);
} */

/* 雅典娜 */
.product_list>a:nth-child(5) .product_box::after {
	background: linear-gradient(-90deg, #E5E0FF 0%, #6A3EF8 100%);
}

/* 雅典娜paas */
.product_list>a:nth-child(6) .product_box::after {
	background: linear-gradient(90deg, #FEFEFF 0%, #DECFFF 100%);
}


/* 专精行业 */
.product_list>a:nth-child(7) .product_box::after {
	background: linear-gradient(-90deg, #4B688D 0%, #BECBD8 100%);
}

/* aiot */
/* .product_list>a:nth-child(5) .product_box::after {
	background: linear-gradient(-90deg, #23282B 0%, #9DB8C5 100%);
} */

/* 2022峰会 */
.product_list>div:nth-child(15)::after {
	background: rgb(2, 16, 47);
}

/* 百城大会 */
.product_list>a:nth-child(7) .product_box::after {
	background: linear-gradient(-90deg, #001a5d 0%, #001b60 100%);
}

.product_box::after {
	content: '';
	height: 246.5px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: 0s;
	display: none;
}

.product_box.show::after {
	opacity: .8;
	transition: .5s;
}

.bg_box {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	position: absolute;

	background-position: center center;

	background-repeat: no-repeat;

}



.bg_main {

	/*width: 1920px;

	height: 100%;

	position: absolute;

	top: 185px;

	left: 50%;

	margin-left: -960px;*/

}

.bg_box {

	width: 100%;

	height: 100%;

	position: relative;

}

.bg_box img {

	left: 50%;

	top: 50%;

	max-width: none;

	text-align: center;

	position: absolute;

	margin: 0 auto;

}



/*@media (max-width:1280) and (max-height:1024px){

	.bg_box img { 

		left:0;

	 	top:0;

		 background:#f30;

	 }

}*/



/*@media(max-width:1400px) and (max-height:1050px) {

	.bg_box img {

		left:60.2%;

	}

}*/



/*@media(max-width:1370px) and (max-height:768px) {

	.bg_box img {

		left:50%;

	}

}



@media(max-width:1280px) and (max-height:1000px){

	.bg_box img {

		left:64.1% !important;

		outline:solid 1px #ff00;

	}

}



@media(max-width:1280px) and (max-height:860px){

	.bg_box img{

		left:57% !important;

		left:59.6% !important;

		outline:solid 1px #000;

		

	}

}



@media(max-width:1280px) and(max-height:800px){

	.bg_box img{

		left:50% !important;

		outline:solid 1px #f30;

	}

}*/









/*@media(max-width:1281px) and (max-height:720px) {

	.bg_box img {

		left:50%;

	}

}*/







.product_box .content {

	width: 1200px;

	height: 100%;

	position: absolute;

	top: 0px;

	left: 50%;

	margin-left: -600px;

	z-index: 5;

	transform-origin: center center;

	-webkit-transform-origin: center center;

}



.product_list .show {

	left: 0;

}



.product_list .show .main_box {

	left: 0;

}



.product_box h2 {

	/*left:0;

	position: absolute;*/

}



.btn_product {

	/*transition:all 1s linear;*/

}



.btn_product-2 {

	/*transition:all 1.5s linear;*/

}

.product_box.show h2 {

	animation: tt_effect .4s .3s linear both;

	-webkit-animation: tt_effect .4s .3s linear both;

}



.product_box.show .btn_product {

	animation: tt_effect .4s 1s linear both;

	-webkit-animation: tt_effect .4s 3s linear both;

}





.btn_product-2:hover img {

	text-decoration: none;

	transform: scale(1.04);

	-webkit-transform: scale(1.04);

}

.btn_product-2 img {
	transition: all 0.7s linear;
}

.product_box.show h2 {

	animation: tt_effect .6s .3s linear both;

	-webkit-animation: tt_effect .6s .3s linear both;

}



.product_box.show .btn_product {

	animation: opacity .5s 1s linear both;

	-webkit-animation: opacity .5s .5s linear both;

}



.product_box.show .btn_product-2 {

	animation: opacity .5s 2s linear both;

	-webkit-animation: opacity .5s 1s linear both;

}



.product_btns {

	z-index: 9;

	position: relative;
	/* display: none; */

}

.product_btns:before {

	content: "";

	left: 0;

	width: 100%;

	height: 44px;

	bottom: 130px;

	position: absolute;

	background: url(https://static.digiwin.com/static/images/bg-6.png) no-repeat top center;

}





.product_btns:after {

	/*content: "";

	width:20%;

	height: 44px;

	right: 0%;

	bottom: 130px;

	position: absolute;

	background-color: #000;

	background: rgba(0,0,0,0.75);*/

}



/*@media(max-width:1600px) {

	.product_btns .btns_area:before {

		width: 37.8%;

	}



	.product_btns .btns_area:after {

		right: -20.3%;

	}

}*/



/*@media(max-width:1366px) {

	.product_btns .btns_area:before {

		width: 32.2%;

	}



	.product_btns .btns_area:after {

		right: -25.9%;

	}

}



@media(max-width:1280px) {

	.product_btns .btns_area:before {

		left: -22.5%;

	}



	.product_btns .btns_area:after {

		right: -28.4%;

	}

}*/





.product_btns .btns_box {
	position: relative;
	width: 1200px;
	bottom: 310px;
	margin: 0 auto;
	display: flex;
	text-align: center;

}





.product_btns .btns_box a {

	display: inline-block;

	display: inline;

	zoom: 1;

	text-align: center;

	position: relative;

	z-index: 1;

	vertical-align: top;

}

@media screen and (max-width:1550px) and (max-height:760px) {
	.product_btns .btns_box {
		bottom: 280px;
	}
}

@media screen and (max-width:1366px) {
	.product_btns .btns_box {
		bottom: 250px;
	}
}

@media screen and (max-width:1300px) {
	.product_btns .btns_box {
		bottom: 250px;
	}
}

@media screen and (max-width:1366px) and (max-height:580px) {
	.product_btns .btns_box {
		bottom: 220px;
	}
}

.big_view .product_btns .btns_box {

	height: auto;

}

@keyframes banner_ico_width {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

.big_view .product_btns .btns_box a {
	margin: 0 3px;
	position: relative;
	width: 40px;
	height: 4px;
	background: rgba(255, 255, 255, .4);
	opacity: 0.4;
	border-radius: 2px;
}

.big_view .product_btns .btns_box a::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	height: 100%;
	background-color: #fff;
	width: 0%;
	border-radius: 2px;
}

#wz {

	margin: 0 5px 0 0;

	color: #fff;

	height: 44px;

	font-size: 16px;

	line-height: 44px;

	background: url(https://static.digiwin.com/static/images/bg-7.png) repeat;

	text-align: left;

	text-indent: 20px;

	width: 341px;

	bottom: 0;

	z-index: 9;

	position: absolute;

}



.big_view .product_btns .btns_box a span {

	position: absolute;

	top: -90px;

	left: 0px;

	opacity: 0;

	display: none\9;

	transition: all 0.3s ease-in;

}



.big_view .product_btns .btns_box .pic {

	width: 341px;

	height: 137px;

	position: relative;

}



.big_view .product_btns .btns_box a:hover span {

	background: #008aff;

}

.big_view .product_btns .btns_box a.cur {
	opacity: 1;
}

.big_view .product_btns .btns_box a.cur::after {
	animation-name: banner_ico_width;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-duration: 5s;
	animation-delay: 0s;
	animation-iteration-count: 1;
}

.big_view .product_btns .btns_box a.cur:hover {
	/* animation-play-state: paused; */
}

.big_view .product_btns .btns_box .btn_xav {

	margin: 0 0 0 15px;

}



@keyframes pulse {

	0% {

		transform: scale(1);

	}



	50% {

		transform: scale(1.1);

	}



	100% {

		transform: scale(1);

	}

}



@-webkit-keyframes pulse {

	0% {

		-webkit-transform: scale(1);

	}



	50% {

		-webkit-transform: scale(1.1);

	}



	100% {

		-webkit-transform: scale(1);

	}

}



@keyframes swing {

	20%,
	40%,
	60%,
	80%,
	100% {

		transform-origin: top center;

	}



	20% {

		transform: rotate(15deg);

	}



	40% {

		transform: rotate(-10deg);

	}



	60% {

		transform: rotate(5deg);

	}



	80% {

		transform: rotate(-5deg);

	}



	100% {

		transform: rotate(0deg);

	}

}



@-webkit-keyframes swing {

	20%,
	40%,
	60%,
	80%,
	100% {

		-webkit-transform-origin: top center;

	}



	20% {

		-webkit-transform: rotate(15deg);

	}



	40% {

		-webkit-transform: rotate(-10deg);

	}



	60% {

		-webkit-transform: rotate(5deg);

	}



	80% {

		-webkit-transform: rotate(-5deg);

	}



	100% {

		-webkit-transform: rotate(0deg);

	}

}



@keyframes flash {

	0%,
	66.66% {

		opacity: 0;

	}



	33.33%,
	100% {

		opacity: 1;

	}

}



@-webkit-keyframes flash {

	0%,
	66.66% {

		opacity: 0;

	}



	33.33%,
	100% {

		opacity: 1;

	}

}



@keyframes tada {

	0% {

		transform: scale(1);

	}



	10%,
	20% {

		transform: scale(0.9) rotate(-3deg);

	}



	30%,
	50%,
	70%,
	90% {

		transform: scale(1.1) rotate(3deg);

	}



	40%,
	60%,
	80% {

		transform: scale(1.1) rotate(-3deg);

	}



	100% {

		transform: scale(1) rotate(0);

	}

}



@-webkit-keyframes tada {

	0% {

		-webkit-transform: scale(1);

	}



	10%,
	20% {

		-webkit-transform: scale(0.9) rotate(-3deg);

	}



	30%,
	50%,
	70%,
	90% {

		-webkit-transform: scale(1.1) rotate(3deg);

	}



	40%,
	60%,
	80% {

		-webkit-transform: scale(1.1) rotate(-3deg);

	}



	100% {

		-webkit-transform: scale(1) rotate(0);

	}

}



@keyframes rotateX {

	0% {

		transform: perspective(400px) rotateX(90deg);

	}



	40% {

		transform: perspective(400px) rotateX(-30deg);

	}



	70% {

		transform: perspective(400px) rotateX(30deg);

	}



	100% {

		transform: perspective(400px) rotateX(0deg);

	}

}



@-webkit-keyframes rotateX {

	0% {

		-webkit-transform: perspective(400px) rotateX(90deg);

	}



	40% {

		-webkit-transform: perspective(400px) rotateX(-30deg);

	}



	70% {

		-webkit-transform: perspective(400px) rotateX(30deg);

	}



	100% {

		-webkit-transform: perspective(400px) rotateX(0deg);

	}

}



@keyframes rotateY {

	0% {

		transform: perspective(400px) rotateY(90deg);

	}



	40% {

		transform: perspective(400px) rotateY(-20deg);

	}



	70% {

		transform: perspective(400px) rotateY(20deg);

	}



	100% {

		transform: perspective(400px) rotateY(0deg);

	}

}



@-webkit-keyframes rotateY {

	0% {

		-webkit-transform: perspective(400px) rotateY(90deg);

	}



	40% {

		-webkit-transform: perspective(400px) rotateY(-20deg);

	}



	70% {

		-webkit-transform: perspective(400px) rotateY(20deg);

	}



	100% {

		-webkit-transform: perspective(400px) rotateY(0deg);

	}

}



@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {

		transform: translateY(0);

	}



	40% {

		transform: translateY(-20px);

	}



	60% {

		transform: translateY(-10px);

	}

}



@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {

		-webkit-transform: translateY(0);

	}



	40% {

		-webkit-transform: translateY(-20px);

	}



	60% {

		-webkit-transform: translateY(-10px);

	}

}



@keyframes bounceInDown {

	0% {

		opacity: 0;

		transform: translateY(-40px);

	}



	100% {

		opacity: 1;

		transform: translateY(0px);

	}

	/*80%{transform:translateY(-10px);}

	100%{transform:translateY(0);}*/

}



@-webkit-keyframes bounceInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-40px);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0px);

	}

	/*80%{-webkit-transform:translateY(-10px);}

	100%{-webkit-transform:translateY(0);}*/

}



@keyframes opacity {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@-webkit-keyframes opacity {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@keyframes tt_effect {

	0% {

		transform: translateY(-20px);

		opacity: 0;

	}





	100% {

		transform: translateY(0);

		opacity: 1;

	}

}



@-webkit-keyframes tt_effect {

	0% {

		-webkit-transform: translateY(-20px);

		opacity: 0;

	}



	100% {

		-webkit-transform: translateY(0);

		opacity: 1;

	}

}

@media screen and (max-width:1440px) {
	.product_box::after {
		height: 174px;
	}
}

@media screen and (max-width:1280px) {
	.product_box::after {
		height: 152px;
	}
}