/* 滚屏 */
html, body {
	position: relative;
	height: 100%;
}
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}



/* 横幅 */
#banner{
	position: relative;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
}
#banner .text{
	display:flex;
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
	align-items:center;
	justify-content:center;
}
#banner .p1{
	color:#fff;
	font-size:42px;
}
#banner .icon .play{
	display:inline-block;
	width:110px;
	height:38px;
	cursor:pointer;
}
#banner .icon .play:hover{
	background:url(/tpl/default/skin/img/play_on.png)no-repeat center center;
}
#banner .bg{
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index:9;
	opacity:0.5;
}
.vBox{
	display:flex;
	width:100%;
	height:100%;
	overflow:hidden;
	justify-content:center;
	position:relative;
	z-index:8;
}
#banner .showVideo{
	height:100%;
	
	
	

	
}
#banner .allVideo{
	position:absolute;
	height:100%;
	width:100%;
	z-index:11;
	display:none;
	background:rgba(0,0,0,0.7);
	top:0px;
	left:0px;
}

#banner .go-down{
    animation: scaledh 1.5s infinite;
	position:absolute;
	bottom:20px;
	z-index:10;
	left:50%;
	margin-left:-13px;
}


/* m */
#mbanner{
	position: relative;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	display:flex;
	align-items:center;
	justify-content:center;
}
#mbanner .text{
	position:relative;
	z-index:10;
}
#mbanner .p1{
	color:#fff;
	font-size:42px;
}
#mbanner .icon .play{
	display:inline-block;
	width:110px;
	height:38px;
	cursor:pointer;
}
#mbanner .icon .play:hover{
	background:url(/tpl/default/skin/img/play_on.png)no-repeat center center;
}
#mbanner .bg{
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index:9;
	opacity:0.5;
}
#mbanner .allVideo{
	position:absolute;
	height:100%;
	width:100%;
	z-index:11;
	display:none;
	background:rgba(0,0,0,0.7);
	top:0px;
	left:0px;
}

#mbanner .go-down{
    animation: scaledh 1.5s infinite;
	position:absolute;
	bottom:20px;
	z-index:10;
	left:50%;
	margin-left:-13px;
}


@-webkit-keyframes scaledh{
    0%{ opacity: 0.6; -webkit-transform: scale(1);}
    50%{ opacity: 1; -webkit-transform: scale(1.05);}
    100%{ opacity: 0.6; -webkit-transform: scale(1);}
}

@keyframes scaledh{
    0%{ opacity: 0.6; transform: scale(1);}
    50%{ opacity: 1; transform: scale(1.05);}
    100%{ opacity: 0.6; transform: scale(1);}
}

