body { background: url(/assets/static/images/index/background.jpg) repeat-y center; }
.foot1 { margin-top: 20px; }
.wrap .index { width: 100%; min-height: 100%; /* position: absolute; top: 0; left: 0; */ display: none; }
.wrap .index .width { position: relative; }
.wrap .index .cen1 { float: left; margin-top: 140px; width: 720px; height: 240px; font-size: 0; text-align: center; }
.wrap .index .cen1 span { display: inline-block; width: 1px; height: 100%; margin-left: -1px; line-height: 100%; vertical-align: middle; }
.wrap .index .cen1 img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .index .cen2 { float: right; width: 480px; height: 240px; margin-top: 140px; }
.wrap .index .cen2 a { display: block; width: 100%; height: 100%; position: relative; /*p { width: 240px; height: 240px;
	&.pl { position: absolute; perspective: 500px; transform-style: preserve-3d;
		span { display: block; width: 100%; height: 100%; transition: all .3s ease; background: #027ca9;
			&.spanTop { opacity: 1; transform: rotateX(0deg);
				em { display: block; text-align: center;
					img { margin-top: 70px; }
				}
				i { display: block; font: normal 18px 'Arial'; color: #ffffff; text-align: center; padding-top: 15px; }
			}
			&.spanBot { transform: rotateX(-90deg); transform-origin: -50% 0;
				em { display: block; text-align: center;
					img { margin-top: 70px; }
				}
				i { display: block; font: normal 18px 'Arial'; color: #ffffff; text-align: center; padding-top: 15px; }
			}
		}
	}
	&.pr { float: right;
		span { display: block; width: 100%; height: 100%; font-size: 0; transition: all .3s ease;
			&.span1 { display: block; }
			&.span2 { display: none; }
		}
	}
}
&:hover {
	p {
		&.pl {
			span {
				&.spanTop { transform: rotateX(90deg) translateY(-240px); transform-origin: -50% 0; }
				&.spanBot { transform: rotateX(0deg) translateY(-240px); opacity: 1; }
			}
		}
		&.pr {
			span {
				&.span1 { display: none; }
				&.span2 { display: block; }
			}
		}
	}
}*/ }
.wrap .index .cen2 a p { width: 240px; height: 240px; position: relative; }
.wrap .index .cen2 a p.pl { float: left; }
.wrap .index .cen2 a p.pl span { display: block; width: 100%; height: 100%; background: #027ca9; }
.wrap .index .cen2 a p.pl span.spanTop em { display: block; text-align: center; }
.wrap .index .cen2 a p.pl span.spanTop em img { margin-top: 70px; transition: all .5s ease; }
.wrap .index .cen2 a p.pl span.spanTop i { display: block; font: normal 18px 'Arial'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen2 a p.pl span.spanTop b { display: none; font: normal 18px 'microsoft yahei'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen2 a p.pr { float: right; overflow: hidden; }
.wrap .index .cen2 a p.pr span { display: block; width: 100%; height: 100%; font-size: 0; position: absolute; top: 0; right: 0; transition: all .3s ease; }
.wrap .index .cen2 a p.pr span.span1 { /*display: block;*/ opacity: 1; }
.wrap .index .cen2 a p.pr span.span2 { /*display: none;*/ opacity: 0; }
.wrap .index .cen2 a:hover p.pl span.spanTop em img { transform: rotateY(180deg); }
.wrap .index .cen2 a:hover p.pl span.spanTop i { display: none; }
.wrap .index .cen2 a:hover p.pl span.spanTop b { display: block; }
.wrap .index .cen2 a:hover p.pr span.span1 { /*display: none;*/ opacity: 0; }
.wrap .index .cen2 a:hover p.pr span.span2 { /*display: block;*/ opacity: 1; transform: scale(1.05); }
.wrap .index .cen3 { float: left; width: 480px; height: 240px; }
.wrap .index .cen3 a { display: block; width: 100%; height: 100%; position: relative; }
.wrap .index .cen3 a p { width: 240px; height: 240px; position: relative; }
.wrap .index .cen3 a p.pl { float: right; }
.wrap .index .cen3 a p.pl span { display: block; width: 100%; height: 100%; background: #00aeed; }
.wrap .index .cen3 a p.pl span.spanTop em { display: block; text-align: center; }
.wrap .index .cen3 a p.pl span.spanTop em img { margin-top: 70px; transition: all .5s ease; }
.wrap .index .cen3 a p.pl span.spanTop i { display: block; font: normal 18px 'Arial'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen3 a p.pl span.spanTop b { display: none; font: normal 18px 'microsoft yahei'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen3 a p.pr { float: left; overflow: hidden; }
.wrap .index .cen3 a p.pr span { display: block; width: 100%; height: 100%; font-size: 0; position: absolute; top: 0; left: 0; transition: all .3s ease; }
.wrap .index .cen3 a p.pr span.span1 { /*display: block;*/ opacity: 1; }
.wrap .index .cen3 a p.pr span.span2 { /*display: none;*/ opacity: 0; }
.wrap .index .cen3 a:hover p.pl span.spanTop em img { transform: rotateY(180deg); }
.wrap .index .cen3 a:hover p.pl span.spanTop i { display: none; }
.wrap .index .cen3 a:hover p.pl span.spanTop b { display: block; }
.wrap .index .cen3 a:hover p.pr span.span1 { /*display: none;*/ opacity: 0; }
.wrap .index .cen3 a:hover p.pr span.span2 { /*display: block;*/ opacity: 1; transform: scale(1.05); }
.wrap .index .cen4 { float: left; width: 240px; height: 480px; }
.wrap .index .cen4 a { display: block; width: 100%; height: 100%; position: relative; }
.wrap .index .cen4 a p { width: 240px; height: 240px; position: relative; }
.wrap .index .cen4 a p.pl { float: right; }
.wrap .index .cen4 a p.pl span { display: block; width: 100%; height: 100%; background: #6ec5e9; }
.wrap .index .cen4 a p.pl span.spanTop em { display: block; text-align: center; }
.wrap .index .cen4 a p.pl span.spanTop em img { margin-top: 70px; transition: all .5s ease; }
.wrap .index .cen4 a p.pl span.spanTop i { display: block; font: normal 18px 'Arial'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen4 a p.pl span.spanTop b { display: none; font: normal 18px 'microsoft yahei'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen4 a p.pr { float: left; overflow: hidden; }
.wrap .index .cen4 a p.pr span { display: block; width: 100%; height: 100%; font-size: 0; position: absolute; top: 0; left: 0; transition: all .3s ease; }
.wrap .index .cen4 a p.pr span.span1 { /*display: block;*/ opacity: 1; }
.wrap .index .cen4 a p.pr span.span2 { /*display: none;*/ opacity: 0; }
.wrap .index .cen4 a:hover p.pl span.spanTop em img { transform: rotateY(180deg); }
.wrap .index .cen4 a:hover p.pl span.spanTop i { display: none; }
.wrap .index .cen4 a:hover p.pl span.spanTop b { display: block; }
.wrap .index .cen4 a:hover p.pr span.span1 { /*display: none;*/ opacity: 0; }
.wrap .index .cen4 a:hover p.pr span.span2 { /*display: block;*/ opacity: 1; transform: scale(1.05); }
.wrap .index .cen5 { float: left; width: 480px; height: 240px; }
.wrap .index .cen5 a { display: block; width: 100%; height: 100%; position: relative; }
.wrap .index .cen5 a p { width: 240px; height: 240px; position: relative; }
.wrap .index .cen5 a p.pl { float: right; }
.wrap .index .cen5 a p.pl span { display: block; width: 100%; height: 100%; background: #8fc6dd; }
.wrap .index .cen5 a p.pl span.spanTop em { display: block; text-align: center; }
.wrap .index .cen5 a p.pl span.spanTop em img { margin-top: 70px; transition: all .5s ease; }
.wrap .index .cen5 a p.pl span.spanTop i { display: block; font: normal 18px 'Arial'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen5 a p.pl span.spanTop b { display: none; font: normal 18px 'microsoft yahei'; color: #ffffff; text-align: center; padding-top: 15px; transition: all .3s ease; }
.wrap .index .cen5 a p.pr { float: left; position: relative; overflow: hidden; }
.wrap .index .cen5 a p.pr span { display: block; width: 100%; height: 100%; font-size: 0; position: absolute; top: 0; left: 0; transition: all .3s ease; }
.wrap .index .cen5 a p.pr span.span1 { /*display: block;*/ opacity: 1; }
.wrap .index .cen5 a p.pr span.span2 { /*display: none;*/ opacity: 0; }
.wrap .index .cen5 a:hover p.pl span.spanTop em img { transform: rotateY(180deg); }
.wrap .index .cen5 a:hover p.pl span.spanTop i { display: none; }
.wrap .index .cen5 a:hover p.pl span.spanTop b { display: block; }
.wrap .index .cen5 a:hover p.pr span.span1 { /*display: none;*/ opacity: 0; }
.wrap .index .cen5 a:hover p.pr span.span2 { /*display: block;*/ opacity: 1; transform: scale(1.05); }
.wrap .index .cen6 { position: absolute; bottom: 0; left: 0; width: 480px; height: 240px; }
.wrap .index .cen6 span { display: block; width: 320px; height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -160px; background: url(/assets/static/images/index/qustion.png) no-repeat top center; }
.wrap .index .cen6:hover span { background-position: bottom center; }
.wrap .pageTitle { margin-top: 140px; height: 47px; }
.wrap .pageTitle .width { position: relative; }
.wrap .pageTitle ul li { float: left; width: 140px; height: 45px; background: url(/assets/static/images/cen.png) no-repeat center; background-size: 100% 100%; border: 1px solid #666666; margin-right: 10px; position: relative; transition: all .3s ease; }
.wrap .pageTitle ul li a { display: block; width: 100%; height: 100%; font: normal 16px/45px 'Arial'; color: #888888; text-align: center; position: relative; transition: all .3s ease; }
.wrap .pageTitle ul li a span { display: none; }
.wrap .pageTitle ul li a em { display: block; }
.wrap .pageTitle ul li:hover { background: url(/assets/static/images/cenHover.png) no-repeat center; background-size: 100% 100%; border-color: #00aeed; }
.wrap .pageTitle ul li:hover a { color: #00aeed; }
.wrap .pageTitle ul li:hover a span { display: block; }
.wrap .pageTitle ul li:hover a em { display: none; }
.wrap .pageTitle ul li.cur { background: url(/assets/static/images/cenHover.png) no-repeat center; background-size: 100% 100%; border-color: #00aeed; }
.wrap .pageTitle ul li.cur a { color: #00aeed; }
.wrap .pageTitle ul li.cur a span { display: block; }
.wrap .pageTitle ul li.cur a em { display: none; }
.wrap .pageTitle .bread { position: absolute; right: 0; top: 0; height: 47px; }
.wrap .pageTitle .bread p { font: normal 12px/47px 'Arial'; color: #666666; background: url(/assets/static/images/adress.png) no-repeat left center; padding-left: 16px; }
.wrap .pageTitle .bread p a { color: #666666; }
.wrap .project { min-height: 100%; }
.wrap .project .page1 { padding: 40px 0; }
.wrap .project .page1 .cen ul li { float: left; width: 390px; height: 247px; margin-left: 15px; margin-bottom: 15px; overflow: hidden; }
.wrap .project .page1 .cen ul li a { display: block; width: 100%; height: 100%; font-size: 0; position: relative; transition: all .3s ease; }
.wrap .project .page1 .cen ul li a img { width: 100%; height: 100%; transform: translateZ(0); transition: all .3s ease; }
.wrap .project .page1 .cen ul li a p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease; }
.wrap .project .page1 .cen ul li a p span { display: block; height: 20px; background: url(/assets/static/images/search.png) no-repeat center; transform: translateY(-10px); transition: all .3s ease; }
.wrap .project .page1 .cen ul li a p em { display: block; font: normal 14px 'microsoft yahei'; color: #ffffff; padding-top: 10px; transform: translateY(10px); transition: all .3s ease; }
.wrap .project .page1 .cen ul li:nth-child(3n+1) { margin-left: 0; }
.wrap .project .page1 .cen ul li:hover a img { transform: scale(1.05); opacity: .6; }
.wrap .project .page1 .cen ul li:hover a p { opacity: 1; }
.wrap .project .page1 .cen ul li:hover a p span { transform: translateY(0); }
.wrap .project .page1 .cen ul li:hover a p em { transform: translateY(0); }
.wrap .proDetail { min-height: 100%; }
.wrap .proDetail .page1 { padding: 40px 0; width: 100%; overflow: hidden; }
.wrap .proDetail .page1 .cen { width: 100%; padding-top: 60px; position: relative; /*ul {
	li { width: 30%; font-size: 0; float: left;
		img { width: 100%; }
		&:first-child {
			img { transform: scale(.2); }
		}
	}
}*/ }
.wrap .proDetail .page1 .cen .proSwiper { margin-left: -113px; }
.wrap .proDetail .page1 .cen .proSwiper .swiper-wrapper .swiper-slide { height: 355px; font-size: 0; }
.wrap .proDetail .page1 .cen .proSwiper .swiper-wrapper .swiper-slide span { display: inline-block; width: 1px; height: 100%; line-height: 100%; margin-left: -1px; vertical-align: middle; }
.wrap .proDetail .page1 .cen .proSwiper .swiper-wrapper .swiper-slide img { display: inline-block; width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .proDetail .page1 .cen .proSwiper .swiper-wrapper .swiper-slide.swiper-slide-active { width: 560px !important; }
.wrap .proDetail .page1 .cen .poster-main { position: relative; margin-bottom: 80px; }
.wrap .proDetail .page1 .cen .poster-main .poster-btn { position: absolute; top: 0; cursor: pointer; }
.wrap .proDetail .page1 .cen .poster-main .poster-btn.poster-prev-btn { left: 0; background: url(/assets/static/images/team/right.png) no-repeat center; transform: rotate(180deg); }
.wrap .proDetail .page1 .cen .poster-main .poster-btn.poster-next-btn { right: 0; background: url(/assets/static/images/team/right.png) no-repeat center; }
.wrap .proDetail .page1 .cen .poster-main ul li { position: absolute; }
.wrap .proDetail .page1 .cen .poster-main ul li a { display: block; width: 100%; height: 100%; }
.wrap .proDetail .page1 .cen .poster-main ul li a span { display: none; width: 19px; height: 20px; position: absolute; right: 10px; bottom: 10px; background: url(/assets/static/images/search.png) no-repeat center; }
.wrap .proDetail .page1 .cen .poster-main ul li a:hover span { display: block; }
.wrap .proDetail .page1 .bot p { font: normal 16px 'microsoft yahei'; color: #ffffff; text-align: center; }
.wrap .proDetail .page1 .bot span { display: block; font: normal 14px 'microsoft yahei'; color: #888888; text-align: center; padding-top: 15px; }
.wrap .pop { position: absolute; top: 140px; left: 0; width: 100%; height: 100%; z-index: 100; display: none; }
.wrap .pop .popBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.7); }
.wrap .pop .width { position: absolute; top: 0; left: 50%; margin-left: -600px; height: 100%; z-index: 2; }
.wrap .pop .cen { width: 100%; height: calc(100% - 100px); padding: 50px 0; /*overflow-x: scroll;*/ position: absolute; /*left: 50%; margin-left: -47.5%;*/
    text-align: center; }
/*.wrap .pop .cen span { position: fixed; right: 2.5%; top: 0; display: block; width: 70px; height: 70px; background: url(/assets/static/images/project/error.png) no-repeat center; cursor: pointer; }*/
/*.wrap .pop .cen img { height: 100%; }*/
.wrap .pop .cen em { display: block; width: 100%; height: 100%; font-size: 0; text-align: center; }
.wrap .pop .cen em i { display: inline-block; width: 1px; height: 100%; line-height: 100%; vertical-align: middle; margin-left: -1px; }
.wrap .pop .cen em img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }

.wrap .team { min-height: 100%; }
.wrap .team .page1 .cen ul li { float: left; width: 290px; height: 340px; padding: 0 6.5px; margin-top: 13px; position: relative; transition: all .3s ease; }
.wrap .team .page1 .cen ul li a { /*display: none;*/ width: 593px; height: 693px; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 1.5s ease; }
.wrap .team .page1 .cen ul li a img { width: 100%; height: 100%; }
.wrap .team .page1 .cen ul li a p { width: 553px; height: 134px; position: absolute; bottom: 20px; left: 50%; margin-left: -276.5px; }
.wrap .team .page1 .cen ul li a p span { display: block; width: 460px; font: bold 20px 'microsoft yahei'; color: #ffffff; margin: 0 auto; margin-top: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap .team .page1 .cen ul li a p span em { font: normal 14px 'microsoft yahei'; color: #ffffff; }
.wrap .team .page1 .cen ul li a p i { display: -webkit-box; font: normal 14px/24px 'microsoft yahei'; color: #8bc1d5; width: 460px; margin: 0 auto; margin-top: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.wrap .team .page1 .cen ul li a p b { position: absolute; display: block; width: 14px; height: 29px; background: url(/assets/static/images/team/right.png) no-repeat center; top: 50%; margin-top: -14.5px; right: 25px; }
.wrap .team .page1 .cen ul li a p.pBg { background: #00aeed; opacity: .6; }
.wrap .team .page1 .cen ul li:nth-child(4n+1) { padding-left: 0; }
.wrap .team .page1 .cen ul li:nth-child(4n+4) { padding-right: 0; }
.wrap .team .page1 .cen ul li:nth-child(4n+1) a { top: -353px; }
.wrap .team .page1 .cen ul li:nth-child(4n+2) a { top: -353px; }
.wrap .team .page1 .cen ul li:nth-child(4n+3) a { top: -353px; /*left: -303px;*/ }
.wrap .team .page1 .cen ul li:nth-child(4n+4) a { top: -353px; left: auto; right: 0; }
.wrap .team .page1 .cen ul li:first-child a { top: 0; }
.wrap .team .page1 .cen ul li:nth-child(2) a { top: 0; }
.wrap .team .page1 .cen ul li:nth-child(3) a { top: 0; }
.wrap .team .page1 .cen ul li:nth-child(4) a { top: 0; }
.wrap .team .page1 .cen ul li:hover a { display: block; z-index: 10; opacity: 1; }
.wrap .teamDetail { min-height: 100%; }
.wrap .teamDetail .page1 .cen { padding: 15px 0; }
.wrap .teamDetail .page1 .cen .left { float: left; width: 480px;  font-size: 0; overflow: hidden; }
.wrap .teamDetail .page1 .cen .left img { width: 100%; height: 100%; transform: translateZ(0px); transition: all .3s ease; }
.wrap .teamDetail .page1 .cen .left:hover img { transform: scale(1.1); }
.wrap .teamDetail .page1 .cen .right { float: right; width: 670px; }
.wrap .teamDetail .page1 .cen .right .top { position: relative; }
.wrap .teamDetail .page1 .cen .right .top h1 { display: inline-block; font: normal 30px 'microsoft yahei'; color: #ffffff; }
.wrap .teamDetail .page1 .cen .right .top span { font: normal 12px 'microsoft yahei'; color: #888888; padding-left: 20px; }
.wrap .teamDetail .page1 .cen .right .top a { display: block; width: 118px; height: 33px; border: 1px solid #666666; border-radius: 5px; font: normal 14px/33px 'microsoft yahei'; color: #888888; text-align: center; position: absolute; top: 0; right: 0; transition: all .3s ease; }
.wrap .teamDetail .page1 .cen .right .top a:hover { border-color: #00aeed; color: #00aeed; }
.wrap .teamDetail .page1 .cen .right .top p { height: 34px; border-bottom: 1px solid #333333; margin-top: 25px; }
.wrap .teamDetail .page1 .cen .right .top p em { display: inline-block; height: 34px; font: normal 14px 'microsoft yahei'; color: #00aeed; border-bottom: 2px solid #00aeed; }
.wrap .teamDetail .page1 .cen .right .cen { padding: 30px 0; border-bottom: 1px solid #333333; }
.wrap .teamDetail .page1 .cen .right .cen h2 { font: bold 14px 'microsoft yahei'; color: #888888; }
.wrap .teamDetail .page1 .cen .right .cen p { font: normal 14px 'microsoft yahei'; color: #888888; }
.wrap .teamDetail .page1 .cen .right .cen p span { display: block; margin-top: 10px; }
.wrap .teamDetail .page1 .cen .right .bot { padding-top: 30px; }
.wrap .teamDetail .page1 .cen .right .bot p { font: normal 14px/26px 'microsoft yahei'; color: #888888; text-indent: 2em; }
.wrap .about .page1 { padding: 30px 0; }
.wrap .about .page1 .cen .left { float: left; width: 500px; height: 600px; }
.wrap .about .page1 .cen .left .abSwiper { font-size: 0; }
.wrap .about .page1 .cen .left .abSwiper .abPrev { width: 13px; height: 25px; background: url(/assets/static/images/about/switch.png) no-repeat center; left: auto; top: auto; right: 70px; bottom: 12px; }
.wrap .about .page1 .cen .left .abSwiper .abNext { width: 13px; height: 25px; background: url(/assets/static/images/about/switch.png) no-repeat center; transform: rotate(180deg); left: auto; top: auto; right: 17px; bottom: 12px; }
.wrap .about .page1 .cen .right { float: right; width: 700px; }
.wrap .about .page1 .cen .right .top { height: 55px; border-bottom: 1px solid #333333; }
.wrap .about .page1 .cen .right .top .topNav { width: 620px; margin: 0 auto; }
.wrap .about .page1 .cen .right .top .topNav h1 { display: inline-block; height: 56px; font: normal 24px 'microsoft yahei'; color: #ffffff; position: relative; }
.wrap .about .page1 .cen .right .top .topNav h1:after { content: ''; display: block; position: absolute; width: 50px; height: 2px; background: #ffffff; left: 0; bottom: 0; }
.wrap .about .page1 .cen .right .cen { padding: 30px 0; border-bottom: 1px solid #333333; }
.wrap .about .page1 .cen .right .cen .cenNav { width: 620px; margin: 0 auto; }
.wrap .about .page1 .cen .right .cen .cenNav p { font: normal 14px/26px 'microsoft yahei'; color: #888888; text-indent: 2em; margin-bottom: 25px; }
.wrap .about .page1 .cen .right .cen .cenNav p:first-child { text-indent: 0; }
.wrap .partner .page1 { padding: 30px 0; }
.wrap .partner .page1 .cen ul li { float: left; width: 225px; height: 94px; margin-left: 18px; margin-bottom: 18px; overflow: hidden; text-align: center; }
.wrap .partner .page1 .cen ul li img {  height: 100%; transform: translateZ(0px); transition: all .3s ease; }
.wrap .partner .page1 .cen ul li:nth-child(5n+1) { margin-left: 0; }
.wrap .partner .page1 .cen ul li:hover img { transform: scale(1.1); opacity: .7; }
.wrap .service .page1 { padding: 30px 0; }
.wrap .service .page1 .top ul { width: 1130px; margin: 0 auto; }
.wrap .service .page1 .top ul li { float: left; width: 251px; margin-left: 42px; }
.wrap .service .page1 .top ul li p.pt { width: 198px; height: 198px; font-size: 0; margin: 0 auto; }
.wrap .service .page1 .top ul li p.pt img { width: 100%; height: 100%; transform: translateZ(0px); transition: all .3s ease; }
.wrap .service .page1 .top ul li p.pb span { display: block; font: normal 24px 'microsoft yahei'; color: #ffffff; text-align: center; padding: 25px 0; }
.wrap .service .page1 .top ul li p.pb em { display: block; font: normal 14px/26px 'microsoft yahei'; color: #aaaaaa; text-align: center; }
.wrap .service .page1 .top ul li:hover p.pt img { transform: scale(0.95); }
.wrap .service .page1 .top ul li:nth-child(4n+1) { margin-left: 0; }
.wrap .service .page1 .cen { height: 503px; margin-top: 55px; }
.wrap .service .page1 .cen .left { float: left; width: 600px; height: 100%; font-size: 0; overflow: hidden; }
.wrap .service .page1 .cen .left img { width: 100%; height: 100%; transform: translateZ(0px); transition: all .3s ease; }
.wrap .service .page1 .cen .left:hover img { transform: scale(1.1); }
.wrap .service .page1 .cen .right { float: right; width: 600px; height: 100%; background: #646464; }
.wrap .service .page1 .cen .right h1 { width: 515px; font: normal 24px 'microsoft yahei'; color: #ffffff; margin: 0 auto; margin-top: 30px; }
.wrap .service .page1 .cen .right ul { width: 515px; margin: 0 auto; }
.wrap .service .page1 .cen .right ul li { margin-top: 25px; }
.wrap .service .page1 .cen .right ul li p { display: inline-block; padding: 10px 15px; border: 1px dashed rgba(255, 255, 255, 0.4); border-radius: 25px; font: normal 14px 'microsoft yahei'; color: #ffffff; }
.wrap .service .page1 .cen .right ul li span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #cccccc; padding-left: 15px; margin-top: 10px; }
.wrap .staff .page1 { padding: 30px 0; }
.wrap .staff .page1 .cen ul li { float: left; width: 390px; margin-bottom: 25px; margin-left: 15px; }
.wrap .staff .page1 .cen ul li a { display: block; width: 100%; }
.wrap .staff .page1 .cen ul li a span { display: block; width: 100%; height: 260px; font-size: 0; overflow: hidden; }
.wrap .staff .page1 .cen ul li a span img { width: 390px; height: 100%; transform: translateZ(0px); transition: all .3s ease; }
.wrap .staff .page1 .cen ul li a em { display: block; font: normal 16px 'microsoft yahei'; color: #ffffff; text-align: center; padding-top: 10px; transition: all .3s ease; }
.wrap .staff .page1 .cen ul li:nth-child(3n+1) { margin-left: 0; }
.wrap .staff .page1 .cen ul li:hover a span img { transform: scale(1.1); }
.wrap .staff .page1 .cen ul li:hover a em { color: #00aeed; }
.wrap .staffDetail { min-height: 100%; }
.wrap .staffDetail .page1 .cen { padding: 15px 0; padding-top: 50px; }
.wrap .staffDetail .page1 .cen .left { float: left; width: 480px; height: 640px; font-size: 0; overflow: hidden; }
.wrap .staffDetail .page1 .cen .left img { width: 100%; height: 100%; transform: translateZ(0px); transition: all .3s ease; }
.wrap .staffDetail .page1 .cen .left:hover img { transform: scale(1.1); }
.wrap .staffDetail .page1 .cen .right { float: right; width: 100%; }
.wrap .staffDetail .page1 .cen .right .top { position: relative; }
.wrap .staffDetail .page1 .cen .right .top h1 { display: inline-block; font: normal 30px 'microsoft yahei'; color: #ffffff; }
.wrap .staffDetail .page1 .cen .right .top span { font: normal 12px 'microsoft yahei'; color: #888888; padding-left: 20px; }
.wrap .staffDetail .page1 .cen .right .top a { display: block; width: 118px; height: 33px; border: 1px solid #666666; border-radius: 5px; font: normal 14px/33px 'microsoft yahei'; color: #888888; text-align: center; position: absolute; top: 0; right: 0; transition: all .3s ease; }
.wrap .staffDetail .page1 .cen .right .top a:hover { border-color: #00aeed; color: #00aeed; }
.wrap .staffDetail .page1 .cen .right .top p { height: 34px; border-bottom: 1px solid #333333; margin-top: 25px; }
.wrap .staffDetail .page1 .cen .right .top p em { display: inline-block; height: 34px; font: normal 14px 'microsoft yahei'; color: #00aeed; border-bottom: 2px solid #00aeed; }
.wrap .staffDetail .page1 .cen .right .cen { padding: 30px 0; /*border-bottom: 1px solid #333333;*/ }
.wrap .staffDetail .page1 .cen .right .cen img { max-width: 100%; }
.wrap .staffDetail .page1 .cen .right .cen h2 { font: bold 14px 'microsoft yahei'; color: #888888; }
.wrap .staffDetail .page1 .cen .right .cen p { font: normal 14px 'microsoft yahei'; color: #888888; }
.wrap .staffDetail .page1 .cen .right .cen p span { display: block; margin-top: 10px; }
.wrap .staffDetail .page1 .cen .right .bot p { font: normal 14px/26px 'microsoft yahei'; color: #888888; text-indent: 2em; }
.wrap .contact .page1 { padding: 30px 0; }
.wrap .contact .page1 .cen .top ul li { float: left; width: 400px; }
.wrap .contact .page1 .cen .top ul li span { display: block; text-align: center; height: 45px; transition: all .3s ease; }
.wrap .contact .page1 .cen .top ul li em { display: block; font: normal 16px 'microsoft yahei'; color: #ffffff; text-align: center; padding-top: 35px; transition: all .3s ease; }
.wrap .contact .page1 .cen .top ul li:first-child span { background: url(/assets/static/images/contact/ab1.png) no-repeat center; }
.wrap .contact .page1 .cen .top ul li:nth-child(2) span { background: url(/assets/static/images/contact/ab2.png) no-repeat center; }
.wrap .contact .page1 .cen .top ul li:last-child span { background: url(/assets/static/images/contact/ab3.png) no-repeat center; }
.wrap .contact .page1 .cen .top ul li:hover em { color: #00aeed; }
.wrap .contact .page1 .cen .top ul li:hover:first-child span { background: url(/assets/static/images/contact/ab1_hover.png) no-repeat center; transform: scale(0.95); }
.wrap .contact .page1 .cen .top ul li:hover:nth-child(2) span { background: url(/assets/static/images/contact/ab2_hover.png) no-repeat center; transform: scale(0.95); }
.wrap .contact .page1 .cen .top ul li:hover:last-child span { background: url(/assets/static/images/contact/ab3_hover.png) no-repeat center; transform: scale(0.95); }
.wrap .contact .page1 .cen .nav { padding-top: 55px; font-size: 0; }
.wrap .contact .page1 .cen .nav img { width: 100%; }
.wrap .join .page1 { padding: 30px 0; }
.wrap .join .page1 .cen .top { position: relative; }
.wrap .join .page1 .cen .top h1 { font: bold 16px 'microsoft yahei'; color: #888888; }
.wrap .join .page1 .cen .top a { position: absolute; right: 0; bottom: 0; font: normal 14px 'microsoft yahei'; color: #888888; transition: all .3s ease; }
.wrap .join .page1 .cen .top a:hover { color: #00aeed; }
.wrap .join .page1 .cen .nav .nCen { float: left; width: 590px; height: 535px; background: #535353; margin-left: 20px; margin-top: 20px; }
.wrap .join .page1 .cen .nav .nCen .jTitle { width: 530px; height: 37px; margin: 0 auto; margin-top: 25px; border-bottom: 1px solid #888888; }
.wrap .join .page1 .cen .nav .nCen .jTitle h2 { display: inline-block; font: normal 18px 'microsoft yahei'; color: #ffffff; height: 37px; border-bottom: 2px solid #ffffff; }
.wrap .join .page1 .cen .nav .nCen .jCen { width: 530px; height: 380px; overflow-y: scroll; margin: 0 auto; margin-top: 25px; }

/*.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar-thumb { background: #ffffff; }
.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar-thumb:hover { background: #535353; }
.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar-thumb:window-inactive {background: #000000;}*/


.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar {width: 8px;}
.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar-track { border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; opacity: 0;}
.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar-thumb {background: #2c2c2c; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.wrap .join .page1 .cen .nav .nCen .jCen::-webkit-scrollbar-thumb:window-inactive {background: #2c2c2c;}


.wrap .join .page1 .cen .nav .nCen .jCen p { margin-top: 0; }
.wrap .join .page1 .cen .nav .nCen .jCen p span { display: block; font: normal 14px 'microsoft yahei'; color: #c6c6c6; }
.wrap .join .page1 .cen .nav .nCen .jCen p em { display: block; font: normal 14px/26px 'microsoft yahei'; color: #c6c6c6; }
.wrap .join .page1 .cen .nav .nCen .jBot { width: 530px; margin: 0 auto; margin-top: 25px; }
.wrap .join .page1 .cen .nav .nCen .jBot a { display: inline-block; width: 108px; height: 33px; border: 1px solid #00aeed; border-radius: 5px; font: normal 14px/33px 'microsoft yahei'; color: #00aeed; text-align: center; transition: all .3s ease; }
.wrap .join .page1 .cen .nav .nCen .jBot a:hover { background: #00aeed; color: #ffffff; }
.wrap .join .page1 .cen .nav .nCen .jBot span { font: normal 12px 'microsoft yahei'; color: #ffffff; padding-left: 10px; }
.wrap .join .page1 .cen .nav .nCen:nth-child(2n+1) { margin-left: 0; }


/*
     FILE ARCHIVED ON 10:11:33 Jan 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:23:57 Jul 27, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.439
  exclusion.robots: 0.032
  exclusion.robots.policy: 0.024
  esindex: 0.009
  cdx.remote: 43.209
  LoadShardBlock: 106.324 (3)
  PetaboxLoader3.datanode: 168.907 (5)
  PetaboxLoader3.resolve: 182.096 (3)
  load_resource: 273.673 (2)
*/