@charset "UTF-8";
.pages-wrap {
  width: 100%;
  background: #f4f4f4
}

.pages-wrap .banner-wrap {
  width: 100%;
  height: 330px
}

.pages-wrap .mid-bar {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #e8e8e8
}

.pages-wrap .mid-bar .mid-btn li {
  height: 48px;
  line-height: 48px;
  float: left;
  font-size: 18px;
  transition: .2s
}

.pages-wrap .mid-bar .mid-btn li+li {
  margin-left: 68px
}

.pages-wrap .mid-bar .mid-btn li a {
  display: block;
  height: 100%;
  color: #666666;
  transition: .2s
}

.pages-wrap .mid-bar .mid-btn li:hover, .pages-wrap .mid-bar .mid-btn li.cur {
  border-bottom: 2px solid #c81f2f
}

.pages-wrap .mid-bar .mid-btn li:hover a, .pages-wrap .mid-bar .mid-btn li.cur a {
  color: #c81f2f
}

.pages-wrap .breadcrumbs-nav {
  line-height: 49px;
  font-size: 12px;
  color: #999999
}

.pages-wrap .breadcrumbs-nav a {
  position: relative;
  color: #999999;
  transition: .2s
}

.pages-wrap .breadcrumbs-nav a:hover {
  color: #c81f2f
}

.pages-wrap .breadcrumbs-nav a:last-of-type {
  color: #c81f2f
}

.pages-wrap .breadcrumbs-nav a:first-of-type {
  padding-left: 22px;
  background: url("../img/i-home.png") no-repeat center left;
  background-size: 28%;
  transition: .2s
}

.pages-wrap .breadcrumbs-nav a:first-of-type:hover {
  background: url("../img/i-home2.png") no-repeat center left;
  background-size: 28%
}

.pages-wrap .pages-con {
  margin-top: 30px;
  padding-bottom: 60px
}

