@charset "UTF-8";
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
  border: none;
}
body {
  background: #fff;
  font-family: "Microsoft YaHei", "Arial", arial;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
textarea,
input {
  font-family: "Microsoft YaHei", "Arial", arial;
  color: #333333;
  font-size: 12px;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select,
input:focus,
textarea:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
  font-family: "Microsoft YaHei", "Arial", arial;
  color: #333333;
  font-size: 12px;
  text-decoration: none;
}
a:hover {
  color: #bb0301;
}
html,
body {
  height: 100%;
}
body.hide {
  overflow: hidden;
}
.tx:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.wrap {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
@media only screen and (max-width: 1400px) {
  .wrap {
    max-width: 1200px;
  }
}
.col,
.row {
  width: 100%;
  box-sizing: border-box;
}
.col:after,
.row:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.l {
  float: left;
}
.r {
  float: right;
}
.article {
  line-height: 24px;
  font-size: 14px;
  color: #555555;
  text-align: justify;
}
.article img {
  max-width: 100%;
}
.mainFilter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: none;
  background: url(../../static/images/mainfilter.png);
}
.wrapper {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 106px;
}
.header {
  width: 100%;
  height: 106px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background: #fff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .logo {
  width: 311px;
  height: 51px;
  float: left;
  overflow: hidden;
  margin-top: 28px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .logo img {
  width: 100%;
  display: block;
}
.header .phone {
  float: left;
  font-size: 14px;
  color: #949494;
  margin: 30px 0 0 22px;
  padding-left: 22px;
  border-left: solid 1px #dddddd;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .phone a {
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #a83837;
}
.header .searchBox {
  float: right;
  margin-top: 42px;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .searchBox .searchBtn {
  width: 22px;
  height: 22px;
  background: url(../../static/images/searchbtn.png) no-repeat right 0 center;
  cursor: pointer;
}
.header .searchBox .searchBar {
  width: 300px;
  height: 40px;
  position: absolute;
  right: -9px;
  top: 30px;
  z-index: 95;
  border: solid 2px #eee;
  box-sizing: border-box;
  display: none;
}
.header .searchBox .searchBar .inpu {
  width: 258px;
  height: 36px;
  float: left;
}
.header .searchBox .searchBar .inpu input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
}
.header .searchBox .searchBar .inpu input::-webkit-input-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .inpu input:-moz-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .inpu input::-moz-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .inpu input:-ms-input-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .btn {
  width: 36px;
  height: 36px;
  float: right;
  background: url(../../static/images/searchbtn.png) no-repeat center #ffffff;
  border-left: solid 2px #eee;
}
.header .searchBox .searchBar .btn input {
  width: 100%;
  height: 100%;
  background: none;
  cursor: pointer;
}
.header .menuBtn {
  display: none;
}
.header .nav {
  float: right;
  margin-right: 12px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .nav .phone,
.header .nav .tit {
  display: none;
}
.header .nav > ul > li {
  float: left;
  position: relative;
  margin-left: 46px;
}
.header .nav > ul > li > a {
  height: 106px;
  line-height: 106px;
  display: block;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.header .nav > ul > li.on > a,
.header .nav > ul > li > a:hover {
  color: #a83837;
}
.header .nav .sub {
  min-width: 120px;
  position: absolute;
  top: 105px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 90;
  display: none;
}
.header .nav .sub li {
  background: #575757;
  margin-top: 1px;
}
.header .nav .sub li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
}
.header .nav .sub li a:hover {
  background: #a83837;
  color: #fff;
}
.header.min {
  height: 80px;
}
.header.min .logo {
  width: 260px;
  height: 43px;
  margin-top: 18px;
}
.header.min .phone {
  margin: 14px 0 0 20px;
  padding-left: 20px;
}
.header.min .searchBox {
  margin-top: 30px;
}
.header.min .nav > ul > li > a {
  height: 80px;
  line-height: 80px;
}
.header.min .nav .sub {
  top: 79px;
}
.footer {
  background: #fff;
  padding: 42px 0;
}
.footer .qrcode {
  width: 126px;
  height: 126px;
  border: solid 1px #dddddd;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  margin-right: 16px;
}
.footer .qrcode img {
  width: 100%;
  display: block;
}
.footer .linkList {
  width: 400px;
}
.footer .linkList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.footer .linkList a {
  line-height: 16px;
  font-size: 14px;
  color: #333333;
  float: left;
  margin: 0 42px 12px 0;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.footer .linkList a:hover {
  color: #a83837;
}
.footer .copyright {
  width: 410px;
  line-height: 20px;
  font-size: 14px;
  color: #adadad;
  margin-top: 10px;
}
.footer .copyright a {
  font-size: 14px;
  color: #adadad;
}
.footer .l {
  background: url(../../static/images/footer_line.png) repeat-y right 0 top 0;
  min-height: 126px;
  padding-right: 56px;
}
.footer .contact {
  float: left;
  width: 276px;
  background: url(../../static/images/footer_line.png) repeat-y right 0 top 0;
  min-height: 126px;
  padding-left: 56px;
  box-sizing: border-box;
}
.footer .contact .tit {
  padding-left: 52px;
  background: url(../../static/images/contact_tit.png) no-repeat 0 center;
  font-size: 24px;
  color: #555555;
}
.footer .contact .tit span {
  display: block;
  font-size: 14px;
  color: #b6b6b6;
}
.footer .contact .phone {
  font-size: 14px;
  color: #949494;
  margin-top: 22px;
}
.footer .contact .phone a {
  font-size: 22px;
  font-weight: bold;
  color: #a83837;
  display: block;
}
.footer .address {
  max-width: 500px;
  float: right;
  line-height: 20px;
  font-size: 14px;
  color: #777777;
}
.footer .address a {
  font-size: 14px;
  color: #777777;
}
.footer .address p {
  margin-bottom: 16px;
}
.footer .address p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1400px) {
  .header .logo {
    width: 280px;
    height: 46px;
    margin-top: 30px;
  }
  .header .phone {
    margin: 30px 0 0 16px;
    padding-left: 16px;
  }
  .header .phone a {
    font-size: 20px;
  }
  .header .nav > ul > li {
    margin-left: 34px;
  }
  .footer .qrcode {
    width: 120px;
    height: 120px;
    margin-right: 14px;
  }
  .footer .linkList {
    width: 360px;
  }
  .footer .copyright {
    width: 360px;
  }
  .footer .l {
    padding-right: 20px;
  }
  .footer .contact {
    width: 230px;
    padding-left: 30px;
  }
  .footer .address {
    max-width: 420px;
  }
  .footer .address p {
    margin-bottom: 8px;
  }
  .footer .address p:last-child {
    margin-bottom: 0;
  }
}
.banner img {
  width: 100%;
  display: block;
}
.lzpic2 {
  display: none;
}
.main .banner .swiper-pagination {
  bottom: 20px;
}
.main .banner .swiper-pagination .swiper-pagination-bullet {
  width: 28px;
  height: 2px;
  border-radius: 0;
  margin: 0 3px;
  opacity: 0;
  background: #a83837;
  opacity: .5;
}
.main .banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.main .columnTitle .tit {
  line-height: 40px;
  font-size: 40px;
  color: #a83837;
}
.main .columnTitle .en {
  line-height: 20px;
  font-size: 12px;
  color: #333333;
  margin-top: 5px;
}
.main .columnTitle .line {
  width: 32px;
  height: 2px;
  background: #e5e5e5;
  margin-top: 16px;
}
.main .service {
  padding: 46px 0 54px 0;
  border-bottom: solid 1px #eaeaea;
}
.main .service .columnTitle {
  float: left;
}
.main .service .top:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .service .top .all {
  width: 182px;
  height: 54px;
  line-height: 54px;
  border: solid 1px #cccccc;
  float: right;
  text-indent: 32px;
  font-size: 20px;
  color: #999999;
  margin-top: 2px;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .service .top .all:hover {
  border: solid 1px #a83837;
}
.main .service .top .all:hover span {
  background: url(../../static/images/arrow2.png) no-repeat right 22px center;
  color: #fff;
}
.main .service .top .all:hover::after {
  width: 100%;
}
.main .service .top .all span {
  width: 100%;
  height: 100%;
  background: url(../../static/images/arrow1.png) no-repeat right 32px center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .service .top .all::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 2;
  background: #a83837;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .service .serviceList {
  margin-top: 40px;
}
.main .service .serviceList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .service .serviceList li {
  width: 338px;
  float: left;
  margin-left: 16px;
  text-align: center;
}
.main .service .serviceList li:nth-child(4n+1) {
  margin-left: 0;
}
.main .service .serviceList li a {
  display: block;
}
.main .service .serviceList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  opacity: .5;
  filter: alpha(opacity=50);
}
.main .service .serviceList li a:hover .pic .more {
  transform: translate(-50%, -50%) scale(1, 1);
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
  -moz-transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%) scale(1, 1);
  -o-transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.main .service .serviceList li a:hover .tit {
  color: #a83837;
}
.main .service .serviceList li a:hover .tit .i1 {
  display: none;
}
.main .service .serviceList li a:hover .tit .i2 {
  display: inline-block;
}
.main .service .serviceList li a:hover .txt {
  color: #d6aeae;
}
.main .service .serviceList li .pic {
  height: 200px;
  overflow: hidden;
  background: #000;
  position: relative;
}
.main .service .serviceList li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .service .serviceList li .pic .more {
  width: 106px;
  height: 32px;
  line-height: 32px;
  border: solid 1px #fff;
  text-align: left;
  text-indent: 8px;
  font-size: 12px;
  color: #fff;
  background: url(../../static/images/arrow2.png) no-repeat right 20px center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%) scale(3, 3);
  -webkit-transform: translate(-50%, -50%) scale(3, 3);
  -moz-transform: translate(-50%, -50%) scale(3, 3);
  -ms-transform: translate(-50%, -50%) scale(3, 3);
  -o-transform: translate(-50%, -50%) scale(3, 3);
  opacity: 0;
  filter: alpha(opacity=0);
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .service .serviceList li .tit {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-top: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.main .service .serviceList li .tit img {
  width: auto;
  height: 100%;
  vertical-align: middle;
  margin-right: 10px;
}
.main .service .serviceList li .tit .i2 {
  display: none;
}
.main .service .serviceList li .txt {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #d0d0d0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.main .about {
  padding: 64px 0;
}
.main .about .content {
  max-width: 648px;
  float: left;
}
.main .about .content .text {
  line-height: 26px;
  font-size: 14px;
  color: #555555;
  padding: 34px 0;
}
.main .about .content .line1 {
  height: 1px;
  background: #e5e5e5;
  position: relative;
}
.main .about .content .line1::after {
  content: " ";
  width: 32px;
  height: 3px;
  background: #a83837;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 2;
}
.main .about .content .menu {
  padding: 46px 0 64px 0;
}
.main .about .content .menu:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .about .content .menu li {
  width: 116px;
  float: left;
  margin-right: 40px;
  text-align: center;
}
.main .about .content .menu li:last-child {
  margin-right: 0;
}
.main .about .content .menu li a {
  display: block;
}
.main .about .content .menu li a:hover .icon1 {
  display: none;
}
.main .about .content .menu li a:hover .icon2 {
  display: block;
}
.main .about .content .menu li .icon1 img,
.main .about .content .menu li .icon2 img {
  width: 100%;
  display: block;
}
.main .about .content .menu li .icon2 {
  display: none;
}
.main .about .content .menu li .txt {
  line-height: 20px;
  font-size: 16px;
  color: #555555;
  margin-top: 16px;
}
.main .about .content .more {
  width: 184px;
  height: 56px;
  line-height: 56px;
  text-indent: 34px;
  background: url(../../static/images/arrow2.png) no-repeat right 34px center #a83837;
  display: block;
  font-size: 20px;
  color: #fff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .about .content .more:hover {
  background-position: right 24px center;
  background-color: #bb0301;
}
.main .about .pic {
  max-width: 688px;
  float: right;
}
.main .about .pic img {
  width: 100%;
  display: block;
}
.main .case {
  background: #f8f8f8;
  padding: 60px 0 64px 0;
}
.main .case .top:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .case .columnTitle {
  float: left;
}
.main .case .swiper-pagination {
  float: right;
  position: relative;
}
.main .case .swiper-pagination .swiper-pagination-bullet {
  width: 19px;
  height: 2px;
  background: #a83837;
  margin-left: 8px;
  border-radius: 0;
  opacity: 1;
  outline: none;
}
.main .case .swiper-pagination .swiper-pagination-bullet-active {
  height: 4px;
}
.main .case .swiper-container {
  margin-top: 40px;
}
.main .case .swiper-container .swiper-slide {
  text-align: center;
}
.main .case .swiper-container .swiper-slide a {
  display: block;
  background: #fff;
}
.main .case .swiper-container .swiper-slide a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .case .swiper-container .swiper-slide a:hover .txt {
  color: #a83837;
}
.main .case .swiper-container .swiper-slide .pic {
  overflow: hidden;
}
.main .case .swiper-container .swiper-slide .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .case .swiper-container .swiper-slide .txt {
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.main .news {
  background: url(../../static/images/mews_bg.jpg) no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  padding: 60px 0;
}
.main .news .top:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .news .top .columnTitle {
  float: left;
}
.main .news .top .tab {
  float: right;
}
.main .news .top .tab .btn {
  float: left;
  margin-left: 24px;
  width: 196px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  border: solid 1px #999999;
  font-size: 20px;
  color: #333333;
  cursor: pointer;
}
.main .news .top .tab .btn.on {
  border: solid 1px #a83837;
  background: #a83837;
  color: #fff;
}
.main .news .top .tab .btn.on .icon1 {
  display: none;
}
.main .news .top .tab .btn.on .icon2 {
  display: inline-block;
}
.main .news .top .tab .btn .icon1,
.main .news .top .tab .btn .icon2 {
  margin-right: 16px;
  display: inline-block;
}
.main .news .top .tab .btn .icon1 img,
.main .news .top .tab .btn .icon2 img {
  vertical-align: middle;
  margin-top: -4px;
}
.main .news .top .tab .btn .icon2 {
  display: none;
}
.main .news .newsList {
  margin-top: 40px;
}
.main .news .newsList .list {
  display: none;
}
.main .news .newsList li {
  width: 454px;
  float: left;
  margin-left: 19px;
}
.main .news .newsList li:nth-child(3n+1) {
  margin-left: 0;
}
.main .news .newsList li a {
  display: block;
  padding: 52px 30px 56px 80px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.45);
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .newsList li a:hover {
  background: #fff;
}
.main .news .newsList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .news .newsList li a:hover .txt,
.main .news .newsList li a:hover .date {
  color: #a83837;
}
.main .news .newsList li a:hover .date::after {
  opacity: 1;
  left: -46px;
}
.main .news .newsList li a:hover .arrow {
  background-image: url(../../static/images/arrow3.png);
}
.main .news .newsList li .date {
  line-height: 34px;
  font-size: 34px;
  color: #333333;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .newsList li .date::after {
  content: " ";
  width: 33px;
  height: 1px;
  background: #a83837;
  position: absolute;
  left: -66px;
  top: 50%;
  z-index: 2;
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .newsList li .year {
  line-height: 20px;
  font-size: 14px;
  color: #999999;
  margin-top: 5px;
}
.main .news .newsList li .pic {
  height: 143px;
  overflow: hidden;
  margin: 26px 0 14px 0;
}
.main .news .newsList li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .newsList li .txt {
  height: 52px;
  line-height: 26px;
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .newsList li .arrow {
  width: 22px;
  height: 14px;
  background: url(../../static/images/arrow1.png) no-repeat right 0 center;
  margin-top: 40px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
@media only screen and (max-width: 1400px) {
  .main .service .serviceList li {
    width: 288px;
  }
  .main .service .serviceList li .pic {
    height: 170px;
  }
  .main .service .serviceList li .tit {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-top: 20px;
  }
  .main .service .serviceList li .tit img {
    margin-right: 4px;
  }
  .main .about .content {
    max-width: 580px;
  }
  .main .about .content .text {
    padding: 24px 0;
  }
  .main .about .content .menu {
    padding: 36px 0;
  }
  .main .about .content .menu li {
    margin-right: 30px;
  }
  .main .about .pic {
    max-width: 580px;
  }
  .main .news .newsList li {
    width: 388px;
    margin-left: 18px;
  }
  .main .news .newsList li a {
    padding: 42px 20px 46px 60px;
  }
  .main .news .newsList li .date::after {
    left: -56px;
  }
}
.container {
  background: #f8f8f8;
}
.container .columnMenu {
  background: #fff;
  height: 74px;
  border-bottom: solid 1px #eeeeee;
}
.container .columnMenu li {
  float: left;
  margin-right: 46px;
}
.container .columnMenu li.on a {
  border-bottom: solid 3px #a83837;
  color: #a83837;
}
.container .columnMenu li a {
  height: 73px;
  line-height: 80px;
  display: block;
  font-size: 16px;
  color: #777777;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.container .columnMenu li a:hover {
  color: #a83837;
}
.container .publicTitle .tit {
  line-height: 36px;
  font-size: 24px;
  color: #a83837;
}
.container .publicTitle .en {
  line-height: 20px;
  font-size: 14px;
  color: #999999;
}
.container .paging {
  text-align: center;
  margin-top: 50px;
}
.container .paging:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.container .paging ul {
  display: inline-block;
}
.container .paging ul li {
  float: left;
  margin: 0 10px;
  color: #e6e6e6;
  font-size: 20px;
}
.container .paging ul li a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 2px;
  border: solid 1px #e6e6e6;
  background: no-repeat center #ffffff;
  font-size: 14px;
  color: #bcbcbc;
  display: block;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.container .paging ul li.prev a,
.container .paging ul li.next a {
  width: 58px;
}
.container .paging ul li.prev a {
  background-image: url(../../static/images/arrow5.png);
}
.container .paging ul li.next a {
  background-image: url(../../static/images/arrow6.png);
}
.container .paging ul li.dian {
  margin: 0 4px;
}
.container .paging ul li.home a {
  width: 72px;
  background-image: url(../../static/images/paging_home.png);
  background-position: 15px center;
  text-align: left;
  text-indent: 34px;
}
.container .paging ul li a:hover,
.container .paging ul li.on a {
  background-color: #a83837;
  border: solid 1px #a83837;
  color: #fff;
}
.container .prevnext {
  margin-top: 50px;
}
.container .prevnext:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.container .prevnext a {
  width: 182px;
  height: 64px;
  line-height: 64px;
  float: left;
  position: relative;
  margin: 0 12px 0 0;
  background: #ebebeb;
  box-sizing: border-box;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.container .prevnext a:hover span {
  color: #fff;
}
.container .prevnext a:hover::after {
  width: 100%;
}
.container .prevnext a::after {
  content: " ";
  width: 0px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #a83837;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.container .prevnext a span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: 100px;
  font-size: 14px;
  color: #999999;
  background: url(../../static/images/arrow7.png) no-repeat 38px center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.container .prevnext .prev:hover span {
  background-image: url(../../static/images/arrow8.png);
}
.container .prevnext .next::after {
  right: auto;
  left: 0;
}
.container .prevnext .next span {
  background: url(../../static/images/arrow1.png) no-repeat right 38px center;
  text-indent: 42px;
}
.container .prevnext .next:hover span {
  background-image: url(../../static/images/arrow2.png);
}
.container .prevnext .return {
  float: right;
  border: solid 1px #dddddd;
  background: none;
  margin: 0;
}
.container .prevnext .return span {
  background-image: url(../../static/images/return1.png);
  text-indent: 80px;
}
.container .prevnext .return::after {
  right: auto;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.container .prevnext .return:hover {
  border: solid 1px #a83837;
}
.container .prevnext .return:hover span {
  background-image: url(../../static/images/return2.png);
}
.aboutPage .introduce {
  background: url(../../static/images/introduce_bg.jpg) no-repeat center bottom #ffffff;
  padding: 60px 0 130px 0;
}
.aboutPage .introduce .article {
  max-width: 1100px;
  line-height: 26px;
  margin-top: 20px;
}
.aboutPage .culture {
  padding: 44px 0;
  background: #fff;
}
.aboutPage .culture ul {
  margin-top: 36px;
}
.aboutPage .culture ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutPage .culture ul li {
  width: 25%;
  float: left;
  padding-right: 40px;
  box-sizing: border-box;
}
.aboutPage .culture ul li:hover .icon {
  background: #a83837;
}
.aboutPage .culture ul li .icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background: #555555;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.aboutPage .culture ul li .txt {
  max-width: 260px;
  line-height: 20px;
  font-size: 14px;
  color: #555555;
  margin-top: 12px;
}
.aboutPage .cooperation {
  padding: 50px 0;
}
.aboutPage .cooperation .list {
  margin-top: 30px;
}
.aboutPage .cooperation .list:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutPage .cooperation .list ul {
  max-width: 1394px;
  float: left;
  border-top: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
  box-sizing: border-box;
}
.aboutPage .cooperation .list li {
  width: 199px;
  height: 141px;
  float: left;
  border-right: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  box-sizing: border-box;
}
.aboutPage .cooperation .list li a {
  display: block;
  overflow: hidden;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.aboutPage .cooperation .list li a:hover {
  box-shadow: 0px 0px 20px 3px #dfdfdf;
  z-index: 5;
}
.aboutPage .cooperation .list li img {
  width: 100%;
  display: block;
}
.advantage {
  padding: 56px 0 110px 0;
}
.advantage .content {
  max-width: 800px;
  float: left;
}
.advantage .content ul {
  margin-top: 18px;
}
.advantage .content ul li {
  border-bottom: solid 1px #eaeaea;
  padding: 16px 0 24px 0;
}
.advantage .content ul li:last-child {
  border-bottom: none;
}
.advantage .content ul li .tit {
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  padding-left: 15px;
  box-sizing: border-box;
  background: url(../../static/images/advantage_list.png) no-repeat 0 7px;
}
.advantage .content ul li .txt {
  line-height: 20px;
  font-size: 14px;
  color: #777777;
  margin-top: 10px;
}
.advantage .pic {
  max-width: 540px;
  float: right;
}
.advantage .pic img {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1400px) {
  .advantage .content {
    max-width: 680px;
  }
  .advantage .content ul li {
    padding: 16px 0;
  }
  .advantage .pic {
    max-width: 500px;
  }
  .aboutPage .cooperation .list ul {
    max-width: 1195px;
  }
}
.servicePage .serviceList {
  padding: 42px 0 64px 0;
}
.servicePage .serviceList ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.servicePage .serviceList li {
  width: 690px;
  float: left;
  margin-bottom: 24px;
}
.servicePage .serviceList li:nth-child(even) {
  float: right;
}
.servicePage .serviceList li a {
  padding: 18px;
  box-sizing: border-box;
  display: block;
  background: #fff;
}
.servicePage .serviceList li a:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.servicePage .serviceList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.servicePage .serviceList li a:hover .icon1 {
  display: none;
}
.servicePage .serviceList li a:hover .icon2 {
  display: block;
}
.servicePage .serviceList li a:hover .tit {
  color: #a83837;
}
.servicePage .serviceList li a:hover .txt {
  color: #d6aeae;
}
.servicePage .serviceList li .text {
  width: 200px;
  float: left;
  text-align: center;
  padding-top: 62px;
}
.servicePage .serviceList li .text .icon2,
.servicePage .serviceList li .text .icon1 {
  height: 47px;
}
.servicePage .serviceList li .text .icon2 img,
.servicePage .serviceList li .text .icon1 img {
  height: 100%;
}
.servicePage .serviceList li .text .icon2 {
  display: none;
}
.servicePage .serviceList li .text .tit {
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 22px 0 8px 0;
}
.servicePage .serviceList li .text .txt {
  line-height: 18px;
  font-size: 14px;
  color: #b6b6b6;
}
.servicePage .serviceList li .pic {
  width: 411px;
  height: 244px;
  overflow: hidden;
  float: right;
}
.servicePage .serviceList li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .swiper-pagination {
  bottom: 0px;
}
.servicePage .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #aaaaaa;
  opacity: 1;
  margin: 0 3px;
}
.servicePage .swiper-pagination .swiper-pagination-bullet-active {
  background: #a83837;
}
.servicePage .certificate {
  padding: 36px 0;
}
.servicePage .certificate .wrap {
  background: #fff;
  padding: 16px;
  box-sizing: border-box;
}
.servicePage .certificate .swiper-container {
  width: 620px;
  float: left;
}
.servicePage .certificate .swiper-container img {
  width: 100%;
  display: block;
}
.servicePage .certificate .swiper-container .swiper-pagination {
  bottom: 10px;
}
.servicePage .certificate .info {
  max-width: 670px;
  width: 100%;
  float: right;
}
.servicePage .certificate .info .title {
  font-size: 26px;
  color: #333333;
  font-weight: bold;
  margin-top: 22px;
}
.servicePage .certificate .info .en {
  line-height: 18px;
  font-size: 14px;
  color: #d0d0d0;
  margin-top: 4px;
}
.servicePage .certificate .info .text {
  line-height: 26px;
  font-size: 16px;
  color: #555555;
  margin-top: 30px;
}
.servicePage .certificate .info .downBtn {
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  border: solid 1px #dddddd;
  float: left;
  font-size: 16px;
  margin: 20px 0 36px 0;
  position: relative;
  overflow: hidden;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .certificate .info .downBtn:hover {
  border: solid 1px #a83837;
}
.servicePage .certificate .info .downBtn:hover::after {
  width: 100%;
}
.servicePage .certificate .info .downBtn:hover span {
  background-image: url(../../static/images/download2.png);
  color: #fff;
}
.servicePage .certificate .info .downBtn::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0;
  height: 100%;
  background: #a83837;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .certificate .info .downBtn span {
  color: #555555;
  padding: 0 15px 0 48px;
  background: url(../../static/images/download1.png) no-repeat 16px center;
  display: block;
  position: relative;
  z-index: 5;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .certificate .info .consult {
	margin-top:90px;
  float: left;
  height: 84px;
  line-height: 84px;
  padding: 0 32px 0 65px;
  background: url(../../static/images/consult.png) no-repeat 28px center #a83837;
  font-size: 16px;
  color: #fff;
  clear: both;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .certificate .info .consult:hover {
  background-color: #bb0301;
}
.servicePage .certificate .info .consult span {
  font-size: 30px;
  font-family: "SimSun", "宋体";
  vertical-align: middle;
  margin: -6px 0 0 4px;
}
.servicePage .conditions {
  padding: 32px 0;
  background: #fff;
}
.servicePage .conditions .swiper-container {
  margin-top: 24px;
  padding-bottom: 20px;
}
.servicePage .conditions .swiper-slide {
  text-align: center;
}
.servicePage .conditions .swiper-slide:hover .pic img {
  opacity: .3;
}
.servicePage .conditions .swiper-slide:hover .pic .txt {
  opacity: 1;
}
.servicePage .conditions .swiper-slide:hover .text {
  border: solid 1px #a83837;
  background: #a83837;
  color: #fff;
}
.servicePage .conditions .swiper-slide .pic {
  background: #000;
  position: relative;
}
.servicePage .conditions .swiper-slide .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .conditions .swiper-slide .pic .txt {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  z-index: 2;
  padding: 0 24px;
  box-sizing: border-box;
  line-height: 26px;
  font-size: 16px;
  color: #fff;
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .conditions .swiper-slide .text {
  height: auto;
  line-height: 24px;
  border: solid 1px #eeeeee;
  font-size: 16px;
  color: #555554;
  padding: 10px 20px;
  box-sizing: border-box;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.servicePage .conditions .swiper-slide .text span {
  display: block;
}
.servicePage .process {
  padding: 38px 0 60px 0;
}
.servicePage .process .article {
  margin-top: 48px;
}
.servicePage .provide {
  background: #fff;
  padding: 46px 0 52px 0;
}
.servicePage .provide ul {
  margin-top: 54px;
}
.servicePage .provide ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.servicePage .provide ul li {
  width: 16.66666667%;
  float: left;
  text-align: center;
  background: url(../../static/images/provide_line.gif) no-repeat 0 center;
}
.servicePage .provide ul li:first-child {
  background: none;
}
.servicePage .provide ul li:hover .icon1 {
  display: none;
}
.servicePage .provide ul li:hover .icon2 {
  display: block;
}
.servicePage .provide ul li:hover .txt {
  color: #a83837;
}
.servicePage .provide ul li .icon2,
.servicePage .provide ul li .icon1 {
  width: 82px;
  height: 82px;
  margin: 0 auto;
}
.servicePage .provide ul li .icon2 img,
.servicePage .provide ul li .icon1 img {
  width: 100%;
  display: block;
}
.servicePage .provide ul li .icon2 {
  display: none;
}
.servicePage .provide ul li .txt {
  line-height: 30px;
  font-size: 16px;
  color: #555555;
}
.servicePage .advantage {
  padding: 58px 0;
}
.servicePage .advantage .row {
  margin-top: 20px;
}
.servicePage .advantage .content {
  max-width: 740px;
  float: right;
}
.servicePage .advantage .content ul {
  margin-top: 0;
}
.servicePage .advantage .content ul li:first-child {
  padding-top: 0;
}
.servicePage .advantage .pic {
  max-width: 622px;
  float: left;
}
.servicePage .charge .swiper-slide .text {
  height: 76px;
  line-height: 76px;
  padding: 0;
}
.servicePage .cycle {
  padding: 38px 0 80px 0;
}
.servicePage .cycle ul {
  margin-top: 22px;
}
.servicePage .cycle ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.servicePage .cycle ul li {
  width: 443px;
  margin-left: 35px;
  background: #fff;
  float: left;
}
.servicePage .cycle ul li:first-child {
  margin-left: 0;
}
.servicePage .cycle ul li:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.servicePage .cycle ul li .bigtit {
  width: 136px;
  height: 122px;
  line-height: 122px;
  text-align: center;
  background: #a83837;
  float: left;
  font-size: 30px;
  color: #fff;
}
.servicePage .cycle ul li .txt {
  padding: 36px 22px 0 156px;
  box-sizing: border-box;
  line-height: 24px;
  font-size: 16px;
  color: #555555;
}
@media only screen and (max-width: 1400px) {
  .servicePage .serviceList li {
    width: 590px;
  }
  .servicePage .serviceList li a {
    padding: 14px;
  }
  .servicePage .serviceList li .text {
    width: 200px;
    padding-top: 32px;
  }
  .servicePage .serviceList li .text .icon2,
  .servicePage .serviceList li .text .icon1 {
    height: 40px;
  }
  .servicePage .serviceList li .pic {
    width: 350px;
    height: 207px;
  }
  .servicePage .certificate .swiper-container {
    width: 570px;
  }
  .servicePage .certificate .info {
    max-width: 570px;
  }
  .servicePage .advantage .content {
    max-width: 640px;
  }
  .servicePage .advantage .pic {
    max-width: 530px;
  }
  .servicePage .cycle ul li {
    width: 386.66666667px;
    margin-left: 20px;
  }
  .servicePage .cycle ul li:first-child {
    margin-left: 0;
  }
}
.casePage {
  padding: 42px 0 64px 0;
}
.casePage .caseList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.casePage .caseList li {
  width: 343px;
  float: left;
  margin: 0 0 14px 9px;
  text-align: center;
}
.casePage .caseList li:nth-child(4n+1) {
  margin-left: 0;
}
.casePage .caseList li a {
  display: block;
  background: #fff;
}
.casePage .caseList li a:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.casePage .caseList li a:hover .text {
  color: #a83837;
}
.casePage .caseList li .pic {
  height: 330px;
  overflow: hidden;
}
.casePage .caseList li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.casePage .caseList li .text {
  height: 82px;
  line-height: 82px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
@media only screen and (max-width: 1400px) {
  .casePage .caseList li {
    width: 294px;
    margin: 0 0 14px 8px;
  }
  .casePage .caseList li .pic {
    height: 283px;
  }
  .casePage .caseList li .text {
    height: 62px;
    line-height: 62px;
  }
}
.newsPage {
  padding: 62px 0 74px 0;
}
.newsPage .newsList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.newsPage .newsList li {
  margin-bottom: 16px;
}
.newsPage .newsList li a {
  display: block;
  padding: 18px 30px 18px 16px;
  box-sizing: border-box;
  background: #fff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsList li a:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.newsPage .newsList li a:hover {
  box-shadow: 2px 2px 12px 2px #eee;
}
.newsPage .newsList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.newsPage .newsList li a:hover .tit {
  color: #a83837;
}
.newsPage .newsList li a:hover .arrow {
  width: 32px;
  background-image: url(../../static/images/arrow3.png);
}
.newsPage .newsList li .pic {
  width: 340px;
  height: 197px;
  float: left;
  overflow: hidden;
}
.newsPage .newsList li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsList li .text {
  padding: 16px 0 0 388px;
  box-sizing: border-box;
}
.newsPage .newsList li .text .tit {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #333333;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsList li .text .tit span.t {
  padding-right: 20px;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.newsPage .newsList li .text .tit span.d {
  width: 120px;
  font-size: 14px;
  color: #555555;
  float: right;
  text-align: right;
}
.newsPage .newsList li .text .txt {
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #999999;
  margin-top: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.newsPage .newsList li .text .arrow {
  width: 22px;
  height: 12px;
  background: url(../../static/images/arrow1.png) no-repeat right 0 top 0;
  margin-top: 30px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsDetails {
  background: #fff;
  padding: 42px 35px 46px 35px;
  box-sizing: border-box;
}
.newsPage .newsDetails .title {
  text-align: center;
  padding-bottom: 30px;
}
.newsPage .newsDetails .title .tit {
  line-height: 34px;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}
.newsPage .newsDetails .title .info {
  font-family: "Arial";
  font-size: 14px;
  color: #777777;
  line-height: 20px;
  margin-top: 16px;
}
.newsPage .newsDetails .title .info span {
  display: inline-block;
  margin: 0 8px;
  padding-left: 28px;
  background: no-repeat 0 center;
}
.newsPage .newsDetails .title .info span.date {
  background-image: url(../../static/images/info1.png);
}
.newsPage .newsDetails .title .info span.see {
  background-image: url(../../static/images/info2.png);
}
.newsPage .newsDetails .article {
  padding: 36px 0;
  border-top: solid 1px #f0edeb;
  border-bottom: solid 1px #f0edeb;
}
.recruitPage {
  padding: 60px 0;
}
.recruitPage .recruitList {
  margin-top: 30px;
}
.recruitPage .recruitList li {
  background: #fff;
  margin-bottom: 12px;
}
.recruitPage .recruitList li.now .top {
  background-image: url(../../static/images/arrow10.png);
}
.recruitPage .recruitList li .top {
  padding: 18px 0;
  background: url(../../static/images/arrow9.png) no-repeat right 34px center;
  cursor: pointer;
}
.recruitPage .recruitList li .top:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.recruitPage .recruitList li .top .tit {
  width: 55%;
  line-height: 30px;
  float: left;
  padding-left: 85px;
  box-sizing: border-box;
  font-size: 20px;
  color: #333333;
  background: url(../../static/images/recruit1.png) no-repeat 34px 4px;
  margin-top: 8px;
}
.recruitPage .recruitList li .top .info {
  width: 45%;
  float: right;
  line-height: 20px;
}
.recruitPage .recruitList li .top .info .in {
  width: 33.333%;
  font-size: 14px;
  color: #777777;
  float: left;
}
.recruitPage .recruitList li .top .info .in span {
  display: block;
  color: #333333;
  font-weight: bold;
  margin-top: 8px;
}
.recruitPage .recruitList li .cont {
  line-height: 30px;
  padding: 0 22px;
  box-sizing: border-box;
  display: none;
}
.recruitPage .recruitList li .cont .text {
  padding: 22px 12px;
  box-sizing: border-box;
  border-top: solid 1px #e5e5e5;
  font-size: 14px;
  color: #555555;
}
.recruitPage .recruitList li .cont .tit {
  font-weight: bold;
  font-size: 16px;
}
.contactPage .belief {
  background: #fff;
  padding: 60px 0 46px 0;
}
.contactPage .belief .call {
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  margin-top: 38px;
  padding: 30px 0;
}
.contactPage .belief .call:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.contactPage .belief .call .p {
  float: left;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  margin-right: 60px;
}
.contactPage .belief .call .p a {
  font-size: 16px;
  color: #333333;
}
.contactPage .belief .call .p .big {
  font-size: 26px;
  color: #a83837;
  font-family: "宋体", "SimSun";
}
.contactPage .belief .call .p .icon {
  margin-right: 10px;
}
.contactPage .belief .call .p img {
  vertical-align: middle;
}
.contactPage .belief .address {
  margin-top: 46px;
}
.contactPage .belief .address:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.contactPage .belief .address .box {
  width: 33.333%;
  float: left;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
.contactPage .belief .address .tit {
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.contactPage .belief .address .txt {
  line-height: 24px;
  font-size: 14px;
  color: #777777;
  margin-top: 10px;
}
.contactPage .message {
  padding: 44px 0 62px 0;
}
.contactPage .message .mass {
  width: 692px;
  float: left;
}
.contactPage .message .mass .inpuBox {
  margin-top: 20px;
}
.contactPage .message .mass .inpuBox textarea,
.contactPage .message .mass .inpuBox input[type='text'] {
  width: 338px;
  height: 52px;
  line-height: 50px;
  float: left;
  padding: 0 14px;
  box-sizing: border-box;
  border: solid 1px #eeeeee;
  background: #fff;
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.contactPage .message .mass .inpuBox textarea::-webkit-input-placeholder,
.contactPage .message .mass .inpuBox input[type='text']::-webkit-input-placeholder {
  color: #998899;
}
.contactPage .message .mass .inpuBox textarea:-moz-placeholder,
.contactPage .message .mass .inpuBox input[type='text']:-moz-placeholder {
  color: #998899;
}
.contactPage .message .mass .inpuBox textarea::-moz-placeholder,
.contactPage .message .mass .inpuBox input[type='text']::-moz-placeholder {
  color: #998899;
}
.contactPage .message .mass .inpuBox textarea:-ms-input-placeholder,
.contactPage .message .mass .inpuBox input[type='text']:-ms-input-placeholder {
  color: #998899;
}
.contactPage .message .mass .inpuBox textarea:nth-child(even),
.contactPage .message .mass .inpuBox input[type='text']:nth-child(even) {
  float: right;
}
.contactPage .message .mass .inpuBox textarea:focus,
.contactPage .message .mass .inpuBox input[type='text']:focus {
  border: solid 1px #a83837;
}
.contactPage .message .mass .inpuBox textarea {
  width: 100%;
  height: 136px;
  line-height: 20px;
  resize: none;
  padding: 10px 14px;
}
.contactPage .message .mass .inpuBox input[type='button'],
.contactPage .message .mass .inpuBox input[type='submit'],
.contactPage .message .mass .inpuBox input[type='reset'] {
  width: 136px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  margin-right: 10px;
  background: #777777;
  float: left;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.contactPage .message .mass .inpuBox input[type='button']:hover,.contactPage .message .mass .inpuBox input[type='submit']:hover,
.contactPage .message .mass .inpuBox input[type='reset']:hover {
  background: #a83837;
}
.contactPage .message .mass .inpuBox input[type='button'],.contactPage .message .mass .inpuBox input[type='submit'] {
  background: #a83837;
}
.contactPage .message .mass .inpuBox input[type='button']:hover,.contactPage .message .mass .inpuBox input[type='submit']:hover {
  background: #bb0301;
}
.contactPage .message .map {
  width: 678px;
  float: right;
  border: solid 1px #cccccc;
  box-sizing: border-box;
}
.contactPage .message .map #allmap {
  height: 375px;
}
@media only screen and (max-width: 1400px) {
  .contactPage .message .mass {
    width: 660px;
  }
  .contactPage .message .mass .inpuBox textarea,
  .contactPage .message .mass .inpuBox input[type='text'] {
    width: 326px;
  }
  .contactPage .message .mass .inpuBox textarea {
    width: 100%;
  }
  .contactPage .message .map {
    width: 520px;
  }
  .contactPage .message .map #allmap {
    height: 384px;
  }
}
/*弹出大图*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 15px 4px #333;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  margin: 0;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background: red;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(../../static/images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -40px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background: url(../../static/images/close.png) no-repeat center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.fancybox-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(../../static/images/blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  background: no-repeat center;
}
.fancybox-prev span {
  left: 0px;
  background-image: url(../../static/images/arrow4.png);
}
.fancybox-next span {
  right: 0px;
  background-image: url(../../static/images/arrow3.png);
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../../static/images/mainfilter.png);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  font-size: 16px;
  font-weight: normal;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  color: #fff;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*弹出大图*/