/* AB模版网 整站模板下载网站 Www.AdminBuy.Cn */

/* QQ：9490489 */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */

@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: 560px;

}

.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: 325px;

}

.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: 530px;

  right: 0;

  top: 0;

}

.incase .nr .bd{ width:750px}

.incase .nr .hd ul li {

  display: block;

  width: 48%;

  margin: 0 1% 1%;

  float: left;

  text-align: center;

  padding: 94px 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;

}

.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 {



  background: #404040;

}

.innews .list ul li {



}

.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;

}

.nybanner {

  height: 300px;

  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 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 {

  border: 1px solid #03a3e6;

  color: #fff;

  background: #03a3e6;

}

.met_pager .PreSpan, .met_pager .NextSpan {

  height: 40px;

  line-height: 40px;

  min-width: 60px;

  _width: 60px;

  border-radius: 5px;

  text-align: center;

  background: #fff;

  color: #474747;

  display: inline-block;

  border: 1px solid #e2dfdf;

}

.met_pager .PreA, .met_pager .NextA {

  height: 38px;

  line-height: 38px;

  min-width: 58px;

  _width: 58px;

  color: #474747

}

.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;

  position: absolute;

  right: 5px;

  top: 0;

  color: #818181

}

.met_tools .met_page li {

  display: inline;

  list-style: none;

  margin-left: 30px;

}

.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 20px;

  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

}



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

   .incase .nr .bd{ width:100% !important}

   

}

.foota a{ color:#848484}



/*AB模版网新增翻页样式 各类模版 www.adminbuy.cn*/

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}

.ab_pages ul{display:inline-block;margin:0 auto;padding:0}

.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}

.ab_pages ul a.page-num-current{ background:#ddd; }

.ab_pages ul a:hover{ background:#ddd}



#maximg img{ max-width:100% !important; height:auto !important}