@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#0064d2;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
.ziti{ font-family:SimSun;}

html{ -webkit-font-smoothing: antialiased; }
body{ margin:0px auto; color:#333;}

.left{ float:left;}
.right{ float:right;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.animation{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.shadow{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.fillet{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.translucent{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/

/*------------------------header------------------------*/
#header{ background: #0064d2;}

@media screen and (max-width: 576px){
	#header .navbar-brand{ max-width: 80%; margin-right:0;}
}
@media screen and (max-width: 420px){
	#header .navbar-brand{ max-width: 60%; margin-right:0; display: inline;}
}
/*------------------------index------------------------*/
.title{ text-align: center;}
	.title h2{ font-size: 3rem; color: #0064d2;}
	.title span{ font-size: 1rem; color: #333;}

.solution{}
	.solBox{ text-align: center; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
		.solBox .pic{ background: #0064d2; width:50%;}
		.solBox .topic{ font-size: 1rem;}
		.solBox .read{ background: #aaa; color: #fff; width:50%;}
	.solBox:hover{ box-shadow:0px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.3);}

.strategy{ background: url(../images/strategy.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.strBox{ color: #fff; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out; background-size:cover; background-repeat:no-repeat; background-position:center center; position: relative; overflow: hidden; cursor: pointer; text-align: justify;}
		.strBox a{ color: #fff;}
		.strBoxa{ text-align: center;}
		.strBoxa .name{ font-size: 1.1rem;}
		.strBoxb .topic{ font-size: 1.1rem;}
		.strBoxb .read{ text-align: right;}
	.strBox1{ background: url(../images/strategy1.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.strBox2{ background: url(../images/strategy2.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.strBox3{ background: url(../images/strategy3.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.strBox4{ background: url(../images/strategy4.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.strBox5{ background: url(../images/strategy5.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}


.solve{}
	.solveBox{ background: #fafafa; border-right: 1px #fff solid; text-align: center;}
		.solveBox .pic{ width: 50%; border: 3px #0064d2 solid;}

.train{ background: url(../images/train.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.train .title h2 , .train .title span{ color: #fff;}
	.trainBox{ background: #fff; text-align: center; border-right: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out; cursor: pointer;}
		.trainBox .pic{ max-width: 25%;}
	.trainBox:hover{ background: #fafafa;}

.aboutus{ background: url(../images/aboutus.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.aboutus .desc{ text-align: justify; text-indent: 2rem; line-height: 180%;}
		.aboutus .desc p{ margin-bottom: 1%;}
	.aboutus .read{}
		.aboutus .read a{ display: block; border: 2px #999 solid; width: 20%; text-indent: 2em; padding: 5px 0; background: url(../images/read.png) 80% center no-repeat;}
		.aboutus .read a:hover{ background: url(../images/read.png) 90% center no-repeat #f0f0f0; text-indent: 1em; border-color: #0064d2;}
	.aboutus .video{ position: relative; overflow: hidden;}
		.aboutus .video video{ border-radius: 4px; display: block; width: 100% !important; height: 100%;}
		.aboutus .video .playBtn{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/play.png) no-repeat center rgba(0, 0, 0, .2);
    cursor: pointer;}
		.aboutus .video .playBtn.close{display: none;}

.news{}
	.newsBox{ overflow: hidden; cursor: pointer; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
		.newsBox .date{ width: 20%; min-width: 80px; background: #fafafa; text-align: center; color: #999;}
			.newsBox .date p{ font-size: 3rem; line-height: 100%;}
		.newsBox .desc{}
			.newsBox .desc>a{ font-size: 1rem;}
	.newsBox:hover{ background: #fafafa;}

/*------------------------page------------------------*/
.nbanner{ background: url(../images/nbanner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center bottom;}

.sideNav{ background: #f3f3f3;}
	.sideNav a{ border-right: 1px #fff solid;}
	.sideNav a:first-child{ border-left: 1px #fff solid;}
	.sideNav a:hover{ background: #0064d2; color: #fff;}

.nAbout{}
	.nAbout .nPic{ text-align: center;}
	.nAbout .nContent , .develop .nContent{ line-height: 180%; text-align: justify; text-indent: 2em;}
		.nAbout .nContent p , .develop .nContent p{ margin-bottom: 10px; font-size: 1rem;}

.develop , .nSolve{ background: #fafafa;}

.service{}
	.serBox{ background: #fafafa;}
		.serBox .pic{ text-align: center; width: 50%;}
		.serBox .topic{ text-align: center;}
			.serBox .topic span{ color: #0064d2; font-size: 1rem;}

.nSolve{}
	.nSolveBox{ background: #fff;}
		.nSolveBox .pic{ background: #0064d2; overflow: hidden; height: 100%; min-width: 100px;}
		.nSolveBox .desc{}
			.nSolveBox .desc h3{ font-size: 1rem; margin-bottom: 5px;}

.nProduct{}
	.nProBox{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
	.nProBox1{ background: url(../images/pro1.png) right bottom no-repeat #fafafa;}
	.nProBox2{ background: url(../images/pro2.png) right bottom no-repeat #fafafa;}
	.nProBox3{ background: url(../images/pro3.png) right bottom no-repeat #fafafa;}
	.nProBox4{ background: url(../images/pro4.png) right bottom no-repeat #fafafa;}
	.nProBox5{ background: url(../images/pro5.png) right bottom no-repeat #fafafa;}
	.nProBox6{ background: url(../images/pro6.png) right bottom no-repeat #fafafa;}
	.nProBox7{ background: url(../images/pro7.png) right bottom no-repeat #fafafa;}
	.nProBox8{ background: url(../images/pro8.png) right bottom no-repeat #fafafa;}
	.nProBox9{ background: url(../images/pro9.png) right bottom no-repeat #fafafa;}
	.nProBox10{ background: url(../images/pro10.png) right bottom no-repeat #fafafa;}
	.nProBox:hover{ background-color: #f0f0f0;}
		.nProBox .pic{ padding: 0; margin: 0;}
		.nProBox .desc{ line-height: 160%;}
		.nProBox .desc h3{ font-size: 1.25rem; margin-bottom: 5px;}

.nTrain{}
	.nTrain .row{ border-top: 1px #ccc solid; border-left: 1px #ccc solid;}
	.nTraBox{ text-align: center; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}	
		.nTraBox .pic{ width: 50%;}
	.nTraBox:hover{ background: #f0f0f0;}

.nNews{}
	.nNewsBox{ border-bottom: 1px #ccc dashed; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
	.nNewsBox .pic{ clip-path:inset( 0 0 0 0); height: 100%!important; overflow: hidden;}
	.nNewsBox .pic .img-fluid{ height: 100%!important;}
		.nNewsBox h3{ font-size: 1rem;}
	.nNewsBox:hover{ background: #f0f0f0;}

.nNewsName{ font-size: 2rem;}
.nBusName{ font-size: 1.5rem;}
.crumbs{}
.nNewsContent{ border-top: 1px #ccc dashed; border-bottom: 1px #ccc dashed;}
.nBusContent{ border-top: 1px #ccc dashed; border-bottom: 1px #ccc dashed;}
.nBusBoxs{ padding: 0;}
.nBusBox{ display: block; border: 1px #f0f0f0 solid; text-align: center;}
a.nBusBox:hover{ background: #0064d2; color: #fff; border-color: #0064d2;}

.pageBox{}
	.pageBox a{ border: 1px #ccc solid; padding: 10px 18px; margin: 0 5px;}
	.pageBox a:hover{ background: #0064d2; color: #fff; border-color: #0064d2;}
	.pageBox .page-num-current{ background: #f0f0f0;}

.contact{ background: #0064d2; color: #fff;}
	.contact h2{ font-size: 1.5rem;}
	.contact .p1{ font-size: 2.5rem;}
#maps{ height: 500px;}

/*------------------------footer------------------------*/
.footer{ background: #323639; color: #ccc; line-height: 180%;}
	.footer h2{ color: #fff; font-size: 1rem; margin-bottom: 5px;}
	.footer a{ color: #ccc;}
	.footer a:hover{ color: #fff;}
	.footer span{ font-size: 2rem; line-height: 120%;}
	.copy{ background-color: #282d30; text-align: center;}
	
	
@media screen and (max-width: 576px){
	.title{ text-align: center;}
		.title h2{ font-size: 2rem; color: #0064d2;}
		.title span{ font-size: 0.8rem; color: #333;}
	
	.solBox .pic{ width: 42.5%;}
	.solveBox .pic{ width: 42.5%;}
	.nNewsName{ font-size: 1.25rem;}
	.aboutus .read a{ width: 40%;}
	
}

@media screen and (max-width: 992px){
	.strBox{ color: #fff; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow: hidden; cursor: pointer; text-align: justify;}
		.strBox a{ color: #fff;}
		.strBoxa{ text-align: center;}
			.strBoxa .pic img{ width: 20%;}
		.strBoxb{}
			.strBoxb .topic , .strBoxb .read{ display: none;}
			.trainBox:last-child{ display: none;}
	.contact a{ color: #fff;}
	.nav-item{ text-align: center; border-bottom: 1px #4d93e0 dashed;}
		.navbar-dark .navbar-nav .nav-link{ font-size: 1rem; color: #fff;}
#header #demo .carousel-inner .carousel-item .bannerPc{ display: none!important;}
#header .nbanner{ min-height: 175px;}
}
@media screen and (min-width: 992px){
	.strBoxb{ position: absolute; top: 100%; left: 100%;}
	.strBox:hover{ background: #0064d2;}
	.strBox:hover .strBoxa{ display: none;}
	.strBox:hover .strBoxb{ top: 0; left: 0;}
#header #demo .carousel-inner .carousel-item .bannerWap{ display: none!important;}
	#header .nbanner{ min-height: 350px;}
}
@media screen and (min-width: 1200px){
	a.nav-link{ font-size: 1rem;}
	.strBoxb .name{ font-size: 1.1rem;}
	.strBoxb .topic{ font-size: 1.1rem;}
	.strBoxb .desc{ font-size: 1rem;}
	.strBoxb .read{ font-size: 1rem;}
	.solveBox .topic{ font-size: 1rem;}
	.trainBox .name{ font-size: 1rem;}
	.aboutus .desc{ font-size: 1rem;}
	.aboutus .desc p{ font-size: 1rem;}
}
@media screen and (min-width: 1400px){
	a.nav-link{ font-size: 1.05rem;}
}