@charset "utf-8";

/* CSS Document */
.banner {
  width: 100%;
  height: 599px;
  background: url(../image/index_ban.jpg) no-repeat center top;
}

.banner a {
  width: 100%;
  height: 599px;
  display: block;
}

.wapper {
  width: 100%;
  min-height: 305px;
  background-color: #FFF;
}

.wap1 {
  width: 100%;
  min-height: 611px;
  background-color: #F4F4F4;

}

.wap1er {
  width: 1172px;
  margin: 0 auto;

}

.about_ti {
  width: 269px;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
}

.about_ti .abt_ti1 a {
  font-family: Arial;
  font-size: 18px;
  line-height: 30px;
}

.about_ti .abt_ti2 a {
  font-family: "微软雅黑";
  font-size: 23px;
  color: #212121;
}


.ab_cen {
  width: 1172px;
  float: left;
}

.ab_cen p {
  font-family: Arial;
  font-size: 15px;
  float: left;
  color: #666666;
  padding-bottom: 10px;
  text-indent: 2em;
  line-height: 1.8;
}

.abt_more {
  width: 70px;
  float: right;
  text-align: center;
}

.abt_more a {
  display: block;
  width: 70px;
  height: 28px;
  background-color: #0067DD;
  color: #FFFFFF;
  line-height: 28px;
  border-radius: 8px;
  margin: 0 auto;
}

.aboutimg {
  width: 1172px;
  float: left;
  margin-top: 35px;
  margin-bottom: 35px;
}

.wap2 {
  width: 100%;
  min-height: 933px;
  background: url(../images/wap2bg.jpg) no-repeat center top;
}

.wap2_er {
  width: 1172px;
  margin: 0 auto;
}

.wap2_ti {
  width: 194px;
  height: 83px;
  margin: 0 auto;
  padding-top: 36px;
}

.wap2_ti a {
  display: block;
  text-align: center;
  font-family: "微软雅黑";
  font-size: 22px;
  color: #1b3d6d;
  font-weight: bold;
}

.wap2_tiii {
  width: 522px;
  margin: 0 auto;
  text-align: center;
}

.wap2_tiii span {
  color: #FFFFFF;
}

.wap2_cont {
  width: 1172px;
  float: left;
  margin-top: 26px;
}

.wap2_cont ul {
  width: 1172px;
  float: left;
}

.wap2_cont ul li {
  width: 378px;
  min-height: 341px;
  float: left;
  margin-bottom: 20px;
}

.gqjbx {
  background: url(../images/gqjbs.jpg) no-repeat center top;
}

.lmgys {
  background: url(../images/lmgys.jpg) no-repeat center top;
}

.bljws {
  background: url(../images/jws.jpg) no-repeat center top;
}

.jnbls {
  background: url(../images/jns.jpg) no-repeat center top;
}

.nlfl {
  background: url(../images/nnf.jpg) no-repeat center top;
}

.cofla a {
  width: 300px;
  line-height: 100px;
  min-height: 300px;
  padding-top: 40px;
  padding-left: 35px;
  float: left;
  display: block;
  font-family: "微软雅黑";
  font-size: 16px;
  color: #212121;
}

.jia {
  margin-right: 19px;
}



.wap3 {
  width: 100%;
  float: left;
  background: url(../images/wap3bg.jpg) no-repeat center top;
  min-height: 566px;
}

.wap3_er {
  width: 1172px;
  margin: 0 auto;
}

.pro_ri {
  width: 169px;
  margin: 0 auto;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 30px;
}

.pro_ri .abt_ti1 a {
  font-family: Arial;
  font-size: 18px;
  line-height: 30px;
  color: #FFF;
}

.pro_ri .abt_ti2 a {
  font-family: "微软雅黑";
  font-size: 23px;
  color: #fff;
}


.box1 {
  width: 1172px;
  position: relative;
  float: left;
  margin-top: 30px;
}

.box1 .leftLoop {
  overflow: hidden;
  width: 1172px;
  float: left;
}

.box1 .leftLoop .hd .prev,
.hd .next {
  display: block;
  width: 18px;
  height: 193px;
  cursor: pointer;
  z-index: 98;
  top: 145px;
}

.box1 .leftLoop .hd .prev {
  position: absolute;
  left: -48px;
  background: url(../images/profl.png) no-repeat;
}

.box1 .leftLoop .hd .next {
  position: absolute;
  top: 145px;
  left: 1190px;
  width: 18px;
  height: 193px;
  background: url(../images/profr.png) no-repeat;
}

.box1.leftLoop .hd ul {
  float: right;
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
}

