@charset 'utf-8';

/* 样式初始化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { min-width:1200px; background-color:#fff; color:#555; font-size:14px; font-family: simsun,Microsoft YaHei}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#fff; text-decoration: none; }
a:hover { text-decoration: none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Microsoft YaHei,Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: ""; display: block; clear:both; }
.fl {float: left;}
.fr {float: right;}

.hea,.aside-left{
	z-index:2;
	position: fixed;
	top:20px;
	left:20px;
}
.hea > img{
	width:121px;
}
.aside-left{
	top:50%;
	left:56px;
}
.aside-left li{
	width:20px;
	margin-top:46px;
}
.aside-left li a{
	font-size: 18px;
	color:rgba(255,255,255,.8);
	transition: .26s;
}
.aside-left .active-left{
	font-size: 24px;
	color:#fff;
}
.aside-right{
	z-index: 2;
	position:fixed;
	right:50px;
	bottom:50px;
}
.aside-right li{
	margin-top:30px;
}
.aside-right li a{
	font-size: 20px;
	color:rgba(255,255,255,.8);
	transition: .26s;
}
.aside-right .active-right{
	font-size: 28px;
	color:#fff;
}
.banner-bg1{
	width:100%;
	background:url("../images/banner1.png") no-repeat center/cover;
}
.banner-bg2{
	width:100%;
	background:url("../images/banner2.png") no-repeat center/cover;
}
.mask{
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	width:100%;
	min-width:1200px;
	height:100%;
}
.mask h1,.mask p{
	font-weight: 600;
	font-size: 64px;
	color:#fff;
}
.mask p{
	font-weight: 500;
	font-size: 26px;
	text-transform:Uppercase;
	letter-spacing: 2.3px;
}
.z-bg1{
	background-color: rgba(28,40,125,.7);
}
.z-bg2{
	background-color: rgba(27,126,127,.7);
}
#swiper-pag{
	width:auto;
	left:80px;
	bottom:50px;
}
.swiper-pagination span{
	width:60px;
	height:2px;
	border-radius: 0;
	background-color:rgba(255,255,255,.5);
}
.swiper-pagination > .swiper-pagination-bullet-active{
	background-color:#d8d8d8 !important;
}
.service{
	width:100%;
	height:1080px;
	background:url("../images/bg2.jpg") no-repeat center/cover;
}
.ser-left{
	width:15%;
	height:100%;
	background-color:rgba(28,40,125,.7);
}
.ser-right{
	width:85%;
	height:100%;
	overflow: hidden;
}
.ser-right > div{
	position: relative;
	width:100%;
	height:50%;
}
.ser-right > div:nth-child(1){
	background-color:rgba(50,97,151,.8);
}
.ser-right > div:nth-child(2){
	background-color:rgba(28,100,111,.7);
}
.box-bg{
	position: absolute;
	left:-716px;
	width:716px;
	height:433px;
	padding:46px 54px;
	box-sizing: border-box;
}
.box-bg1{
	left:112px;
	bottom:0;
	background-color:#fff;
	color:#1C287D;
}
.box-bg2{
	left:112px;
	top:0;
	background-color:#1C287D;
	color:#fff;
}
.box{
	width:607px;
	height:340px;
	padding:22px 0 0 43px;
	border:1px solid #1C287D;
	box-sizing: border-box;
}
.box1{
	border-color:#fff;
}
.box h2{
	font-size: 28px;
	font-weight: bold;
}
.box p:nth-of-type(1){
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.box p:nth-of-type(2),.box p:nth-of-type(3){
	width:397px;
	margin-top:28px;
	font-size: 16px;
	text-transform: uppercase;
}
.box p:nth-of-type(3){
	margin-top:20px;
}
.service-type{
	width:100%;
	height:1080px;
	margin-top: -1px;
	background:url("../images/bg3.png") no-repeat center/cover;
}
.type-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	width:100%;
	height:100%;
	background-color:rgba(28,100,111,.7);
}
.box-center{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width:1200px;
	height: 280px;
	margin:auto;
}
.type-box .serbox{
	width:274px;
	height:276px;
	border:2px solid #fff;
	text-align: center;
}
.serbox img{
	width:102px;
	height:95px;
	margin-top:50px;
}
.serbox h3{
	margin-top:40px;
	font-size:28px;
	color:#fff;
	font-weight: bold;
}
.serbox p{
	font-size:14px;
	color:#fff;
	text-transform: uppercase;
}
.serbox .ch2{
	width:90px;
}
.serbox .ch4{
	width:125px;
	height: 92px;
}
.foot{
	width:100%;
	height:1080px;
	background:url("../images/bg4.png") no-repeat center/cover;
}
.foot-box{
	width:100%;
	height:100%;
	padding-top:160px;
	box-sizing: border-box;
	background-color:rgba(21,83,165,.7);
	overflow: hidden;
}
.company {
	margin-left:320px;
	color:#fff;
}
.company h3{
	font-size: 35px;
}
.company p{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-indent: 7px;
}
.introduce{
	margin-top:200px;
	margin-left:320px;
}
.sicon{
	width:24px;
	height:17px;
}
.introduce > div{
	margin-top:20px;
}
.foot-introduce{
	margin-left: 7px;
}
.foot-introduce p{
	font-size: 16px;
	color:#fff;
}
@media screen and (max-width:1440px ){
	.mask h1, .mask p{
		font-size: 48px;
	}
	.z-bg1 p{
		letter-spacing: 2.9px;
	}
	.mask p{
		font-size: 18px;
	}
	.box-center{
		width: 960px;
	}
	.type-box .serbox {
		width: 210px;
		height: 240px;
	}
	.serbox img {
		margin-top: 27px;
	}
	.serbox .ch2{
		width: 82px;
		height: 83px;
		margin-top: 38px;
	}
	.serbox .ch4{
		width: 100px;
		height: 79px;
		margin-top:39px;
	}
	.serbox .ch3{
		margin-top:31px;
	}
	.serbox .chf3{
		margin-top:35px;
	}
	.foot-box{
		padding-top:90px;
	}
}