/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}

./* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}

./* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}

.fwxmdv{
	width: 90%;
	margin: 80px auto;
}
.fwxmdvtop h1{
	color: #333333;
	font-size: 28px;
	line-height: 55px;
	margin-bottom: 20px;
}
.fwxmdvtop p{
	line-height: 25px;
	color: #333333;font-size: 14px;
}
.fwxmdvlist ul{
	display: flex;
	justify-content: space-between;
	border: 1px solid #e5e5e5;
	margin-top: 55px;
}
.fwxmdvlist ul li{
	border-left: 1px solid #e5e5e5;
	padding: 70px 25px;
	width: 16.7%;
	position: relative;
	z-index: 1;
	transition: all .0s;
}
.fwxmdvlist ul li:first-child{
	border-left: none;
}
.fwxmdvlist ul li iconpark-icon{
	display: block;
	font-size: 42px;
	text-align: center;
	margin: 0 auto;
	color: #6d6d6d;
	margin-bottom: 30px;
	text-align: center;
}
.fwxmdvlist ul li i{
	display: block;
	width: 85px;
	height: 85px;
	margin: 0 auto;
	margin-top: 50px;
	font-size: 48px;
	color: #000000;
	margin-bottom: 15px;
	line-height: 85px;
	text-align: center;
}
.fwxmdvlist ul li h1{
	color: #333333;
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.fwxmdvlist ul li p{
	font-size: 14px;
	color: #666666;
	line-height: 35px;
	text-align: center;
}
.fwxmdvlist ul li:hover{
	transition: all .5s;
	background-color: #011a39;
	transform: scale(1.1);
	border-color: #011a39;
	box-shadow: 0px 0px 8px #333;
	z-index: 3;
}
.fwxmdvlist ul li:hover iconpark-icon{
	color: #fff;
}
.fwxmdvlist ul li:hover h1{
	color: #fff;
}
.fwxmdvlist ul li:hover p{
	color: #b7bec7;
}
.qach{
	background-color: #efefef;
	padding: 75px 0;
}
.qach h1{
	color: #333333;
	font-size: 32px;
	text-align: center;
	margin-bottom: 15px;
}
.qach p{
	color: #333333;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}
.wach{
	width: 100%;
	padding: 56px 0px;
	background: url(../img/images/qach_03.jpg) center no-repeat;
	background-size: contain;
}
.wachdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.wachdvleft{
	width: 40%;
}
.wachdvleft img{
	width: 100%;
}
.wachdvright{
	width: 38%;
}
.wachdvright h1{
	font-size: 28px;
	color: #333333;
	margin-bottom:20px;
	margin-top: 50px;
}
.wachdvright h2{
	color: #b0afaf;
	font-size: 18px;
	margin-bottom: 65px;
}
.wachdvright p{
	line-height: 30px;
	color: #333333;
	font-size: 18px;
}
.wachdvright a{
	display: block;
	width: 125px;
	margin-top: 35px;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	color: #959494;
	border: 1px solid #eeeeee;
	transition: all .5s;
}
.wachdvright a:hover{
	background-color: #011a39;
	color: #fff;
	border-color:#011a39 ;
}
.nrgh{
	width: 100%;
	background: url(../img/images/ja_02.jpg) center no-repeat;
	padding-top: 55px;
}
.nrghdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.nrghdvleft{
	width: 50%;
	text-align: right;
}
.nrghdvright{
	width: 45%;
}
.nrghdvright h1{
	color: #333333;
	font-size: 36px;
	margin-top: 110px;
	margin-bottom: 20px;
}
.nrghdvright h2{
	color:#666666;
	font-size: 18px;
	margin-bottom: 55px
}
.nrghdvright ul li{
	padding: 18px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #f2f2f2;
	margin-bottom: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.nrghdvright ul li i{
	width: 75px;
	height: 75px;
	display: block;
	background-color: #f5f5f5;
	border-radius: 50%;
	margin-right: 25px;
}
.nrghdvright ul li div{
	width: 400px;
}
.nrghdvright ul li div h3{
	color: #666666;
	font-size: 18px;
	line-height: 30px;
}
.nrghdvright ul li div p{
	line-height: 30px;
	font-size: 14px;
	color: #666666;
}
.wyms{
	width: 100%;
	background: url(../img/images/sheaw_02.jpg) center no-repeat;
	padding-top: 100px;
	padding-bottom: 180px;
	background-size: cover;
}
.wyms div{
	width: 90%;
	margin: 0 auto;
}
.wyms div h1{
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 20px;
}
.wyms div h3{
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.wyms div i{
	display: block;
	width: 90px;
	height: 40px;
	border-top: 2px solid #fff;
}
.wyms div ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 765px;
	border: 1px solid #213a59;
}
.wyms div ul li{
	width: 49.99%;
	padding: 0px 3%;
	padding-top: 40px;
	border-right: 1px solid #213a59;
	border-bottom: 1px solid #213a59;
	padding-bottom: 25px;
}
.wyms div ul li h2{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 10px;
}
.wyms div ul li p{
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
}
.cxkf{
	width: 100%;
	background: url(../img/images/waw_02.jpg) center no-repeat;
	background: url(../img/images/waw_02.jpg) center no-repeat;
}
.cxkfdv{
	padding: 120px 0px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.cxkfleft{
	width: 40%;
}
.cxkfright{
	width: 52%;
}
.cxkfleft h1{
	color: #333333;
	font-size: 36px;
	margin-bottom: 25px;
}
.cxkfleft h2{
	color: #666666;
	font-size: 18px;
}
.cxkfleft i{
	display: block;
	width: 90px;
	height: 20px;
	border-top: 1px solid #bddafc;
	margin-top: 20px;
}
.cxkfleft p{
	font-size: 16px;
	color: #666666;
	line-height: 35px;
}
.cxkfright ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.cxkfright ul li{
	width: 45%;
	display: flex;
	padding:2%;
	background-color: #cbe1f9;
	margin-bottom: 2%;
}
.cxkfright ul li i{
	display: block;
	width: 60px;
	height: 60px;
}
.cxkfright ul li div{
	width: 83%;
}
.cxkfright ul li div h1{
	font-size: 18px;
	color: #333333;
	margin-top: 7px;
}
.cxkfright ul li div p{
	line-height: 30px;
	color: #464646;
	font-size: 14px;
}
.jdal{
	margin-top: 75px;
	margin-bottom: 50px;
}
.jdaltop{
	text-align: center;
	color: #333333;
	font-size: 28px;
	margin-bottom: 35px;
}
.jdallist ul{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.jdallist ul li{
	width: 31.3%;
	overflow: hidden;
	margin: 1%;
}
.jdallist ul li img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.jdallist ul li:hover img{
	transform: scale(1.05);
}
.Maintenance{
	background: url(../img/images/bg35.jpg) no-repeat 50%/cover;
	background-color: #000;
}
.Research{
	background: url(../img/images/bg33.jpg) no-repeat 50%/cover;
	background-color: #000;
}

.SystemDevelopment{
	background: url(../img/images/waw_02.jpg) no-repeat 50%/cover;
}
.wmdys{
	width: 100%;
	background: url(../img/images/quanbg_02.jpg) center no-repeat;
	position: relative;
	background-size: cover;
}
.wmdysdv{
	width: 90%;
	margin: 0 auto;
}
.wmdysdv img{
	display: block;width: 100%;
}
.pc_all_content1{
	    max-width: 1705px;
}
@media screen and (max-width: 1200px){
	.pc_all .pc_all_content1 {
		width: 96% !important;
		margin: 0 auto;
		overflow: hidden;
	}
}
.wddystop{
	width: 375px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -187px;
}
.wddystop h1{
	color: #fff;
	font-size: 38px;
	text-align: center;
}
.wddystop p{
	margin-top: 15px;
	font-size: 16px; 	
	color: #ffffff;
	text-align: center;
	line-height: 35px;
}
.wddystop span{
	display: block;
	width: 60px;
	height: 100%;
	border-radius: 50px;
	border: 1px solid #c5cad1;
	margin: 15% auto;
	animation: scroll 5s infinite;
    -webkit-animation: scroll 1.2s infinite;
}

@keyframes scroll
{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

@-webkit-keyframes scroll /* Safari and Chrome */
{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}
.wyms div ul li:hover{
	background-color: #425162;
}
.wddystop div{
	display: none;
}
.banneras{
	height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
}
.text-center{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.text-center h5 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 24px; color: #fff;
    opacity: 0;
}
.banneras .text-center h1 {
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 15px; opacity: 0;
}
.text-center h3 {
    font-size: 53.6px;
    margin-bottom: 15px; opacity: 0;
    color: #fff;
}
.banneras  .text-center p {
    font-size: 18px;
    margin: auto;
    margin-top: 25px;
    text-align: center;
    line-height: 30px; opacity: 0;
}
.banners div{
	top: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.fwxmdvlist ul{
		flex-flow: wrap;
	}
	.fwxmdvlist ul li{
		width: 33%;
		border-bottom: 1px solid #e5e5e5;
	}
	.wmdys{
		padding: 40px 0px;
	}
	.wmdysdv{
		display: none;
	}
	.wddystop{
		position: relative;
		width: 90%;
		left: 0;
		margin: 0 auto;
	}
	
	.qach p{
		line-height: 35px;
	}
	.wddystop span{
		display: none;
	}
	.wddystop div{
		display:block;
		margin-bottom: 50px;
	}
	.wddystop div ul{
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
		margin-top: 20px;
	}
	.wddystop div ul li{
		width: 48%;
		margin: 1%;
		border: 1px solid #dedede;
		padding: 35px 2%;
		font-size: 14px;
		color: #555;
		line-height: 35px;
	}
	.wddystop div ul li:hover{
		background-color: #1166CD;
		color: #fff;
	}
	.wddystop div ul li{
		color: #fff;
	}
}
@media only screen and  (max-width: 1200px){
	.Research {
	    background: url(../img/images/liwna_02.jpg) no-repeat 50%/cover;
	    background-color: #000;
	}
}
@media only screen and  (max-width: 767px){
	.fwxmdvlist ul{
		flex-flow: wrap;
	}
	.fwxmdvtop{
		margin-top: 40px auto;
	}
	.fwxmdvlist ul li{
		padding: 0 15px;
	}
	.fwxmdvlist ul li h1{
		font-size: 16px;
	}
	.fwxmdvtop h1{
		font-size: 22px;
		line-height: 35px;
	}
	.wddystop h1{
		font-size: 24px;
	}
	.wachdvright h1 {
    font-size: 24px;
    margin-top: 20px;
}
	.fwxmdvlist ul{
		margin-top: 30px;
	}
	.fwxmdvlist ul li{
		width: 50%;
		border-bottom: 1px solid #e5e5e5;
	}
	.wachdvright h2 {
    margin-bottom: 20px;
}
	.wmdys{
		    padding: 40px 0px;
    	padding-bottom: 20px;
	}
	.wmdysdv{
		display: none;
	}
	.wddystop{
		position: relative;
		width: 90%;
		left: 0;
		margin: 0 auto;
	}
	
	.qach p{
		line-height: 35px;
	}
	.wddystop span{
		display: none;
	}
	.wddystop div{
		display:block;
		margin-bottom: 50px;
	}
	.wddystop div ul{
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
		margin-top: 20px;
	}
	.wddystop div ul li{
		width: 48%;
		margin: 1%;
		border: 1px solid #dedede;
		padding: 35px 2%;
		font-size: 14px;
		color: #fff;
		line-height: 35px;
	}
	.wddystop div ul li:hover{
		background-color: #1166CD;
		color: #fff;
	}
	.wach{
		background: none;
	}
	.qach h1,.wyms div h1{
		font-size: 24px;
	}
	.wachdv{
		flex-flow: wrap;
	}
	.wachdvleft,.wachdvright{
		width: 100%;
	}
	.wyms div ul{
		width: 100%;
	}
	.wyms{
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.jdaltop{
		font-size: 24px;
	}
	.jdallist ul li{
		width: 48%;
	}
	.wddystop div{
		margin-bottom: 0;
	}
	.banneras .text-center h1{
		font-size: 24px;
	}
	.text-center h3{
		font-size: 18px;
	}
	.banneras{
		height: 550px;
	}
	.text-center h5{
		font-size: 20px;
	}
	.banneras .text-center p{
		font-size: 16px;
	}
	.fwxmdvlist ul li iconpark-icon{
		margin: 15px auto;
	}
	.jdal{
		margin-top: 30px;
	}
	.fwxmdvlist{
		margin-bottom: 15px;

	}
	.fwxmdvlist ul li:nth-child(3){
		border-left: 1px solid #fff;
	}
	.fwxmdvlist ul li:nth-child(5){
		border-left: 1px solid #fff;
	}
}