.box1 .leftLoop .hd ul li {
  position: relative;
  _display: inline;
  float: left;
  width: 284px;
  height: 10px;
  overflow: hidden;
  background: #ccc;
  margin-right: 10px;
  text-indent: -999px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.box1 .leftLoop .bd ul li .pic img {
  width: 338px;
  height: 218px;
  padding: 5px;
}

.box1 .leftLoop .hd ul li.on {
  background: #f00;
}

.box1 .leftLoop .bd ul {
  overflow: hidden;
  zoom: 1;
}

.box1 .leftLoop .bd ul li {
  width: 338px;
  float: left;
  margin: 0 5px;
  text-align: center;
  float: left;
  _display: inline;
  overflow: hidden;
}

.box1 .leftLoop .bd ul li .pic {
  width: 338px;
  float: left;
}

.box1 .leftLoop .bd ul li .titlle a {
  width: 338px;
  float: left;
  color: #FFFFFF;
  line-height: 50px;
}

.box1 .leftLoop .bd ul li .titlle {
  width: 338px;
  float: left;
  background-color: #05549B;
}

.box1.leftLoop .bd ul li .titlle a img {
  padding-bottom: 15px;
}

.box1 .tempWrap {
  width: 1172px;
  !important
}



.wap4 {
  width: 100%;
  min-height: 1039px;
  background: url(../images/wap4bg.jpg) no-repeat center top #606060;
}

.wap4_er {
  width: 1172px;
  margin: 0 auto;
}

.wap4_ti {
  width: 169px;
  height: 101px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 20px;
}

.wap4_ti a {
  display: block;
  text-align: center;
  font-family: "微软雅黑";
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
}

.wap4cen {
  width: 1172px;
  float: left;
  margin-top: 20px;
}

.wap4fl {
  width: 1172px;
  float: left;
}

.wap4fl1 {
  width: 585px;
  background-color: #004080;
}

.wap4fl1 dl {
  width: 585px;
  float: left;
  min-height: 246px;
}

.wap4fl1 dl dt {
  width: 486px;
  margin-top: 60px;
  margin-left: 50px;
  float: left;
  font-family: "微软雅黑";
  font-size: 18px;
  color: #FFF;
}

.wap4fl1 dl .englist {
  width: 486px;
  float: left;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 10px;
}

.wap4fl1 dl dd {
  width: 486px;
  margin-left: 50px;
  float: left;
  color: #FFF;
}

.wap4fl2 {
  width: 585px;
  background-color: #FFF;
}

.wap4fl21 {
  width: 585px;
}

.wap4fl212 {
  width: 585px;
  min-height: 273px;
}

.wap4fl211 {
  width: 486px;
}

.wap4fl212 {
  width: 486px;
  height: 192px;
}

.wap4fl212 dl {
  width: 585px;
  float: left;
  min-height: 248px;
}

.wap4fl212 dl dt {
  width: 486px;
  margin-top: 60px;
  margin-left: 50px;
  float: left;
  font-family: "微软雅黑";
  font-size: 18px;
  color: #181818;
}

.wap4fl212 dl .englist {
  width: 486px;
  float: left;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 10px;
}

.wap4fl212 dl dd {
  width: 486px;
  margin-left: 50px;
  float: left;
  color: #181818;
}

.ryzs {
  width: 1172px;
  float: left;
}

.ryzs .ryzsfl {
  width: 585px;
  background: url(../images/ryzsfl.jpg) no-repeat center top;
  height: 313px;
  float: left;
}

.box {
  width: 493px;
  position: relative;
  float: left;
  margin-top: 120px;
  margin-left: 50px;
}

.box .leftLoop {
  overflow: hidden;
  width: 453px;
  float: left;
}

.box .leftLoop .hd .prev,
.hd .next {
  display: block;
  width: 18px;
  height: 30px;
  cursor: pointer;
  z-index: 98;
  top: 55px;
}

.box .leftLoop .hd .prev {
  position: absolute;
  left: -35px;
  background: url(../images/profl1.jpg) no-repeat;
}

.box .leftLoop .hd .next {
  position: absolute;
  left: 468px;
  width: 18px;
  height: 193px;
  background: url(../images/profr1.jpg) no-repeat;
}

.box.leftLoop .hd ul {
  float: right;
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
}

.box .leftLoop .hd ul li {
  position: relative;
  _display: inline;
  float: left;
  width: 284px;
  height: 10px;
  overflow: hidden;
  background: #ccc;
  margin-right: 10px;
  text-indent: -999px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.box .leftLoop .bd ul li .pic img {
  width: 228px;
  height: 142px;
  padding: 5px;
}

.box .leftLoop .hd ul li.on {
  background: #f00;
}

.box .leftLoop .bd ul {
  overflow: hidden;
  zoom: 1;
}

.box .leftLoop .bd ul li {
  width: 218px;
  float: left;
  margin: 0 5px;
  text-align: center;
  float: left;
  _display: inline;
  overflow: hidden;
  height: 150px;
}
.box .leftLoop .bd ul li img {
  height: 100%;
}

.box .leftLoop .bd ul li .pic {
  width: 218px;
  float: left;
}

.box .leftLoop .bd ul li .titlle a {
  width: 218px;
  float: left;
  color: #FFFFFF;
  line-height: 50px;
}

.box .leftLoop .bd ul li .titlle {
  width: 218px;
  float: left;
  background-color: #05549B;
}

.box.leftLoop .bd ul li .titlle a img {
  padding-bottom: 15px;
}

.box .tempWrap {
  width: 493px;
  !important
}


.wap5 {
  width: 100%;
  background: url(../images/wap5bg.jpg) no-repeat center top;
  height: 661px;
}

.wap5_er {
  width: 1172px;
  margin: 0 auto;
}

.wap5_ti {
  width: 169px;
  height: 101px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 20px;
}

.wap5_ti a {
  display: block;
  text-align: center;
  font-family: "微软雅黑";
  font-weight: bold;
  font-size: 22px;
  color: #1b3d6d;
}

.wap5_ceet {
  width: 1122px;
  float: left;
}

.wap5fl {
  width: 473px;
  float: left;
}

.wape {
  width: 1172px;
  float: left;
  min-height: 383px;
}

#container {
  width: 1172px;
  margin: 0 auto;
}

#container li {
  position: relative;
  width: 274px;
  height: 237px;
  line-height: 260px;
  text-align: center;
  margin: 5px;
  float: left;
  cursor: pointer;
  overflow: hidden;
}

