@charset "utf-8";
body{ min-width:1200px;}

.clear{ clear:both;}

.container { width:1200px; margin-left:auto; margin-right:auto;}
{font-family:'Microsoft Yahei' Arial, Helvetica, sans-serif;}


/*--椤堕儴 begin--*/
.header{height: 30px;background:#f8f8f8;line-height: 30px;}
.header .container span{color:#666;}
.tel400{ float:right; font-size:18px; font-weight:bold; color:#333 !important;}
/*--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; height:50px;background: url(../images/02.jpg) no-repeat center left;margin-top: 30px;margin-left: 50px;}
.logo .logo_r p{color: #223a76;font-size: 18px; line-height:24px;margin-left: 45px;width: 215px;float: left;margin-top:-20px;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--*/

@font-face{font-family:'icomoon';src:url('../other/icomoon.eot');src:url('../other/icomoon.eot#iefix') format('embedded-opentype'),url('../other/icomoon.ttf') format('truetype'),url('../other/icomoon.woff') format('woff'),url('../other/icomoon.svg') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-lc-dh:before{content:"\e907";}.icon-lc-fa:before{content:"\e908";}.icon-lc-qy:before{content:"\e909";}.icon-lc-sm:before{content:"\e90a";}.icon-dh:before{content:"\e900";}.icon-kf:before{content:"\e901";}.icon-qq:before{content:"\e902";}.icon-top:before{content:"\e903";}.icon-wb:before{content:"\e904";}.icon-wx:before{content:"\e905";}.icon-xx:before{content:"\e906";}

.text-center {text-align: center;}

.h-h2-white{font-size:36px;color:#fff;padding:0;margin:0 0 10px 0;line-height:150%}

.m-sm-white{display:inline-block;font-size:18px;line-height:150%;padding: 0 15px; margin:10px 0 20px 0;color:rgba(255,255,255,.8);;background-color:#333}

.xx-white {display: block;border-bottom:1px solid rgba(255,255,255,0.15);width: 100%;height: 10px; margin-bottom: -24px}

.service {background: #222; padding:50px 0;}

.service a.btn-center {font-size: 16px}

.service figure {width: 120px;height: 120px;border-radius: 50%;margin: 0 auto}

.service figure figcaption {width: 120px;height: 120px;line-height: 120px;font-size: 60px;border: 3px solid #09F;color: #09F;margin: 0 auto;border-radius: 50%;background-color: #222}

.service h4 {color: #fff;font-size: 18px;margin-top: 15px}

.service .h-h3-white {margin-bottom: 30px}

.service .row .row {background-repeat: no-repeat; background-position: center 80px }

.process{ width:12.5% !important; float:left;}

.hg-2{ color:#999; margin: 0 0 10px; line-height:2;}

/*--搴曢儴 begin--*/
.footer{height: 230px;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: 30px;color: #fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#ccc;}

/*--搴曢儴 end--*/
.foot_top{
    padding: 15px 0 20px;
}
.foot_top a{
    color:#fff
}
.foot_top i {
    padding: 0 5px;
    color: #ffff;
}