@charset "utf-8";

.content {

  width: 1300px;

  height: auto;

  margin: 0 auto;

  box-sizing: border-box;

}

img {

  max-width: 100%;

}

.page-down {

  width: 30px;

  height: 30px;

  background: #999;

  position: fixed;

  bottom: 30px;

  right: 30px;

  text-align: center;

  line-height: 30px;

  font-size: 18px;

  color: #fff;

  cursor: pointer;

  display: none;

  z-index: 99999;

}

.page-down:hover {

  background: #03a3e6;

}

.table {

  display: table;

  width: 100%;

  height: 100%;

}

.table .cell {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

.smallest-screen {

  position: fixed;

  z-index: 999999;

  width: 100%;

  height: 100%;

  background: url(../images/displaynone.png) no-repeat center #666;

  display: none;

}

@media only screen and (max-width : 319px) {

  .smallest-screen {

    display: block;

  } /*判断屏幕小于319px隐藏显示网站*/

}

.white {

  color: #fff !important;

}

.webmain {

  overflow: hidden;

  min-width: 1300px;

}

.tishi {

  text-align: center;

  color: #333;

  font-size: 14px;

}

.tupian {

  width: 100%;

  background: #f1f1f1;

}

.middle_holder {

  display: inline-block;

  font-size: 0;

  width: 0;

  height: 50px;

  vertical-align: middle;

}

.middle {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

}

.nav_handle {

  display: none;

  position: relative;

  width: 27px;

  padding: 0 0 0 15px;

  cursor: pointer;

  float: right;

}

.nav_handle b {

  width: 27px;

  height: 10px;

  position: relative;

}

.nav_handle b i {

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  height: 2px;

  background-color: #333;

  top: 0;

  -webkit-transform-origin: 29% 50%;

  transform-origin: 29% 50%;

  transition: all .3s ease;

  -webkit-transition: all .3s ease;

}

.nav_handle b .l_2 {

  top: auto;

  bottom: 0;

}

.nav_handle.on b i {

  transform: rotate(45deg);

  background: #03a3e6;

}

.nav_handle.on b .l_2 {

  transform: rotate(-45deg);

}

.banner {

  position: relative;

  overflow: hidden;

}

.banner img {

  width: 1920px;

  height: auto;

}

.banner .pagination {

  z-index: 99;

  text-align: center;

  line-height: 30px;

  height: 30px;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 10px;

}

.banner .pagination .swiper-pagination-switch {

  cursor: pointer;

  width: 20px;

  height: 20px;

  display: inline-block;

  margin: 0 12px;

  border-radius: 50%;

  box-sizing: border-box;

  border: 3px solid #fff;

}

.banner .pagination .swiper-active-switch {

  background: #03a3e6;

  border-color: #03a3e6;

}

.banner .banner-left {

  display: none;

  position: absolute;

  opacity: .8;

  font-size: 50px;

  color: #fff;

  left: 20px;

  top: 50%;

  width: 40px;

  height: 110px;

  line-height: 110px;

  margin-top: -55px;

}

.banner .banner-right {

  display: none;

  position: absolute;

  opacity: .8;

  font-size: 50px;

  color: #fff;

  right: 20px;

  top: 50%;

  width: 40px;

  height: 110px;

  line-height: 110px;

  margin-top: -55px;

}

.banner .banner-left:hover, .banner .banner-right:hover {

  opacity: 1;

}

/*.banner {width: 100%;position: relative;height: auto;background: #eee; display: table;}

.banner .by{ line-height: 35px; background: rgba(120,188,39,0.65); font-size: 15px; color: #fff; position: absolute; width: 100%; left: 0; top: 0; z-index: 999; }

.banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;}

.banner .bd ul {width: 100% !important;}

.banner .bd li {width: 100% !important;height: 743px;overflow: hidden;text-align: center; background-size:auto 100% !important;  }

.banner .bd li a {display: block;height: 1000px; position: absolute; left: 0; top: 0; width: 100%; z-index: 8;}

.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #000;_filter: alpha(opacity=60);}

.banner .hd ul {text-align: center;padding-top: 5px;}

.banner .hd ul li {display: inline-block;margin: 0 5px;width: 10px;height: 10px;background: #fff;cursor: pointer;overflow: hidden;line-height: 999px; border-radius: 8px;}

.banner .hd ul .on {background: #0c7ae9; width: 30px;}

.banner .prev {background: url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}

.banner .prev:hover {opacity: 0.5;}

.banner .next {background: url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}

.banner .next:hover {opacity: 0.5;}*/

.Bottomerkg {

  height: 59px;

  display: none;

}

.Bottomer {

  display: none;

  position: fixed;

  bottom: 0;

  width: 100%;

  background: #03a3e6;

  z-index: 999999;

  box-shadow: 0 0 10px rgba(0, 0, 0, .2);

}

.Bottomer .BottomList li {

  width: 25%;

  float: left;

  display: inline-block;

  text-align: center;

  position: relative;

  padding: 10px 0px;

}

.Bottomer .BottomList li img {

  vertical-align: middle;

  height: 20px;

}

.Bottomer .BottomList li span {

  font-size: 14px;

  color: #fff;

  display: block;

  margin-top: 5px;

}

.Bottomer .BottomList li p {

  font-size: 14px;

  color: #D5A334;

  margin: 0;

  position: absolute;

  right: 20px;

  top: 10px;

}

.intop {

  line-height: 30px;

  background: #efefef;

  color: #666;

}

.header {

  padding: 45px 0;

}

.header .logo {

  float: left;

  padding-right: 15px;

  border-right: 1px solid #adadad;

}

.header .title {

  padding-left: 15px;

  line-height: 38px;

  font-size: 20px;

  color: #333;

  float: left;

}

.header .title span {

  color: #03a3e6;

}

.header .phone {

  float: right;

  line-height: 25px;

  font-size: 16px;

  color: #333;

}

.header .phone .tit {

  font-size: 18px;

  color: #03a3e6;

}

.inmuen {

  line-height: 45px;

  background: #333333;

}

.inmuen ul li {

  display: block;

  float: left;

}

.inmuen ul li a {

  display: block;

  padding: 0 34px;

  font-size: 16px;

  color: #fff;

}

.inmuen ul li:hover a, .inmuen ul li.on a {

  background: #03a3e6;

}

.inkey {

  padding: 10px 0;

  line-height: 22px;

  background: #333333;

  color: #fff;

  font-size: 14px;

}

.inkey a {

  color: #fff;

  padding: 0 10px;

}

.injiagong {

  padding: 60px 0;

}

.injiagong .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 5px;

}

.injiagong .lmjj {

  text-align: center;

  font-size: 14px;

  color: #999;

  margin-bottom: 50px;

}

.injiagong .bd ul li {

  display: block;

  width: 25%;

  float: left;

}

.injiagong .bd ul li a {

  display: block;

  padding: 0 7px;

}

.injiagong .bd ul li .li {

  position: relative;

  border-bottom: 3px solid #03a3e6;

}

.injiagong .bd ul li .pic {

  overflow: hidden;

}

.injiagong .bd ul li img {

  transition: all .5s;

}

.injiagong .bd ul li .wz {

  background: url(../images/index_02.png) no-repeat top center;

  width: 90%;

  margin: 0 auto;

  position: relative;

  top: -50px;

  padding: 45px 20px 0;

  box-sizing: border-box;

}

.injiagong .bd ul li .tit {

  height: 25px;

  line-height: 25px;

  font-size: 18px;

  color: #333;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: 5px;

}

.injiagong .bd ul li .jj {

  height: 66px;

  line-height: 22px;

  overflow: hidden;

  font-size: 14px;

  color: #999;

  overflow: hidden;

}

.injiagong .bd ul li:hover img {

  transform: scale(1.1, 1.1);

}

.inpro {

  padding: 60px 0 40px;

  background: url(../images/index_08.jpg) no-repeat center #3d3c3c;

  background-size: auto 950px !important;

}

.inpro .leftnav {

  width: 300px;

  float: left;

  background: #fff;

  padding-bottom: 20px;

  min-height: 949px;

  background-image: url(/skin/images/chanpinleft.png);

}

.inpro .leftnav .lmtit {

  padding: 20px;

  background: #03a3e6;

  color: #fff;

}

.inpro .leftnav .lmtit .en {

  font-size: 18px;

}

.inpro .leftnav .lmtit .cn {

  font-size: 28px;

}

.inpro .leftnav .tit {

  margin-top: 10px;

  line-height: 50px;

  padding: 0 15px;

  font-size: 20px;

  color: #333;

  border-bottom: 1px solid #dfdfdf;

  margin-bottom: 10px;

}

