*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal; font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}

a{color:#333; text-decoration:none;}
a:hover{color:#f19600; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#999;}
::-webkit-scrollbar-thumb:hover{background-color:#999;}
::-webkit-scrollbar-thumb:active{background-color:#999;}



.contain{ width:96%; max-width:1300px; margin:0 auto}

.top1{ width:96%; margin:0 auto; box-sizing:border-box}
.logo{ float:left; margin:10px 0}
.logo img{ height:60px; width:auto}


.tel{ float:right; margin-top:20px; }
.tel span{ display:block; color:#fff; font-size:14px;}
.tel span i{ padding-right:5px}
.tel p{ display:block; font-size:16px; font-weight:bold; color:#fff}


.weizhi a{ color:#fff}

.header{width:100%; position:fixed; width:100%; top:0px; left:0; z-index:9; border-bottom:rgba(255,255,255,0.2) 1px solid; transition: all 0.6s}

.header.on{ background:#fff;box-shadow: 0px 0px 5px rgba(195,195,195,0.35);transition: all 0.6s}
.header:hover{ background:#fff; transition: all 0.6s}
.logo1{ display:none;}
.logo2{ display:block;}

.lange{ float:right; font-size:16px; line-height:80px;color:#fff; margin-left:20px}
.lange i{ padding-right:5px; color:#fff}
.lange a{color:#fff}

.header.on .lange{color:#333}
.header.on .lange i{ color:#004fa3}
.header.on .lange a{color:#333}

.header:hover .lange{color:#333}
.header:hover .lange i{ color:#004fa3}
.header:hover .lange a{color:#333}

.header.on .logo1{ display:block;}
.header.on .logo2{ display:none;}

.header:hover .logo1{ display:block;}
.header:hover .logo2{ display:none;}



.header.on .tel span{  color:#333; }
.header.on .tel p{  color:#004fa3}

.header:hover .tel span{  color:#333; }
.header:hover .tel p{  color:#004fa3}




.header .an{ position:absolute; right:3%; top:15px;height:18px; width:30px; display:none; float:right}
.header .an span{width:30px; height:2px; background-color:#004fa3; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{ float:right;}

.header .nav ul>li{height:80px; width:auto; padding:0 0px;font-size:16px; line-height:80px;letter-spacing: 2px; float:left; text-align:center;position:relative; text-transform:uppercase; }

.header .nav ul li a:hover{ color:#f25252 }
.header .nav i{font-size:12px; line-height:50px; text-align:right; position:absolute;height:50px; right:5px; top:15px; display:none }




.header .nav ul li a.o_lm{line-height:80px; color:#fff; padding:0 18px;  display:block; position:relative;}
.header .nav ul li a.o_lm:after{ content:""; position:absolute; width:0; left:50%; transform:translateX(-50%); bottom:0; background:#004fa3; height:3px; opacity:0; transition:all 0.6s}
.header .nav ul li:hover a.o_lm{ color:#004fa3}
.header .nav ul li:hover a.o_lm:after{ content:""; position:absolute; width:100%; left:50%; transform:translateX(-50%); bottom:0; background:#004fa3; height:3px; opacity:1;transition:all 0.6s}


.header.on  .nav ul li a.o_lm{ color:#666}
.header:hover .nav ul li a.o_lm{ color:#666}



.header .nav .e_j{position:absolute; width:100%;  background:#fff;
box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:80px;  padding:0px; display:none; left:0; z-index:9999999999999;  height:auto;  -webkit-animation: fadeInUpMenu 0.4s;
  -moz-animation: fadeInUpMenu 0.4s;
  -ms-animation: fadeInUpMenu 0.4s;
  -o-animation: fadeInUpMenu 0.4s;
  animation: fadeInUpMenu 0.4s;

 
  }
  
  @-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}


.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%; line-height:45px; font-weight:normal; height:auto; text-transform:none; border-bottom:#e1e1e1 1px solid; }
.header .nav .e_j ul li:last-child { border-bottom:0}


.header .nav .e_j  ul li a{display:block; font-size:16px; line-height:45px; color:#333; transition:all 0.6s}
.header .nav .e_j  ul li a:hover { color:#004fa3; font-weight:bold;transition:all 0.6s }


.jiange{ height:50px; overflow:hidden; display:none;}


@media only screen and (max-width:1500px){

.header .nav ul>li{font-size:16px; }


}


@media only screen and (max-width:1400px){
.header .nav ul li a.o_lm{padding:0 15px; }


}

@media only screen and (max-width:1200px){
.header .nav ul>li{font-size:14px; }
.header .nav ul li a.o_lm{ padding:0 10px}


.logo{ float:left; margin:15px 0}
.logo img{ height:50px; width:auto}


.lange{ font-size:14px}
}


@media only screen and (max-width:992px){
	.jiange{ display:block}
.header .nav ul li a.o_lm:after{ content:none;}
.header .nav ul li:hover a.o_lm:after{content:none;}


.header{padding:0px 5px; height:50px; background:#fff; position:fixed; top:0; width:100%; box-sizing:border-box;}
.header.on{ height:50px}
.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#004fa3; top:0; right:0; margin:0; margin-top:50px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}

.header .nav i{display:block; color:#fff;  top:0; right:20px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}

.header .nav ul li a.o_lm{line-height:50px; color:#fff;}
.header .nav ul li:hover a.o_lm{color:#fff; background:none;}
.header .nav .y_j{border-bottom:1px solid rgba(255,255,255,0.2);}
.header .nav .e_j{padding:10px 0px; border-bottom:1px solid rgba(255,255,255,0.2);box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.header .nav .e_j ul li a{ color:#fff}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}

.header .nav .e_j ul li{ border:0}

.logo{ margin:10px 0; position:fixed; z-index:9999; top:0; left:10px}
.logo img{ height:30px; width:auto}

.header .logo1{ display:block;}
.header .logo2{ display:none;}



.lange{ float:right; font-size:14px; line-height:50px; margin:0; margin-right:50px; color:#666}

.lange i{ color:#666}
.lange a{color:#666}


.header.on  .nav ul li a.o_lm{ color:#fff}
.header:hover .nav ul li a.o_lm{ color:#fff}

}


.datu{width:100%; height:100vh; overflow:hidden; position:relative}

.fuwu{ position:absolute; z-index:2; width:96%; max-width:1600px; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}


.fwbt{ position:relative; width:auto; display:inline-block;   margin-bottom:100px;letter-spacing: 5px;}
/*.fwbt:after{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,46,95,0.8); left:15px; top:15px; z-index:0;}*/
.fuwu h1{ display:block; position:relative;  background:#004fa3;  padding:20px 40px; z-index:2; font-size:20px;color:#fff; font-weight:bold;
}


.fuwu ul{ position:relative; margin:0 -20px}
.fuwu ul li{ float:left; width:20%; padding:0 20px; box-sizing:border-box; transition:all 0.6s; position:relative}
.fuwu ul li em{ display:block; position:absolute; top:-40px; left:50%; transform:translateX(-50%); border-radius:100px; z-index:9}
.fuwu ul li em img{ width:100%; height:auto; padding:10px; box-sizing:border-box; max-width:80px}
.fuwu ul li:hover i{ transform:scale(1.1,1.1); transition:all 0.6s}
.fuwu ul li:nth-child(2n){ margin-top:70px;}
.fuwu ul li:nth-child(1) em{ background:#87c140;}
.fuwu ul li:nth-child(2) em{ background:#44b792;}
.fuwu ul li:nth-child(3) em{ background:#2a9ab7;}
.fuwu ul li:nth-child(4) em{ background:#2a7db7;}
.fuwu ul li:nth-child(5) em{ background:#00538d;}

.fuwu ul li i { display:block; width:100%; height:auto; border-radius:10px; overflow:hidden; border:rgba(255,255,255,0.3) 5px solid; box-sizing:border-box; transition:all 0.6s}
.fuwu ul li i img{ width:100%; height:auto}
.fuwu ul li h3{ color:#fff; font-size:18px;  letter-spacing: 0px; position:absolute; bottom:-35px; text-align:center; width:auto;  line-height:40px; left:50%; transform:translateX(-50%); min-width:220px}

.fuwu ul li:nth-child(1) h3{ background:#87c140;}
.fuwu ul li:nth-child(2) h3{ background:#44b792;}
.fuwu ul li:nth-child(3) h3{ background:#2a9ab7;}
.fuwu ul li:nth-child(4) h3{ background:#2a7db7;}
.fuwu ul li:nth-child(5) h3{ background:#00538d;}


.fuwu ul li:hover i{ border:#d81713 5px solid; transition:all 0.6s}
.fuwu ul li:nth-child(odd):after{ content:""; position:absolute; top:-20px; right:-80px; width:155px; height:50px; background:url(../images/xian.svg) center no-repeat; background-size:100% auto; transform:rotate(30deg) }
.fuwu ul li:nth-child(even):after{ content:""; position:absolute; bottom:-40px; right:-80px; width:155px; height:50px; background:url(../images/xian.svg) center no-repeat; background-size:155px auto; transform: rotateX(180deg) rotate(30deg); }
.fuwu ul li:last-child:after{ content:none;}


@media only screen and (max-width:1200px){
	
.fuwu h1{ font-size:30px; }
.fuwu ul li:nth-child(odd):after{ background-size:80% auto;  }
.fuwu ul li:nth-child(even):after{   background-size:80% auto;  }	
	
}


@media only screen and (max-width:992px){
	
.datu{width:100%; height:auto; overflow:hidden; position:relative; padding:30px 0}

.fuwu{ position:static; left:0; top:0; transform:none; margin:0 auto;}
.fwbt{ margin-bottom:60px}
.fuwu h1{  padding:10px 30px;  font-size:20px;}
.fuwu ul{ position:relative; margin:0 -10px; font-size:0}
.fuwu ul li{ float:none; display:inline-block; width:33.33%; padding:0 10px; box-sizing:border-box; transition:all 0.6s; position:relative; margin-bottom:60px}
.fuwu ul li:nth-child(2n){ margin-top:0px;}

.fuwu ul li h3{ color:#fff; font-size:16px; letter-spacing: 0px; min-width:120px; line-height:30px; bottom:-10px }

.fuwu ul li:nth-child(odd):after{ content:none;  }
.fuwu ul li:nth-child(even):after{ content:none;   }	

.fuwu ul li em{ top:-30px;}
.fuwu ul li em img{ width:60px; height:auto}


}

@media only screen and (max-width:500px){
.fuwu ul li{ width:50%; margin-bottom:40px}
.fuwu ul li h3{ font-size:14px; min-width:100px}

.fuwu ul li em{ top:-20px;}
.fuwu ul li em img{ width:50px; height:auto}	
}





.bai{ background:#fff; position:relative; z-index:2; padding:60px 0; overflow:hidden}
.shuzi{ width:96%; margin:0px auto; max-width:1200px; overflow:hidden; text-align:center}
.bt1{ text-align:center; margin-bottom:40px}
.bt1 h1{ font-size:45px; font-weight:100; color:#333}
.bt1 p{ font-size:14px; color:#888; margin:15px 0; line-height:25px;}

.gsj{ width:96%; max-width:1200px; margin:0 auto}
.gsj i{ display:block; width:45%; height:auto; float:left; border-radius:20px; overflow:hidden}
.gsj i img{ width:100%; height:auto; transition:all 0.6s}
.gsj i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}


.gsj .jianjie{ float:right; width:50%;}
.gsj .jianjie h3{ display:block; font-size:25px; color:#333;}
.gsj .jianjie em{ display:block; width:60px; height:3px; background:#0150a3; margin-top:15px; margin-bottom:25px}
.gsj .jianjie p{ display:block; font-size:21px; line-height:25px; color:#666}

.gsj .jianjie span a{ display:block; background:#0150a3; color:#fff; width:110px; line-height:30px; text-align:center; margin-top:20px; font-size:14px;transition:all 0.6s}
.gsj .jianjie span a:hover{ transform:translateX(10px); transition:all 0.6s}


@media only screen and (max-width:1200px){

.gsj .jianjie h3{ display:block; font-size:23px; color:#333;}
.gsj .jianjie em{  margin-top:10px; margin-bottom:10px}
.gsj .jianjie p{ font-size:14px; line-height:25px;}

.gsj .jianjie span a{  width:90px; line-height:25px;  margin-top:10px; font-size:12px}

	
}


@media only screen and (max-width:768px){
.gsj i{  width:100%; float:none;}
.gsj .jianjie{ float:none; width:100%; margin-top:15px}

.gsj .jianjie h3{  font-size:16px;}
.gsj .jianjie em{  width:40px; height:2px; }
.gsj .jianjie p{ font-size:12px; line-height:23px; max-height:92px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden}

	
}




.product-number-info{ margin:40px 0}

.product-number-info li {
    float: left;
    width: 20%;
    height: auto;
    color: #1b1b1b;
    padding-top: 1px;
	
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
 
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0;
	font-weight:bold;
	color:#777
	
}

.product-number-info li p {
 
	display: block;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px;
    margin-top: 10px;
}

.product-number-info li b i {
    font-style: normal; color:#004fa3;   font-size: 45px;
}


.product-number-info li b em {
    font-style: normal;
    font-size: 20px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    
}





@media only screen and (max-width:992px){
	

.bai{ padding:20px 0; overflow:hidden}

.bt1{ text-align:center; margin-bottom:20px}
.bt1 h1{ font-size:25px; }
.bt1 p{ font-size:12px; color:#888; margin:5px 0; line-height:25px;}


.product-number-info{ margin:20px 0; font-size:0; text-align:center}
.product-number-info li { float:none;

    width: 33.33%; margin-bottom:20px; display:inline-block

	
}


.product-number-info li p {
 
    font-size: 14px;
  
}

.product-number-info li b i {
    font-size: 30px;
}


.product-number-info li b em {
   
    font-size: 14px;

    
}



}



.hui{  position:relative; z-index:2; padding:80px 0; overflow:hidden}

.yuoushi{ width:96%; margin:0 auto; max-width:1200px; overflow:hidden; position:relative}
.yuoushi:after{ content:""; width:100%; height:100%; position:absolute; left:0 ;top:0; background:url(../images/xian.png) center no-repeat; background-size:auto 100%; z-index:0}

.bt2{ font-size:40px; text-align:center; color:#fff; margin-bottom:80px; overflow:hidden}


.yuoushi ul li{overflow:hidden; position:relative; z-index:2  }
.yuoushi ul li .yszi{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%; color:#fff; padding-left:100px; box-sizing:border-box;  padding-top:30px}
.yuoushi ul li .yszi em{ position:absolute; font-weight:normal; left:0; top:0; font-size:100px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ffae00}
.yuoushi ul li .yszi h3{ display:block; font-size:35px; margin-bottom:15px; font-weight:bold;letter-spacing: 5px;}
.yuoushi ul li .yszi p{ display:block; font-size:16px; margin-bottom:10px; line-height:35px; padding-left:20px; position:relative}
.yuoushi ul li .yszi p:before{ content:""; position:absolute; left:0; top:10px;  width:6px; height:6px; border-radius:20px; border:#ffae00 3px solid;}


.yuoushi ul li .yspic{ float:left; width:40%; height:auto; border-radius:10px; overflow:hidden}
.yuoushi ul li .yspic img{ width:100%; height:auto}

.yuoushi ul li:nth-child(2n) .yspic{ float:right;}
.yuoushi ul li:nth-child(2n) .yszi{ left:0; right:auto }

 @media only screen and (max-width:1200px){

.yuoushi ul li .yszi h3{  font-size:25px; }
.yuoushi ul li .yszi p{  font-size:16px; line-height:30px}
.yuoushi ul li{ margin-bottom:15px}
 }

 @media only screen and (max-width:992px){
	 
	.bt2{ font-size:25px; margin-bottom:20px}
 
 .hui{ padding:30px 0; overflow:hidden}
 .yuoushi ul li{ margin-bottom:20px;}
.yuoushi ul li .yszi{ position:static; float:right; right:0; top:0; transform:translateY(0);   padding-left:60px; box-sizing:border-box;  padding-top:0px}

.yuoushi ul li .yszi em{  font-size:60px; }
.yuoushi ul li .yszi h3{ font-size:25px}
.yuoushi ul li .yszi p{  font-size:14px; line-height:25px}
.yuoushi ul li:nth-child(2n) .yszi{ float:left }	 
	 
	 }

 @media only screen and (max-width:600px){
	.yuoushi ul li .yszi em{  font-size:40px; }
.yuoushi ul li .yszi h3{ font-size:20px} 


.yuoushi:after{ content:none;}
.yuoushi ul li .yspic{ display:none; }
.yuoushi ul li .yszi{ width:100%;}
.yuoushi ul li:nth-child(2n) .yspic{ float:left;}
 }




.lx1{ width:96%; margin:0 auto; max-width:1300px}
.lx1 ul li{ float:left; width:32%; margin-right:2%;   text-align: center;
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    padding: 40px; box-sizing:border-box; transition:all 0.6s


}
.lx1 ul li:hover{ background:#004ea2; color:#fff; transition:all 0.6s}
.lx1 ul li:hover p{ color:#fff}
.lx1 ul li:last-child { margin-right:0;}

.lx1 ul li i{
	display:block;
width: 85px;
    height: 85px;
    background: #f5f5f5;
    line-height: 85px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
	font-size:35px;
	color:#333

}

.lx1 ul li h3 {
    font-size: 23px;
    font-weight: 500;
    margin: 20px 0;
}
.lx1 ul li p{
	 font-size: 14px;
    color: #4f555a;
    line-height: 25px;
	min-height:50px;
	
 }



.footer{ background:#333;overflow:hidden; position:relative; z-index:2}


.footer .foot2 {
	width: 96%;
	margin:0 auto;
	max-width:1300px; padding:30px 0;

	
}

.dlx {
	float: left;
	width: auto;
	box-sizing:border-box;

	
}
.dlx i {
	text-align: center;
	line-height: 26px;
	padding-right: 10px;
	width: 20px;
	color:#fff;
	position:absolute;
	left:0;
	top:0
}
.fa-mobile-phone:before {
	font-size: 20px
}

.dlx p {
	font-size: 14px;
	line-height: 30px;
	color: #999;
	overflow: hidden;
	position:relative;
	padding-left:25px;
}
.footer .wei {
	font-size: 14px;
	color:#fff;
	float:right;	
	text-align:center
}

.footer .wei ul li{ float:left; margin-left:15px; max-width:120px;} 
.footer .wei p{line-height: 30px; color:#999; text-align:center}
	
.footer .wei ul li img {
	width: 100%;
	height: auto;
	
}
.footer .b_q {
	font-size: 12px;
	color:#a6a6a6;
	line-height:20px;
	margin-top:25px


}

.footer .b_q a{color:#a6a6a6;}
.footer .b_q a:hover{color:#fff;}


	 @media only screen and (max-width:992px){

.lx1 ul li{ float:none; width:100%; margin-right:0;  padding: 20px;}
.lx1 ul li i{width: 50px; height: 50px;  line-height: 50px;font-size:25px;}

.lx1 ul li h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}
.lx1 ul li p{
	 font-size: 12px;
    color: #4f555a;
    line-height: 23px;
	min-height:inherit
	
 }





	 .dlx{ display:block; width:100%; margin-bottom:15px}
	 	 
	 .footer h3 {font-size: 14px;}
	 .dlx p{ font-size:12px; line-height:25px; padding-top:0}
	.footer .wei{ float:none;}	
	
	.footer .foot2 { padding:15px 0;}
	 
	 .footer .wei ul li{ margin-left:0; margin-right:10px; max-width:100px} 
		 }
	 


.nbanner{ background:#001c3a; width:100%; height:400px; position:relative; font-size:0; overflow:hidden}
.nbanner img{ position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); opacity:0.6;}



	 @media only screen and (max-width:1920px){
		.nbanner img{ position:absolute; height:100%; width:auto; left:50%; top:0; transform:translateY(0); transform:translateX(-50%); opacity:0.6;}
 
		 
	 }
.nnbt{ width:100%; text-align:center; top:50%; position:absolute; z-index:2; font-size:30px; color:#fff}
.nnbt em{ display:block; width:60px; height:2px; background:#fff; margin:0 auto; margin-top:10px}

.weizhi{ position:absolute; font-size:14px; bottom:0; z-index:2; right:20px; color:#fff; line-height:35px}
.weizhi i{ padding-right:5px}

.nline{ border-bottom:#eee 1px solid;}

.ndh{ width:96%; margin:0 auto; max-width:1000px;}
.ndh ul { display:flex;justify-content: space-between;}

.ndh ul li a{ display:block; line-height:60px; font-size:16px; position:relative}
.ndh ul li a:hover{ color:#004fa2}
.ndh ul li a:after{display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:2px; background-color:#004fa2; bottom:-1px;transition: .4s; z-index:2}
.ndh ul li a.on:after,.ndh ul li a:hover:after{opacity: 1;left: 0;width: 100%;}

.nmain{ width:96%; margin:50px auto; max-width:1300px;}

.tuwen{ font-size:16px; line-height:40px; color:#333;}


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%;   }
#mbCenter.mbLoading {  -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block;color:#fff; font-weight:bold; line-height:20px; font-size:14px; text-align:center; text-align:center; width:100% }
#mbNumber { display:none; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { display:block; position:fixed; left:15px; top:50%; }
#mbPrevLink:before{font-family: 'iconfont'; content: "\e615";font-size:20px; background:#333; color:#fff; padding:15px}
#mbNextLink { isplay:block; position:fixed; right:15px; top:50%; }
#mbNextLink:before{font-family: 'iconfont'; content: "\e613";font-size:20px; background:#333; color:#fff; padding:15px}

#mbCloseLink { position:fixed; right:15px; top:25px; }
#mbCloseLink:before{ font-family: 'iconfont'; content: "\e6ba"; font-size:20px; background:#333; color:#fff; padding:15px}



#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }


.mod_gallerylist{width:100%; margin-top:30px;  overflow:hidden}
.mod_gallerylist ul{margin:0 -15px; position:relative;}

.mod_gallerylist ul li{float:left; width:33.33%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}
.mod_gallerylist ul li .image_container{ width:100%; border:#e1e1e1 1px solid; background:#fff; padding-bottom:75%; position:relative; box-sizing:border-box}
.mod_gallerylist ul li .image_container img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%;  transform:translate(-50%,-50%)}
.mod_gallerylist ul li .meta a{color:#333; text-decoration:none; line-height:50px; font-size:14px}
.mod_gallerylist ul li .meta{font-size:12px; text-align:center;}


@media only screen and (max-width:1200px){
	.nbanner{ height:300px}
	
}



@media only screen and (max-width:992px){
	.nbanner{ height:200px}
	.nbanner .nnbt{ top:30%; font-size:20px}
	.weizhi{ font-size:12px}
	
	
.ndh ul li a{ display:block; line-height:40px; font-size:12px; position:relative}
	
.mod_gallerylist ul{margin:0 -5px; position:relative;}
.mod_gallerylist ul li{float:left; width:50%; padding:0 5px; box-sizing:border-box; margin-bottom:10px;}


.tuwen{ font-size:14px; line-height:23px}
.nmain{ margin:20px auto;}
}



@media only screen and (max-width:600px){
	.nbanner{ height:160px}
	
	
}


.licheng{ position:relative; }
.licheng:before{ content:""; width:2px; height:100%; position:absolute; background:#f1f1f1; top:0; left:299px; z-index:0}
.licheng ul li{ margin-bottom:50px; overflow:hidden}

.licheng ul li h1{ display:block; width:240px; text-align:right; font-size:28px; font-weight:bold; float:left; color:#004fa3}
.licheng ul li em{ display:block; float:left; margin:0 50px; width:12px; height:12px; background:#fff; border:#004fa3 3px solid;  border-radius:10px; margin-top:10px; position:relative; z-index:2}

.licheng ul li p{ display:block; float:right; width:calc(100% - 380px); font-size:16px; line-height:30px;  color:#333  }




@media only screen and (max-width:992px){	
.licheng ul li{ margin-bottom:30px; overflow:hidden}
.licheng:before{ content:"";  left:71px; z-index:0}
.licheng ul li h1{ display:block; width:50px; font-size:18px; letter-spacing: 0px;}
.licheng ul li em{ display:block; float:left; margin:0 15px; margin-top:5px; width:8px; height:8px }

.licheng ul li p{  width:calc(100% - 95px); font-size:14px; line-height:25px;letter-spacing: 0px;  }


}


.cplb ul{ position:relative; margin:0 -20px}
.cplb ul li{ float:left; width:33.33%; padding:20px; box-sizing:border-box;}

.cplb ul li i{ display:block; width:100%; padding-bottom:100%; position:relative; border:#eee 1px solid; box-sizing:border-box; overflow:hidden;transition:all 0.6s}
.cplb ul li i img{ position:absolute; height:100%; width:auto; position:absolute; top:0; left:50%; transform:translateX(-50%); transition:all 0.6s}
.cplb ul li:hover i{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); transition:all 0.6s}
.cplb ul li:hover i img{ transform:scale(1.1,1.1) translateX(-50%); transition:all 0.6s}
.cplb ul li p{ display:block; font-size:16px; text-align:center; margin-top:15px}


@media only screen and (max-width:992px){	
.cplb ul{ position:relative; margin:0 -10px}
.cplb ul li{ float:left; width:50%; padding:10px; box-sizing:border-box;}
.cplb ul li p{ display:block; font-size:14px; text-align:center; margin-top:10px}

}


.cppic{ display:block; width:40%; padding-bottom:40%; position:relative; height:auto; float:left; border:#ddd 1px solid;}
.cppic img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%)}
.cp01{ float:right; width:55%;}

.cp01 h3{ display:block; font-size:30px; color:#333; line-height:80px; border-bottom:#eee 1px solid; margin-bottom:30px}
.cp01 p{ display:block; font-size:14px; line-height:25px; color:#666}

.xzlx{ display: flex;      align-items: center; margin-top:50px; }
.zixun a{ display:block; background:#004fa3; width:160px; line-height:45px; border-radius:40px; color:#fff; text-align:center; margin-right:30px }
.zxdh i{ display:block; float:left; width:45px; line-height:45px;background:#004fa3; color:#fff; text-align:center; border-radius:100px; font-size:20px; margin-right:15px}
.zxdh p{ display:block; float:left; font-size:20px; color:#004fa3; line-height:inherit}
.zxdh p em{ display:block; font-size:14px; color:#888}


.xqbt{ background:#004fa3; margin-top:30px; margin-bottom:15px; color:#fff; line-height:45px; font-size:20px; padding-left:20px}
.cpjs{ font-size:14px; line-height:25px; color:#666;}
.cpjs img{ max-width:100%; height:auto}


@media only screen and (max-width:992px){	
.cp01 h3{ font-size:20px;  line-height:50px;  margin-bottom:20px}
.cp01 p{ font-size:12px; line-height:20px;}
.xzlx{  margin-top:20px; }

}

@media only screen and (max-width:700px){	

.cppic{ float:none; width:100%; padding-bottom:100%}
.cp01{ float:none; width:100%;}

.cpjs{ font-size:12px; line-height:20px; color:#666;}

}



/*新闻中心*/

.ny_xw ul li { border:1px solid #e1e1e1; margin-bottom:30px;  padding:15px; box-sizing:border-box; position:relative;  }
.ny_xw ul li a{ display:block;display: flex;   justify-content: space-between;   align-items: center; }

.ny_xw ul li .tp { width:30%; overflow:hidden}
.ny_xw ul li .tp img { width:100%; height:auto; transition:all 0.6s}
.ny_xw ul li:hover .tp img{ transform:scale(1.1,1.1); transition:all 0.6s}
.ny_xw ul li .wz {  width:70%; padding:0 50px; box-sizing:border-box} 
.ny_xw ul li .wz h1 {  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:40px; font-weight:bold; margin:20px 0; font-size:20px; color:#333; text-align: justify;}

.ny_xw ul li .wz p { font-size:14px; line-height:25px; color:#666; max-height:75px; margin-bottom:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden;text-align: justify;}

.ny_xw ul li .wz .rq {  color:#999; font-size:14px}
.ny_xw ul li .wz .gd { line-height:25px; height:25px;  font-size:14px;}
.ny_xw ul li .wz .gd em{ display:inline-block; width:40px; height:2px; background:#e1e1e1; margin-right:15px; transition:all 0.6s}
.ny_xw ul li:hover .wz .gd em{ width:60px; transition:all 0.6s; background:#004fa2;}
.ny_xw ul li a:hover h1{ color:#004fa2}
.ny_xw ul li a:hover .gd{ color:#004fa2}

.ny_xw ul li:hover { box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}

@media only screen and (max-width:992px) {

.ny_xw ul li .wz h1 { font-size:16px; margin:10px 0; line-height:30px;}

.ny_xw ul li .wz p { margin-bottom:10px}

.ny_xw ul li .wz {   padding:0 20px; } 
}

@media only screen and (max-width:600px) {
.ny_xw ul li a{ display:block}
.ny_xw ul li .tp { float:none; width:100%; padding:0px; box-sizing:border-box; padding-bottom:0;overflow:hidden}
.ny_xw ul li .wz { width:100%; float:none; padding:0; padding-top:15px} 
.ny_xw ul li .wz p{ margin-bottom:10px;-webkit-line-clamp: 2;}
.ny_xw ul li .wz .rq{  font-size:12px; margin-bottom:10px;}
.ny_xw ul li .wz .gd { font-size:12px}
}



#dituContent{ width:100%; height:400px; margin-top:50px}


@media only screen and (max-width:992px) {
	
	#dituContent{ width:100%; height:300px; margin-top:20px}

}


@media only screen and (max-width:600px) {
	
	#dituContent{  height:200px;}

}

.hez{ width:100%}
.hez img{ max-width:100%; height:auto}
 .hezuo ul{ position:relative; margin:0 -10px}
  .hezuo ul li{ float:left; width:25%; box-sizing:border-box; padding:10px; text-align:center}
  .hezuo ul li i{ display:block; width:100%; border:#e1e1e1 1px solid; padding-bottom:50%; position:relative; box-sizing:border-box;transition:all 0.6s;}
  .hezuo ul li i img{ position:absolute; max-width:90%; max-height:60%; left:50%; top:50%; transform:translate(-50%,-50%)}
  .hezuo ul li p{ display:block; line-height:40px; color:#666; font-size:14px}
    .hezuo ul li:hover i{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); transition:all 0.6s;}
  
  @media only screen and (max-width:992px){
	  .hezuo ul li p{ display:block; line-height:25px; color:#666; font-size:12px}
	  .hezuo ul{ position:relative; margin:0 -5px}
	  .hezuo ul li{ float:left; width:33.33%; box-sizing:border-box; padding:5px; text-align:center}
  }
  @media only screen and (max-width:500px){

	  .hezuo ul li{ float:left; width:50%; }
  }




.zpbt{ padding-left:20px; background:#ebebeb; color:#555; font-size:16px; overflow:hidden; line-height:60px;}
.zp1{float:left; width:20%  }
.zp2{ float:left;width:20%; text-align:center}
.zp3{float:left; width:20%; text-align:center}
.zp4{ float:left;width:20%; text-align:center}
.zp5{ float:left;width:10%; text-align:center}



.zp4 a{ display:block; color:#666; font-size:14px; border:#e1e1e1 1px solid; width:120px; height:35px; line-height:35px; margin:0 auto; border-radius:5px; transition:all 0.6s}
.zp4 a:hover{ background:#004fa3; color:#fff;transition:all 0.6s}


.zhaopin .conbox .conTop {display: block;
    padding: 0;
    font-size: 16px;
    color: #333;
    border: none;
    margin: 0;
    position: relative;

	cursor:pointer;
	

	
	padding:40px 0;
	padding-left:20px;
	
	 overflow:hidden;
	 line-height:35px;
	 box-shadow: 0px 10px 10px rgba(195,195,195,0.35);
	}

.zhaopin .conbox .conTop:before{ content:"";
	width: 40px;
		    height: 40px;
			text-align: center;
		   	 position: absolute;
		    top: 50%;
		    right: 3%;
		    transform: translateY(-50%);
		    transition: all 0.5s ease 0s;
			box-sizing:border-box;
			background:url(../images/more3.png) center no-repeat;
			
			}
			
.zhaopin .conbox.cur .conTop:before{ content:"";
		    width: 40px;
		    height: 40px;
			 text-align: center;
		   	 position: absolute;
		    top: 50%;
		     right: 3%;
		    transform: translateY(-50%);
		    transition: all 0.5s ease 0s;
			background:url(../images/more3h.png) center no-repeat;
			 }



.zhaopin .conbox .boxBot {display: none;padding: 0px; font-size:14px; line-height:30px; color:#666; background:#f8f8f8; padding:30px; box-sizing:border-box}
.zhaopin .conbox.cur .conTop{ border:0}
.zhaopin .conbox.cur .boxBot {display: block;}

.gwzz { overflow:hidden; font-size:14px; line-height:25px;}

.gwzz h3{ font-weight:bold; font-size:16px; color:#333; margin-bottom:10px}


@media only screen and (max-width:992px){

.zp1{float:left; width:calc(100% - 230px) }
.zp2{ float:left;width:90px; text-align:center}
.zp3{float:left; width:90px; text-align:center}
.zp4{ display:none;}
.zp5{ display:none;}
.zpbt{ padding-left:20px; font-size:14px; }
.zhaopin .conbox .conTop {
    font-size: 14px;
   	padding:20px 0;
	padding-left:10px;
	
	
	 line-height:25px;
	
	}


.zhaopin .conbox .boxBot{ padding:15px;}
.gwzz {  font-size:12px; line-height:23px;}

.gwzz h3{  font-size:14px; }

}