


.container { width:1200px; margin-left:auto; margin-right:auto;}


{font-family: "å¾®è½¯é›…é»‘" Arial, Helvetica, sans-serif;}








/*--é¡¶éƒ¨ begin--*/


.header{height: 30px;background:#f8f8f8;line-height: 30px;}


.header .container span{color:#666


	;}


/*--baner begin--*/


.banner {


  width: 100%;


  position: relative;


  margin: 0 auto;


  height:550px;


  background: transparent;





}


.banner .bd {


  margin: 0 auto;


  height: 100%;


  position: relative;


  z-index: 0;


}


.banner .bd ul {


  height: 100%;


  width: 100%;


}


.banner .bd li {


  height: 100%;


  overflow: hidden;


  text-align: center;


  background-position: center;


  background-repeat: no-repeat;


  width: 100%;


}


.banner .bd li a {


  display: block;


  height: 100%;


  width: 100%;


}


.banner .hd {


  width: 100%;


  position: absolute;


  z-index: 1;


  bottom: 0;


  left: 0;


}


.banner .hd ul {


  text-align: center;


  margin-bottom: 10px;


}


.banner .hd ul li {


  background: #478beb;


  cursor: pointer;


  display: inline-block;


  *display: inline;


  zoom: 1;


  width: 42px;


  height: 11px;


  margin: 1px;


  overflow: hidden;


  *filter: alpha(opacity=50);


  *opacity: .5;


  line-height: 999px;


}


.banner .hd ul .on {


  background: #154fa2;


}


.banner .prev,


.banner .next {


  display: block;


  position: absolute;


  top: 50%;


  margin-top: -30px;


  left: 15%;


  z-index: 1;


  width: 40px;


  height: 60px;


  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;


  cursor: pointer;


  *filter: alpha(opacity=50);


  *opacity: .5;


  display: none;


}


.banner .next {


  left: auto;


  right: 15%;


  background-position: -6px -137px;


}











/*å†…é¡µbanner*/


.banner_n {


  width: 100%;


  position: relative;


  margin: 0 auto;


  background: transparent;





}


.banner_n img {


    width: 100%;


    height: 350px;


}


.banner_n .bd {


  margin: 0 auto;


  height: 100%;


  position: relative;


  z-index: 0;


}


.banner_n .bd ul {


  height: 100%;


  width: 100%;


}


.banner_n .bd li {


  height: 100%;


  overflow: hidden;


  text-align: center;


  background-position: center;


  background-repeat: no-repeat;


  width: 100%;


}


.banner_n .bd li a {


  display: block;


  height: 100%;


  width: 100%;


}


.banner_n .hd {


  width: 100%;


  position: absolute;


  z-index: 1;


  bottom: 0;


  left: 0;


}


.banner_n .hd ul {


  text-align: center;


  margin-bottom: 10px;


}


.banner_n .hd ul li {


  background: #478beb;


  cursor: pointer;


  display: inline-block;


  *display: inline;


  zoom: 1;


  width: 42px;


  height: 11px;


  margin: 1px;


  overflow: hidden;


  *filter: alpha(opacity=50);


  *opacity: .5;


  line-height: 999px;


}


.banner_n .hd ul .on {


  background: #154fa2;


}


.banner_n .prev,


.banner_n .next {


  display: block;


  position: absolute;


  top: 50%;


  margin-top: -30px;


  left: 15%;


  z-index: 1;


  width: 40px;


  height: 60px;


  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;


  cursor: pointer;


  *filter: alpha(opacity=50);


  *opacity: .5;


  display: none;


}


.banner_n .next {


  left: auto;


  right: 15%;


  background-position: -6px -137px;


}








.logo{height: 115px;}


.logo .logo_r{float: right;width: 300px;background: url(../images/02.jpg) no-repeat center left;margin-top: 30px;margin-left: 50px;}


.logo .logo_r p{color: #223a76;font-size: 30px;margin-left: 45px;width: 215px;float: left;margin-top:-7px;font-weight: bold;}


.logo .logo_r .pic {float: right;width: 75px;}


.logo .logo_r .pic span{color: #666;text-align: center;display: block;}


.logo .logo_l h2{margin-top: 30px;font-size: 36px;font-weight: bold;}


.logo .logo_l h2 a{color: #223a76;}


.logo .logo_l span{text-transform: uppercase;color: #999;font-size: 16px;}


.nav{height: 60px;background: #223a76;line-height: 60px;}


.nav .container{width: 1200px;}


.nav .container ul li{float: left;width: 131px;text-align: center;}


.nav .container ul li a{color: #fff;font-size: 14px;}


.nav .container ul li:hover a{width: 130px;height: 60px;background: #fff;display: block;color: #223a76;}


/*--é¡¶éƒ¨ end--*/

















/*--åº•éƒ¨ begin--*/


.footer{height: 200px;background: #223a76;margin-top: 20px;}


.footer .r{width: 127px;height: 168px;float: right;padding-top: 20px;color: #fff;}


.footer .r img{width: 127px;height: 127px;color: #fff;}


.footer .r p{height: 40px;line-height: 40px;text-align: center;color: #fff;}


.footer .l .l-t{width: 745px;height: 46px;line-height: 46px;color: #fff;}


.footer .l .l-t span{padding-top: 8px;color: #fff;display: block;}


.footer .l p{line-height: 35px;color: #fff;}





/*--åº•éƒ¨ end--*/