.inpro .leftnav .li {

  width: 82%;

  margin: 0 auto 10px;

  background: #ebebeb;

  padding: 0 10px;

  font-size: 14px;

  color: #666;

  display: block;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.inpro .leftnav .li:hover {

  background: #03a3e6;

  color: #fff;

}

.inpro .right {

  width: 970px;

  float: right;

}

.inpro .right ul {

  display: block;

  position: relative;

  width: 102%;

  left: -1%;

}

.inpro .right ul li {

  display: block;

  width: 31.333333%;

  margin: 0 1% 2%;

  float: left;

  position: relative;

}

.inpro .right ul li .tit {

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #fff;

  padding: 0 10px;

  box-sizing: border-box;

  width: 100%;

  position: absolute;

  z-index: 99;

  left: 0;

  bottom: 0;

  text-align: center;

  background: rgba(0, 0, 0, .6);

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.inpro .right ul li .pic {

  overflow: hidden;

}

.inpro .right ul li img {

  transition: all .5s;

}

.inpro .right ul li:hover img {

  transform: scale(1.1, 1.1);

}

.inyoushi {

  padding: 60px 0;

}

.inyoushi .lmtit {

  font-size: 45px;

  text-align: center;

  margin-bottom: 5px;

}

.inyoushi .lmtit span {

  font-size: 70px;

  color: #03a3e6;

  font-weight: bold;

}

.inyoushi .lmjj {

  text-align: center;

  font-size: 14px;

  color: #999;

  margin-bottom: 50px;

}

.inyoushi .nr {

  position: relative;

  height: 1425px;

}

.inyoushi .nr .xian {

  height: 1050px;

  width: 1px;

  background: #03a3e6;

  left: 50%;

  top: 70px;

  position: absolute;

  z-index: 9;

}

.inyoushi .nr .li {

  position: absolute;

}

.inyoushi .nr .li .pic {

  width: 580px;

  float: left;

}

.inyoushi .nr .li .sz {

  width: 70px;

  height: 70px;

  background: #03a3e6;

  line-height: 70px;

  text-align: center;

  font-size: 35px;

  font-weight: bold;

  color: #fff;

  float: left;

  border-radius: 50%;

  margin: 70px 75px 0 35px;

  z-index: 99;

  position: relative;

}

.inyoushi .nr .li .wz {

  float: left;

  margin-top: 70px;

  width: 460px;

}

.inyoushi .nr .li .wz .tit {

  font-size: 28px;

  color: #03a3e6;

  margin-bottom: 20px;

}

.inyoushi .nr .li .wz .jj {

  font-size: 16px;

  color: #666;

  line-height: 30px;

}

.inyoushi .nr .li.li2 .pic {

  float: right;

}

.inyoushi .nr .li.li2 .sz {

  float: right;

  margin: 70px 35px 0 75px;

}

.inyoushi .nr .li.li2 .wz {

  width: 360px;

}

.inyoushi .nr .li.li2 .wz .tit {

  text-align: right;

}

.inyoushi .nr .li.wz1 {

  top: 0;

  left: 0;

}

.inyoushi .nr .li.wz2 {

  top: 335px;

  right: 0;

}

.inyoushi .nr .li.wz3 {

  top: 690px;

  left: 0;

}

.inyoushi .nr .li.wz4 {

  top: 1035px;

  right: 0;

}

.inpinzhi {

  padding: 60px 0;

  background: url(../images/index_08.jpg) no-repeat center #3d3c3c;

}

.inpinzhi .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 5px;

  color: #fff;

}

.inpinzhi .lmjj {

  text-align: center;

  font-size: 14px;

  color: #ccc;

}

.inpinzhi .hd {

  text-align: center;

  padding: 40px 0;

}

.inpinzhi .hd ul li {

  display: inline-block;

  line-height: 50px;

  padding: 0 40px;

  background: #868686;

  font-size: 16px;

  color: #fff;

  margin: 0 20px;

  cursor: pointer;

}

.inpinzhi .hd ul li.on {

  background: #03a3e6;

}

.inpinzhi .bd ul {

  position: relative;

  width: 101%;

  left: -.5%;

}

.inpinzhi .bd ul .li {

  width: 24%;

  margin: 0 .5%;

  float: left;

}

.inpinzhi .bd ul li {

  position: relative;

  margin-bottom: 4%;

}

.inpinzhi .bd ul li .pic {

  overflow: hidden;

  position: relative;

}

.inpinzhi .bd ul li img {

  transition: all .5s;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 9;

}

.inpinzhi .bd ul li .tit {

  z-index: 99;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #fff;

  padding: 0 10px;

  box-sizing: border-box;

  width: 100%;

  position: absolute;

  z-index: 99;

  left: 0;

  bottom: 0;

  text-align: center;

  background: rgba(0, 0, 0, .6);

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.inpinzhi .bd ul li:hover img {

  transform: scale(1.1, 1.1);

}

.inpinzhi .bd ul li.one {

  float: left;

  width: 49%;

  margin: 0 .5%;

}

.incase {

  padding: 60px 0;

}

.incase .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 5px;

}

.incase .lmjj {

  text-align: center;

  font-size: 14px;

  color: #999;

  margin-bottom: 50px;

}

.incase .nr {

  position: relative;

  padding-right: 400px;

  min-height: 635px;

}

.incase .nr .hd {

  position: absolute;

  width: 380px;

  right: 0;

  top: 0;

}

.incase .nr .hd ul li {

  display: block;

  width: 48%;

  margin: 1%;

  float: left;

  text-align: center;

  padding: 54px 10px;

  background: #787878;

  color: #fff;

  cursor: pointer;

  box-sizing: border-box;

}

.incase .nr .hd ul li .ico {

  line-height: 60px;

}

.incase .nr .hd ul li .cn {

  font-size: 16px;

  height: 22px;

  line-height: 22px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.incase .nr .hd ul li .en {

  font-size: 12px;

  color: #ccc;

  text-transform: uppercase;

  height: 15px;

  line-height: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.incase .nr .hd ul li.on {

  background: #03a3e6;

}

.incase .nr .bd ul li .wz {

  background: #eaeaea;

  padding: 15px;

}

.incase .nr .bd ul li .wz .tit {

  margin-bottom: 5px;

  font-size: 20px;

  height: 25px;

  line-height: 25px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.incase .nr .bd ul li .wz .jj {

  font-size: 14px;

  color: #999;

  height: 44px;

  line-height: 22px;

  overflow: hidden;

}

.incase .nr .bd ul li .wz .jj a {

  color: #03a3e6;

}

.zizhi {

  padding: 60px 0;

}

.zizhi .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 5px;

}

.zizhi .lmjj {

  text-align: center;

  font-size: 14px;

  color: #999;

  margin-bottom: 20px;

}

.zizhi .nr {

  position: relative;

  padding-right: 40px;
}

.zizhi .nr .hd {

  width: 1300px;

  right: 0;

  top: 0;

}

.zizhi .nr .hd ul li {

  display: block;

  width: 23%;

  margin: 1%;

  float: left;

  text-align: center;

  padding: 54px 10px;

  color: #000000;

  cursor: pointer;

  box-sizing: border-box;

}

.zizhi .nr .hd ul li .ico {

  line-height: 60px;

}

.zizhi .nr .hd ul li .cn {

  font-size: 16px;

  height: 22px;

  line-height: 22px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.zizhi .nr .hd ul li .en {

  font-size: 12px;

  color: #ccc;

  text-transform: uppercase;

  height: 15px;

  line-height: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.zizhi .nr .hd ul li.on {

  background: #03a3e6;

}

.zizhi .nr .bd ul li .wz {

  background: #eaeaea;

  padding: 15px;

}

.zizhi .nr .bd ul li .wz .tit {

  margin-bottom: 5px;

  font-size: 20px;

  height: 25px;

  line-height: 25px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.zizhi .nr .bd ul li .wz .jj {

  font-size: 14px;

  color: #999;

  height: 44px;

  line-height: 22px;

  overflow: hidden;

}

.zizhi .nr .bd ul li .wz .jj a {

  color: #03a3e6;

}

.innews {

  padding: 60px 0;

  background: url(../images/index_14.jpg) no-repeat center bottom #5d5e60;

}

.innews .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 5px;

  color: #fff;

}

.innews .lmjj {

  text-align: center;

  font-size: 14px;

  color: #ccc;

  margin-bottom: 50px;

}

.innews .list {

  width: 48%;

  float: left;

}

.innews .list .slmtit {

  height: 50px;

  line-height: 50px;

  position: relative;

  color: #fff;

  margin-bottom: 15px;

}

.innews .list .slmtit .xian {

  width: 100%;

  height: 1px;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  z-index: 9;

}

.innews .list .slmtit span {

  background: #5d5e60;

  position: relative;

  z-index: 99;

  float: left;

  display: block;

  font-size: 30px;

}

.innews .list .slmtit a {

  display: block;

  float: right;

  padding-left: 10px;

  background: #5d5e60;

  position: relative;

  z-index: 99;

  color: #fff;

  font-size: 14px;

}

.innews .list .one {

  margin-bottom: 20px;

}

.innews .list .one .pic {

  overflow: hidden;

  margin-bottom: 10px;

}

.innews .list .one img {

  transition: all .5s;

}

.innews .list .one:hover img {

  transform: scale(1.1, 1.1);

}

.innews .list .one .tit {

  position: relative;

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  color: #fff;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-left: 100px;

}

.innews .list .one .tit span {

  background: #03a3e6;

  left: 0;

  top: 8px;

  display: block;

  position: absolute;

  width: 70px;

  height: 24px;

  line-height: 24px;

  border-radius: 12px;

  font-size: 16px;

  color: #fff;

  text-align: center;

}

.innews .list .one .jj {

  height: 50px;

  line-height: 25px;

  font-size: 16px;

  color: #a4a5a6;

  overflow: hidden;

}

.innews .list .one:hover .tit {

  color: #03a3e6;

}



.innews .list ul li .date {

  width: 100px;

  position: absolute;

  right: 0;

  top: 0;

  text-align: right;

}

.innews .list ul li:hover {

  color: #03a3e6;

}

.innews .right {

  width: 48%;

  float: right;

}

.innews .zhichi .slmtit {

  height: 50px;

  line-height: 50px;

  position: relative;

  color: #fff;

  margin-bottom: 15px;

}

.innews .zhichi .slmtit .xian {

  width: 100%;

  height: 1px;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  z-index: 9;

}

.innews .zhichi .slmtit span {

  background: #5d5e60;

  position: relative;

  z-index: 99;

  float: left;

  display: block;

  font-size: 30px;

}

.innews .zhichi .slmtit a {

  display: block;

  float: right;

  padding-left: 10px;

  background: #5d5e60;

  position: relative;

  z-index: 99;

  color: #fff;

  font-size: 14px;

}

.innews .zhichi .nr ul li {

  display: block;

  min-height: 145px;

  padding-left: 260px;

  position: relative;

  margin-bottom: 20px;

}

.innews .zhichi .nr ul li .pic {

  overflow: hidden;

  width: 240px;

  position: absolute;

  left: 0;

  top: 0;

}

.innews .zhichi .nr ul li img {

  transition: all .5s;

}

.innews .zhichi .nr ul li .tit {

  height: 30px;

  line-height: 30px;

  font-size: 16px;

  color: #fff;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.innews .zhichi .nr ul li .jj {

  font-size: 14px;

  color: #c0c0c0;

  line-height: 25px;

  height: 50px;

  overflow: hidden;

}

.innews .inque {

  padding: 10px 15px;

  background: #404040;

}

.innews .inque .slmtit {

  font-size: 30px;

  color: #fff;

  margin-bottom: 15px;

}

.innews .inque .nr ul li {

  display: block;

}

.innews .inque .nr ul li .tit {

  height: 30px;

  line-height: 30px;

}

.innews .inque .nr ul li .tit span {

  display: inline-block;

  vertical-align: middle;

  width: 18px;

  height: 18px;

  line-height: 18px;

  text-align: center;

  background: #03a3e6;

  font-size: 14px;

  color: #fff;

  margin-right: 10px;

}

.innews .inque .nr ul li .tit a {

  font-size: 16px;

  color: #fff;

}

.innews .inque .nr ul li .tit a:hover {

  color: #03a3e6;

}

.innews .inque .nr ul li .jj {

  display: none;

  overflow: hidden;

  height: 44px;

  line-height: 22px;

  font-size: 14px;

  color: #c0c0c0;

  margin: 5px 0;

}

.innews .inque .nr ul li .jj a {

  color: #fff;

}

.innews .inque .nr ul li.on .jj {

  display: block;

}

.inabout {

  padding: 60px 0;

}

.inabout .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 5px;

}

.inabout .lmjj {

  text-align: center;

  font-size: 14px;

  color: #999;

  margin-bottom: 50px;

}

.inabout .nr {

  padding-bottom: 30px;

  font-size: 18px;

  line-height: 35px;

  color: #666;

}

.inabout .more {

  width: 160px;

  height: 44px;

  line-height: 44px;

  font-size: 16px;

  color: #fff;

  border-radius: 22px;

  margin: 0 auto;

  background: #03a3e6;

  display: block;

  text-align: center;

}

.inabout .more:hover {

  opacity: .8;

}

.footer {

  padding-top: 55px;

  background: url(../images/index_15.jpg) no-repeat center #343434;

}

.footer .fnav {

  width: 170px;

  margin-right: 50px;

  border-right: 1px solid #494949;

  min-height: 240px;

  float: left;

}

.footer .fnav .tit {

  font-size: 20px;

  color: #fff;

  margin-bottom: 20px;

}

.footer .fnav a {

  font-size: 14px;

  color: #848484;

  display: block;

  height: 30px;

  line-height: 30px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.footer .fnav a:hover {

  color: #03a3e6;

}

.footer .fcon {

  width: 380px;

  float: right;

}

.footer .fcon .tit {

  font-size: 20px;

  color: #fff;

  margin-bottom: 20px;

}

.footer .fcon .nr {

  font-size: 14px;

  color: #848484;

  line-height: 30px;

}

.footer .fcon .nr i {

  width: 30px;

  text-align: center;

  font-size: 18px;

}

.footer .banq {

  padding: 10px 0;

  font-size: 14px;

  color: #848484;

  line-height: 22px;

  border-top: 1px solid #494949;

  margin-top: 50px;

}

.footer .banq a{

  color: #848484;

}

.nybanner {

  height: 750px;

  background-size: auto 100% !important;

}

.met_clear {

  clear: both

}

.met_none {

  display: none

}

.met_hidden {

  visibility: hidden

}

.met_fl {

  float: left

}

.met_fr {

  float: right

}

.tem_inner {

  width: 1300px;

  margin: 0 auto;

}

.key-serch {

  width: 100%;

  background: #f7f7f7;

  height: 68px;

  padding: 0px 0;

}

.key-serch .tem_inner {

  height: 68px;

  overflow: hidden;

}

.key-serch .keywords {

  font-size: 14px;

  line-height: 68px;

  color: #323333;

  font-weight: bold;

  float: left;

  padding-left: 0px;

  width: 630px;

}

.key-serch .keywords span {

  color: #03a3e6;

}

.key-serch .keywords a {

  font-size: 14px;

  color: #808080;

  margin: 0 5px;

  font-weight: normal;

}

.key-serch .keywords a:hover {

  color: #03a3e6

}

.key-serch .search {

  margin: 15px 0 0;

  float: right;

}

.key-serch .search span.navsearch_input {

  position: relative;

  display: block;

  float: left;

}

.key-serch .search span.navsearch_input input {

  float: left;

  border: #fff solid 1px !important;

  border-right: #fff solid 0px !important;

  height: 36px;

  line-height: 34px;

  width: 300px;

  outline: none;

  text-indent: 12px;

  overflow: hidden;

  border-radius: 0;

  background: #fff;

  color: #d3d3d3;

}

.key-serch .search span.navsearch_input label {

  left: 15px;

  top: 0px;

  z-index: 1;

  cursor: text;

  font-size: 12px;

  position: absolute;

  line-height: 36px;

}

.key-serch .search .searchgo {

  color: #fff;

  background: #03a3e6;

  padding: 0 15px;

  height: 38px;

  border: 0;

  float: left;

  margin-left: 0px;

  border-radius: 0;

}

.key-serch .search .searchgo i {

  font-size: 18px;

}

.key-serch .search ::-webkit-input-placeholder {

  color: #d3d3d3 !important;

}

.key-serch .search ::-moz-placeholder {

  color: #d3d3d3 !important;

}

.key-serch .search :-ms-input-placeholder {

  color: #d3d3d3 !important;

}

.key-serch .search input:-moz-placeholder {

  color: #d3d3d3 !important;

}

.met_position {

  position: relative;

  top: 0px;

  left: 0px;

  float: left;

  color: #666666;

  padding-left: 18px;

  line-height: 68px;

  font-size: 14px;

  background: url(../images/position.png) left center no-repeat;

}

.met_position span {

  color: #666666;

}

.met_position a {

  color: #666666;

  font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';

}

.met_position a:last-child {

  color: #666666;

}

.met_section {

  padding: 20px 0;

  width: 1300px;

  margin: 0 auto;

}

.met_section aside {

  position: relative;

  float: left;

  width: 220px;

  padding-top: 10px;

}

.met_section article {

  float: left;

  margin-left: -220px;

  width: 100%;

}

.met_section article .met_article {

  margin-left: 250px;

}

.met_section_asidenone article {

  float: none;

  margin-left: 0;

}

.met_section_asidenone article .met_article {

  margin-left: 0;

}

.met_section aside section {

  border: 0px solid #e8e8e8;

  background: transparent;

}

.met_section aside section h2 {

  font-size: 22px;

  font-weight: bold;

  text-align: left;

  color: #ffffff;

  line-height: 30px;

  padding: 30px 0 30px 60px;

  margin: 0;

  background: #333 url(../images/aside_title.png) no-repeat 25px center;

  border-bottom: 0px solid #333;

}

.met_section aside section h2 span {

  font-size: 18px;

  width: 100%;

  display: block;

  line-height: 18px;

  font-weight: normal;

  margin-top: 5px;

}

.met_section aside .met_aside_list {

  padding: 0px;

  background: transparent;

  border: 0px solid #eeeeee;

  padding: 0px;

}

.met_section aside .met_aside_list .met_clear {

  border-top: 1px solid #fff;

}

.met_section aside .met_aside dl dt {

  border-top: 0px solid #ffffff;

  border-bottom: 0px solid #d2d2d2;

  background: transparent;

}

.met_section aside .met_aside dl:first-child dt {

  border-top: 0px solid #f9f9f9;

}

.met_section aside .met_aside dl:last-child dt {

  border-bottom: 0px solid #f9f9f9;

}

.met_section aside .met_aside dl dt {

  line-height: 20px;

  font-weight: normal;

}

.met_section aside .met_aside dl dt a {

  display: block;

  padding: 10px 10px 10px 25px;

  color: #666666;

  font-size: 15px;

  border: 1px solid #dddddd;

  background: transparent;

  position: relative;

  margin-top: 10px;

}

.met_section aside .met_aside dl dt a:hover:before, .met_section aside .met_aside dl dt:hover a:before, .met_section aside .met_aside dl dt.on a:before, .met_section aside .met_aside dl dt.ons a:before {

  background: #fff;

}

.met_section aside .met_aside dl dt a .grayimg {

  width: 25px;

  height: 55px;

  overflow: hidden;

  display: inline-block;

  float: left;

  margin: 0 10px 0 0;

  background-size: 25px auto !important;

}

.met_section aside .met_aside dl dt a img {

  width: 25px;

  margin: 15px 0px;

  height: 25px;

}

.met_section aside .met_aside dl dt a:hover .gray, .met_section aside .met_aside dl dt.on .gray {

  color: #282929;

}

.met_section aside .met_aside dl dt a:hover, .met_section aside .met_aside dl dt:hover a {

  color: #fff;

  background: #03a3e6;

}

.met_section aside .met_aside dl dt.on, .met_section aside .met_aside dl dt.on a, .met_section aside .met_aside dl dt.ons, .met_section aside .met_aside dl dt.ons a {

  color: #fff;

  background: #03a3e6;

}

.met_section aside .met_aside dl dt {

  position: relative;

}

.met_section aside .met_aside dl dt .slideclick {

  position: absolute;

  height: 100%;

  width: 40px;

  right: 0px;

  top: 0px;

  background: url(../images/lefticons.png) no-repeat 15px center;

  padding: 0 0px;

}

.met_section aside .met_aside dl dt.on .slideclick, .met_section aside .met_aside dl dt:hover .slideclick {

  background: url(../images/lefticons_hover.png) no-repeat 15px center;

}

.met_section aside .met_aside dl dt .slideclickon, .met_section aside .met_aside dl dt.on .slideclickon, .met_section aside .met_aside dl dt:hover .slideclickon {

  background: url(../images/lefticonsa_hover.png) no-repeat 13px center;

  color: #03a3e6;

}

.met_section aside .met_aside dl dd {

  padding: 10px 10px;

  display: none;

  background: #f2f2f2;

}

.met_section aside .met_aside dl dd.ecoclassslide {

  display: block;

}

.met_section aside .met_aside dl dd a {

  display: block;

  color: #323333;

  font-size: 13px;

  font-weight: normal;

  line-height: 20px;

  padding: 8px 0 8px 15px;

  border-bottom: 0px solid #e6e6e5;

  border-top: 0px solid #f9f9f9;

}

.met_section aside .met_aside dl dd a:hover {

  color: #03a3e6 !important;

}

.met_section aside .met_aside dl dd a:hover span {

  border-bottom: 0px solid #03a3e6;

}

.met_section aside .met_aside dl dd span {

  border-bottom: 0px solid rgba(0, 0, 0, 0);

}

.met_section aside .met_aside dl dd h4 {

  border-bottom: 0px solid #fff;

}

.met_section aside .met_aside dl dd:first-child h4 {

  border-top: 0px solid #f9f9f9 !important;

}

.met_section aside .met_aside dl dd a:hover, .met_section aside .met_aside dl dd h4.active a {

  color: #03a3e6;

}

.met_section aside .met_aside dl dd .on a, .met_aside dl dd a:hover {

  color: #03a3e6;

}

.met_section aside .met_aside dl dd a:hover span, .met_section aside .met_aside dl dd h4.active a span, .met_section aside .met_aside dl dd .on a span, .met_aside dl dd a:hover span {

  border-bottom: 0px solid #03a3e6;

}

.met_section aside .met_related {

  margin-top: 20px;

  margin-bottom: 20px;

  background: #f1f1f1;

}

.met_section aside .met_related h2 {

  padding: 0px 10px 0px 10px;

  height: 63px;

  line-height: 63px;

  overflow: hidden;

  background: #03a3e6;

  font-size: 24px;

  color: #fff;

  text-align: center;

  border-bottom: 1px solid #fff;

  font-weight: normal;

}

.met_section aside .met_related h2 span {

  font-size: 16px;

}

.met_section aside .met_related .show_contact {

  padding: 20px 15px;

  color: #323333;

  line-height: 2;

}

.met_section aside .met_related ul {

  padding: 5px;

}

.met_section aside .met_related li {

  overflow: hidden;

  list-style: none;

  text-align: left;

  height: 36px;

  line-height: 36px;

  background: url(../images/li.png) no-repeat 8px center;

  width: 100%;

  float: left;

  font-size: 12px;

  border-top: 1px solid #dcdcdc;

}

.met_section aside .met_related li:first-child {

  border: 0px;

}

.met_section aside .met_related li a {

  display: block;

  font-size: 12px;

  color: #666666;

  padding: 0 10px 0 20px;

}

.met_section aside .met_related li span.time {

  float: right;

  padding-left: 5px;

  color: #aaa9a9;

}

.met_section aside .met_related li:hover a {

  display: block;

  font-size: 12px;

  color: #03a3e6;

}

.met_section aside .met_left_aside h2 {

  text-align: center;

}

.met_section aside .met_left_aside .met_related_contact {

  padding: 20px 20px;

  line-height: 24px;

  background: #e1e0e0;

  color: #323333;

  font-size: 12px;

}

.eco_aside_list h3 {

  color: #323333;

  font-size: 24px;

  line-height: 24px;

  font-weight: normal;

  padding: 0 0px 0 15px;

  border-left: 3px solid #aaaaaa;

  margin-bottom: 20px;

  margin-top: 20px;

}

.met_section aside .eco_aside_listb {

  background: #141414;

}

.met_section aside .eco_aside_listb h3 {

  color: #fff;

}

.met_section aside .eco_aside_listb dl dt {

  background: #141414;

}

.met_section aside .eco_aside_listb dl dt a {

  color: #fff;

}

.met_section aside .eco_aside_listb dl dd a {

  color: #fff;

}

.met_section aside .met_search {

  margin-top: 20px;

  background: #f5f5f5;

}

.met_section aside .met_search h2 {

  color: #404040;

  line-height: 38px;

  height: 38px;

  font-size: 12px;

  padding: 5px 15px;

  background: #f5f5f5;

  text-align: left;

  font-weight: normal;

  border-bottom: 0px solid #282929;

}

.met_section aside .met_search .search {

  padding: 0 0px;

  height: 50px;

}

.met_section aside .met_search .search span.navsearch_input {

  position: relative;

  display: block;

  float: left;

}

.met_section aside .met_search .search span.navsearch_input input {

  float: left;

  border: #003d8c solid 1px !important;

  height: 40px;

  line-height: 40px;

  width: 190px;

  outline: none;

  text-indent: 12px;

  overflow: hidden;

  background: #f5f5f5;

  border-radius: 10px 0 0 10px;

}

.met_section aside .met_search .search span.navsearch_input label {

  left: 10px;

  top: 0px;

  height: 40px;

  line-height: 40px;

  z-index: 1;

  cursor: text;

  font-size: 14px;

  position: absolute;

}

.met_section aside .met_search .search .searchgo {

  color: #fff;

  padding: 0 20px;

  height: 42px;

  border: 0;

  float: left;

  border-radius: 10px;

  margin-left: -10px;

  background: #004199;

  background: -o-linear-gradient(right, #004199 0, #205fb4 100%);

  background: -moz-linear-gradient(right, #004199 0, #205fb4 100%);

  background: -webkit-linear-gradient(right, #004199 0, #205fb4 100%);

  background: linear-gradient(to right, #004199 0, #205fb4 100%);

}

.met_section aside .met_search .search .searchgo i {

  font-size: 16px;

}

.ecoslider {

  padding: 0;

  background: #f0f0f0;

  line-height: 95px;

  margin-bottom: 35px;

}

.met_article_head {

  position: relative;

  padding: 0;

  height: 50px;

  border-bottom: 1px solid #e4e4e4;

  line-height: 50px;

  margin-bottom: 30px;

}

.met_article_head:before {

  position: absolute;

  content: '';

  left: 0;

  bottom: -1px;

  width: 50px;

  height: 0px;

  background: #03a3e6;

}

.met_position {

  position: relative;

  top: 0px;

  left: 0px;

  float: left;

  color: #666666;

  padding-left: 18px;

  line-height: 68px;

  font-size: 14px;

  background: url(../images/position.png) left center no-repeat;

}

.met_position span {

  color: #666666;

}

.met_position a {

  color: #666666;

  font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';

}

.met_position a:last-child {

  color: #666666;

}

.met_article_head h1 {

  color: #666666;

  font-weight: bold;

  font-size: 20px;

  margin: 12px 0;

  padding: 0 0 0 12px;

  line-height: 26px;

  float: left;

  border-left: 3px solid #03a3e6;

}

.met_section_sehed {}

.met_section_head {

  height: 50px;

  color: #aaa;

  font-size: 12px;

  font-family: '宋体';

  line-height: 50px;

}

.met_section_head a {

  color: #999;

  font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';

}

.met_section_head a:hover {

  color: #03a3e6;

}

.met_ecoimg {

  padding: 0px 0 0px;

}

.met_article_heads {

  margin-top: 30px;

  position: relative;

  padding: 0;

  border-bottom: 2px solid #ececec;

  margin-bottom: 40px;

}

h3.met_related {

  color: #333333;

  display: inline-block;

  font-size: 22px;

  margin: 0 0 0px 0;

  padding: 10px 0;

  line-height: 24px;

  font-weight: normal;

  border-bottom: 2px solid #03a3e6;

}

h3.met_related:before {

  width: 50px;

  height: 0px;

  margin: 0 auto;

  background: #03a3e6;

  position: absolute;

  left: 0;

  bottom: -2px;

  content: "";

  margin: 0 auto;

}

h3.met_related p {

  color: #999999;

  font-weight: normal;

  font-size: 14px;

  margin-top: 5px;

}

.met_article_heads .more {

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -11px;

  color: #8d8d8d;

}

.met_article_heads .more:hover {

  color: #03a3e6;

}

h3.met_related span {

  color: #03a3e6;

}

h3.met_related .titleen {

  margin-left: 10px;

  position: relative;

  display: inline-block;

  padding: 0;

  text-transform: Uppercase;

  font-size: 12px;

  color: #333333;

  font-weight: normal;

  height: 28px;

  line-height: 28px;

  top: 2px;

}

h3.met_related .titleen:before {

  width: 8px;

  height: 2px;

  margin: 0 auto;

  background: #03a3e6;

  position: absolute;

  left: 0;

  top: 0px;

  content: "";

  margin: 0 auto;

}

.met_aside_product ul {

  list-style: none;

  border: 1px solid #03a3e6;

  padding: 15px 30px 10px;

}

.met_aside_product ul li {

  margin-bottom: 10px;

}

.met_aside_product ul li a {

  text-align: center;

  display: block;

  font-size: 0;

  text-align: center;

  margin: 0 auto;

}

.met_aside_product ul li img {

  border: 1px solid #d2d2d2;

}

.met_aside_product ul li h4 {

  padding: 0px 15px;

  height: 30px;

  line-height: 30px;

  overflow: hidden;

  text-align: center;

  position: relative;

  font-weight: normal;

  font-size: 14px;

  background: #d2d2d2;

  color: #323333;

  overflow: hidden;

}

.met_aside_product ul li:hover img {

  border: 1px solid #03a3e6;

}

.met_aside_product ul li:hover h4 {

  background: #03a3e6;

  color: #fff;

}

.met_relateds_yingyong {

  background: url(../images/relateds.jpg) no-repeat center;

  padding: 1px 0 70px;

  margin-bottom: -30px;

  margin-top: 30px;

}

.met_relateds_list {

  display: block;

  position: relative;

  margin: 0px -10px;

}

.met_relateds_list ul {}

.met_relateds_list ul.slides li {

  list-style: none;

  padding: 0px 0px;

  text-align: center;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}

.met_relateds_list ul.slides li .details {

  padding: 2px 2px 0px;

  margin: 0 10px;

  background: #ffffff;

}

.met_relateds_list ul.slides li a {

  position: relative;

  display: block;

}

.met_relateds_list ul.slides li .desc {

  padding: 15px 20px;

  position: relative;

}

.met_relateds_list ul.slides li .desc i {

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -12px;

  width: 24px;

  height: 24px;

  line-height: 22px;

  font-style: normal;

  font-size: 22px;

  text-align: center;

  border-radius: 50%;

  background: #cccccc;

  color: #fff;

}

.met_relateds_list ul.slides li img {

  display: block;

  width: 100%;

}

.met_relateds_list ul.slides li h5 {

  padding: 0px 0px;

  height: 20px;

  line-height: 20px;

  overflow: hidden;

  text-align: left;

  position: relative;

  font-weight: normal;

  font-size: 16px;

  color: #333333;

}

.met_relateds_list ul.slides li p {

  padding: 0px 0px;

  height: 20px;

  line-height: 20px;

  overflow: hidden;

  text-align: left;

  position: relative;

  font-weight: normal;

  font-size: 12px;

  color: #999999;

}

.met_relateds_list ul.slides li:hover h5, .met_relateds_list ul.slides li:hover p {

  color: #fff;

}

.met_relateds_list ul.slides li:hover .details {

  background: #03a3e6;

}

.met_relateds_list ul.slides li:hover .desc i {

  background: #fff;

  color: #03a3e6;

}

.met_relateds_list .flex-direction-nav li a {

  width: 40px;

  height: 40px;

  display: block;

  cursor: pointer;

  text-indent: -9999px;

  position: relative;

  font-size: 0px;

  margin: 0;

  top: 50%;

  margin-top: -20px;

  border: 1px solid #cfcfcf;

  position: absolute;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  border-radius: 50%;

}

.met_relateds_list .flex-direction-nav li a.flex-prev {

  left: -50px;

  background: url(../images/product_left.png) no-repeat center;

  background-size: 10px auto;

}

.met_relateds_list .flex-direction-nav li a.flex-next {

  right: -50px;

  background: url(../images/product_right.png) no-repeat center;

  background-size: 10px auto;

}

.met_relateds_list .flex-direction-nav li:hover a.flex-prev {

  background: #03a3e6 url(../images/product_left_hover.png) no-repeat center;

  background-size: 10px auto;

}

.met_relateds_list .flex-direction-nav li:hover a.flex-next {

  background: #03a3e6 url(../images/product_right_hover.png) no-repeat center;

  background-size: 10px auto;

}

.met_relateds_list .flex-direction-nav li a.flex-disabled {

  display: block;

}

.met_relateds_list .flex-control-nav {

  position: absolute;

  right: 0;

  bottom: -55px;

  left: 0;

  text-align: center;

}

.met_relateds_list .flex-control-nav li {

  margin: 0px;

}

.met_relateds_list .flex-control-nav li a {

  display: inline-block;

  margin: 0 5px;

  width: 10px;

  height: 10px;

  text-indent: -999em;

  cursor: pointer;

  background: transparent;

  border: 1px solid #03a3e6;

  position: relative;

}

.met_relateds_list .flex-control-nav li a.flex-active, .met_relateds_list .flex-control-nav li a:hover {

  background: #03a3e6;

  border: 1px solid #03a3e6;

}

.news_related_list {

  margin: 0 -10px;

  padding-bottom: 30px;

  border-bottom: 0px solid #e1e1e1;

}

.news_related_list li {

  overflow: hidden;

  list-style: none;

  text-align: left;

  float: left;

  position: relative;

  margin: 0 10px;

  width: 590px;

}

.news_related_list li a {

  font-size: 14px;

  color: #323333;

  padding: 0 10px 0 15px;

  position: relative;

  border-bottom: 0px solid #eeeeee;

  display: block;

  height: 38px;

  line-height: 38px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.news_related_list li a:before {

  width: 4px;

  height: 4px;

  position: absolute;

  left: 0;

  content: '';

  top: 50%;

  margin-top: -2px;

  background: #03a3e6;

  border-radius: 100%;

}

.news_related_list li span.time {

  float: right;

  padding-right: 0px;

  color: #999999;

  background: #fff;

  padding-left: 10px;

  z-index: 1;

  position: relative;

}

.news_related_list li:hover a {

  color: #03a3e6;

}

.nyabout {

  font-size: 15px;

  color: #666;

  line-height: 35px;

}

.met_editor {

  line-height: 2

}

.met_editor ul, .met_editor ol {

  padding: 0 0 0 25px;

  margin: 0

}

.met_editor a {

  color: #1c57c4

}

.met_editor a:hover {

  text-decoration: underline

}

.met_editor img {

  max-width: 100%;

  height: auto !important;

}

.met_editor blockquote {

  padding-top: 5px;

  padding-bottom: 5px;

  padding-left: 15px;

  border-left: 4px solid #e8e8e8

}

.met_editor hr {

  display: block;

  padding: 0;

  border: 0;

  height: 0;

  border-top: 1px solid #e8e8e8;

  margin: 20px 0;

  -webkit-box-sizing: content-box;

  box-sizing: content-box

}

.met_editor .metvideobox {

  text-align: center;

  visibility: hidden;

  margin: 10px auto;

}

.met_editor .video-js {

  max-width: 100%;

}

.met_editor table {

  width: 100% !important;

  margin-bottom: 1.6rem;

  border-spacing: 0 !important;

  border-collapse: collapse !important;

  padding: 0 !important;

  border: 0

}

.met_editor table td {

  border: 1px solid #e8e8e8 !important

}

.met_editor table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {

  padding: .7rem;

  line-height: 1.6;

  vertical-align: top;

  border-top: 1px solid #e8e8e8

}

.met_editor table > thead > tr > th {

  vertical-align: bottom;

  border-bottom: 1px solid #e8e8e8

}

.met_editor #page_break .collapse {

  display: none

}

.met_editor #page_break .num {

  padding: 10px 0;

  text-align: center

}

.met_editor #page_break .num li {

  display: inline;

  margin: 0 2px;

  padding: 3px 5px;

  border: 1px solid #ccc;

  background-color: #fff;

  color: #666;

  text-align: center;

  cursor: pointer;

  font-family: Arial;

  font-size: 12px;

  overflow: hidden

}

.met_editor #page_break .num li.on {

  background-color: #ccc;

  color: #fff;

  font-weight: bold

}

.metinfo-banner1 {

  overflow: hidden;

  margin: 0 auto

}

.met_pager {

  text-align: center;

  padding: 20px 0 10px

}

.met_pager span {

  border: 1px solid #e2dfdf;

  text-align: center;

  border-radius: 5px;

  height: 38px;

  line-height: 38px;

  min-width: 38px;

  _width: 38px;

  text-align: center;

  display: inline-block;

  color: #c3c3c3;

  margin: 0 3px;

  background: #f0f0f0;

  cursor: not-allowed;

}

.met_pager a {

  border: 1px solid #e2dfdf;

  text-align: center;

  border-radius: 5px;

  height: 38px;

  line-height: 38px;

  min-width: 38px;

  _width: 38px;

  text-align: center;

  display: inline-block;

  color: #474747;

  margin: 0 3px;

  background: #f0f0f0;

}

.met_pager a:hover, .met_pager a.cur{

  border: 1px solid #03a3e6;

  color: #fff;

  background: #03a3e6;

}





.met_pager .PreSpan, .met_pager .PreA {}

.met_pager .NextSpan, .met_pager .NextA {}

.met_pager .firstPage, .met_pager .lastPage {

  font-weight: bold;

  height: 38px;

  line-height: 38px;

  min-width: 40px;

  _width: 40px;

  color: #aaa

}

.met_pager .Ahover {

  font-weight: bold;

  border: 1px solid #03a3e6;

  color: #fff;

  background: #03a3e6;

}

.met_pager .PageText {

  margin-left: 10px;

  color: #aaa

}

.met_pager #metPageT, #metPageB {

  text-align: center;

  border: 1px solid #e2dfdf;

  color: #474747;

  background: #fff;

}

.met_pager #metPageT {

  width: 20px;

  padding: 11px 5px 10px

}

.met_pager #metPageB {

  min-width: 40px;

  _width: 40px;

  padding: 9px 0;

  cursor: pointer;

}

*html .met_pager #metPageT {

  height: 13px;

  line-height: 13px

}

*html .met_pager #metPageB {

  padding: 0;

  height: 38px;

  line-height: 30px

}

* + html .met_pager #metPageT {

  height: 13px;

  line-height: 13px

}

