/*通用*/

.sub-floor{
	padding:70px 0 0 0;
}

/*banner 视频*/
.banner{
	background-image: url(/Template/skin1/static2020/about/images/banner.jpg);
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
.banner .iconshipinbofang{
	font-size: 60px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor:pointer;
}


/*nav*/
.nav{
	background: #F9FAFD;
	overflow: hidden;
}
.nav .swiper-nav{
	max-width: 1220px;
	margin: auto;
	line-height: 76px;
}
.nav .swiper-nav a{
	font-size: 20px;
	color: #656565;
}
.nav .swiper-nav a.active,
.nav .swiper-nav a:hover{
	font-weight: bold;
	color: #2E65EF;
}
.nav ul li{
	width: 16.66666%;
	float: left;
	font-size: 20px;
	line-height: 72px;
	text-align: center;
	color: #888888;
	cursor:pointer;
}
.nav ul li a{color: #656565;}
.nav ul li.active,.nav ul li:hover{
	font-weight: bold;
	color: #2E65EF;
}
/*pp电子简介*/
.aims{
	width:700px;
	background:rgba(249,250,253,1);
	border-radius:16px;
	padding: 30px 80px;
	position: relative;
	margin: auto;
	/* margin-top: 50px; */
}
.aims .aims-comma1{
	position: absolute;
	top: 20px;
	left: 40px;
}
.aims .aims-comma2{
	position: absolute;
	bottom: 20px;
	right: 40px;
}
.aims ul li{
	font-size: 16px;
	color: #777;
	line-height: 36px;
	margin-left: 15px;
}
.aims ul li span{
	font-weight: bold;
	color: #555;
}
.introduction {
	font-size: 18px;
	line-height: 50px;
	color: #777;
	margin-top: 48px;
	text-indent: 36px;
}

.team{
	background:#F9FAFD;
}
.team-box{
	height:500px;
}

#container {
	overflow: hidden;
	border-radius: 2px;
	/* margin-top: 40px; */
}
#container .slide {
	position: absolute;
	display: block;
	left: 0;
	width: 690px;
	height: 440px;
	transition: all .4s ease;
	cursor: pointer;
	background: #F9FAFD;
}
#container .slide span {
	color: white;
	text-align: center;
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 44px;
	border-radius: 50%;
	top: 50%;
	margin-top: -20px;
	font-size: 40px;
	transition: all .4s ease;opacity: .5;
}
  
.event-year{
	text-align: center;
	margin-bottom: 16px;
	color: #555;
}
.event-line{
	height: 1px;
	background: #E0E4EF;
	position: relative;
}

.event-dot{
	position: absolute;
	left: 47%;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #CED3E0;
	top: -5px;
}
.event-info{
	width: 170px;
	background:rgba(249,250,253,1);
	border-radius:3px;
	padding: 18px 10px;
	margin: auto;
	margin-top: 16px;
	color: #333;
	font-size: 12px;
	line-height: 26px;
	border-radius: 8px;
}

.event .case-list {
	overflow: hidden;
	position: relative;
	margin: 0 60px 0 60px;
}

.contact{
	height: auto;
	background-image: url(/Template/skin1/static2020/about/images/contact-bag.png);
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-size: cover;
}

.contact .contact-info{
	height: auto;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 10px 0px rgba(112,144,176,0.1);
	border-radius:16px;
	padding: 50px;
	/* margin-top: 50px; */
}

.contact .contact-ul{
	line-height: 30px;
	color: #555;
}

.contact .contact-ul a{
	margin-right: 40px;
	color: #4265fb;
}

.contact .contact-ul span{
	font-weight: bold;
	margin-right: 25px;
	width: 60px;
	display: block;
	float: left;
}

.contact .contact-code img{
	width: 130px;
	height: 130px;
}

.contact .contact-code__l,.contact .contact-code__r{
	text-align: center;
	font-size:12px;
	color: #999;
}

