.fl{ float:left}
.fr{ float:right}
.hstp{filter: grayscale(100%);}
.txcenter{ text-align:center;}
.nbz{  height:40px; display:block;}
.kga{ margin-top:2.5%;}
#nyweb{
	width:100%;
	float:left;
	padding-bottom:2.5%;
	padding-top:2.5%; background-color:#fff; z-index:3; overflow:hidden; position:relative;
}
#nyweb:after{background-color:#FAFAFA; position:absolute; left:0px; top:0px; height:200px; z-index:-1; width:100%; content:"";}
#nyweb1{
	width:100%;
	float:left;
	padding-bottom:2.5%;
	padding-top:2.5%; background-color:#fff; z-index:3; overflow:hidden; position:relative;
}
#dhlm{ width:100%; font-size:36px; color:#005098; text-align:center;    line-height:1.8;font-weight:bold; float:left;}
#lmbtn{ width:100%; float:left; text-align:center; overflow:hidden; }
#lmbtn dd{ float:left;
	width:100%;
	text-align:center;
	line-height:1.5;
 color:#005098; font-weight:bold; position:relative; padding-bottom:15px; margin-bottom:10px;
}
#lmbtn dd:after{ width:80px; height:5px; position:absolute; background-color:#005098; left:50%; margin-left:-40px; bottom:0px; content:""; z-index:2}
#lmbtn dd:before{ width:320px; height:1px; position:absolute; background-color:#ddd; left:50%; margin-left:-160px; bottom:2px; content:""; z-index:1}
#lmbtn dd span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-left:12px;
	color:#999;
	font-style: normal;
	font-weight:normal;
	text-transform:capitalize;
}
#lmbtn p{ color:#666; line-height:1.8; }
.lan{ color:#005098; border:0px; text-align:right;}
.lan a{color:#005098}
#nyzt{width:100%;
	float:left;
	position:relative; z-index:1;}
#nyzt img{ display:block; float:left; width:100%;}
#nbanner{
	width:100%;
	float:left;
	position:relative;
	display:block;
	z-index:1;
	background-image: url(n1.jpg);
	background-repeat: no-repeat;
	background-position: center center;	background-size:cover; height:500px;
}

#nbanner .nrc{
 position:absolute; left:50%;  top:50%;transform: translateY(-35%)  translateX(-50%); background-color:rgba(0,0,0,0.7); padding:1.5% 5%;
}
#nbanner .nrc h4{ font-weight:normal; text-align:center; color:#fff; line-height:2; text-transform:capitalize;}
#nbanner .lmmc{ width:100%; float:left; margin-bottom:1.5%; text-align:center }
#nbanner .lmmc dd{
	display:inline-block;line-height:2; cursor:pointer;   font-size:28px; font-weight:bold; color:#fff; 
}

#nypage{
	width:100%;
	float:left; overflow:hidden;  display:block;}