* + html .met_pager #metPageB {

  padding: 0;

  height: 38px;

  line-height: 30px

}

.met_module1 {

  padding: 0px 10px 30px 10px

}

.met_module2 {

  padding: 20px 20px 0 20px;

  border: 1px solid #e8e8e8;

}

.met_module2_list {

  padding: 0px 0px 10px;

  margin-top: -15px;

}

.met_module2_list li {

  list-style: none;

  border-bottom: 1px solid #e8e8e8;

  padding: 15px 100px 15px 10px;

  position: relative

}

.met_module2_list h2 {

  font-weight: normal

}

.met_module2_list li p {

  color: #818181

}

.met_module2_list li span.time {

  color: #818181;

  position: absolute;

  right: 10px;

  top: 15px

}

.met_module2_list li h2 i {

  margin-right: 10px;

  position: relative

}

.met_module2_list li.list_2 h2, .met_module2_list li.list_3 h2 {

  margin-bottom: 3px;

  font-weight: bold

}

.met_module2_list li.list_2 {

  padding: 15px 0

}

.met_module2_list li.list_3 {

  padding-left: 100px;

  min-height: 80px

}

.met_module2_list li.list_3 img {

  position: absolute;

  left: 0;

  top: 15px

}

.met_module2_list li.list_3 span.time {

  position: static

}