.contact .contact-code__l{
	margin-right: 40px;
}

.team .ks-container{
	overflow: hidden;
}

.team .slide img{
	width: 290px;
	height: 100%;
	float: left;
	margin-left: 10px;
}

.team .slide .team-info{
	width: 390px;
	background: #fff;
	float: left;
	height: 100%;
	text-align: center;
	margin: auto;
}

.team .slide .team-info .team-info__name{
	font-size: 30px;
	font-weight: bold;
	color: rgba(51,51,51,1);
	margin-top: 80px;
}

.team .slide .team-info .team-info__line{
	width: 30px;
	height: 2px;
	background: rgba(46,101,239,1);
	margin: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}

.team .slide .team-info .team-info__title{
	font-size: 16px;
	font-weight: 400;
	color: rgba(102,102,102,1);
}

.team .slide .team-info ul{
	font-size: 12px;
	font-weight: 400;
	color: rgba(153,153,153,1);
	line-height: 24px;
	margin-top: 58px;
}
.team .swiper-slide .swiper-slide-active .event-info{
	background-color: #4265fb;
	color: #fff;
	transition: all .4s ease;
}

/*新闻*/
.news{
	margin-bottom: 70px;
}
.top-news{
	margin-left: 60px;
}
.top-news ul{
	margin-top: 10px;
}
.top-news li{
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	position: relative;
}
.top-news li a{
	font-size: 16px;
}
.top-news li span{
	float: right;
	color:#999;
	font-size: 14px;
}

/*小问题*/
.sub-title{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.sub-title strong{
	font-size: 20px;
	position: relative;
	padding-left: 20px;
}
.sub-title strong::before{
	content: '';
	width: 4px;
	height: 20px;
	position: absolute;
	left:0;
	top:50%;
	margin-top: -9px;
	background-color: #2E65EF;
}
.sub-title__more{
	float: right;
	font-size: 14px;
	color:#999;
}
.downIcon{
	vertical-align: top;
	margin-top: 27.5px;
}

/* #mediaCoverage{ margin-top: 70px; } */
.media{margin-bottom: 40px;}
.media-img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 299px;
	height: 150px;
	border-radius:6px;
}

#years .ks-dp-ib:not(:nth-child(1)){
	margin-left: 40px;
}
#years .ks-dp-ib{width: 35px;}
.years{
	width: 1220px;
	line-height: 50px;
	border-radius: 0px;
}

/* #position{margin-top: 50px;} */
#position .item{
	width: 60px;
}
#position .item:not(:nth-child(1)){
	margin-left: 173px;
}
.position-img{
	width: 60px;
	height: 60px;
	margin-bottom: 24px;
}
#posite{margin-top: 50px;}
.wdcontrol{
	width: 570px;
}
.mgt-control{
	margin-top: 20px;
	margin-bottom: 10px;
}

.custom-iconl, .custom-iconr{
	width: 30px;
	height: 30px;
	background-size: contain;
}
.custom-iconl{
	background-image: url(/Template/skin1/static2020/about/images/prev-icon.png) !important;
}
.custom-iconr{
	background-image: url(/Template/skin1/static2020/about/images/next-icon.png) !important;
}

#mediaCoverage .media .textArea{
	padding-left: 330px;
	height: 150px;
}

.color-text-act{color: #444;}
.ftz-26{font-size: 26px;}


@media screen and (max-width: 1024px) {
	.nav .swiper-nav{
		line-height: 64px;
	}
	#mediaCoverage{
		padding-left: 30px;
		padding-right: 30px;
	}
	.team .team-info{
		width: 550px;
	}
	.team  .team-head{
		top: -100px;
		width: 200px;
		height: 200px;
	}
	.coreItem ul{padding-bottom: 60px;}
	.coreItem ul li{
		font-size: 28px;
		color: #999;
		line-height: 44px;
	}
	/* .team .coreItem:not(:nth-child(2)){ margin-top: 150px; } */
	.ipad-top{
		padding-top: 70px;
	}
	.contact .contact-code__l { margin-right: 40px;	}
	.nav .swiper-nav .swiper-slide{text-align: center;}
	.contact .ks-container{ padding: 0 30px; }
	.contact .contact-info{padding: 30px;}
	.contact .contact-info .col-6:nth-child(1) img{max-width: 100%;}
	.contact .contact-info .col-6:nth-child(2){
		box-sizing: border-box;
		padding-left: 30px;
	}
}

