@charset "UTF-8";
.pro-bg {
  /*background: url(../images/bj1.png) repeat-x top center;*/
  /*height: 936px;*/
  background-color: #eee;
    padding-bottom: 60px;
}

.pro-bg .pro-index {
  padding-top: 50px;
}

.pro-bg .pro-index h2 {
  font-size: 35px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  background: url(../images/t1.png) no-repeat bottom center;
  height: 75px;
}

.pro-bg .pro-index .con {
  margin-top: 23px;
}

.slick-contanier {
  background: #000;
}

.slick-contanier .slick-slide {
  outline: none;
}

.slick-contanier img {
  display: inline-block;
  width: 100%;
}

.slick-contanier .slick-con {
  display: block;
  padding: 0 5%;
  font-size: 0;
}

.tab-li {
  text-align: center;
  font-size: 0;
  margin-bottom: 26px;
  cursor: pointer;
}

.tab-li li {
  display: inline-block;
  font-size: 16px;
  background: #2e2e2e;
  border-right: 1px solid #545454;
  line-height: 78px;
  height: 78px;
  /*width: 170px;*/
  color: #fff;
  padding: 0 50px;
}

.tab-li li:hover, .tab-li li.active {
  background: #da251d;
  color: #fff;
  font-weight: normal;
}

.tab-con {
  position: relative;
}

.tab-con .tab-main {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  right: 0;
}

.tab-con .tab-main {
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.tab-con .tab-main.active {
  position: static;
  opacity: 1;
  visibility: visible;
}

.plist1 .img1 {
  width: 500px;
  /*height: 375px;*/
  border: 1px solid #cccccc;
}

.plist1 .img1 img {
  width: 498px;
  height: 375px;
}

.plist1 .wen {
  width: 385px;
  margin-left: 50px;
  margin-top: 54px;
}

.plist1 .wen h3 {
  font-size: 18px;
  color: #333333;
}

.plist1 .wen .wz {
  margin-top: 30px;
  height: 155px;
}

.plist1 .wen .wz span {
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
  display: block;
}

.plist1 .wen .wz p {
  color: #666666;
  line-height: 24px;
}

.plist1 .wen .more a {
  font-size: 15px;
  color: #666666;
  border: 1px solid #767676;
  border-radius: 20px;
  width: 178px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}

.plist2 {
  margin: 0 -10px;
}

.plist2 h4 {
  margin-top: 47px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 15px;
}

.plist2 li {
  float: left;
  margin: 0 9px;
  margin-bottom: 20px;
}

.plist2 li img {
  width: 278px;
  height: 278px;
  /*height: 213px;*/
  border: 1px solid #cccccc;
  background: #fff
}

.plist2 li span {
  display: block;
  color: #333333;
  font-size: 15px;
  text-align: center;
  padding-top: 18px;
}

.about-index {
  /*margin-top: 62px;*/
  margin: 62px 0;
}

.about-index h2 {
  font-size: 35px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  background: url(../images/t1.png) no-repeat bottom center;
  height: 75px;
}

.about-index .con {
    background: url(../images/about.png) no-repeat top center;
    height: 297px;
    margin-top: 30px;
    padding-top: 82px;
    padding-bottom: 30px;
}

.about-index .con h3 {
  font-size: 18px;
  color: #333333;
  margin-left: 509px;
  margin-bottom: 18px;
}

.about-index .con .wen {
  font-size: 14px;
  color: #333333;
  line-height: 26px;
  width: 640px;
  margin-left: 509px;
}

.about-index .con .rexian {
  background: #f3f3f3;
  width: 408px;
  height: 79px;
  margin-left: 718px;
  margin-top: 20px;
}

.about-index .con .rexian .more1 {
  width: 129px;
  height: 79px;
  background: #da251d;
}

.about-index .con .rexian .more1 a {
  display: block;
  font-size: 15px;
  color: #fff;
  line-height: 79px;
  text-align: center;
}

.about-index .con .rexian .dain {
  background: url(../images/te1.png) no-repeat 18px center;
  padding-left: 70px;
  margin-top: 13px;
  line-height: 24px;
}

.about-index .xian {
  margin-top: 25px;
}

.about-index .about-list {
  margin: 0 -5px;
  margin-top: 30px;
}

.about-index .about-list li {
  float: left;
  position: relative;
  margin: 0 5px;
}

.about-index .about-list li img {
  width: 292px;
  height: 191px;
}

.about-index .about-list li h4 {
  background: rgba(10, 10, 10, 0.3);
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ys-bg {
  background: url(../images/ys.png) no-repeat top center;
  height: 1815px;
  overflow: hidden;
  margin-top: 100px;
}

.ys-bg .ys-index h2 {
  font-size: 44px;
  color: #fff;
  text-align: center;
  height: 142px;
  padding-top: 50px;
}

.ys-bg .ys-index h2 span {
  display: block;
  font-size: 24px;
  font-weight: normal;
}

.ys-bg .ys-index .con {
  margin-top: 135px;
}

.ys-bg .ys-index .con .ys1 {
  width: 598px;
}

.ys-bg .ys-index .con .ys1 h3 {
  font-size: 18px;
  color: #fff;
  width: 388px;
  text-align: center;
  line-height: 38px;
  font-weight: normal;
  margin-bottom: 35px;
}

.ys-bg .ys-index .con .ys1 .pub-ys {
  font-size: 16px;
  color: #333333;
}

.ys-bg .ys-index .con .ys1 .pub-ys p {
  background: url(../images/y1.png) no-repeat 21px 20%;
  padding-left: 60px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 14px;
}

.ys-bg .ys-index .con .ys2 {
  margin-left: 606px;
  margin-top: 209px;
}

.ys-bg .ys-index .con .ys3 {
  margin-top: 196px;
}

.ys-bg .ys-index .con .ys4 {
  margin-top: 156px;
}

.case-index {
  margin-top: 70px;
}

.case-index h2 {
  font-size: 35px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  background: url(../images/t1.png) no-repeat bottom center;
  height: 75px;
}

.case-index .con {
  position: relative;
  margin-top: 58px;
  height: 427px;
}

.case-index .con .img1 {
  float: left;
  width: 803px;
  height: 427px;
}

.case-index .con .wen {
  margin-left: 46px;
  float: left;
  width: 350px;
}

.case-index .con .wen h3 {
  font-size: 26px;
  color: #da251d;
  padding-top: 26px;
}

.case-index .con .wen h3 b {
  display: block;
}

.case-index .con .wenzi {
  position: absolute;
  right: 0;
  top: 135px;
  width: 392px;
  height: 208px;
  background: #f8f8f8;
  padding: 0 28px;
}

.case-index .con .wenzi .title {
  padding-top: 24px;
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}

.case-index .con .wenzi .title span {
  color: #666666;
}

.case-index .con .wenzi .title a {
  background: url(../images/more.png) no-repeat top center;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 10px;
}

.case-index .con .wenzi .ww {
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}

.case-index .con .dh {
  margin-top: 258px;
  background: url(../images/tel2.png) no-repeat left center;
  padding-left: 54px;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}

/*滚动*/
#demo {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

#indemo {
  float: left;
  width: 800%;
}

#demo1 {
  float: left;
}