.met_module2 h1.met_title {

  font-size: 20px;

  font-weight: normal;

  padding: 5px 0;

  margin-bottom: 10px;

  text-align: center;

}

.met_module2 .met_infos {

  color: #818181;

  font-size: 12px;

  margin-bottom: 20px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e8e8e8;

  text-align: center;

}

.met_module2 .met_time {

  padding-right: 6px

}

.met_module2 .met_source {

  padding-right: 6px

}

.met_module2 .met_source a {

  color: #607fa6

}

.met_module2 .met_editor {

  padding: 0 10px

}

.met_tools {

  border-top: 1px solid #e8e8e8;

  margin-top: 30px;

  position: relative;

  padding: 10px 10px 0;

  height: 50px;

  line-height: 50px

}

.met_tools .met_page {

  clear: both;

  color: #818181

}

.met_tools .met_page li {

  display: inline;

  list-style: none;

  font-size: 16px;

}

.met_tools .met_page li.met_page_preinfo {

  float: left;

}

.met_tools .met_page li.met_page_next {

  float: right;

}

.met_tools .met_page li span {

  padding-right: 5px;

}

.met_tools .met_page a {

  color: #607fa6

}

.met_module3_list ul.lists_1 {

  list-style: none;

  margin: 0 -12px;

}