@media screen and (max-width: 768px) {
	/* nav */
	.nav .swiper-nav{
		width: 100%;
		line-height: 56px;
	}
	.swiper-nav .swiper-slide{
		white-space: nowrap;
		text-align: center;
	}
	.swiper-nav .swiper-slide .ks-dp-ib{
		font-size: 14px;
		color: #888;
	}
	.swiper-nav .swiper-slide .active{
		position: relative;
	}
	.banner{background-size: cover;}
	.ipad-pdlr-30, .introduction{ padding: 0 20px;	}
	.sub-floor{padding-top: 0;}
	.team-box{display: none;}
	.introduction{line-height: 40px;margin-top: 37px;}
	.ipad-dp-ib{display: inline-block;}
	.ipad-ttc{text-align: center;}
	.ipad-ttl{text-align: left;}
	.aims{
		box-sizing: border-box;
		width: 100%;
	}
	.team{background-color: #fff;}
	.team  .team-head{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		border-radius: 50%;
	}
	.team .team-info{
		margin: 0 auto;
		width: 345px;
		min-height: 230px;
		box-shadow:0px 16px 40px 0px rgba(112,144,176,0.2);
		border-radius:16px;
	}
	.team-info__name{ padding-top: 87px; }
	.team-info__name{
		position: relative;
		font-size: 40px;
		font-weight: bold;
		margin-bottom: 28px;
	}
	.team-info__name::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width:30px;
		height:4px;
		background:rgba(46,101,239,1);
	}
	.team-info__title{
		font-size: 30px;
		color: #666;
		padding-bottom: 58px;
	}
	.team .coreItem{
		margin-top: 130px;
	}
	.coreItem ul{padding-bottom: 40px;}
	.coreItem ul li{
		font-size: 14px;
		color: #999;
		line-height: 30px;
	}
	.event .case-list{
		margin-left: 25px;
		margin-right: 25px;
	}
	.ipad-top{
		padding-top: 50px;
	}
	.nav ul li{font-size: 10px;line-height: 40px;}
	.banner .iconshipinbofang {
	    font-size: 40px;
		transform: translate(-50%, -50%);
	}
	.contact .contact-info{
		height: auto;
		box-shadow:0px 16px 40px 0px rgba(112,144,176,0.2);
		margin-bottom: 0;
		padding: 25px;
		/* margin-top: 25px; */
	}
	.contact .contact-info .col-6{width: 100%;}
	.contact .contact-info .col-6:nth-child(1) img{width: 100%;}
	.contact{padding: 0 15px;height: auto;padding-bottom: 50px;}
	.contact-ul{padding-top: 20px;}
	.contact-ul .contact-code{text-align: center;padding-top: 27px;}
	.contact-ul .contact-code .ks-fl{
		float: none;
		display: inline-block;
	}
	.contact .contact-code__l{margin-right: 20px;}
	/* .event-info{ width: 250px; } */
}

@media screen and (max-width: 480px) {
	.swiper-nav .swiper-slide .active::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: 40px;
		height: 2px;
		background:rgba(46,101,239,1);
	}
	.team .coreItem:nth-child(1){ margin-top: 47px; }
	.contact .contact-code img{
		width: 130px;
		height: 130px;
	}
}

@media screen and (max-width: 320px){
	.contact .contact-code img{
		width: 100px;
		height: 100px;
	}

}
<!--耗时1782849114.7552秒-->