#demo2 {
  float: left;
}

.kehu-con {
  position: relative;
  margin-top: 32px;
}

.l_btn, .r_btn {
  position: absolute;
  top: 37%;
  cursor: pointer;
}

.l_btn {
  left: -23px;
  background: url(../images/l1.png) no-repeat center center #333333;
  width: 46px;
  height: 25px;
}

.l_btn:hover {
  background: url(../images/l1.png) no-repeat center center #da251d;
}

.r_btn {
  right: -23px;
  background: url(../images/r1.png) no-repeat center center #333333;
  width: 46px;
  height: 25px;
}

.r_btn:hover {
  background: url(../images/r1.png) no-repeat center center #da251d;
}

.product_list2 li {
  float: left;
  margin-left: 17px;
  margin-right: 17px;
  _display: inline;
}

.product_list2 li a.img img {
  width: 274px;
  /*height: 146px;*/
}

.product_list2 li p {
  font-size: 14px;
  color: #333333;
  text-align: center;
  padding-top: 10px;
}

.news-bg {
  background: #f8f8f8;
  margin-top: 75px;
  padding-top: 70px;
  padding-bottom: 45px;
}

.news-bg .news-index {
  position: relative;
}

.news-bg .news-index h2 {
  font-size: 34px;
  color: #000000;
}

.news-bg .news-index h2 span {
  font-size: 24px;
  color: #a1a1a1;
  font-weight: normal;
  padding-left: 10px;
}

.taablis {
  text-align: center;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.taablis li {
  display: inline-block;
  width: 122px;
  text-align: center;
  background: #ffffff;
  font: 500 16px/42px "微软雅黑";
  color: #999999;
}

.taablis li.cur {
  color: #fff;
  background: #da251d;
  font-size: 18px;
}

.taab {
  margin-top: 60px;
}

.xw_alst1 {
  width: 600px;
  background: #fff;
  height: 526px;
}

.xw_alst2 {
  width: 580px;
}

.xw_alst1 li a.img {
  display: block;
  width: 600px;
  height: 410px;
  overflow: hidden;
}

.xw_alst1 li a.img img {
  width: 600px;
  height: 410px;
}

.xw_alst1 li h2 {
  padding: 0 20px;
}

.xw_alst1 li h2 a {
  display: block;
  color: #333333;
  font: 500 16px/40px "微软雅黑";
  padding-top: 10px;
}

.xw_alst1 li h3 {
  font: 500 14px/26px "微软雅黑";
  padding: 0 20px;
}

.xw_alst1 li h3 a {
  color: #0b68c5;
}

.xw_alst2 li {
  height: 124px;
  margin-bottom: 10px;
  background: #fff;
}

.xw_alst2 li b {
  display: block;
  float: left;
  width: 104px;
  background: #fff;
  text-align: center;
  color: #999999;
  font: 500 35px/60px "微软雅黑";
  height: 124px;
  box-sizing: border-box;
  padding-top: 19px;
  border-right: 1px solid #eeeeee;
}

.xw_alst2 li b span {
  display: block;
  color: #666;
  font: 500 14px/24px "微软雅黑";
}

.xw_alst2 li .xw_wenzd {
  float: left;
  width: 466px;
  height: 124px;
  box-sizing: border-box;
  padding: 5px 20px 0;
}

.xw_alst2 li .xw_wenzd h2 a {
  display: block;
  color: #333333;
  font: 500 16px/48px "微软雅黑";
}

.xw_alst2 li .xw_wenzd h3 {
  font: 500 14px/26px "微软雅黑";
  color: #999999;
}

.link {
  background: url(../images/link.png) no-repeat left center;
  padding-left: 104px;
  margin: 35px 0;
}

.link a {
  font-size: 14px;
  color: #999999;
  margin-right: 18px;
}

.foot-bg {
  background: #212d3a;
  padding-top: 18px;
}

.foot-bg .nav1 {
  height: 86px;
  background: url(../images/nav1.png) no-repeat bottom left;
}

.foot-bg .nav1 a {
  line-height: 86px;
  font-size: 16px;
  color: #e5e5e5;
  padding: 0 10px;
}