.met_module3_list ul.lists_1 li {

  float: left;

  text-align: center;

  margin: 0 10px;

  margin-bottom: 20px;

  width: 337px;

}

.met_module3_list ul.lists_1 li a {

  text-align: center;

  display: block;

  font-size: 0;

  text-align: center;

  margin: 0 auto;

  position: relative;

  background: #eeeeee;

  padding: 2px;

  border: 0px solid #bfbfbf;

}

.met_module3_list ul.lists_1 li .img {

  padding: 0px;

  background: #fff;

  position: relative;

}

.met_module3_list ul.lists_1 li .product_detail {

  padding: 15px 20px;

  position: relative;

}

.met_module3_list ul.lists_1 li h2 {

  padding: 0px 0px;

  height: 20px;

  line-height: 20px;

  overflow: hidden;

  text-align: left;

  position: relative;

  font-weight: normal;

  font-size: 16px;

  color: #333333;

}

.met_module3_list ul.lists_1 li p {

  padding: 0px 0px;

  height: 20px;

  line-height: 20px;

  overflow: hidden;

  text-align: left;

  position: relative;

  font-weight: normal;

  font-size: 12px;

  color: #999999;

}

.met_module3_list ul.lists_1 li i {

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -12px;

  width: 24px;

  height: 24px;

  line-height: 22px;

  font-style: normal;

  font-size: 22px;

  text-align: center;

  border-radius: 50%;

  background: #cccccc;

  color: #fff;

}

