@charset "utf-8";
@import url("public.css");
/* ========================== banner_a ========================== */
/*ni_ba 轮播图 */
.ni_ba{ background-color: #f7f9fd; }
/*banner_a*/
.banner_a{ position: relative; width: 100%; height: auto; overflow: hidden; }
.banner_a .cons{ width: 300%; }
.banner_a .cons li{ width: calc((100%)/3); }

.banner_a .btns{ position: absolute; top: 49%; left: 0px; right: 0px; }
.banner_a .btns i{ display: inline-block; margin-top: -23px; width: 46px; height: 46px; line-height: 46px; text-align: center; font-size: 1.2rem; color: rgba(255,255,255,0.3); background-color: rgba(0,0,0,0.05); border-radius: 2px; }
.banner_a .btns i:first-child{ float: left; }
.banner_a .btns i:last-child{ float: right; }
.banner_a .btns i:hover{ color: rgba(255,255,255,0.8); background-color: rgba(0,0,0,0.6); }

.banner_a .tags{ position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; }
.banner_a .tags i{ position: relative; display: inline-block; margin: 0px 5px; width: 30px; height: 5px; background-color: rgba(255,255,255,0.3); border-radius: 10px; overflow: hidden; }
.banner_a .tags i:after{ content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 0%; border-radius: 10px; background-color: rgba(28,52,126,0.9); }
.banner_a .act:after{ width: 100% !important; transition: 3s width; -moz-transition: 3s width; -webkit-transition: 3s width; -o-transition: 3s width; }
/*ni_ba 单张图 start*/
/*.ni_ba{ width: 100%; height: calc(100vh - 120px); background-color: #FFF; }
.ni_ba section{ margin: -10px auto 0px auto; display: block; width: 1500px; height: 630px; position:relative; background-color:#FFF; }
.ni_ba dl{ position: absolute; width: 360px; height: 306px; }

.ni_ba dl:nth-child(1){ top: 0; left: 19%; }
.ni_ba dl:nth-child(2){ top: 0; right: 19%; }
.ni_ba dl:nth-child(3){ top: 26%; left: 0; }

.ni_ba dl:nth-child(4){ top: 26%; left: calc(50% - 180px); }

.ni_ba dl:nth-child(5){ top: 26%; right: 0%; }
.ni_ba dl:nth-child(6){ bottom: 0; left: 19%; }
.ni_ba dl:nth-child(7){ bottom: 0; right: 19%; }

.ni_ba dl:nth-child(3) dd{ padding-top: 50px; }
.ni_ba dl:nth-child(3) dd p{ margin: 0px auto 5px auto; padding: 5px 15px; width: 200px; color: #004b87; font-size: 0.9rem; border: 1px solid #004b87; border-radius: 30px; background-color: #004b87; color:#FFF; }
.ni_ba dl:nth-child(3) dd p:nth-child(2n){ background-color: #FFF; color:#004b87; }

.ni_ba dl dd{ position: relative; width: 100%; height: 100%; overflow: hidden; }
.ni_ba dl dd img{ width: 100%; }
.ni_ba dl dd a{ position: absolute; top:0px; left:0px; width: 100%; height:100%; background-repeat:no-repeat; background-position: center; background-size: 100%; }
.ni_ba dl dd:hover img{ transform: scale(1.1); }

@media screen and (min-width: 1500px){
	.ni_ba section{ width: 1500px; height: 630px; }
	.ni_ba dl{ width: 360px; height: 306px; }
}
@media screen and (min-width: 476px) and (max-width: 1200px) {
	.ni_ba section{ width: 980px; height: 392px; }
	.ni_ba dl{ width: 216px; height: 184px; }
	.ni_ba dl:nth-child(4){ top: 26%; left: calc(50% - 108px); }
}
@media screen and (max-width: 476px){
	.ni_ba section{ width: 476px; height: 256px; }
	.ni_ba dl{ width: 144px; height: 123px; }
}*/
/*ni_ba 单张图 end*/
/*ni_bb*/
.ni_bb{ padding-bottom: 50px; background-color: #FFFFFF; }
.ni_bb h2{ padding: 40px 0px 30px 0px; font-size: 1.8rem; font-size: 0; }
.ni_bb h2 a{ font-size: 1rem; font-weight: normal; }
.ni_bb ul{  }
.ni_bb ul li{ margin: 0px 50px 50px 0px; width: calc((100% - 100px)/3); }
.ni_bb ul li:nth-child(3n){ margin-right: 0px; }
.ni_bb ul li a{ color: #004b87; }
.ni_bb ul li img{ margin-bottom: 20px; border-radius: 3px; }
.ni_bb ul li:hover img{ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
.ni_bb ul li h3{ margin-bottom: 16px; }
.ni_bb ul li h3 label{ font-weight: 300; }
.ni_bb ul li p{ margin-bottom: 30px; line-height: 2rem; color: rgba(0,75,135,0.8); font-size: 1rem; font-weight: 300; -webkit-line-clamp: 2; }
.ni_bb ul li span{ display: block; padding: 12px; text-align: center; border: 1px solid rgba(0,75,135,0.1); }
.ni_bb ul li span:hover,
.ni_bb ul li:hover span{ border: 1px solid rgba(0,75,135,0.8); }

@media screen and (min-width: 1600px){}
@media screen and (min-width: 1180px) and (max-width: 1600px) {}
@media screen and (min-width: 960px) and (max-width: 1180px) {}
@media screen and (min-width: 760px) and (max-width: 960px) {}
@media screen and (min-width: 476px) and (max-width: 760px) {
	.ni_bb ul li{ margin: 0px 0px 50px 0px; width: 100%; }
	.ni_bb ul li:nth-child(3n){ margin-right: 0px; }
}
@media screen and (max-width: 476px){}
/*ni_bc*/
.ni_bc{ position: relative; padding-top: 80px; padding-bottom: 40px; background-color: #f7f9fd; }

.ni_bca{ position: absolute; top: -40px; left: 0px; right: 0px; }
.ni_bca dl{ padding: 21px 10px 21px 30px; background-color: #FFF; border-radius: 10px; box-shadow: 0px -6px 10px rgba(28,52,126,0.1); }
.ni_bca dt{ width:50%;  vertical-align:middle; }
.ni_bca dt h2{ color: #004b87; font-size: 1.8rem; font-weight: 100; background-color:; }
.ni_bca dt h2 u{ color: rgba(0, 0, 0, 0.6); font-size: 1.2rem; transition: 1s all; -moz-transition: 1s all; -webkit-transition: 1s all; -o-transition: 1s all; }
.ni_bca:hover dt h2 u{ margin: 0 1rem; letter-spacing: 1rem; }

.ni_bca dd{ width:50%; padding: 0px 10px; vertical-align:middle; text-align:right; }
.ni_bca dd input{ width: 60%; min-width:300px; height:36px; padding:0px 65px 0px 15px; background-color: #f7f9fd; vertical-align:top; line-height:36px; border-radius: 20px; box-shadow: 0px 0px 2px rgba(0,75,135,0.1) inset; border: 1px solid rgba(0,75,135,0.5); }
.ni_bca dd input:focus{ box-shadow: 0px 0px 3px rgba(0,75,135,0.3) inset; }
.ni_bca dd button{ width:60px; height:36px; margin-left:-60px; background-color:transparent; cursor:pointer; vertical-align:top; line-height:36px; }
.ni_bca dd button i{ color: #004b87; font-size: 1.2rem; }
.ni_bca dd button:hover{ transform:scale(1.2); }

/*.ni_bc hr{ float: right; width: 0%; margin-bottom: 40px; border-bottom: 1px solid rgba(28,52,126,0.7); }*/
/*.ni_bc:hover hr{ width: 100%; }*/

.ni_bc ul{  }
.ni_bc ul li{ margin: 0px 30px 30px 0px; width: calc((100% - 90px)/4); border: 0.5px solid transparent; }
.ni_bc ul li:nth-child(4n){ margin-right: 0px; }
.ni_bc ul li img{ margin-bottom: 0px; width: 100%; border-radius: 2px; }
.ni_bc ul li p{ padding: 10px 10px 20px 25px; font-size: 1rem; font-weight: 300; }
.ni_bc ul li:hover{ border-color: rgba(0,75,135,0.7); }
.ni_bc ul li:hover img{ margin-top: -5px; }

.ni_bc_more{ position: relative; background-color: #004b87; border-radius:5px; }
.ni_bc_more img{ margin-bottom: 50px !important; }
.ni_bc_more span{ width: 100%; text-align:center; }
.ni_bc_more span img{ display: block; margin-bottom: 5px !important; width: 50% !important; margin: 0px auto; margin-top: -30px; background-color: ; }
.ni_bc_more a{ position: absolute; top:0px; bottom:0px; left:0px; right:0px; color:#fff; }
.ni_bc_more i{ display: block; margin: 0px auto 20px auto; width: 50%; height:50px; line-height: 50px; text-align: center; font-size: 2rem; font-weight: 100; border:1px solid #fff; }

@media screen and (min-width: 1600px){}
@media screen and (min-width: 1180px) and (max-width: 1600px) {}
@media screen and (min-width: 960px) and (max-width: 1180px) {
	.ni_bc ul li{ width: calc((100% - 60px)/3); }
	.ni_bc ul li:nth-child(3n){ margin-right: 0px; }
}
@media screen and (min-width: 476px) and (max-width: 960px) {
	.ni_bc{ padding-top: 120px; }
	.ni_bca dt{ width: 100%; margin-bottom: 1rem; }
	.ni_bca dd{ width: 100%; padding: 0px; text-align: left; font-size: 0px; }
	.ni_bca dd input{ width: 80%; }

	.ni_bc ul li{ width: calc((100% - 30px)/2); }
	.ni_bc ul li:nth-child(2n){ margin-right: 0px; }
}
@media screen and (max-width: 476px){}
/*ni_bd*/
.ni_bd{ position: relative; }
.ni_bda{ padding-top: 70px; padding-bottom: 50px; font-size: 3rem; background-color: rgba(0, 75, 135, 0.1); background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0, 75, 135,1)); }
.ni_bdaa{ width: calc((100% - 120px)/2); margin-right: 120px; line-height: 3rem; color: #FFF; font-size: 1.1rem; text-indent: 2rem; }
.ni_bdaa h2{ margin-bottom: 20px; padding: 0px 10px; color: rgba(255, 255, 255, 0.8); font-size: 1.8rem; font-weight: 100; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-indent: 0rem; }
.ni_bdaa h2 u{ margin-left: 1rem; color: rgba(255, 255, 255, 0.6); font-size: 1.2rem; }

.ni_bdab{ width: calc((100% - 120px)/2); }
.ni_bdab ul{}
.ni_bdab ul li{ width: calc((100% - 30px)/2); margin: 0px 30px 30px 0px; padding: 80px 0px; text-align: center; color: #FFF; font-size: 2rem; background-color: rgba(0, 75, 135, 0.9); font-weight: 300; border-radius: 5px; }
.ni_bdab ul li:nth-child(2n){ margin-right: 0px; }
.ni_bdab ul li i{ font-size: 5rem; vertical-align: middle; }
.ni_bdab ul li span{ display: inline-block; vertical-align: middle; }
.ni_bdab ul li b{}
.ni_bdab ul li p{ font-size: 1.2rem; }
/*ni_bdb*/
.ni_bdb{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -600; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media screen and (min-width: 1600px){}
@media screen and (min-width: 1180px) and (max-width: 1600px) {}
@media screen and (min-width: 960px) and (max-width: 1180px) {
	.ni_bdaa{ width: calc((100% - 60px)/2); margin-right: 60px; }
	.ni_bdab{ width: calc((100% - 60px)/2); }
}
@media screen and (min-width: 476px) and (max-width: 960px) {
	.ni_bdaa{ width: 100%; margin-bottom: 2rem; }
	.ni_bdab{ width: 100%; }
}
@media screen and (max-width: 476px){}

/*ni_bd*/
/*.ni_bd{ padding-top: 60px; padding-bottom: 60px; background-color: #FFFFFF; }
.ni_bda{ display: table-cell; width: 55%; border-radius: 5px; position: relative; overflow: hidden; }
.ni_bdb{ display: table-cell; width: 45%; position: relative; }

.slide_d .imgs{ width: 300%; }
.slide_d .imgs li{ width: calc((100%)/3); }

.slide_d .cons{ position: absolute; left: 60px; right: 0px; top: 0px; bottom: 80px; overflow: hidden; }
.slide_d .cons li{ display: none; }
.slide_d .cons li h2{ margin-bottom: 1rem; color: rgba(0,75,135,1); font-size: 1.8rem; font-weight: 100; }
.slide_d .cons li h2 i{ margin: 0px 10px 0px -2.4rem; font-size: 1.8rem; font-weight: 300; vertical-align: middle; }


.slide_d .cons li p{ line-height: 2rem; color: rgba(0,75,135,0.8); font-size: 1rem; font-weight: 100; }
.slide_d .cons li:first-child{ display: block; }
.slide_d .cons li:hover h2 i{ margin-left: 0rem; }

.slide_d .btns{ position: absolute; left: 60px; right: 0px; bottom: 2px; height: 50px; }
.slide_d .btns i{ display: inline-block; width: 120px; height: 50px; line-height: 50px; margin-right: 10px; text-align: center; color: rgba(255,255,255,0.6); font-size: 1.6rem; background-color: rgba(0,75,135,0.9); border-radius: 2px; }
.slide_d .btns i:hover{ color: rgba(255,255,255,0.9); background-color: rgba(0,75,135,1); }*/
/*ni_be*/
/*.ni_be{ display: none; padding-top: 60px; padding-bottom: 60px; background-color: #004b87; }
.ni_be ul{}
.ni_be ul li{ width: 25%; text-align: center; color: #FFFFFF; }
.ni_be ul li i{ display: inline-block; font-size: 3.6rem; font-weight: 100; vertical-align: middle; }
.ni_be ul li span{ display: inline-block; padding: 0px 12px; text-align: left; vertical-align: middle; }
.ni_be ul li b{ font-size: 2rem; font-family: 'Impact'; font-weight: normal; }
.ni_be ul li p{ color: rgba(255,255,255,0.7); font-weight: 100; }

@media screen and (min-width: 1600px){}
@media screen and (min-width: 1180px) and (max-width: 1600px) {}
@media screen and (min-width: 960px) and (max-width: 1180px) {
	.ni_be{ padding-top: 30px; padding-bottom: 30px; }
	.ni_be ul li{ width: 50%; padding: 30px 0px; }
}
@media screen and (min-width: 476px) and (max-width: 960px) {
	.ni_be{ padding-top: 30px; padding-bottom: 30px; }
	.ni_be ul li{ width: 50%; padding: 30px 0px; }
}
@media screen and (max-width: 476px){}*/
/*ni_bf*/
.ni_bf{ padding-bottom: 10px; background-color: #FFFFFF; }
.ni_bfa{ padding: 60px 0px 60px 0px; }
.ni_bfa h2{ color: #004b87; font-size: 1.8rem; font-weight: 100; }
.ni_bfa h2 u{ margin-left: 1rem; color: #888; font-size: 1.2rem; }
.ni_bfb{}
.ni_bfb dl{ width:calc((100% - 150px)/4); margin: 0px 50px 60px 0px; cursor:default; }
.ni_bfb dl dt{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed rgba(28,52,126,0.3); }
.ni_bfb dl dt img{ display: inline-block; vertical-align: middle; width:2.3em; margin-right: 10px; }
.ni_bfb dl dt h3{ display: inline-block; vertical-align: middle; font-size: 1.5rem; font-weight: 300; }
.ni_bfb dl dt b{ color: #004b87; font-weight:300; }
.ni_bfb dl dt strong{ color: #004b87; font-weight:300; }
.ni_bfb dl dd{ line-height: 2.6rem; }
.ni_bfb dl:hover dt img{ transform:scale(1.3); }
.ni_bfb dl:hover dt h3{ font-weight:bold; }
.ni_bfb dl:hover dt b{ font-weight:bold; }
.ni_bfb dl:hover dt strong{ font-weight:bold; }
.ni_bfb dl:hover dd{ color: #004b87; font-weight: bold; }
@media screen and (min-width: 1600px){
	.ni_bfb dl{ width:calc((100% - 150px)/4); }
	.ni_bfb dl:nth-child(4n){ margin-right:0px; }
}
@media screen and (min-width: 1180px) and (max-width: 1600px) {
	.ni_bfb dl{ width:calc((100% - 100px)/3); }
	.ni_bfb dl:nth-child(3n){ margin-right:0px; }
}
@media screen and (min-width: 960px) and (max-width: 1180px) {
	.ni_bfb dl{ width:calc((100% - 100px)/3); }
	.ni_bfb dl:nth-child(3n){ margin-right:0px; }
}
@media screen and (min-width: 476px) and (max-width: 960px) {
	.ni_bfb dl{ width:calc((100% - 50px)/2); }
	.ni_bfb dl:nth-child(2n){ margin-right:0px; }
}
@media screen and (max-width: 476px){}
/*ni_bg*/
.ni_bg{ display: ; padding-top: 40px; padding-bottom: 30px; background-color: #f7f9fd; }
.ni_bg h2{ margin-bottom: 30px; color: #004b87; font-size: 1.8rem; font-weight: 100; }
.ni_bg h2 u{ color: #888; font-size: 1.2rem; }
.ni_bg dl{ margin: 0px 40px 36px 0px; width: calc((100% - 40px)/2); border-radius: 2px;  overflow: hidden; }
.ni_bg dl:nth-child(2n+1){ margin-right: 0px; }

/*.ni_bg dt{ float: left; width: 256px; height: 176px; overflow: hidden; border-radius: 5px; }
.ni_bg dt img{ width: auto; height: 100%; }
.ni_bg dd{ float: left; padding: 5px 15px 10px 20px; width: calc(100% - 260px); }
.ni_bg dd h3{ margin-bottom: 10px; color: rgba(28,52,126,0.9); font-size: 1.2rem; }
.ni_bg dd p{ margin-bottom: 25px; line-height: 1.8rem; font-size: 0.94rem; font-weight: 300; }
.ni_bg dd span{ display: block; }
.ni_bg dd span i{ color: #999; font-size: 0.8rem; text-indent: 5px; }*/

.ni_bg dt{ 
	float: left; width: 260px; height: 180px; 
	background-position:center; background-repeat:no-repeat; background-size: 100% auto; overflow: hidden; border-radius: 5px; }
.ni_bg dd{ float: left; padding: 5px 15px 10px 20px; width: calc(100% - 260px); }
.ni_bg dd h3{ margin-bottom: 10px; color: rgba(0,75,135,0.9); font-size: 1.2rem; letter-spacing: 1px; }
.ni_bg dd p{ margin-bottom: 25px; line-height: 1.8rem; font-size: 0.94rem; font-weight: 300; }
.ni_bg dd span{ display: block; }
.ni_bg dd span i{ color: #999; font-size: 0.8rem; text-indent: 5px; }
.ni_bg dl:hover dt{ background-size: 120% auto; }

@media screen and (min-width: 1200px){
	.ni_bg dt{ width: 258px; height: 176px; }
	.ni_bg dd{ width: calc(100% - 258px); }
}
@media screen and (min-width: 476px) and (max-width: 1200px) {
	.ni_bg dl{ margin: 0px 0px 36px 0px; width: 100%; }
}
@media screen and (max-width: 476px){}

/*@media screen and (min-width: 1200px){}
@media screen and (min-width: 476px) and (max-width: 1200px) {}
@media screen and (max-width: 476px){}*/
/*.ni_bg dl:hover{ box-shadow: 0px 1px 3px rgba(28,52,126,0.2); }*/
/*.ni_bg dl:hover dt img{ transform: scale(1.05); }*/

/*ni_bh*/
.ni_bh{ padding-top: 60px; padding-bottom: 50px; background-color: #FFFFFF; }
.ni_bha{ margin-bottom: 40px; text-align:center; }
.ni_bha h2{ margin-bottom: 5px; color: #004b87; font-size: 1.8rem; font-weight: 100; }
.ni_bha p{ color: #888; font-size: 1rem; font-weight: 100; letter-spacing: 3px; }

@media screen and (min-width: 1600px){
	.ni_bhb li{ width:calc((100% - 160px)/5); margin: 0px 40px 30px 0px; }
	.ni_bhb li:nth-child(5n){ margin-right: 0px; }
}
@media screen and (min-width: 1180px) and (max-width: 1600px) {
	.ni_bhb li{ width:calc((100% - 160px)/5); margin: 0px 40px 30px 0px; }
	.ni_bhb li:nth-child(5n){ margin-right: 0px; }
}
@media screen and (min-width: 960px) and (max-width: 1180px) {
	.ni_bhb li{ width:calc((100% - 120px)/4); margin: 0px 40px 30px 0px; }
	.ni_bhb li:nth-child(4n){ margin-right: 0px; }
}
@media screen and (min-width: 660px) and (max-width: 960px) {
	.ni_bhb li{ width:calc((100% - 80px)/3); margin: 0px 40px 30px 0px; }
	.ni_bhb li:nth-child(3n){ margin-right: 0px; }
}
@media screen and (min-width: 476px) and (max-width: 660px) {
	.ni_bhb li{ width:calc((100% - 40px)/2); margin: 0px 40px 30px 0px; }
	.ni_bhb li:nth-child(2n){ margin-right: 0px; }
}
@media screen and (max-width: 476px){
	.ni_bhb li{ width: 100%; margin: 0px 0px 30px 0px; }
}