 

/*ÄÚÒ³ÇøÓò*/  
.banner a{ width:29%; border:3px #FFFFFF solid; margin: 0 auto; padding:2% 0%; margin-top:200px; text-align:center; line-height:50px; font-size:36px; color:#FFFFFF; font-weight:bold; display: block; background:rgba(0,0,0,0.30)}
@media only screen and (max-width:1500px) {  
.banner a{ width:57%;}
}
@media only screen and (max-width:1024px) {  
.banner a{ margin-top:150px}
}
@media only screen and (max-width:850px) {  
.banner a{ margin-top:130px; font-size:26px}
}
@media only screen and (max-width:600px) {  
.banner a{ margin-top:70px; font-size:20px}
}
@media only screen and (max-width:380px) {  
.banner a{ width:87%}
}
@media only screen and (max-width:328px) {  
.banner a{ display:none}
}
.wraps_bot{ width:100%; margin: 0 auto;  }
.wraps_bot ul{ width:66%; margin: 0 auto; padding:3% 0px 0px 0px;}
.wraps_bot ul li{ width:21%; height:60px; line-height:60px; color:#000000; border:3px #959595 solid; background:#FFFFFF; float:left; margin:0% 1%; text-align:center; overflow:hidden}
.wraps_bot ul li:hover{background:#045cbd;border:3px #045cbd solid;}
.wraps_bot ul li:hover a{ color:#FFFFFF}
.wraps_botli{  background:#045cbd!important;;border:3px #045cbd solid!important;;}
.wraps_botli a{ color:#FFFFFF} 

@media only screen and (max-width:1100px) { 
}
@media only screen and (max-width:768px) {
.wraps_bot{ display:none}
.wraps_bot ul{ width:100%;}
.wraps_bot ul li{ width:30%}
.wraps_bot ul li:nth-child(2){ display:none} 

}
@media only screen and (max-width:600px) {
.wraps_bot{ margin-top:0px; background:none; height:auto; margin-bottom:2%}
.wraps_bot ul{ padding:3% 0px 0px 0px;}

}
@media only screen and (max-width:500px) {
.wraps_bot ul li{ height:50px; line-height:50px; border:1px #959595 solid;}
.wraps_botli{ border:1px #045cbd solid!important;;}
.wraps_bot ul li:hover{ border:1px #045cbd solid;}

}
.wraps_top{ width:100%; color:#000; text-align: center; margin-bottom:3%; margin-top:2%}
.wraps_top h2{ line-height:50px; text-transform:uppercase; font-size:36px; color:#c5c5c5}
.wraps_top strong{ line-height:40px; font-size:36px; display:block; color:#333333}
.wraps_top dt{ color:#999999; width:84%; margin:0 auto; font-size:16px; margin-top:1%;line-height:60px; height:60px; overflow:hidden; font-weight:bold; border-bottom:solid 1px #dcdcdc; border-top:solid 1px #dcdcdc} 
.wraps_top dt p{ padding:0% 1%; display:inline-table}

@media only screen and (max-width:1024px) { 
.wraps_top h2{ line-height:30px; font-size:30px}
.wraps_top dt{ width:100%;}
.wraps_top strong{ font-size:30px}
} 
@media only screen and (max-width:768px) {  
.wraps_top h2{ font-size:24px}
.wraps_top strong{ font-size:24px}
} 
@media only screen and (max-width:520px) { 
.wraps_top{ margin-top:4%}
.wraps_top dt{ display:none} 
.wraps_top strong{ line-height:40px;}
}

.gsjjfl{ width:10%; float:left; }
.gsjjfl h2{ width:50%; float: left;font-family: "DINOBL", serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:60px;writing-mode:vertical-rl; font-weight:bold; text-transform:uppercase}
.gsjjfl span{ width:27%; float: left; border-top:190px #045cbd solid;writing-mode:vertical-rl;  font-size:30px; color:#333333; letter-spacing:2px; line-height:50px; padding-top:19%}
.gsjjabny_nr{ width:86%; float: right}
.gsjjabny_nr_bot{ width:100%; margin-bottom:3%}
.gsjjabny_nr_bot ul{ width:69%; height:400px; overflow:hidden; float:left; margin-right:1%} 
.gsjjabny_nr_bot li{ width:30%; height:400px; overflow:hidden; float:left}
.gsjjabny_nr_bot img{ height:100%}
@media only screen and (max-width:1024px) { 
.gsjjfl{ display:none}
.gsjjabny_nr{ width:100%; float: right}
.gsjjabny_nr_bot ul{  height:300px;  } 
.gsjjabny_nr_bot li{  height:300px; }
}
@media only screen and (max-width:768px) {  
.gsjjabny_nr_bot ul{  height:200px;  } 
.gsjjabny_nr_bot li{  height:200px; }
}
@media only screen and (max-width:500px) {  
.gsjjabny_nr_bot{ display:none}
}


.maincpab{ width:100%; padding-bottom:3%}
.maincpab li{ width:15.5%; margin:0% 0.5% 1% 0.5%; }
.maincpab li h2{ text-align:center; line-height:50px; height:50px; overflow:hidden}
.maincpabry{ width:100%; padding:3% 0%}
.maincpabry li{width:23%; margin:0% 1% 1% 1%;  }
.maincpabry li h2{ text-align:center; line-height:50px; height:50px; overflow:hidden}

.abny_nr{ font-size:18px; line-height:52px;} 
@media only screen and (max-width:768px) {     
.abny_nr{ font-size:16px; line-height:32px;} 
.abny_nr img{ width:100%}
}   
.news3ny{ float:left; width:100%} 
.news3ny ul{ width:100%; float: left; margin:0%; height: auto; overflow:hidden;  padding:0% 0% 1% 0%}
.news3ny ul li{ width:100%;float: left;font:16px/40px "Î¢ÈíÑÅºÚ";} 
.news3ny ul li h2{ border-bottom:1px #CCCCCC dotted; width:100%;}
.news3ny ul li h2 span{ float:right}
.news3ny ul li p{ color:#CCCCCC}
.data1{ width: 23%; float:left; border-right:1px #999999 dotted; margin-top:20px; margin-right:10px; display:none}
.data1 h3{font:26px/50px "Î¢ÈíÑÅºÚ"; float:left}
.data1 strong{font:26px/40px "Î¢ÈíÑÅºÚ"; padding:0px 10px; float:left}
.data1 span{font:36px/40px "Î¢ÈíÑÅºÚ"; float:left}
@media only screen and (max-width: 768px) {  
.news3ny ul li h2{ border-bottom:none}
}
 /*ÄÚÒ³ÁªÏµÎÒÃÇ*/ 
.lxwms{ width:80%; margin: 0 auto; }
.lxwms ul{ width:50%; float:left;font:16px/30px "Î¢ÈíÑÅºÚ";}
.lxwms li{ width:25%; float: right; text-align:center}
.lxwms li img{ width:68%; padding-top:2%;}
.lxwms li h2{font:16px/50px "Î¢ÈíÑÅºÚ";}
.lxwms dl{ width:100%; display:block; text-align:center} 

.lxwm1{ width:100%; height:181px;  margin-top:3%; margin-bottom:5%;background:url(../images/lxwm1.jpg) no-repeat left top #f4f4f4; display:none} 
.lxwm1 ul{  float: right; width:77% }
.lxwm1 h2{font:26px/90px "Î¢ÈíÑÅºÚ"; float:left; color:#335940}
.lxwm1 p{font:16px/30px "Î¢ÈíÑÅºÚ";  float:left; color:#999999; padding-right:50px;} 
.lxwm1img{ margin: 0 auto; width:80%;}

.lxwm1_top{width:100%; margin: 0 auto; border-bottom:1px #434343 solid; height:80px; overflow:hidden; margin-bottom:3%}
.lxwm1_top h2{   float:left;font-variant:small-caps; line-height:80px; height:80px; overflow:hidden; }
.lxwm1_top span{  height:40px; float:left; } 
.lxwm1_top h3{ float: right;line-height:80px;} 
 
@media only screen and (max-width: 1200px) {       
.lxwm1 ul{  float: right; width:72% }  
} 
@media only screen and (max-width:1024px) {    
.lxwm1 ul{ width:75% }
.lxwm1 ul h2{ text-align:center}
.lxwm1 img{ width:77%}    
}   
@media only screen and (max-width:850px) {     
.lxwm1 ul{ width:71%; padding-bottom:3%; margin-bottom:3%} 
.lxwm1{ height:210px;}
.lxwm1 h2{ font-size:20px}     
}  
@media only screen and (max-width:768px) {   
.lxwm1{background:url(../images/lxwm1.jpg) no-repeat left center #f4f4f4;background-size:152% 79%;}
.lx img{ height:auto}    
.lxwms li{ width:50%; }
.lxwms li img{ width:50%}  
.lxwms{ width:100%} 
} 
@media only screen and (max-width:650px) {    
.lxwm1{background-size:152% 79%;} 
.lxwms ul{ width:100%}
.lxwms li{ display:none}          
} 
@media only screen and (max-width:600px) {    
.lxwm1{ background:#f4f4f4;}       
.lxwm1 ul{ width:94%}
}   
@media only screen and (max-width:414px) {    
.lxwm1{ display:none}     
}  