.met_module3_list ul a img {

  transition: all .5s;

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  -o-transition: all .5s;

  width: 100% !important;

}

.met_module3_list ul.lists_1 li:hover a {

  border: 0px solid #03a3e6;

  background: #03a3e6;

}

.met_module3_list ul.lists_1 li:hover h2, .met_module3_list ul.lists_1 li:hover p {

  color: #fff;

}

.met_module3_list ul.lists_1 li:hover i {

  background: #fff;

  color: #03a3e6;

}

.xgcase {

  padding: 50px 0;

  background: url(../images/relateds.jpg) no-repeat center;

}

.xgcase .lmtit {

  text-align: left;

  margin-bottom: 30px;

}

.xgcase .lmtit .cn {

  font-size: 25px;

  color: #333;

  margin-bottom: 0px;

}

.xgcasenr {

  position: relative;

}

.xgcasenr .bd ul li {

  display: block;

  width: 25%;

  float: left;

}

.xgcasenr .bd ul li a {

  display: block;

  padding: 0 15px;

}

.xgcasenr .bd ul li .pic {

  overflow: hidden;

}

.xgcasenr .bd ul li .pic img {

  width: 100%;

  height: 245px;

  transition: all .5s;

}

.xgcasenr .bd ul li:hover img {

  transform: scale(1.1, 1.1);

}