#container li p {
  height: 260px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 260px;
  color: #ffffff;
  z-index: 2;
}

#container li .img {
  width: 274px;
  height: 237px;
  display: block;
  -moz-transition: .5s ease-in;
  -webkit-transition: .5s ease-in;
  -o-transition: .5s ease-in;
  -ms-transition: .5s ease-in;
  transition: .5s ease-in;
}

#container li p i {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: url(../images/lilihov.png) no-repeat center top;
  font-size: 16px;
  ilter: alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7
}

#container li p span {
  display: block;
  width: 94%;
  margin: 0 auto;
  line-height: 24px;
  font-size: 12px;
  padding-top: 120px;
}

#container li p span a {
  color: #FFFFFF;
}

.proname {
  font-family: "微软雅黑";
  font-size: 14px;
}

#container li p span a:hover {
  color: #FFFFFF
}

.explain {
  display: block;
  margin: 0 auto;
}

#diwu {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: 140px;
}

#diliu {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: 150px;
}

#diqi {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: 160px;
}

.wap6 {
  width: 100%;
  background: url(../images/newbg.jpg) repeat-x;
  min-height: 607px;
}

.wap6_er {
  width: 1172px;
  margin: 0 auto;
}

.wap6_ceet {
  width: 1172px;
  float: left;
  margin-bottom: 20px;
}

.wap6fl {
  width: 570px;
  float: left;
}

.newslist {
  width: 570px;
  float: left;
}

.newslist1 {
  width: 570px;
  float: left;
  background-color: #2C2C2C;
}

.newslist1 ul {
  width: 309px;
  float: left;
  margin-top: 35px;
}

.newslist1 ul li {
  width: 289px;
  margin-left: 20px;
  float: left;
  color: #FFF;
  line-height: 30px;
}

.wap6fr {
  width: 600px;
  background-color: #BBBBBB;
}

.wap6fr .lxss {
  width: 600px;
  float: left;
}

.wap6fr .lxss ul {
  width: 600px;
  float: left;
  margin-top: 42px;
  margin-bottom: 52px;
}

.wap6fr .lxss ul li {
  width: 520px;
  margin-left: 30px;
  line-height: 35px;
  float: left;
}

.wap6fr .lxss ul li a {
  color: #292929;
}

.wap6fr .lxss ul li span {
  color: #292929;
}

.shutter {
  overflow: hidden;
  width: 100%;
  height: 599px;
  position: relative;
  margin: 0 auto;

}

.shutter-img {
  z-index: 1;
}

.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.shutter-img a {
  cursor: default;
}

.shutter-img a>img {
  width: 100%;
  height: 100%;
}

.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}

.shutter-btn {}

.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}

.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}

.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}

.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}

.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}