body{margin:0px; background:#FFF  ; font-size:14px;text-align:center; color:#6b6b6b;}
*{font-family:'Arial','微软雅黑';}
input,select{color:#5d5f67;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table{border-collapse:collapse;}
img{border:0px;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#555; transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s; }
a:hover{color:#096ad5;}
.clearbox{float:none;clear:both;width:0px;height:0px;overflow:hidden;}

.top{width:1200px; height:63px; margin:0px auto; text-align:left;  overflow:hidden;}
.top .tt{ width:1200px;  line-height:40px; float:left; color:#FFF}
.top .tt .t1{ float:right; padding-top:8px;}
.top .logo{float:left; width:250px; height:142px; margin-TOP:0PX;}
.top .tag{float:right; width:275px; height:55px; line-height:50px; text-align:right; color:#999999; padding:8px 0px 0px 0px;  }
.top .tui{float:right; width:70px; height:55px; line-height:50px; text-align:right; color:#999999; padding:8px 0px 0px 0px; font-size:16px; font-weight:bold;}
 
.top .menu{float:left; /*width:480px; */height:50px; padding:10px 0px 0px 0px; }
.menu li{float:left; width:90px; line-height:50px; height:50px; font-size:14px; text-align:center; color:#555}
.menu li ul{ position:absolute; z-index:999; background: #096ad5; font-weight:lighter; }
.menu li li{width:90px; height:35px; line-height:35px; float:none;  font-size:12px; text-align:center; border-bottom:#096ad5 solid 1px }
.menu li li a{display:block; width:100%; height:100%; color:#fff; display:block; transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s; }
.menu li li a:hover{ width:100%; height:100%;  color:#fff; background:#4991df; border-bottom:0PX  }

.menu li a{display:block; width:100%; height:100%; color:#555; display:block;  transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s; }
.menu li a:hover{ width:100%; height:100%;  color:#096ad5; border-bottom:3PX #096ad5 solid     }



.menu li ul{margin:0px 0px 0px 0px;  }
*html .menu li ul{margin:0px 0px 0px 0px;}
*+html .menu li ul{margin:0px 0px 0px 0px;}

.menu li li ul{position:absolute; z-index:9999; background:#fff none repeat scroll 0 0 !important; margin:-31px 0px 0px 150px;   }
 

.banner{width:100%; height:800px; text-align:left; overflow:hidden; padding-top:0px;  }
#index_banner{width:100%; height:800px; padding:0; margin:0 auto; background:none; position:relative; z-index:10; overflow:hidden;}
#index_banner_con{width:100%; height:100%; margin:0 auto; overflow:hidden; text-align:center;}
#index_banner_list{width:100%; height:100%;}
#index_banner_list li{width:100%; height:100%;}
#index_banner_list li a{width:100%; height:100%; display:block; background:no-repeat top center; text-indent: -9999px;}
#prev_btn{position:absolute; z-index:101; left:0px; top:320px;}
#next_btn{position:absolute; z-index:101; right:0px; top:320px;}
#banner_nav{position:absolute; z-index:1002; left:46%; top:0px; margin-top:770px;}
#banner_nav a{float:left; display:block; width:50px; height:4px; background:#ffffff; margin-left:20px;  }
#banner_nav a:hover{background:#096ad5;}
#banner_nav a.this{background:#096ad5;}

.content{width:1200px; padding:10px  0px 0px 0px; margin:0px auto; text-align:left; height:536px;}
.c01{float:left; width:1200px;}
.c01 .pro{ width:380px; float:left}
 

.about{ margin:0px auto; width:100%;  height:550px;}
.about .cont{ width:1200px; margin:50PX auto}
.about .acon{ width:700px; padding-left:50PX; float:left; text-align:left; color:#555}
 
 
 
.more{  margin-top:0px;  } 
.more a{ display:block;  font-size:14px;  border:1px #096ad5 solid;  width:220px; color:#096ad5; line-height:40px; text-align:center;transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s; border-radius:100px;  }
.more a:hover{ display:block; background:#096ad5;  border:1px #096ad5 solid;  color:#fff;   text-align:center }


.more1{  margin-top:0px;  } 
.more1 a{ display:block;  font-size:14px;  border:1px #fff solid;  width:110px; color:#fff; line-height:30px; text-align:center;transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s;   }
.more1 a:hover{ display:block; background:#fff;  border:1px #fff solid;  color:#096ad5;   text-align:center }



.tt{ width:1200px; margin:0px auto; text-align:center; color:#aaa; padding-top:0px; font-size:12px }
.tt p{font-size:22px; color:#096ad5; line-height:40px; padding-top:60px; }


.prolist{width:1200px; padding-top:40px; }
.prolist li{float:left; width:400px;   height:300px; text-align:center; line-height:20px; background:url(../images/PBG.jpg) no-repeat}
.prolist li a{display:block; width:300px; padding-left:46px; padding-top:35px;    color:#666666;}
.prolist li a:hover{color:#096ad5;      }
.prolist li img{width:297px;height:179px;     }

.prolist img {opacity:1;filter(alpha=100)}
.prolist img:hover {opacity:0.7;;filter(alpha=70)}

  

.news{ width:100%; margin:90px auto; background:url(NBG.jpg) top center no-repeat; height:630px;}
.n01{ margin:30px auto; width:370px; height:400px;   color:#666;   margin-left:20px; float:left; text-align:left}

.n01 .nimg{    width:369px; height:177px; position: relative; overflow: hidden;  cursor: pointer;  -webkit-box-shadow:0 0 2px #ccc;   -moz-box-shadow:0 0 1px #ccc;   box-shadow:0 0 2px #ccc; }
.nimg a img{   width:369px; height:177px; overflow: hidden;  transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.nimg a:hover img{ width:410px; height:210px;  margin:-20px 0 0 -20px}

 
 
 
.wmap {   color:#000;text-align:left; margin:40px auto}
.wmap a {color:#000;text-align:left; font-size:14px}




.bottom{clear:both; width:1200px; padding:0px 0px; height:50px; color:#FFF; text-align:left; margin:0px auto; }
.bottom .nav{ text-align:center; width:1200px;  font-size:12px; padding-top:12PX; color:#555}
.bottom .copyright{float:right; padding-top:0px;}