.xgcasenr .bd ul li .tit {

  height: 40px;

  line-height: 40px;

  font-size: 16px;

  text-align: center;

  color: #333;

  background: #d8d7d7;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.xgcasenr .bd ul li:hover .tit {

  background: #03a3e6;

  color: #fff;

}

.xgcasenr .prev, .xgcasenr .next {

  opacity: .5;

  width: 40px;

  height: 60px;

  background: #a1a1a1;

  line-height: 60px;

  text-align: center;

  font-size: 30px;

  color: #fff;

  display: block;

  position: absolute;

}

.xgcasenr .prev:hover, .xgcasenr .next:hover {

  opacity: 1;

}

.xgcasenr .prev {

  left: -60px;

  top: 50%;

  margin-top: -30px;

}

.xgcasenr .next {

  right: -60px;

  top: 50%;

  margin-top: -30px;

}

.showpro {

  position: relative;

}

.box {

  position: absolute;

  left: 0;

  top: 0;

  background: #fff;

}

.tb-pic a {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

.tb-pic a img {

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.tb-pic a {

  *display: block;

  *font-family: Arial;

  *line-height: 1;

}

.tb-thumb {

  margin: 10px 0 0;

  overflow: hidden;

}

.tb-thumb li {

  background: none repeat scroll 0 0 transparent;

  float: left;

  height: 62px;

  margin: 0 10px 0 0;

  overflow: hidden;

  padding: 2px;

}

.tb-s310, .tb-s310 a {

  height: 370px;

  width: 370px;

}

.tb-s310, .tb-s310 img {

  max-height: 370px;

  max-width: 370px;

}

.tb-s310 a {

  *font-size: 271px;

}

.tb-s40 a {

  *font-size: 35px;

}

.tb-s40, .tb-s40 a {

  height: 60px;

  width: 60px;

}

.tb-booth {

  border: 1px solid #CDCDCD;

  position: relative;

  z-index: 1;

}

.tb-thumb .tb-selected {

  background: none repeat scroll 0 0 #03a3e6;

  height: 60px;

  padding: 2px;

}

.tb-thumb .tb-selected div {

  background-color: #FFFFFF;

  border: medium none;

}

.tb-thumb li div {

  border: 1px solid #CDCDCD;

}

div.zoomDiv {

  z-index: 999;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 200px;

  height: 200px;

  background: #ffffff;

  border: 1px solid #CCCCCC;

  display: none;

  text-align: center;

  overflow: hidden;

}

div.zoomMask {

  position: absolute;

  background: url("../images/mask.png") repeat scroll 0 0 transparent;

  cursor: move;

  z-index: 1;

}

div.zoomDiv img {

  max-width: none !important;

}

.showprojj {

  min-height: 460px;

}

.showproleft * {

  transition: all 0.3s ease-in-out;

}

.showproleft {

  height: auto;

  padding-left: 400px;

  box-sizing: border-box;

}

.showproleft .title {

  line-height: 30px;

  font-size: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #dfdfdf;

  margin-top: 20px;

  color: #03a3e6;

}

.showproleft .jj {

  line-height: 30px;

  color: #666;

  padding-bottom: 25px;

  font-size: 14px;

}

.showproleft .jj hr {

  display: block;

  height: 1px;

  background: #dfdfdf;

  border: none;

  margin: 7px 0;

}

.showproleft .price {

  height: 50px;

  line-height: 50px;

  font-size: 20px;

  color: #098ed0;

}

.showproleft .advisory {

  display: block;

  width: 130px;

  height: 40px;

  background: #03a3e6;

  color: #fff;

  text-align: center;

  line-height: 40px;

  font-size: 14px;

  border: 1px solid #03a3e6;

}

.showproleft .advisory:hover {

  background: #fff;

  color: #03a3e6;

}

.slideTxtBox {

  width: 100%;

  text-align: left;

}

.slideTxtBox .hd {

  height: 50px;

  line-height: 30px;

  border-bottom: 1px solid #ddd;

  position: relative;

}

.slideTxtBox .hd ul {

  width: 100%;

  position: absolute;

  left: 0px;

  top: -1px;

  height: 52px;

}

.slideTxtBox .hd ul li {

  float: left;

  padding: 0 10px;

  cursor: pointer;

  height: 50px;

  line-height: 50px;

  font-size: 16px;

}

.slideTxtBox .hd ul li.on {

  background: #fff;

  border: 1px solid #ddd;

  border-bottom: 2px solid #fff;

  color: #03a3e6;

  font-weight: bold;

}

.slideTxtBox .bd ul {

  padding: 15px;

  zoom: 1;

  display: block;

  line-height: 35px;

  font-size: 15px;

}

#imglist ul.lists_1 {

  list-style: none;

  margin: 0 -12px;

}

#imglist ul.lists_1 li {

  float: left;

  text-align: center;

  overflow: hidden;

  width: 333px;

  margin: 0 12px auto;

  margin-bottom: 20px;

}

#imglist ul.lists_1 li figure {

  margin: 0;

}

#imglist ul.lists_1 li figcaption {

  font-size: 0;

  height: 0;

}

#imglist ul.lists_1 li a {

  text-align: center;

  display: block;

  background: #f7f7f7;

  border: 1px solid #e9e9e9;

  font-size: 0;

  padding: 7px 7px 0;

  text-align: center;

}

#imglist ul.lists_1 li h2 {

  display: block;

  font-size: 14px;

  padding: 0px 10px;

  font-weight: normal;

  color: #656565;

  overflow: hidden;

  height: 40px;

  line-height: 40px;

  text-overflow: ellipsis;

  white-space: nowrap;

}

#imglist ul a img {

  transition: all .5s;

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  -o-transition: all .5s;

  width: 100% !important;

}

#imglist ul a:hover h2 {

  color: #03a3e6

}

#imglist ul.lists_2 {

  list-style: none;

}

#imglist ul.lists_2 li {

  padding: 0px 0px 20px;

  border-bottom: 1px dashed #e8e8e8;

  margin-bottom: 20px;

}

#imglist ul.lists_2 dt {

  float: left;

  position: relative;

  margin-right: 20px;

}

#imglist ul.lists_2 dt img {

  border: 1px solid #ddd;

}

#imglist ul.lists_2 dd h2 {

  padding: 0px 10px 10px 10px;

  font-size: 18px;

  color: #333333;

  font-weight: normal;

}

#imglist ul.lists_2 dd p {

  padding: 5px 10px 20px 10px;

  color: #666666;

  line-height: 28px;

}

#imglist ul.lists_2 dd .productmore a {

  width: 155px;

  height: 40px;

  background: #dadadc;

  line-height: 40px;

  padding: 10px 40px;

  color: #666666;

}

.tjwtBox {

  padding: 22px;

  width: 648px;

  background-color: #fff;

  font-family: 微软雅黑;

}

.tjwtBox h4 {

  padding-bottom: 14px;

  margin-bottom: 22px;

  font-size: 14px;

  color: #676364;

  border-bottom: 1px solid #e8e8e8;

  font-weight: normal;

}

.tjwtBox .m_form {}

.tjwtBox .m_form li {

  margin-bottom: 13px;

  color: #777;

  height: 38px;

}

