@charset "utf-8";

/*ALL*/
html body{
	font-family: font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
	font-size: 1rem;
	font-weight: normal;
}

a,a:hover,a:visited{
	text-decoration: none !important;
}

body p{font-size:0.875rem!important;color: #666666!important;line-height: 1.4285!important;font-weight:400!important;}
body h1{font-size:2rem!important;color: #144998!important;line-height: 1.40625!important;font-weight: 600!important;}
body h2{font-size:1.5rem!important;color: #505050!important;line-height: 1.375!important;}
body h3{font-size:1.25rem!important;line-height: 1.4!important;color: #505050!important;}
body h4{font-size:1rem!important;color: #505050!important;line-height: 1.375!important;font-weight:600!important;}

/*nop特性*/
.nop h1{
	font-weight:600 !important;
	color:rgba(20,73,152,1) !important;
	text-align: center;
	padding-top:33px;
	padding-bottom: 32px;
	margin: 0!important;
}

.nop-eff .title-1{
	width: 418px;
	margin: 0 auto;
	height: 33px;
}


.nop-eff .title-1 div{
	height: 2.0675rem;
	float: left;
	line-height: 2.0675rem;
}


.nop-eff .title-1 .span-border{
	/*vertical-align: middle;*/
	margin-top:15px;
	width:47px;
	height:3px;
	background:rgba(90,140,174,1);
}
.nop-eff .title-1 .span-text{
	padding-left:3.375rem;
	padding-right:3.375rem;
	font-size: 1.5rem;
	font-weight:600;
	color:rgba(80,80,80,1);
	line-height:2rem;
}


/*高度智能化*/
.nop-int{
	background:rgba(0,64,255,0.05);
	margin-top: 32px;
	padding:45px;
}

.nop-int .title-2{
	width: 386px;
	margin: 0 auto;
	height: 33px;
}

.nop-int .title-2 div{
	height: 2.0675rem;
	float: left;
	line-height: 2.0675rem;
}

.nop-int .title-2 .span-border{
	/*vertical-align: middle;*/
	margin-top:15px;
	width:47px;
	height:2px;
	background:rgba(90,140,174,1);
}

.nop-int .title-2 .span-text{
	padding-left:5.375rem;
	padding-right:5.375rem;
	font-size: 1.5rem;
	font-weight:600;
	color:rgba(80,80,80,1);
	line-height:2rem;
}
.nop-int .container{
	max-width: 1312px!important;
}

.nop-int .container .col{
	padding-left:16px!important;
	padding-right:16px!important;

}
.nop-int .container .col .img img{
	display: block;
	margin: 0 auto !important;
}
.nop-int .container .col .text .tit{
	margin-top: 18px;
	margin-bottom: 24px;
	text-align: center;
	height: 44px !important;		
}
.nop-int .container .col .text  h4{
	padding-top:11px;
	padding-bottom:11px;
	margin:0!important;
}
.nop-int .container .col:nth-child(1) .text  h4{
	padding: 0!important;
}


/*与一切融合*/
.nop-bgd{
	background:linear-gradient(360deg,rgba(98,176,233,1) 0%,rgba(48,116,217,1) 100%);
	padding-top:36px;
	padding-bottom: 59px;
}

.nop-bgd .title-3{
	width: 386px;
	margin: 0 auto;
	height: 33px;
	margin-bottom: 56px;
}

.nop-bgd .title-3 div{
	height: 2.0675rem;
	float: left;
	line-height: 2.0675rem;
}

.nop-bgd .title-3 .span-border{
	/*vertical-align: middle;*/
	margin-top:15px;
	width:47px;
	height:2px;
	background:rgba(255,255,255,1);
}

.nop-bgd .title-3 .span-text{
	padding-left:5.375rem;
	padding-right:5.375rem;
	font-size: 1.5rem;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:2rem;
}

.nop-bgd .nop-icon .col span{
		color: #FFFFFF !important;
	}
.nop-bgd .nop-icon .col p{
	color: #FFFFFF !important;
	margin: 0px!important;
}

/*不间断的部署*/
.nop-sus{
	background:rgba(242,245,255,1);
	padding-top: 35px;
}
.nop-sus .title-4{
	width: 386px;
	margin: 0 auto;
	height: 33px;
}
.nop-sus .title-4 div{
	height: 2.0675rem;
	float: left;
	line-height: 2.0675rem;
}
.nop-sus .title-4 .span-border{
	margin-top:15px;
	width:47px;
	height:2px;
	background:rgba(90,140,174,1);
}

.nop-sus .title-4 .span-text{
	padding-left:4.625rem;
	padding-right:4.625rem;
	font-size: 1.5rem;
	font-weight:600;
	line-height:2rem;
	color:rgba(80,80,80,1);
}
.nop-sus .container .row .img img{
	display: block;
	margin: 0 auto;
}
.nop-sus .container .row .text h4{
	padding-top:24px;
	text-align: center;
}
.nop-sus .container .row .text p{
	padding-top:20px;
	height: 68px;
	margin-bottom: 35px;
}

/*应用场景*/
.envir h1{
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 39px;
}
.envir .container .card .card-body{
	background:rgba(242,245,255,1); 
}

/*技术文档*/
.tech{
	background:rgba(242,245,255,1);
}
.tech h1{
	display: block;
	text-align: center;
	padding-top: 34px;
	padding-bottom: 40px;
	margin: 0!important;
}
.tech .container{
	max-width: 1300px;

}
.tech .container .col-md-6{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 56px;
	/*background:rgba(113,167,246,1);*/
}
.tech .container .col-md-6 div{
	background:rgba(113,167,246,1);
	height: 100px;
	border-radius: 10px;
	text-align: center;
	line-height: 100px;
}
.tech .container .col-md-6 span{
	vertical-align: middle;
	font-size:1.5rem;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:2.0675rem;
}

/*产品*/
.product h1{
	display: block;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.product .title{
	width: 426px;
	margin: 0 auto;
	height: 2.0675rem;
}
.product .title div{
	height: 2.0675rem;
	float: left;
	line-height:2.0675rem;
}
.product .title .span-border{
	margin-top:15px;
	width:47px;
	height:2px;
	background:rgba(90,140,174,1);
}
.product .title .span-text{
	padding-left: 7.375rem;
	padding-right: 7.375rem;
	font-size: 1.5rem;
	font-weight:600;
	line-height:2rem;
	color:rgba(80,80,80,1);
}

.product .container .card .card-body{
	background:rgba(242,245,255,1); 
}
.product .container .card .card-title{
	font-size:24px;
	font-weight:600;
	color:rgba(80,80,80,1);
	line-height:33px;
}
.product .container .card .card-text{
	font-size:20px;
	color:rgba(102,102,102,1);
	line-height:28px;
}
.product .container .col-md-4 .card .card-text{
	font-weight:600!important;
}

/*应用案例*/
.apply{
	background:rgba(242,245,255,1);
	padding-bottom: 43px;
}
.apply h1{
	padding-top: 31px!important;
	padding-bottom: 40px!important;
	display: block;
	text-align: center;
}

.apply .col-md-4{
		padding-left: 23px;
		padding-right: 23px;
	}
.apply .card-body{
	text-align: center;
	padding-bottom: 18px!important;
	padding-top: 30px!important;
	background:rgba(242,245,255,1)!important;
}
.apply .card-body h3{
	font-size:20px;
	font-weight:600;
	color:rgba(80,80,80,1);
	line-height:28px;
}

/*关于我们*/
.aboutus{
	padding-bottom: 52px;
}
.aboutus h1{
	padding-top: 23px!important;
	padding-bottom: 12px!important;
	display: block;
	text-align: center;
}
.aboutus .container p{
	text-indent: 2em;
	font-size:1rem!important;
	font-family:PingFangSC;
	font-weight:400!important;
	color:rgba(102,102,102,1);
	line-height:2.625rem!important;
	margin: 0px;
}
.aboutus .container span{
	font-size:1.25rem;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:1.75rem;
}

/*联系我们*/
.contactus{
	background:rgba(242,245,255,1);
}
.contactus .title{
	width: 426px;
	margin: 0 auto;
	height: 2.0675rem;
}
.contactus .title div{
	height: 2.0675rem;
	float: left;
	line-height:2.0675rem;
}
.contactus .title .span-border{
	margin-top:15px;
	width:47px;
	height:2px;
	background:rgba(90,140,174,1);
}
.contactus .title .span-text{
	padding-left: 7.375rem;
	padding-right: 7.375rem;
	font-size: 1.5rem;
	font-weight:600;
	line-height:2rem;
	color:rgba(80,80,80,1);
}
.contactus .container .row div{
	margin: 0 auto;
}

@media(min-width: 1236px){
	.contactus .container .row #allmap{
		height: 343px; 
		width: 456px;
	}
}

@media(max-width: 1235px){
	.contactus .container .row .allmap{
		width: 100%;
		
	}
	.contactus .container .row #allmap{
		width: 80%;
		height: 200px;
	}
	.contactus .container .row .building{
		margin-top: 40px;
	}
}


/*尾部*/
.footer .col-md-2{
	text-align: center;
	padding: 0!important;
}
.footer .col-md-10{
	padding: 0!important;
}
.footer .qrcode{
	background:rgba(9,86,201,1);
	font-size:1rem;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:1.5rem;
	padding-top: 20px;
}

.footer .phone p{
	font-size:1rem!important;
	font-weight:600!important;
	color:rgba(255,255,255,1)!important;
	line-height:1.5rem!important;
}



@media(max-width: 575px){
	.nop-sus .container .row .text p{
	text-align: center;
	padding: 20px;
	}
	/*nop特性*/
	.nop .title-1{
		width: 280px!important;
		margin: 0 auto;
		height: 33px;
	}


	.nop .title-1 .span-border{
		width:0px !important;
		height:3px;
	}

	.nop .title-1 .span-text{
		padding-left: 1.75rem!important;
		padding-right: 1.75rem!important;
	}


	/*高度智能化*/
	.nop .title-2{
		width: 240px!important;
		margin: 0 auto;
		height: 33px;
	}


	.nop .title-2 .span-border{
		width:24px !important;
		height:3px;
	}

	.nop .title-2 .span-text{
		padding-left: 1.5rem!important;
		padding-right: 1.5rem!important;
	}
	/*与一切融合*/
	.nop .title-3{
		width: 240px!important;
		margin: 0 auto;
		height: 33px;
	}


	.nop .title-3 .span-border{
		width:24px !important;
		height:3px;
	}

	.nop .title-3 .span-text{
		padding-left: 2.25rem!important;
		padding-right: 2.25rem!important;
	}
	/*与一切融合*/
	.nop .title-4{
		width: 240px!important;
		margin: 0 auto;
		height: 33px;
	}
	.nop .title-4 .span-border{
		width:24px !important;
		height:3px;
	}

	.nop .title-4 .span-text{
		padding-left: 1.5rem!important;
		padding-right: 1.5rem!important;
	}

	/*产品*/
	.product .title{
		width: 240px!important;
		margin: 0 auto;
		height: 33px;
	}
	.product .title .span-border{
		width: 24px!important;
		height: 2px;
	}
	.product .title .span-text{
		padding-left: 3rem!important;
		padding-right: 3rem!important;
	}
	/*联系我们*/
	.contactus .title{
		width: 240px!important;
		margin: 0 auto;
		height: 33px;
	}
	.contactus .title .span-border{
		width: 24px!important;
		height: 2px;
	}
	.contactus .title .span-text{
		padding-left: 3rem!important;
		padding-right: 3rem!important;
	}
}


@media(max-width: 325px){

	
}

/*尾部*/
@media(min-width: 1400px){
	.footer .container{
		max-width: 1350px!important;
		padding: 0 !important;
	}
}
@media(max-width: 776px){
	.footer .col-md-10 .phone{
		padding-top: 30px;
	}
}
@media(max-width:1000px){
	.footer .col-md-10 .phone p{
		padding-left: 50px;
	}
}



@media(min-width: 1200px){
	/*无与伦比的开发效率*/
	.nop-eff .container{
		padding-left: 64px;
	}
	.nop-eff .container .col-md-4{
		padding: 0px!important;

	}
	.nop-eff .container .col-md-4:nth-child(4){
		margin-top: 46px;
	}
	.nop-eff .container .col-md-4:nth-child(5){
		margin-top: 46px;
	}
	.nop-eff .container .col-md-4:nth-child(6){
		margin-top: 46px;
	}

	.nop-eff .container .col-md-4 div{
		height: 128px!important;
		float: left;
	}
	.nop-eff .container .col-md-4 .img{
		line-height: 128px!important;
		width: 103px;
		margin: 0 auto
	}

	.nop-eff .container .col-md-4 img{
		vertical-align: middle;
	}

	.nop-eff .container .col-md-4 .text{
		margin-left: 64px;
		text-align:left!important;
	}
	.nop-eff .container .col-md-4 .text p{
		margin-bottom: 0!important;
		margin-top:24px;
		height: 82px;
		width: 180px;
	}
	/*高度智能化*/
	.nop-int .container .col .text p{
		margin: 0!important;
	}

	/*与一切融合*/
	.nop-bgd{
		height: 493px;
	}
	.nop-bgd .nop-star{
		 background:url('../images/nop-bgd/star.png') no-repeat;
		 background-position: center;
		 height: 440px;
	}
	.nop-bgd .nop-icon{
		background:url('../images/nop-bgd/bgd.png') no-repeat;
		background-position: center;
		height: 298px;
	}
	.nop-bgd .nop-icon .col{
		width: 244px;
	}
	.nop-bgd .nop-icon .col:nth-child(1){
		position: relative;
		left: 10%;
	}
	.nop-bgd .nop-icon .col:nth-child(2){
		margin-left: 50%;
		position: relative;
		left:25%;
		top:-100px;
		padding: 0!important;
	}
	.nop-bgd .nop-icon .col:nth-child(3){
		position: relative;
		left: 10%;
	}
	.nop-bgd .nop-icon .col:nth-child(4){
		margin-left: 50%;
		position: relative;
		left:25%;
		top:-100px;
		padding: 0!important;
	}
	/*不间断的部署*/
	.nop-sus .container .row{
		margin-left: 2px;
		margin-right: 2px;
	}
	.nop-sus .container .row div{
		padding-left:12px;
		padding-right:12px;
	}

	/*应用场景*/
	.envir .container{
		max-width: 1293px;
	}

	.envir .col-md-4{
		padding-left: 6.5px;
		padding-right: 6.5px;
		margin-bottom: 40px;
	}
	.envir .container .card .card-body{
		padding-left: 16px;
		padding-top: 20px;
		padding-right: 59px;
		padding-bottom: 15px;
	}
	.envir .container .card .card-body h4{
		height: 33px;
		padding-bottom: 8px;
	}

	.envir .container .card .card-body p{
		height: 124px;
	}
	/*产品*/
	.product .container{
		max-width: 1332px!important;
	}
	.product .col-md-6{
		padding-left: 25px;
		padding-right: 25px;
	}
	.product .container .col-md-6 .card-body{
		padding-left: 38px;
		padding-top: 26px;
		padding-right: 40px;
		padding-bottom: 32px;
	}
	.product .container .col-md-6 .card-title{
		height: 33px;
		margin-bottom: 17px;
	}
	.product .col-md-4{
		padding-left: 23.5px;
		padding-right: 23.5px;
	}
	.product .col-md-4 h3{
		margin-bottom: 20px;
	}
	.product .container .col-md-4 .card-body{
		padding-left: 24px;
		padding-top: 26px;
		padding-bottom: 37px;
	}
	.product .container .col-md-4:nth-child(2) .card-body{
		padding-bottom: 65px;
	}
	/*应用案例*/
	.apply .container{
		max-width: 1326px!important;
	}
	/*联系我们*/
	.contactus .container{
		max-width: 1266px!important;
		padding: 0!important;
	}
	/*关于我们*/
	.aboutus .container{
		max-width: 1248px!important;
		padding: 0!important;
	}
}	

/*与一切融合*/
@media(min-width: 1550px){
	.nop-bgd .nop-icon .col:nth-child(1){
		position: relative;
		left: 19%;
	}
	.nop-bgd .nop-icon .col:nth-child(2){
		margin-left: 50%;
		position: relative;
		left:18.42%;
		top:-100px;
		padding: 0!important;
	}
	.nop-bgd .nop-icon .col:nth-child(3){
		position: relative;
		left: 19%;
	}
	.nop-bgd .nop-icon .col:nth-child(4){
		margin-left: 50%;
		position: relative;
		left:18.42%;
		top:-100px;
		padding: 0!important;
	}

}


/*与一切融合*/
@media(max-width: 1199px){
	.nop-bgd .nop-icon .col{
		margin-top: 20px;
		padding-left: 20%;
		padding-right: 20%;
	}

}


/*应用场景*/
@media(min-width: 992px) and (max-width: 1199px){
	.envir .col-md-4{
		padding-bottom: 40px;
	}
	.envir .container .card .card-body p{
		height: 124px;
	}
}
@media(max-width: 991px) and (min-width: 768px){
	.envir .col-md-4{
		padding-bottom: 40px;
	}
	.envir .container .card .card-body p{
		height: 150px;
	}
}
@media(max-width: 767px){
	.envir .col-md-4:nth-child(1){
		padding-bottom: 20px;
	}
	.envir .col-md-4:nth-child(2){
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.envir .col-md-4:nth-child(3){
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/*产品*/
@media(max-width: 1320px){
	.product .container .col-md-6 .card-text{
		height:100px;
	}
}

@media(max-width: 990px){
	.product .container .col-md-6 .card-text{
		height:130px;
	}
}
@media(max-width: 767px){
	.product .container .col-md-6:nth-child(2){
		margin-top: 20px;
	}
}

@media(max-width: 1200px){
	.product .container .col-md-4 .card-body{
		height:120px;
	}
}

@media(max-width: 990px){
	.product .container .col-md-4 .card-body{
		height:150px;
	}
}
@media(max-width: 767px){
	.product .container .col-md-4 .card-body{
		height:120px;
	}
	.product .container .col-md-4{
		margin-top: 20px;
	}
}



/*二级页面*/
.second .container{
	padding-bottom: 242px;
}
.second .col-lg-7 p{
	display: inline;
	font-size:14px!important;
	color:rgba(102,102,102,1)!important;
	line-height:39px!important;
	font-weight: 400!important;
}
.second .col-lg-5 p:nth-child(2){
	color: #245093!important;
}


@media(min-width:1200px){

	.second .container{
		max-width: 1336px;
	}
}

@media(max-width: 990px){
	.second .container{
	padding-bottom: 50px;
	}	
	.second .container img{
		padding-top: 50px;
	}
}