#lmdf{float:left;width:100%; text-align:center;  overflow:hidden; }
#lmdf.cp a{ width:20%; display:block; float:left; margin:5px 2px; overflow:hidden;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; }
#lmdf A{ float:left;
	padding-left:25px; 
	padding-right:25px;
	font-size:17px;line-height:40px;
	 color:#fff; background-color:#C2C2C2; margin: 2px; 
}
#lmdf A:hover{	 background-color:#005098;}
#lmdf A.sec{ color:#FFFFFF;	background-color:#005098; }
#lmnb{ width:100%; float:left; margin-top:35px;}
#lbb2{text-align:center; font-size:12px; width:100%; float:left; text-align:center; margin-top:20px; line-height:20px;}
#lbb2 span{margin-left:2px; margin-right:2px;}
#lbb2 A{ border:#ddd solid 1px; padding:8px 12px; font-size:16px; background-color:#fff; color:#555; display:inline-block; margin:1px;}
#lbb2 A:hover{ border:#005098 solid 1px;color:#005098;}
#lbb2 A.current{border:#005098 solid 1px; background-color:#005098;color:#fff;}
.gbg{ border:#ddd solid 1px; padding:1px;
}
#lmbs{width:100%; float:left;}
.zxzz02left{
    width: 55%;
    padding-top: 5%;
}
.zxzz02leftp1{  line-height:1.8;
   
    color: #005098;
    font-weight: bold;
}
.zxzz02leftp2{
	font-size: 68px;
	color: #D3D3D3;
	text-transform: uppercase;
	font-weight: bold;
	line-height:1.5;
	margin-bottom: 3%;
	font-family: Arial, Helvetica, sans-serif;
}
.zxzz02leftp3{
     color: #B0B0B0;
    letter-spacing: 0.5px;
    line-height: 2;
}
.zxzz02right{width:40%;}
.zxzz02right img{ float:right; max-width:100%;}
#guanynav{ width:100%; float:left;background-color: #F3F3F3; }
.gyfl{width:100%; float:left}
.gynavli{
    width: 16.66%;
    text-align: center;
    transition: 0.8s;
    position: relative;
    z-index: 9; 
}
.gynavli:after{ width:0px;transition:all 0.4s ease-in-out 0s; height:2px; background-color:#005098; position:absolute; left:0px; bottom:0px; z-index:1; content:"";}
.gynavimg{
 
    margin-top: 25px;
    margin-bottom: 15px;margin-left:auto; margin-right:auto;border-radius:100%;padding:15px; border:#ccc solid 1px; display:block; width:35px;
}
.gynavimg img{ display:block; margin-left:auto; margin-right:auto; width:100%;  }
.gynavlip1{
      color: #4D4D4D;
    position: relative;
    margin-bottom: 5px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; line-height:1.2
}
.gynavlip2{
TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; line-height:1.2;
    color: #9C9C9C; margin-bottom:30px;
}
.gynavli:hover{
    margin-top: 0px;

}
.gynavli:hover:after{ width:100%;}
.gynavli:hover .gynavimg{ border:#005098 solid 1px; background-color:#005098;}
.gynavli:hover .gynavimg img{
    opacity: 1;filter: brightness(0) invert(1); 
}
.gynavli:hover .gynavlip1{
    color:#005098;
}
.gynavli:hover .gynavlip2{
    color: #555;
}
.gynavli.on{
    margin-top:0px;
    
 }
.gynavli.on:after{ width:100%;}
.gynavli.on .gynavimg{
border:#005098 solid 1px; background-color:#005098;
}
.gynavli.on .gynavimg img{
    opacity: 1;filter: brightness(0) invert(1); 
}
.gynavli.on .gynavlip1{
    color: #005098;
}
.gynavli.on .gynavlip2{
    color: #555;
}
#bt1{ width:100%; float:left; margin-bottom:1.5%;}
#bt1 .p1{    font-weight: bold;
    color: #005098; line-height:1.8;}
#bt1 .p2 img{ max-width:98%}
#bt1 .p3{ color:#444; line-height:1.6; margin-top:5px;}
@media only screen and (max-width: 1450px){#nbanner{ height:450px;}#dhlm{ font-size:32px;}.zxzz02leftp2{ font-size:50px;}}
@media only screen and (max-width: 1250px){#lmdf A{ font-size:14px; 	padding-left:15px; 	padding-right:15px;line-height:30px;}#nbanner{ height:400px;}#nbanner .lmmc dd{ font-size:18px; font-weight:bold;}#dhlm{ font-size:28px;}.zxzz02leftp2{ font-size:45px;}#lbb2 A{ font-size:14px;}#lbb2 A{ padding:4px 8px;}.gyfl{ float:left;}.gynavlip2{ margin-bottom:20px;}}
@media only screen and (max-width: 1000px){#nbanner{ height:360px;}#nbanner .lmmc dd{ font-size:16px;}}
@media only screen and (max-width: 900px){#nbanner{ height:320px;}#lmbtn dd span{ font-size:14px;}#lmdf A{ font-size:12px; font-weight:bold; 	padding-left:10px; 
	padding-right:10px;line-height:25px;}#nbanner .lmmc dd{ font-size:14px;}#dhlm{ font-size:18px;}#nbanner .nrc{ padding:1.5% 2%;}.zxzz02leftp2{ font-size:30px;}#lbb2 A{ font-size:12px;}#lbb2 A{ padding:2px 5px;}.gyfl{ float:left;padding-top:0px;}.gynavli{ margin-top:0px;}.gynavlip2{ margin-bottom:12px;}.gynavli{ width:33.33%}.gynavimg{ margin-top:12px; margin-bottom:12px;}.gynavimg{ width:30px; padding:10px;}}
@media only screen and (max-width: 450px){.gwtp{height:50px;}#nbanner{ height:280px;}#nbanner .lmmc dd{ font-size:14px;}.zxzz02leftp2{ font-size:20px;}.zxzz02right{ width:100%}.zxzz02left{ width:100%;}}