.tjwtBox .m_form label {

  display: inline-block;

  float: left;

  line-height: 36px;

  height: 36px;

  width: 77px;

  border: 1px solid #dedede;

  border-right-width: 0;

  text-align: center;

  background: #fff;

}

.tjwtBox .m_form .iptTxt {

  float: left;

  width: 252px;

  border: 1px solid #dedede;

  height: 16px;

  line-height: 16px;

  padding: 10px 0;

  outline: none;

  text-indent: 1em;

  background: #fff;

  color: #333;

}

.tjwtBox .m_form .btnTjly {

  width: 93px;

  height: 31px;

  background: #9d2737;

  border: none;

  cursor: pointer;

  color: #fff;

}

.tjwtBox .m_form li.yzm .iptTxt {

  float: left;

  width: 180px;

}

.tjwtBox .m_form .areLi label {

  height: 132px;

}

.tjwtBox .m_form .txtAre {

  float: left;

  width: 343px;

  height: 104px;

  border: 1px solid #dedede;

  outline: none;

  resize: none;

  padding: 14px;

  color: #333;

  line-height: 18px;

}

.tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset {

  width: 161px;

  text-align: center;

  height: 36px;

  line-height: 36px;

  color: #fff;

  border: none;

  background-color: #b3b3b3;

  cursor: pointer;

}

.tjwtBox .m_form .btnSubmit {

  margin-right: 10px;

  background-color: #03a3e6;

  cursor: pointer;

}

.tjwtBox .m_form .areLi {

  height: 138px;

}

.nycon1 {

  margin-top: 20px;

}

.nycon1 .lmtit {

  height: 50px;

  line-height: 50px;

  position: relative;

  padding-left: 17px;

  font-size: 18px;

  font-weight: bold;

  background: #333;

  color: #fff;

}

.nycon1 .lmtit .kuai {

  position: absolute;

  width: 2px;

  height: 24px;

  background: #333;

  left: 0;

  top: 13px;

}

.nycon1 .lmtit .xian {

  width: 70px;

  height: 1px;

  position: absolute;

  background: #333;

  left: 0;

  bottom: 0;

}

.nycon1 .lmtit span {

  font-size: 12px;

  color: #999;

  font-weight: lighter;

  padding-left: 20px;

}

.nycon1 .nr {

  padding: 20px 0;

  font-size: 14px;

  line-height: 28px;

}

.nycon1 .nr .pic {

  border: 1px solid #dfdfdf;

  padding: 2px;

  margin-bottom: 10px;

}

.p14-infolist-1-list dl {

  border: 1px solid #dedede;

  margin-bottom: 15px;

  padding: 22px 50px 22px 22px;

  background: #fff;

  overflow: hidden

}

.p14-infolist-1-list dt {

  width: 29.5%;

  float: left;

  margin-right: 5.8%

}

.p14-infolist-1-list dt img {

  width: 100%;

  display: block

}

.p14-infolist-1-list dd h4 {

  height: 40px;

  font-weight: 400;

  font-size: 18px;

  color: #154c64;

  line-height: 40px;

  margin-bottom: 5px;

  overflow: hidden

}

.p14-infolist-1-list h4 a {

  display: block;

  height: 40px;

  color: #4b4a4a;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap

}

.p14-infolist-1-list dl:hover {

  border: 1px solid #03a3e6

}

.p14-infolist-1-list dl:hover h4 a {

  color: #03a3e6

}

.p14-infolist-1-list-desc {

  max-height: 72px;

  font-size: 14px;

  line-height: 24px;

  color: #797979;

  margin-bottom: 28px;

  overflow: hidden

}

.p14-infolist-1-list-deta {

  width: 90px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  display: block;

  float: right;

  background: #b6b6b6;

  color: #fff

}

.p14-infolist-1-list-deta a {

  color: #fff

}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta {

  background: #03a3e6;

  border-color: #03a3e6

}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a {

  color: #fff

}

/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*网站公用样式表*/
.w1200{width: 1200px;margin: 0 auto;}

/*首页标题*/
.index_title{position: relative;padding-top: 30px;padding-bottom: 17px;margin-bottom: 20px;background: url(../images/line.png) center bottom no-repeat;text-align: center;}
.index_title h3{font-size: 24px;line-height: 33px;}
.index_title h3 b{}

#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 1200px;
margin:0 auto;
}
#demo img {
border: 3px solid #F2F2F2;
width: 248px;
}
#indemo {
float: center;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

.srv-stage {
	font-size: 18px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
	overflow: hidden;
	position: relative;
}
.srv-stage .s-title {
	line-height: 46px;
	font-size: 36px;
	color: #fff;
}
.srv-stage .s-titleban {
	line-height: 46px;
	font-size: 36px;
}
.srv-stage .s-con {
	line-height: 28px;
	color: #000000;
	margin: 20px 0 0;
}
.srv-stage .s-conban {
	line-height: 28px;
	margin: 20px 0 0;
}
.srv-stage .s-list {
	line-height: 36px;
	color: #fffefe;
	margin: 37px 0 0;
}
.srv-stage .s-listban {
	line-height: 36px;
	margin: 37px 0 0;
}
.srv-stage .srv-box {
	width: 530px;
	position: relative;
	z-index: 2;
}
.srv-stage .srv-web {
	padding: 0 4%;
	text-align: center;
	display: none;
	margin: 4% 0 0;
}
.srv-stage .srv-web img {
	width: 80%;
}
.srv-stage .srv-bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: absolute;
	top: 0px;
	left: 0px;
}
.srv-stage .s-list.s-list2,  .srv-stage .s-title.s-title2 {
	color: #333333;
}
.srv-stage .s-con.s-con2 {
	color: #000000;
}
.srv-stage.s1 {
	background: #ffffff;
}
.srv-stage.s2 {
	background: #ffffff;
}
.srv-stage.s3 {
	background: #ffffff;
}
.srv-stage.s4 {
	background: #ffffff;
}
.srv-stage.s1 .contain {
	padding: 1.75rem 0 1.61rem;
}
.srv-stage.s2 .contain {
	padding: 0.89rem 0 1.83rem;
}
.srv-stage.s3 .contain {
	padding: 1.76rem 0 1.61rem;
}
.srv-stage.s4 .contain {
	padding: 1.67rem 0 2.1rem;
}
.srv-stage .srv-bg,  .srv-stage .s-title,  .srv-stage .s-con,  .srv-stage .s-list {
	transition: all .6s ease-in-out .4s;
	-webkit-transition: all .6s ease-in-out .4s;
	opacity: 0;
}
.srv-stage.s1 .srv-bg,  .srv-stage.s4 .srv-bg {
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
}
.srv-stage.s2 .srv-bg {
	transform: translate(50px, -100px);
	-webkit-transform: translate(50px, -100px);
}
.srv-stage.s3 .srv-bg {
	transform: translate(-50px, -100px);
	-webkit-transform: translate(-50px, -100px);
}
.srv-stage .s-title,  .srv-stage .s-con,  .srv-stage .s-list {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
}
.srv-stage .s-title {
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}
.srv-stage .s-con {
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}
.srv-stage .s-list {
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
}
.srv-stage.active .srv-bg,  .srv-stage.active .s-title,  .srv-stage.active .s-con,  .srv-stage.active .s-list {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
}


.anli {

  padding: 30px 0;

}

.anli .lmtit {

  font-size: 35px;

  text-align: center;

  margin-bottom: 30px;

}

.anli .lmjj {

  text-align: center;

  font-size: 14px;

  color: #999;

  margin-bottom: 20px;

}

.anli .nr {

  position: relative;

  padding-right: 50px;
}

.anli .nr .hd {

  width: 1300px;

  right: 0;

  top: 0;

}

.anli .nr .hd ul li {

  display: block;

  width: 15%;

  margin: 0 auto;

  float: left;

  text-align: center;

  padding: 14px 10px;

  color: #000000;

  cursor: pointer;

  box-sizing: border-box;

}

.anli .nr .hd ul li .ico {

  line-height: 50px;

}

.anli .nr .hd ul li .cn {

  font-size: 16px;

  height: 22px;

  line-height: 22px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.anli .nr .hd ul li .en {

  font-size: 12px;

  color: #ccc;

  text-transform: uppercase;

  height: 15px;

  line-height: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.anli .nr .hd ul li.on {

  background: #03a3e6;

}

.anli .nr .bd ul li .wz {

  background: #eaeaea;

  padding: 15px;

}

.anli .nr .bd ul li .wz .tit {

  margin-bottom: 5px;

  font-size: 20px;

  height: 25px;

  line-height: 25px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.anli .nr .bd ul li .wz .jj {

  font-size: 14px;

  color: #999;

  height: 44px;

  line-height: 22px;

  overflow: hidden;

}

.anli .nr .bd ul li .wz .jj a {

  color: #03a3e6;

}