.pages-wrap .pages-con .leftSide-wrap {
  width: 270px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-head {
  width: 100%;
  height: 100px;
  background: #c81f2f;
  color: #fff;
  text-align: center
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-head h1 {
  font-size: 28px;
  font-weight: 900;
  padding-top: 20px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-head p {
  font-size: 14px;
  opacity: .5;
  margin-top: 10px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-foot {
  width: 100%;
  background: #c81f2f;
  color: #fff;
  height: 100px;
  padding: 24px 0 0 0;
  position: relative;
  font-size: 18px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-foot .num {
  font-size: 28px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-foot i {
  position: absolute;
  top: 10px;
  left: 5px;
  font-size: 58px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-foot p {
  margin-left: 65px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body {
  background: #fff;
  margin-bottom: 20px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body ul {
  padding-bottom: 30px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body ul li {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ccc;
  position: relative
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body ul li::before {
  display: block;
  position: absolute;
  top: 25px;
  left: 12px;
  content: '';
  width: 20px;
  height: 20px;
  background: url("../img/right.png") no-repeat
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body ul li a {
  display: block;
  height: 100%;
  margin-left: 40px;
  font-size: 16px
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body ul li a:hover {
  color: #c81f2f
}

.pages-wrap .pages-con .leftSide-wrap .leftSide-body ul li.cur a {
  font-weight: 900;
  color: #c81f2f
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap {
  padding-bottom: 20px
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dt {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  font-weight: 900;
  padding-left: 40px;
  position: relative
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dt::before {
  position: absolute;
  top: 19px;
  left: 10px;
  font-weight: 600;
  content: '+';
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  background: #c81f2f;
  color: #fff;
  border-radius: 50%
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd {
  display: none;
  height: 0;
  overflow: hidden
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 26px;
  color: #333333;
  transition: .2s;
  position: relative
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd a::before {
  position: absolute;
  top: 15px;
  left: 9px;
  width: 8px;
  height: 10px;
  content: '';
  background: url("../img/dote.png") no-repeat
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd a.cur, .pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd a:hover {
  color: #c81f2f
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd a.cur::before, .pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dd a:hover::before {
  background: url("../img/dote2.png") no-repeat
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl {
  border-bottom: 1px solid #cccccc
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl.open:last-of-type, .pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl:hover:last-of-type {
  border-bottom: none
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl.open dt, .pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl:hover dt {
  border-top: none;
  border-bottom: 1px solid #cccccc
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl.open dt::before, .pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl:hover dt::before {
  content: '-'
}

.pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl.open dd, .pages-wrap .pages-con .leftSide-wrap .productMenu-wrap dl:hover dd {
  display: block;
  height: auto
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap {
  width: 100%;
  background: #fff;
  margin-bottom: 20px
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap .tt {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #c81f2f;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  padding-left: 12px
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap .con {
  width: 100%;
  padding: 10px
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap .con a {
  display: block;
  width: 100%;
  height: 180px;
  overflow: hidden;
  background: #333
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap .con a img {
  max-width: 100%;
  max-height: 100%
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap .con a+a {
  margin-top: 20px
}

.pages-wrap .pages-con .leftSide-wrap .activity-wrap .con a:hover img {
  opacity: .8
}

.pages-wrap .pages-con .rightCon-wrap {
  width: 910px;
  background: #fff;
  padding: 18px 0 30px 0
}

.pages-wrap .pages-con .rightCon-wrap .right-bar {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px
}

.pages-wrap .pages-con .rightCon-wrap .right-bar .pages-title {
  padding-left: 46px;
  font-size: 18px;
  color: #c81f2f;
  font-weight: 900;
  position: relative
}

.pages-wrap .pages-con .rightCon-wrap .right-bar .pages-title i {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 36px
}

.pages-wrap .pages-con .rightCon-wrap .right-bar .pages-title em {
  position: absolute;
  top: 15px;
  left: 0;
  display: block;
  width: 3px;
  height: 20px;
  background: #c81f2f
}

.pages-wrap .pages-con .rightCon-wrap .right-bar .pages-title span {
  position: relative;
  top: 12px
}

.pages-wrap .pages-con .rightCon-wrap .right-bar .pages-title em+span {
  left: -20px
}

.pages-wrap .proList {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}

.pages-wrap .proList li {
  float: left;
  width: 270px;
  height: 320px;
  margin-right: 20px
}

.pages-wrap .proList li img {
  width: 270px;
  height: 270px;
  border: 1px solid #ccc
}

.pages-wrap .proList li:nth-of-type(3n) {
  margin-right: 0
}

.pages-wrap .proList li p {
  height: 50px;
  line-height: 50px;
  padding-left: 28px;
  background: url("../img/next.png") no-repeat center left
}

.pages-wrap .proList li:hover img {
  border: 1px solid #c81f2f
}

.pages-wrap .proList li:hover p {
  color: #c81f2f
}

.pages-wrap .proInfo-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .proInfo-wrap .thumb-wrap .thumb-mian {
  width: 410px;
  height: 410px;
  border: 1px solid #cccccc
}

.pages-wrap .proInfo-wrap .thumb-wrap .thumb-mian img {
  width: 100%;
  height: 100%
}

.pages-wrap .proInfo-wrap .thumb-wrap .thumbSlide-wrap {
  width: 410px;
  height: 80px;
  margin-top: 10px;
  position: relative
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-prev, .pages-wrap .proInfo-wrap .thumb-wrap .list-slide-next {
  width: 40px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #eee;
  color: #999;
  position: absolute;
  top: 0;
  cursor: pointer;
  font-size: 22px
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-prev:hover, .pages-wrap .proInfo-wrap .thumb-wrap .list-slide-next:hover {
  background: #c81f2f;
  color: #fff
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-prev {
  left: 0;
  transform: rotateY(180deg)
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-next {
  right: 0
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-con {
  position: relative;
  top: 0;
  left: 41px;
  width: 320px;
  height: 80px;
  overflow: hidden
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-con ul {
  height: 80px;
  transition: .2s
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-con li {
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #ccc;
  cursor: pointer
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-con li:hover {
  border: 1px solid #c81f2f
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-con li img {
  width: 100%;
  height: 100%
}

.pages-wrap .proInfo-wrap .thumb-wrap .list-slide-con li+li {
  margin-left: 10px
}

.pages-wrap .proInfo-wrap .proInfo {
  width: 412px;
  margin-left: 28px
}

.pages-wrap .proInfo-wrap .proInfo .tt {
  width: 100%;
  font-size: 24px;
  font-weight: 900;
  padding-bottom: 18px;
  border-bottom: 1px dashed #ccc
}

.pages-wrap .proInfo-wrap .proInfo .con {
  margin-top: 18px;
  color: #666
}

.pages-wrap .proInfo-wrap .proInfo .con p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  text-indent: 2em
}

.pages-wrap .proInfo-wrap .tab-pane .tab-btn {
  width: 100%;
  height: 60px;
  background: #eee
}

.pages-wrap .proInfo-wrap .tab-pane .tab-btn li {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  background: #eee
}

.pages-wrap .proInfo-wrap .tab-pane .tab-btn li:last-of-type {
  border-right: 2px solid #fff
}

.pages-wrap .proInfo-wrap .tab-pane .tab-btn li.cur, .pages-wrap .proInfo-wrap .tab-pane .tab-btn li:hover {
  background: #fff;
  border-top: 4px solid #c81f2f;
  line-height: 56px;
  color: #c81f2f
}

.pages-wrap .proInfo-wrap .tab-pane .tab-btn li.cur::after, .pages-wrap .proInfo-wrap .tab-pane .tab-btn li:hover::after {
  display: none
}

.pages-wrap .proInfo-wrap .tab-pane .tab-btn li+li {
  margin-left: 0
}

.pages-wrap .proInfo-wrap .tab-pane .tab-con {
  min-height: 300px;
  height: auto
}

.pages-wrap .proInfo-wrap .tab-pane .tab-con li {
  position: static
}

.pages-wrap .proInfo-wrap .pro-cpgg li {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px
}

.pages-wrap .proInfo-wrap .pro-cpgg li::before {
  position: absolute;
  content: '';
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #999
}

.pages-wrap .proInfo-wrap .pro-cpgn p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 22px
}

.pages-wrap .jjfa-menu {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .jjfa-menu li {
  display: block;
  float: left;
  width: 410px;
  height: 280px;
  margin-right: 30px
}

.pages-wrap .jjfa-menu li div {
  width: 410px;
  height: 230px;
  padding: 1px;
  border: 1px solid #ccc
}

.pages-wrap .jjfa-menu li img {
  width: 406px;
  height: 226px
}

.pages-wrap .jjfa-menu li:nth-of-type(2n) {
  margin-right: 0
}

.pages-wrap .jjfa-menu li p {
  height: 50px;
  line-height: 50px;
  padding-left: 28px;
  background: url("../img/next.png") no-repeat center left
}

.pages-wrap .jjfa-menu li:hover div {
  border: 1px solid #c81f2f
}

.pages-wrap .jjfa-menu li:hover p {
  color: #c81f2f
}

.pages-wrap .jjfa-list {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .jjfa-list li {
  font-size: 16px;
  border-bottom: 1px dashed #d5d5d5;
  height: 60px;
  line-height: 60px
}

.pages-wrap .jjfa-list li a {
  display: block;
  width: 100%;
  height: 100%
}

.pages-wrap .jjfa-list li a:hover {
  color: #c81f2f
}

.pages-wrap .notice-wrap .firstNotice {
  height: 182px;
  width: 100%;
  background: #f4f4f4;
  margin-bottom: 20px;
  padding: 20px 20px 20px 240px;
  position: relative;
  font-size: 16px
}

.pages-wrap .notice-wrap .firstNotice img {
  position: absolute;
  width: 200px;
  height: 140px;
  top: 20px;
  left: 20px
}

.pages-wrap .notice-wrap .firstNotice time {
  color: #999;
  position: absolute;
  right: 20px;
  top: 20px
}

.pages-wrap .notice-wrap .firstNotice .tt {
  height: 22px;
  line-height: 22px;
  margin-bottom: 18px;
  width: 460px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.pages-wrap .notice-wrap .firstNotice .con {
  font-size: 14px;
  line-height: 24px;
  color: #666
}

.pages-wrap .notice-wrap .firstNotice a:hover .tt {
  color: #c81f2f
}

.pages-wrap .notice-wrap .firstNotice a:hover .con {
  text-decoration: underline
}

.pages-wrap .notice-wrap .pageNav {
  padding-right: 30px;
}

.pages-wrap .com-list, .pages-wrap .notice-list {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px
}

.pages-wrap .com-list li, .pages-wrap .notice-list li {
  display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  padding-left: 20px;
  border-bottom: 1px dashed #d6d6d6;
  position: relative
}

.pages-wrap .com-list li::before, .pages-wrap .notice-list li::before {
  position: absolute;
  top: 21px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  border-radius: 50%;
  content: ''
}

.pages-wrap .com-list li a, .pages-wrap .notice-list li a {
  display: block;
  width: 100%
}

.pages-wrap .com-list li a time, .pages-wrap .notice-list li a time {
  position: absolute;
  top: 16px;
  right: 0;
  line-height: 20px;
  text-align: right;
  font-size: 14px;
  color: #999
}

.pages-wrap .com-list li a:hover time, .pages-wrap .notice-list li a:hover time, .pages-wrap .com-list li a:hover, .pages-wrap .notice-list li a:hover {
  color: #c81f2f
}

.pages-wrap .com-list+.pageNav, .pages-wrap .notice-list+.pageNav {
  text-align: right
}

.pages-wrap .com-list+.pageNav span, .pages-wrap .notice-list+.pageNav span {
  padding-right: 12px
}

.pages-wrap .service-info {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .service-info dl {
  font-size: 14px;
  margin-bottom: 25px;
  color: #666;
  text-indent: 2em
}

.pages-wrap .service-info dl dt {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px
}

.pages-wrap .service-info dl dd {
  line-height: 24px
}

.pages-wrap .skill-list {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .skill-list li {
  height: 182px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 20px 20px 240px;
  position: relative;
  font-size: 16px;
  border-bottom: 1px dashed #d5d5d5
}

.pages-wrap .skill-list li .thumb {
  position: absolute;
  width: 200px;
  height: 140px;
  top: 20px;
  left: 20px;
  padding: 1px;
  border: 1px solid #ccc
}

.pages-wrap .skill-list li .thumb img {
  width: 100%;
  height: 100%
}

.pages-wrap .skill-list li time {
  color: #999;
  position: absolute;
  right: 20px;
  top: 20px
}

.pages-wrap .skill-list li .tt {
  width: 460px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 22px;
  line-height: 22px;
  margin-bottom: 18px
}

.pages-wrap .skill-list li .con {
  width: 590px;
  font-size: 14px;
  line-height: 24px;
  color: #666
}

.pages-wrap .skill-list li a:hover .tt {
  color: #c81f2f
}

.pages-wrap .skill-list li a:hover .con {
  text-decoration: underline
}

.pages-wrap .service-pxrz {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  text-indent: 2em
}

.pages-wrap .service-pxrz p {
  font-size: 14px;
  line-height: 24px;
  color: #666
}

.pages-wrap .service-pxrz .tt {
  margin-top: 30px;
  font-weight: 900;
  color: #c81f2f;
  font-size: 16px;
  position: relative;
  margin: 30px 0 5px 0
}

.pages-wrap .service-pxrz .tt::before {
  position: absolute;
  top: 0;
  left: -25px;
  content: '★';
  font-size: 22px;
  line-height: 22px
}

.pages-wrap .service-pxrz p+img {
  display: block;
  margin: 20px auto 0 auto
}

.pages-wrap .service-pxrz .tt2 {
  font-size: 16px;
  color: #333;
  margin: 15px 0
}

.pages-wrap .service-pxrz ul {
  margin-top: 18px
}

.pages-wrap .service-pxrz ul li {
  display: block;
  float: left;
  width: 200px;
  text-indent: 0
}

.pages-wrap .service-pxrz ul li+li {
  margin-left: 15px
}

.pages-wrap .service-pxrz ul li div {
  width: 100%;
  height: 200px;
  padding: 1px;
  border: 1px solid #ccc
}

.pages-wrap .service-pxrz ul li div img {
  width: 100%;
  height: 100%
}

.pages-wrap .service-pxrz ul li p {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center
}

.pages-wrap .zscx-gjrz {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px
}

.pages-wrap .zscx-gjrz .tt {
  text-align: center;
  font-weight: 900;
  margin-bottom: 20px
}

.pages-wrap .zscx-gjrz p a {
  color: #c81f2f
}

.pages-wrap .zscx-gjrz img {
  margin: 30px auto 15px auto
}

.pages-wrap .zscx-gjrz span {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #666
}

.pages-wrap .zscx-qyrz {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .zscx-qyrz .cxForm {
  width: 100%;
  height: 265px;
  background: #f4f4f4;
  padding: 30px 25px;
  margin-bottom: 30px
}

.pages-wrap .zscx-qyrz .cxForm .form {
  width: 385px;
  height: 150px;
  padding-right: 30px
}

.pages-wrap .zscx-qyrz .cxForm label {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-bottom: 20px
}

.pages-wrap .zscx-qyrz .cxForm label span {
  display: inline-block;
  width: 150px;
  text-align: right
}

.pages-wrap .zscx-qyrz .cxForm label input {
  width: 270px
}

.pages-wrap .zscx-qyrz .cxForm .cx-btn {
  margin-left: 155px;
  width: 105px;
  height: 35px;
  line-height: 35px;
  background: #c81f2f;
  color: #fff;
  font-size: 16px;
  text-align: center;
  transition: .2s
}

.pages-wrap .zscx-qyrz .cxForm .cx-btn:hover {
  background: #9c1825
}

.pages-wrap .zscx-qyrz .cxTips {
  display: none
}

.pages-wrap .zscx-qyrz .tips {
  border-left: 1px solid #ccc;
  padding-left: 28px;
  width: 345px;
  height: 150px;
  color: #666
}

.pages-wrap .zscx-qyrz .tips p {
  margin-bottom: 10px
}

.pages-wrap .zscx-qyrz .tips p span {
  color: #c81f2f
}

.pages-wrap .zscx-qyrz .tips .tt {
  font-size: 16px;
  margin-bottom: 18px;
  color: #333
}

.pages-wrap .zscx-qyrz .resWrap {
  margin-top: 30px;
  display: none;
}

.pages-wrap .zscx-qyrz .resWrap p {
  font-weight: 900;
  font-size: 16px;
  text-indent: 2em
}

.pages-wrap .zscx-qyrz .resWrap .resTip {
  display: none
}


.pages-wrap .zscx-qyrz .resWrap .zs2 {
  display: block;
  position: relative;
  margin: 20px auto 0 auto;
  width: 580px;
  height: 823px;
  border: 1px solid #ccc;
  color: #000;
  background: url("/partner/image/zs.jpg") no-repeat center center
}

.pages-wrap .zscx-qyrz .resWrap .zs2 p {
  text-indent: 0
}
.pages-wrap .zscx-qyrz .resWrap .zs2 .number {
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  top: 130px;
  right:60px;
  font-family: verdana;
}
.pages-wrap .zscx-qyrz .resWrap .zs2 .name {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 408px;
  left: 0;
  font-size: 22px;
  font-family: 微软雅黑;
}
.pages-wrap .zscx-qyrz .resWrap .zs2 .d {
  position: absolute;
  width: 100%;
  top: 545px;
  left: 175px;
  font-size:16px;
  font-family: 微软雅黑;
  font-weight: 400;
}
.pages-wrap .zscx-qyrz .resWrap .zs2 .date {
  position: absolute;
  width: 100%;
  font-size: 14px;
  top: 582px;
  left: 190px;
  font-family: verdana;
  font-weight: 400;
}

.pages-wrap .zscx-qyrz .resWrap .zs2 .date .m {
  margin-left: 21px
}

.pages-wrap .zscx-qyrz .resWrap .zs2 .d {
  margin-left: 18px
}


.pages-wrap .zscx-qyrz .info .tt {
  font-size: 16px;
  margin: 25px 0 15px 0
}

.pages-wrap .zscx-qyrz .info p {
  text-indent: 2em;
  font-size: 14px;
  line-height: 24px
}

.pages-wrap .zscx-qyrz .info ul {
  margin-top: 30px
}

.pages-wrap .zscx-qyrz .info ul li {
  display: block;
  float: left;
  width: 207px;
  height: 160px;
  margin-right: 7px;
  border: 1px solid #ccc;
  padding: 1px
}

.pages-wrap .zscx-qyrz .info ul li:nth-of-type(4n) {
  margin-right: 0
}

.pages-wrap .zscx-qyrz .info ul li img {
  width: 100%;
  height: 100%
}

.pages-wrap .download-list {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px
}

.pages-wrap .articleCon-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .articleCon-wrap .tt {
  font-size: 24px;
  font-weight: 900;
  text-align: center
}

.pages-wrap .articleCon-wrap time {
  display: block;
  height: 54px;
  line-height: 54px;
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  margin-bottom: 30px;
  text-align: center
}

.pages-wrap .articleCon-wrap .con {
  margin-top: 30px;
	font-size: 16px;
	line-height: 180%;
	color: #333;
}

.pages-wrap .articleCon-wrap .con u{
	text-decoration:none;
}

.pages-wrap .articleCon-wrap .con img {
  display: block;
  max-width: 100%;
  margin: 24px auto
}

.pages-wrap .articleCon-wrap .con p {
  text-indent: 2em;
  line-height: 180%;
  font-size: 16px
}

.pages-wrap .articleCon-wrap .con .download-btn {
  padding-left: 30px;
  background: url("../img/wjj.png") no-repeat center left
}

.pages-wrap .articleCon-wrap .con .download-btn a {
  border-bottom: 1px solid #666
}

.pages-wrap .articleCon-wrap .con .download-btn a:hover {
  color: #c81f2f;
  border-bottom: 1px solid #c81f2f
}

.pages-wrap .articleCon-wrap .con .download-btn a span {
  padding-left: 10px
}

.pages-wrap .articleCon-wrap .keywords {
  font-size: 12px;
  padding-bottom: 10px;
  margin-top: 20px;
  border-bottom: 2px solid #c81f2f
}

.pages-wrap .articleCon-wrap .keywords a {
  display: inline-block;
  padding-right: 10px;
  color: #666
}

.pages-wrap .articleCon-wrap .keywords a:hover {
  color: #c81f2f
}

.pages-wrap .articleCon-wrap .next-btn, .pages-wrap .articleCon-wrap .prev-btn {
  display: block;
  font-size: 12px;
  color: #333;
  margin-top: 20px
}

.pages-wrap .articleCon-wrap .next-btn a, .pages-wrap .articleCon-wrap .prev-btn a {
  color: #666
}

.pages-wrap .articleCon-wrap .next-btn:hover a, .pages-wrap .articleCon-wrap .prev-btn:hover a {
  color: #c81f2f
}

.pages-wrap .saleNet-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.pages-wrap .saleNet-wrap .tt {
  font-size: 16px;
  font-weight: 900
}

.pages-wrap .saleNet-wrap .thumb {
  width: 400px;
  height: 345px;
  background: url("../img/china.jpg") left center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}

.pages-wrap .saleNet-wrap .info {
  width: 100%;
  height: 345px;
  padding-left: 425px;
}

.pages-wrap .saleNet-wrap .info .con {
  width: 425px;
  margin: 18px 0;
  font-size: 14px;
  line-height: 24px
}

.pages-wrap .saleNet-wrap .info dl {
  display: block;
  font-size: 14px;
  width: 425px;
  margin-bottom: 5px
}

.pages-wrap .saleNet-wrap .info dl dt {
  width: 70px;
  font-weight: 900
}

.pages-wrap .saleNet-wrap .info dl dd {
  width: 300px
}

.pages-wrap .saleNet-wrap .info dl dt, .pages-wrap .saleNet-wrap .info dl dd {
  float: left
}

.pages-wrap .saleNet-wrap .contact-info {
  height: 264px;
  margin-top: 26px;
  margin-bottom: 30px
}

.pages-wrap .saleNet-wrap .contact-info dl {
  font-size: 14px;
  margin-bottom: 3px
}

.pages-wrap .saleNet-wrap .contact-info dl:nth-of-type(2n) {
  margin-right: 0
}

.pages-wrap .saleNet-wrap .contact-info dl dt, .pages-wrap .saleNet-wrap .contact-info dl dd {
  float: left;
  background: #f4f4f4;
  height: 85px;
  line-height: 85px
}

.pages-wrap .saleNet-wrap .contact-info dl dt {
  width: 45px;
  color: #c81f2f;
  text-align: center
}

.pages-wrap .saleNet-wrap .contact-info dl dt i {
  font-size: 30px
}

.pages-wrap .saleNet-wrap .contact-info dl dd {
  width: 374px;
  margin-left: 3px;
  text-indent: 2em
}

.pages-wrap .saleNet-wrap .contact-info dl.col-12 dd {
  width: 799px
}

.pages-wrap .saleNet-wrap .map .tt {
  margin-bottom: 20px
}

.pages-wrap .saleNet-wrap .map #dituContent {
  width: 848px;
  height: 500px;
  border: 1px solid #ccc
}

.pages-wrap .zhaopin-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .zhaopin-wrap dl {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #d5d5d5
}

.pages-wrap .zhaopin-wrap dt {
  font-size: 16px;
  font-weight: 900
}

.pages-wrap .zhaopin-wrap dt span {
  font-weight: 400
}

.pages-wrap .zhaopin-wrap ol {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-top: 16px
}

.pages-wrap .zhaopin-wrap .tt {
  position: relative;
  font-size: 16px;
  margin: 20px 0 5px 0;
  padding-left: 20px
}

.pages-wrap .zhaopin-wrap .tt::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 10px;
  content: '';
  background: url("../img/dote.png") no-repeat
}

.pages-wrap .zhaopin-wrap .more-wrap {
  margin-top: 20px;
  padding: 0 20px
}

.pages-wrap .zhaopin-wrap .more-wrap li {
  width: 50%;
  float: left;
  text-align: center
}

.pages-wrap .zhaopin-wrap .more-wrap li a {
  display: block;
  width: 100%
}

.pages-wrap .zhaopin-wrap .more-wrap li div {
  height: 95px;
  line-height: 95px
}

.pages-wrap .zhaopin-wrap .more-wrap li p {
  margin-top: 10px
}

.pages-wrap .zhaopin-wrap .more-wrap li:hover a {
  color: #c81f2f
}

.pages-wrap .map-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  height: 700px
}

.pages-wrap #totalBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px
}

.pages-wrap #totalBox .tt {
  font-size: 14px;
  font-weight: 900;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px
}

.pages-wrap #totalBox li {
  margin-bottom: 5px
}

.pages-wrap .caseList-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .caseList-wrap dl {
  margin-bottom: 25px
}

.pages-wrap .caseList-wrap dl dt {
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 15px
}

.pages-wrap .caseList-wrap dl dd a {
  display: inline-block;
  width: 209px;
  margin-bottom: 15px
}

.pages-wrap .caseInfo-wrap {
  width: 850px;
  margin-left: auto;
  margin-right: auto
}

.pages-wrap .caseInfo-wrap dl {
  margin-bottom: 12px
}

.pages-wrap .caseInfo-wrap dl dt, .pages-wrap .caseInfo-wrap dl dd {
  display: inline-block
}

.pages-wrap .caseInfo-wrap dl dt {
  font-weight: 900;
  margin-right: 15px
}

.pages-wrap .caseInfo-wrap .imgInfo {
  margin-top: 30px
}

.pages-wrap .caseInfo-wrap .imgInfo li {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 40px
}

.pages-wrap .caseInfo-wrap .imgInfo li img {
  margin: 10px auto
}

.pages-wrap .about-wrap .card-pane {
  background: #fff;
  margin: 30px 0 50px 0
}

.pages-wrap .about-wrap .card-pane .thumb {
  width: 520px;
  height: 578px
}

.pages-wrap .about-wrap .card-pane .thumb img {
  width: 100%;
  height: 100%
}

.pages-wrap .about-wrap .card-pane .context {
  width: 620px;
  padding: 30px
}

.pages-wrap .about-wrap .card-pane .context .context-tt {
  font-size: 18px;
  margin-bottom: 28px;
  position: relative
}

.pages-wrap .about-wrap .card-pane .context .context-tt::after {
  position: absolute;
  top: 30px;
  left: 0;
  width: 40px;
  height: 3px;
  background: #c81f2f;
  content: ''
}

.pages-wrap .about-wrap .card-pane .context .context-con {
  font-size: 16px
}

.pages-wrap .about-wrap .card-pane .context .context-con p {
  text-indent: 2em;
  line-height: 25px
}

.pages-wrap .about-wrap .card-pane .context .context-con p+p {
  margin-top: 20px
}

.pages-wrap .about-wrap .slide-about {
  width: 100%;
  height: 346px;
  overflow: hidden
}

.pages-wrap .about-wrap .slide-about ul {
  width: 1820px;
  height: 100%;
  transition: .2s
}

.pages-wrap .about-wrap .slide-about li {
  float: left;
  width: 280px;
  height: 340px;
  text-align: center;
  background: #c81f2f
}

.pages-wrap .about-wrap .slide-about li p {
  line-height: 40px;
  transition: .2s;
  width: 100%;
  height: 40px;
  background: #fff
}

.pages-wrap .about-wrap .slide-about li+li {
  margin-left: 28px
}

.pages-wrap .about-wrap .slide-about li a {
  display: block;
  width: 100%;
  height: 100%
}

.pages-wrap .about-wrap .slide-about li img {
  width: 100%;
  height: 300px;
  transition: .6s
}

.pages-wrap .about-wrap .slide-about li:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.18)
}

.pages-wrap .about-wrap .slide-about li:hover p {
  color: #c81f2f
}

.pages-wrap .about-wrap .slide-about li:hover img {
  opacity: .85
}

.pages-wrap .about-wrap .thumbSlide-wrap {
  position: relative;
  width: 100%;
  height: 346px
}

.pages-wrap .about-wrap .list-slide-prev, .pages-wrap .about-wrap .list-slide-next {
  width: 40px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #e1e1e1;
  color: #999;
  position: absolute;
  top: 110px;
  cursor: pointer;
  font-size: 22px;
  z-index: 999
}

.pages-wrap .about-wrap .list-slide-prev:hover, .pages-wrap .about-wrap .list-slide-next:hover {
  background: #c81f2f;
  color: #fff
}

.pages-wrap .about-wrap .list-slide-prev {
  left: -50px;
  transform: rotateY(180deg)
}

.pages-wrap .about-wrap .list-slide-next {
  right: -50px
}

.pages-wrap .about-wrap .list-slide-con {
  position: relative;
  width: 100%;
  height: 346px;
  top: 0;
  left: 0;
  overflow: hidden
}

.pages-wrap .about-wrap .list-slide-con ul {
  transition: .2s
}

.pages-wrap .about-wrap .about-tab-pane {
  margin-bottom: 30px
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn {
  width: 476px;
  margin: 40px auto
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn li {
  float: left;
  cursor: pointer;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e1e1e1;
  color: #666666;
  position: relative;
  transition: .2s
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn li+li {
  margin-left: 28px
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn li::after {
  content: '';
  display: none;
  transition: .2s;
  bottom: 0;
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  left: 50%;
  margin-left: -7.5px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #c81f2f
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn li.cur, .pages-wrap .about-wrap .about-tab-pane .about-tab-btn li:hover {
  background: #c81f2f;
  color: #fff
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn li.cur::after, .pages-wrap .about-wrap .about-tab-pane .about-tab-btn li:hover::after {
  display: block;
  bottom: -8px
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-btn li.cur a, .pages-wrap .about-wrap .about-tab-pane .about-tab-btn li:hover a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-con {
  height: auto
}

.pages-wrap .about-wrap .about-tab-pane .about-tab-con>li {
  position: static
}

.pages-wrap .about-wrap .zs-list {
  min-height: 332px;
  padding: 0 140px;
  background: url("../img/zsbg.png") repeat-y
}

.pages-wrap .about-wrap .zs-list li {
  float: left;
  width: 270px;
  margin-right: 55px;
  text-align: center;
  position: relative;
  cursor: pointer
}

.pages-wrap .about-wrap .zs-list li:nth-of-type(3n) {
  margin-right: 0
}

.pages-wrap .about-wrap .zs-list li p {
  height: 30px;
  line-height: 30px;
  width: 220px;
  margin: 0 auto
}

.pages-wrap .about-wrap .zs-list li .zs-item {
  margin-top: 38px;
  width: 270px;
  height: 245px;
  background: url("../img/zswk.png") no-repeat 0 0;
  position: relative;
  top: 0;
  transition: .2s
}

.pages-wrap .about-wrap .zs-list li .zs-item img {
  position: absolute;
  top: 25px;
  left: 25px
}

.pages-wrap .about-wrap .zs-list li:hover .zs-item {
  top: -10px
}

.pages-wrap .about-wrap .zs-list li:hover p {
  color: #000
}

.pages-wrap .about-wrap .zs-list.zfx img {
  width: 220px;
  height: 155px
}

.pages-wrap .about-wrap .zs-list.cfx {
  min-height: 382px;
  background: url("../img/zsbg2.png") repeat-y
}

.pages-wrap .about-wrap .zs-list.cfx li {
  width: 224px;
  height: 420px;
  margin-right: 120px
}

.pages-wrap .about-wrap .zs-list.cfx li:nth-of-type(3n) {
  margin-right: 0
}

.pages-wrap .about-wrap .zs-list.cfx .zs-item {
  width: 224px;
  height: 332px;
  background: url("../img/zswk2.png") no-repeat 0 0
}

.pages-wrap .about-wrap .zs-list.cfx img {
  width: 170px;
  height: 240px
}

.pages-wrap .title {
  position: relative;
  width: 330px;
  text-align: center;
  padding-bottom: 18px;
  margin: 0 auto
}

.pages-wrap .title h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 7px
}

.pages-wrap .title p {
  font-size: 12px;
  color: #666;
  position: relative
}

.pages-wrap .title p::after {
  position: absolute;
  content: '';
  width: 30px;
  height: 1px;
  background: #c81f2f;
  left: 50%;
  top: 32px;
  margin-left: -15px
}

.time-line {
  width: 100%;
  margin-top: 35px;
  position: relative;
  padding: 22px 0 13px 0
}

.time-line::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10.5px;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid #c81f2f;
  border-radius: 50%;
  content: '';
  background: url("../img/arrow3.png") no-repeat center center
}

.time-line::after {
  display: block;
  width: 13px;
  height: 13px;
  border: 2px solid #999999;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  content: '';
  border-radius: 50%
}

.time-line li {
  width: 600px;
  height: 120px;
  display: block;
  margin-left: 50%;
  border-left: 1px dashed #cccccc;
  position: relative
}

.time-line li::before {
  position: absolute;
  top: 31px;
  left: -29px;
  content: '';
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #c81f2f
}

.time-line li::after {
  position: absolute;
  top: 58px;
  left: 29px;
  width: 74px;
  height: 4px;
  background: #c81f2f;
  content: ''
}

.time-line li img {
  width: 130px;
  height: 90px;
  margin-top: 15px;
  margin-left: 140px
}

.time-line li .time {
  font-size: 18px;
  color: #c81f2f;
  position: absolute;
  top: 15px;
  left: 280px
}

.time-line li p {
  font-size: 14px;
  position: absolute;
  top: 50px;
  left: 280px
}

.time-line li i {
  position: absolute;
  top: 36px;
  left: -24px;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background: #c81f2f;
  font-style: normal;
  color: #fff;
  font-size: 18px
}

.time-line li i::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 126px;
  width: 30px;
  height: 30px;
  background: #c81f2f;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 6px;
  transform: rotate(45deg)
}

.time-line li i::after {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  content: '';
  top: 17px;
  left: 135px;
  background: url('../img/plus.png') no-repeat center center
}

.time-line li.left-item {
  margin-left: 1px;
  border-right: 1px dashed #cccccc;
  border-left: 0
}

.time-line li.left-item::before {
  right: -29px;
  left: auto;
  border-color: #999999
}

.time-line li.left-item::after {
  background: #999999;
  right: 29px;
  left: auto
}

.time-line li.left-item .time {
  top: 70px
}

.time-line li.left-item p {
  top: 30px
}

.time-line li.left-item i {
  background: #999999;
  right: -24px;
  left: auto
}

.time-line li.left-item i::before {
  right: 127px;
  left: auto;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 15px;
  transform: rotate(-45deg);
  background: #999999
}

.time-line li.left-item i::after {
  right: 137px;
  left: auto
}

.time-line li.left-item img {
  position: absolute;
  right: 144px
}

.time-line li.left-item p, .time-line li.left-item .time {
  position: absolute;
  right: 280px;
  left: auto;
  width: 319px;
  text-align: right
}

#zsBig {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.68)
}

#zsBig .zsBig-wrap {
  border: 3px solid #000;
  background: #fff;
  position: relative;
  top: 50%;
  margin: 0 auto
}

#zsBig .zsBig-wrap img {
  display: block;
  object-fit: none;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80vh
}

#zsBig .zsBig-wrap i {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  background: #000;
  transition: .2s;
  border-radius: 50%;
  color: #fff;
  font-family: sans-serif;
  cursor: pointer
}

#zsBig .zsBig-wrap i:hover {
  background: #c81f2f
}

#pages li{float: left;width:30px;height:30px;line-height: 30px;border: 1px solid #cccccc;background: #f4f4f4;margin-right:5px;display:inline;}
#pages li a{width:30px;height:30px;line-height: 30px;display: inline-block;}
#pages .active,#pages .disabled:hover{background: #c81f2f;color: #FFFFFF;}
#pages a:hover{background: #c81f2f;border: 1px solid #c81f2f;color: #fff}