

.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: -8px;margin-left: 50px;}

.logo .logo_r p{color: #223a76;font-size: 29px;margin-left: 45px;width: 265px;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;  margin:0 0 0 50px;}

.nav{height: 60px;background: #223a76;line-height: 59px;}

.nav .container{width: 1200px;}

.nav .container ul li{float: left;width: 145px;text-align: center;}

.nav .container ul li a{color: #fff;font-size: 16px;}

.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--*/