/* 企业数字化转型 */
.numChange{
	width:100%;
	max-width:1500px;
	padding:0 50px;
}
.numChange .title{
	font-size:42px;
	padding-top:70px;
}
.numChange .title .p1 strong{
	color:#15a1dc;
}
.numChange .title .p2{
	color:#666;
	font-size:18px;
	line-height:32px;
}
.numChange .slider{
	width:100%;
	max-width:1400px;
	display:flex;
	padding-top:45px;
	background:#fff;
	overflow:hidden;
}
.numChange .slider .item{
	width:16%;
	height:2.2rem;
	max-height:490px;
	background:#eee;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:left center;
	position:relative;
	overflow:hidden;
}
.numChange .slider .item .title{
	position:absolute;
	top:50%;
	width:100%;
	z-index:2;
	margin-top:-150px;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
	visibility:visible;
	opacity:1;
}
.numChange .slider .item .title .icon{
	background:#fff;
	width:80px;
	height:80px;
	border-radius:80px;
	margin:0 auto;
	display:flex;
	align-items:center;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.numChange .slider .item .title .icon img{
	display:block;
	margin:0 auto;
}
.numChange .slider .item .title h3{
	color:#fff;
	margin:25px 0 15px 0;
}
.numChange .slider .item .bg{
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	z-index:1;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.numChange .slider .item .content{
	visibility:hidden;
	text-align:left;
	color:#fff;
	position:absolute;
	width:250px;
	height:100%;
	padding-left:40px;
	top:0;
	left:0px;
	z-index:4;
}
.numChange .slider .item  .showImg{
	position:absolute;
	bottom:-100%;
	right:-100%;
	z-index:3;
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
	visibility:hidden;
	opacity:0;
	max-width:45%;
	max-height:60%;
}
.numChange .slider .item  .showImg img{
	max-width:100%;
}
.numChange .slider .item.on{
	width:36%;
}
.numChange .slider .item.on .title{
	opacity:0;
	margin-left:100px;
	visibility:hidden;
}
.numChange .slider .item.on .bg{
	background:rgba(21,161,220,0.9);
}
.numChange .slider .item.on .content{
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	justify-content:center;
	visibility:visible;
}
.numChange .slider .item.on .content h2{
	width:100%;
	text-align:left;
	font-weight:700;
	margin-bottom:20px;
}
.numChange .slider .item.on .content .desc{
	font-size:14px;
	margin-bottom:25px;
	width:200px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
	max-height:75px;
	line-height:24px;
}
.numChange .slider .item.on .content .more{
	display:inline-block;
	padding:8px 30px;
	background:#fff;
	color:#15a1dc;
	font-size:14px;
	border-radius:30px;
}
.numChange .slider .item.on .content .more:hover{
	padding:8px 40px;
}
.numChange .slider .item.on  .showImg{
	bottom:0%;
	right:0%;
	visibility:visible;
	opacity:1;
}

/* ---手机端 */
.m-numChange{overflow:hidden; margin:0 10px; width:100%; display:none;}
.m-numChange .title{padding-top:65px;}
.m-numChange .title .p1{font-size:26px;margin-bottom:0px;line-height:36px;}
.m-numChange .title .p1 strong{color:#15a1dc;}
.m-numChange .title .p2{color:#666;font-size:14px;line-height:32px;}
.m-numChange .slider{width:100%;height:100%;background:#fff;}
.m-numChange .slider .item{
	width:100% !important;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
	background-size:cover;
	background-position:center center;
	position:relative;
	overflow:hidden;
}

.m-numChange .slider .item .bg{
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(21,161,220,0.9);
	width:100%;
	height:100%;
	z-index:1;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.m-numChange .slider .item .content{
	text-align:left;
	color:#fff;
	position:absolute;
	width:70%;
	height:100%;
	padding-left:25px;
	padding-top:25px;
	top:0;
	left:0px;
	z-index:4;
	display:flex;
	align-items:flex-start;
	flex-direction:column;
}
.m-numChange .slider .item  .showImg{
	position:absolute;
	z-index:3;
	bottom:0%;
	right:-15%;
	overflow:hidden;
	width:65%;
	max-width:225px;
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
.m-numChange .slider .item  .showImg img{
	width:100%;
}
.m-numChange .slider .item .content h2{
	width:100%;
	text-align:left;
	font-weight:700;
	margin-bottom:15px;
	font-size:24px;
}
.m-numChange .slider .item .content .desc{
	font-size:13px;
	margin-bottom:25px;
	width:100%;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
	max-height:57px;
}
.m-numChange .slider .item .content .more{
	display:inline-block;
	padding:4px 25px;
	background:#fff;
	color:#15a1dc;
	font-size:14px;
	border-radius:30px;
}
.m-numChange .slider .item .content .more:hover{
	padding:4px 30px;
}
.m-numChange .bottom{
	position:absolute;
	bottom:3%;
	z-index:5;
	width:100%;
}
.numChange-pagination .swiper-pagination-bullet{
	background:#fff;
	margin:0 5px;
}

@media screen and (max-width:768px){
	.m-numChange{
		display:block;
	}
	.numChange{
		display:none;
	}
}


/* 数字化工厂领导者 */
.leaders{
	width:100%;
	max-width:1500px;
	padding:0 50px;
	overflow:hidden;
}
.leaders-bg{
	background:url('/tpl/default/skin/img/leader_bg.jpg')no-repeat center center;
	background-size:cover;
}
.leaders .title{
	font-size:42px;
	padding-top:70px;
}
.leaders .title .p1 strong{
	color:#15a1dc;
}
.leaders .title .p2{
	color:#666;
	font-size:18px;
	line-height:32px;
}
.leaders .list{
	padding-top:45px;
	text-align:left;
	min-height:428px;
}
.leaders .list .ele{
	background:#fff;
	text-align:left;
	top:0px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.leaders .list .ele .imgbox img{
	width:100%;
}
.leaders .list .ele h3{
	font-weight:700;
	position:relative;
	padding:0 15px;
	color:#333;
}
.leaders .list .ele h3:after{
	content:'';
	display:block;
	width:30px;
	height:2px;
	background:#333;
	margin:15px 0 15px 0;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.leaders .list .ele .desc{
	font-size:14px;
	padding:0 15px 0 15px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
	margin-bottom:20px;
	color:#999;
	line-height:22px;
	height:88px;
}
.leaders .list .ele:hover{
	background:#15a1dc;
	top:-10px;
	box-shadow:0 0 10px #eee;
}
.leaders .list .ele:hover h3{
	color:#fff;
}
.leaders .list .ele:hover h3:after{
	background:#fff;
	width:100%;
}
.leaders .list .ele:hover .desc{
	color:#fff;
}



/* 智能制造打造民族工业 */
.make{
	width:100%;
	max-width:1500px;
	padding:0 50px;
}
.make-bg{
	background:url('/tpl/default/skin/img/make_bg.jpg')no-repeat;
	background-size:cover;
}
.make .title{
	font-size:42px;
	padding-top:70px;
}
.make .title .p1 strong{
	color:#15a1dc;
}
.make .title .p2{
	color:#666;
	font-size:18px;
	line-height:32px;
}
.make-swiper{
	padding-top:45px;
	overflow:hidden;
}
.make-swiper .swiper-slide{
	background:none;
}
.make-swiper .swiper-slide img{
	display:block;
	width:100%;
}
.make-swiper .make-pagination{
	margin-top:45px;
}
.make-swiper .make-pagination .swiper-pagination-bullet{
	border-radius:0px;
	width:25px;
	height:4px;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.make-swiper .make-pagination .swiper-pagination-bullet-active{
	background:#15a1dc;
	width:35px;
}

.make-swiper .swiper-slide{
	flex-wrap:wrap;
}
.make-swiper .swiper-slide .ele{
	width:20%;
	overflow:hidden;
	margin-bottom:15px;
}
.make-swiper .swiper-slide .ele img{
	max-width:95%;
	display:block;
	margin:0 auto;
}

/* 新闻中心 */
.news{
	width:100%;
	max-width:1500px;
	padding:0 50px;
}
.news .title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:10px;
	padding-top:70px;
}
.news .title p{
	font-size:32px;
	text-align:left;
	font-weight:700;
}
.news .title a{
	position:relative;
	font-size:14px;
	color:#666;
}
.news .main{
	display:flex;
	text-align:left;
	flex-wrap:wrap;
	align-items:stretch;
}
.news .main .left{
	width:52%;
	margin-right:3%;
	border:1px solid #DCDDDD;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
	position:relative;
	top:0px;
	background:#fff;
}
.news .main .left .imgbox img{
	width:100%;
}
.news .main .left .text{
	padding:0px 25px 25px 25px;
	border-top:0px;
}
.news .main .left .text .desc{
	font-size:15px;
	color:#666;
	margin-bottom:20px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
	line-height:24px;
}
.news .main .left h3{
	font-weight:700;
	margin-top:0px;
	padding-top:30px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
	margin-bottom:15px;
}
.news .main .left .info{
	display:flex;
	justify-content:space-between;
}
.news .main .left .info .more{
	color:#999;
	font-size:14px;
}
.news .main .left .info .date{
	color:#15a1dc;
	font-size:16px;
	font-weight:700;
}

.news .main .right{
	width:45%;
}
.news .main .right .ele{
	border-bottom:1px solid #DCDDDD;
	margin-bottom:28px;
	height:120px;
	position:relative;
	top:0px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.news .main .right .ele:before{
	position:absolute;
	bottom:-1px;
	left:0px;
	content:'';
	width:0%;
	height:1px;
	background:#15a1dc;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.news .main .right .ele:last-child{
	margin-bottom:0px;
}
.news .main .right .ele .top{
	display:flex;
	justify-content:space-between;
}
.news .main .right .ele .top h3{
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
	margin:0px;
	font-weight:700;
	font-size:18px;
	height:20px;
	margin-right:15px;
}
.news .main .right .ele .top span{
	line-height:16px;
	font-size:14px;
	color:#666;
	white-space: nowrap;
}
.news .main .right .ele .desc{
	font-size:14px;
	margin:20px 0;
	color:#666;
	line-height:24px;
	font-size:15px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
	line-height:24px;
}

.news .title a:hover{
	color:#15a1dc;
}
.news .main .left:hover{
	background:#15a1dc;
	top:-10px;
}
.news .main .left:hover .desc{
	color:#fff;
}
.news .main .left:hover h3{
	color:#fff;
}
.news .main .left:hover .more,.news .main .left:hover .date{
	color:#fff;
}

.news .main .right .ele:hover{
	top:-5px;
}
.news .main .right .ele:hover:before{
	width:100%;
}
.news .main .right .ele:hover h3{
	color:#15a1dc;
}

/* 底部 */
.last-slider{
	display: block;
}


/* 自适应调节 */
@media screen and (max-width:1420px){

	
}
@media screen and (max-width:768px){
	#banner .p1{font-size:24px;}

	.leaders{padding:0 10px;}
	.leaders .title{padding-top:65px;}
	.leaders .title .p1{font-size:26px;margin-bottom:10px;}
	.leaders .title .p2{font-size:14px;line-height:24px;}
	.leaders .list{padding-top: 10px;}
	.leaders .leaders-pagination{
		text-align:center;
		padding:10px;
	}
	.leaders .swiper-pagination-bullet{
		width:20px;
		border-radius:2px;
		height:4px;
		background:#666;
		-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	}
	.leaders .swiper-pagination-bullet-active{
		background:#15a1dc;
	}
	.leaders .list .ele h3{font-size:20px;}
	.leaders .list .ele h3:after{margin:10px 0;}
	.leaders .list{min-height:auto;}
	
	.make{padding:0 10px;}
	.make .title{padding-top:65px;}
	.make .title .p1 strong{font-size:26px;margin-bottom:0px;}
	.make .title .p2{font-size:14px;line-height:24px;}
	.make-swiper{padding-top:10px;}
	.make-swiper .make-pagination{margin-top:10px;}
	.make-swiper .swiper-slide .ele{width:50%;}
	.make-swiper .swiper-slide .ele img{max-width:80%;max-height:80%;}
	
	.news{
		padding: 0 10px;
	}
	.news .main{
		align-items: flex-start;
	}
	
	.news .main .left{
		width:100%;
		margin-right:0px;
		margin-bottom:15px;
	}
	.news .main .right{
		width:100%;
	}
	.news .title{padding-top:65px;}
	.news .title p{font-size:26px;margin:0px;}
	
	.news .main .left h3{font-size:18px;padding-top: 15px;}
	.news .main .left .text{padding: 5px 15px 15px 15px;}
	.news .main .right .ele{height: auto; margin-bottom:10px;padding-bottom:10px;}
	.news .main .right .ele .desc{display:none;}
	.news .main .right .ele:last-child{
		margin-bottom:10px;
		border:none;
	}
	.news .main .right .ele .top h3{font-size:14px; height:14px; font-weight:500;}
}