@charset "utf-8";

/**
深圳市国人伟业信息技术有限公司
*/
.clearfix {
  clear: both;
}


/*头部*/

.topbar {
  height: 44px;
  line-height: 44px;
  background-color: #191919;
}

.topbar .fl {
  font-size: 18px;
  color: #999999;
  margin-left: 4%;
}

.topbar .fr {
  margin-right: 4%;
  height: 44px;
  overflow: hidden;
}

.topbar .fr a {
  display: block;
  height: 44px;
  line-height: 44px;
  font-size: 12px;
  color: #999999;
  background: url(../images/header-ico1.png) no-repeat left center;
  padding-left: 30px;
  float: left;
  margin-right: 35px;
  position: relative;
}

.topbar .fr a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background: url(../images/hline-ico.png) no-repeat center center;
  right: -15px;
  top: 50%;
  margin-top: -5px;
}

.topbar .fr a:hover {
  color: #fff;
}

.topbar .fr .tel {
  font-size: 12px;
  color: #999999;
  display: block;
  float: left;
  background: url(../images/header-ico2.png) no-repeat left center;
  padding-left: 20px;
}

.topbar .fr .tel b {
  font-size: 24px;
  color: #ffffff;
}

/*头部*/

.header {
  background-color: #fff;
  min-width: 1200px;
  margin: 0 auto;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 10px #ededed;
}

.headerLogo {
  height: 122px;
  margin-left: 4%;
}

.headerLogo img {
  display: block;
  height: 122px;
}

/*导航*/

.headNav {
  margin-right: 4%;
}

.headNav .menu1>li {
  float: left;
}

.headNav .menu1>li>a {
  display: block;
  height: 122px;
  line-height: 122px;
  font-size: 16px;
  color: #191919;
  margin: 0 40px;
  transition: all .5s;
  position: relative;
}

.headNav .menu1>li>a:after {
  position: absolute;
  content: "";
  width: 0;
  bottom: 0;
  left: 50%;
  height: 3px;
  background-color: #c30900;
  transition: all .5s;
}

.headNav .menu1>li>a:hover, .headNav .menu1>li>.current {
  color: #c30900
}

.headNav .menu1>li>a:hover:after, .headNav .menu1>li>.current:after {
  width: 100%;
  left: 0;
}

.headNav .menu1>li:last-child>a {
  margin-right: 0;
}

@media screen and (max-width: 1400px) {
  .headNav .menu1>li>a {
    margin: 0 30px;
  }
}

.headNav .menu2 {
  left: 0;
  right: 0;
  background: #fff;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px 40px;
  box-shadow: 0 0 6px #ccc;
  z-index: 10;
  display: none;
}

.headNav .menu2 .menuWrap {
  width: 1100px;
  margin: 0 auto;
}

.headNav .menu2 img {
  float: left;
  width: 470px;
  margin-right: 30px;
}

.headNav .menu2 .menulist {
  float: right;
  width: 570px;
}

.headNav .menu2 .menulist>li {
  width: 170px;
  margin-right: 20px;
  float: left;
}

.headNav .menu2 .menulist>li>a {
  color: #333;
  display: block;
  border-bottom: solid 1px #e6e8ea;
  text-align: left;
  line-height: 40px;
  font-size: 14px;
  background: url(../images/ly_li.png) left no-repeat;
  padding-left: 10px;
  position: relative;
}

.headNav .menu2 .menulist>li:hover>a {
  color: #c30900;
}

.headNav .menu2 .menulist>li a:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  transition: all .5s;
  bottom: -1px;
  height: 1px;
  background: #c30900;
}

.headNav .menu2 .menulist>li a:hover:after {
  width: 100%;
}

/*广告*/

.banner {
  width: 100%;
  height: 660px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.banner .bd {
  height: 660px;
  overflow: hidden;
  position: relative;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
}

.banner .hd {
  width: 100%;
  position: absolute;
  z-index: 999;
  left: 0;
  height: 16px;
  bottom: 40px;
}

.banner .hd ul {
  text-align: center;
}

.banner .hd ul li {
  display: inline-block;
  font-size: 16px;
  color: #151515;
  transition: all .5s;
  margin: 0 15px;
  position: relative;
  cursor: pointer;
}

.banner .hd ul li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 0;
  background-color: #c30900;
  bottom: -30px;
  left: 50%;
  transition: all .5s;
}

.banner .hd ul li.on, .banner .hd ul li:hover {
  color: #c12a22;
}

.banner .hd ul li.on:after, .banner .hd ul li:hover:after {
  height: 30px;
}

.banner .prev, .banner .next {
  display: block;
  width: 40px;
  height: 60px;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -20px;
}

.banner .prev {
  background: url(../images/banner-pn.png) no-repeat left bottom;
  left: 5%;
}

.banner .next {
  background: url(../images/banner-pn.png) no-repeat right bottom;
  right: 5%;
}

.homeTopic {
  font-size: 30px;
  color: #191919;
  font-weight: normal;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

.homeTopic:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #c30900;
  right: 44%;
  top: -10px;
}

.homeTopic b {
  display: block;
  font-size: 14px;
  color: #c0c0c0;
  font-weight: normal;
  margin-top: 2px;
}

.homeTopic span {
  display: block;
  font-size: 16px;
  color: #666666;
}

/*产品展示*/

.homeProd {
  padding: 60px 0;
}

.homeProd ul {
  position: relative;
}

.homeProd li {
  width: 280px;
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
}

.homeProd li img {
  transition: all .5s;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.homeProd li span {
  padding: 10px;
  overflow: hidden;
  display: block;
  height: 290px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;

}

.homeProd li:hover img {
  transform: scale(1.1);
}

.homeProd li .cover h4 {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.homeProd li .cover p {
  font-size: 14px;
}

.homeProd li .cover .more {
  display: block;
  width: 100px;
  height: 26px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  font-size: 12px;
  color: #999999;
  padding-left: 18px;
  line-height: 26px;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition: all .5s;
}

.homeProd li .cover .more:before {
  content: "";
  width: 8px;
  height: 7px;
  position: absolute;
  background-image: url(../images/hMore-ico2.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: 20px;
  top: 50%;
  margin-top: -3px;
}

.homeProd li .cover .more:after {
  position: absolute;
  content: "";
  width: 0;
  left: 0;
  height: 100%;
  background-color: #c30900;
  transition: all .5s;
  z-index: -1;
  border-radius: 20px;
}

.homeProd li:hover .cover .more:after {
  width: 100%;
}

.homeProd li:hover .cover .more {
  border-color: #c30900;
  color: #fff;
}

.homeProd li:hover .cover .more:before {
  background-image: url(../images/hMore-ico3.png);
}

/*样品展示 */

.homeSample {
  padding: 60px 0;
  background-color: #f4f4f4;
  position: relative;
  z-index: 0
}

.homeSample ul {
  width: 1220px;
}

.homeSample li {
  float: left;
  position: relative;
  width: 230px;
  height: 405px;
  overflow: hidden;
  margin-right: 10px;
}

.homeSample li img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.homeSample li:hover img {
  transform: scale(1.1);
}

.homeSample li h5 {
  position: absolute;
  width: 100%;
  height: 70px;
  left: 0;
  top: 50%;
  margin-top: -50px;
  background: rgba(255, 255, 255, 0.85);
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  padding-top: 30px;
  transition: all .5s;
}

.homeSample li h5:after {
  position: absolute;
  content: "";
  width: 212px;
  height: 86px;
  background: url(../images/sample-bg.png) no-repeat center center;
  left: 10px;
  top: 10px;
  opacity: 0
}

.homeSample li h5 span {
  display: block;
  font-size: 11px;
  color: #7e7e7e;
  margin-top: -2px;
}

.homeSample li:hover h5 {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}

.homeSample li:hover h5 span {
  color: #828384
}

.homeSample li:hover h5:after {
  opacity: 1;
}

.homeSample .zixun {
  position: absolute;
  width: 78px;
  height: 78px;
  background-color: #c30900;
  border-radius: 50%;
  left: 50%;
  margin-left: -39px;
  color: #fff;
  text-align: center;
  bottom: -39px;
  z-index: 2;
}

.homeSample .zixun:after {
  content: "";
  position: absolute;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: rgba(195, 9, 0, 0.4);
  left: 50%;
  margin-left: -47px;
  top: 50%;
  margin-top: -47px;
  z-index: 10;
  animation: moveOne 0.5s ease-in-out infinite;
  -webkit-animation: moveOne 0.5s infinite alternate;
  z-index: 0;
}

.homeSample .zixun i {
  display: block;
  font-style: normal;
  margin-top: 10px;
}

@keyframes moveOne {
  0% {
    transform: scale(0.9);
    opacity: 0.5;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.1);
    opacity: 0.5;
  }
}

.homeindustry {
  padding: 80px 0;
  background-color: #f4f4f4;
}

.homeindustry .sublist {
  margin-top: 20px;
}

.homeindustry .sublist a {
  display: block;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.homeindustry .sublist a:hover {
  color: #c30900;
}

/*新闻中心*/

.homeNews {
  padding: 80px 0 60px;
}

.homeNews .hd ul {
  text-align: center;
  margin: 30px 0;
}

.homeNews .hd ul li {
  display: inline-block;
  font-size: 16px;
  margin: 0 10px;
  cursor: pointer;
}

.homeNews .hd ul li.on {
  color: #c20700;
  font-weight: bold;
}

.homeNews-hot {
  width: 475px;
  height: 350px;
  overflow: hidden;
  position: relative;
}

.homeNews-hot img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.homeNews-hot h5 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  line-height: 70px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 14px;
  padding: 0 60px 0 30px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.homeNews-hot h5 i {
  position: absolute;
  width: 19px;
  height: 19px;
  background: url(../images/hMore-ico4.png) no-repeat center center;
  right: 26px;
  top: 50%;
  margin-top: -10px;
}

.homeNews-hot:hover img {
  transform: scale(1.1);
}

.homeNews-list {
  width: 700px;
}

.homeNews-list li {
  overflow: hidden;
  margin-bottom: 24px;
}

.homeNews-list li .pic {
  display: block;
  float: left;
  width: 140px;
  height: 100px;
  overflow: hidden;
  margin-right: 25px;
}

.homeNews-list li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.homeNews-list li .txt {
  float: left;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  width: 410px;
}

.homeNews-list li .txt h5 {
  font-size: 14px;
  color: #191919;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  margin: 10px auto 15px;
  transition: all .5s;
}

.homeNews-list li .time {
  display: block;
  float: right;
  padding: 20px 0 20px 26px;
  border-left: 1px dotted #cccccc;
  text-align: right;
  font-size: 44px;
  color: #999999;
}

.homeNews-list li .time b {
  display: block;
  font-size: 14px;
  margin-top: 10px;
  font-weight: normal;
}

.homeNews-list li:hover .txt h5 {
  color: #c30900;
}

.homeNews-list li:hover img {
  transform: scale(1.1);
}

/*底部*/

.footer {
  padding-top: 60px;
  background-color: #161616;
}

.footerTop {
  overflow: hidden;
  padding: 0 60px;
  border-left: 1px solid #1f1f1f;
  border-right: 1px solid #1f1f1f;
}

.footerContact {
  width: 358px;
  float: left;
}

.footerContact h5, .footerNav dl dt {
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
  position: relative;
  margin-bottom: 30px;
}

.footerContact h5 span, .footerNav dl dt span {
  font-size: 12px;
  color: #686868;
  display: block;
  margin-top: -5px;
}

.footerContact h5:after, .footerNav dl dt:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 1px;
  background-color: #c30900;
  left: 0;
  bottom: -10px;
}

.footerContact .cont span {
  display: block;
  font-size: 14px;
  color: #666666;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  width: 240px;
  overflow: hidden;
}

.footerContact .cont .s1 {
  background-image: url(../images/footer-ico1.png);
}

.footerContact .cont .s2 {
  background-image: url(../images/footer-ico2.png);
}

.footerContact .cont .s3 {
  background-image: url(../images/footer-ico3.png);
}

.footerContact .cont .s4 {
  background-image: url(../images/footer-ico4.png);
}

.footerContact .cont .s5 {
  background-image: url(../images/footer-ico5.png);
  background-position: left 5px;
}

.footerContact .cont .s5 b {
  font-weight: normal;
  float: right;
  width: 190px;
  line-height: 22px;
}

.footerNav {
  width: 720px;
  float: left;
}

.footerNav dl {
  float: left;
  margin-right: 110px;
}

.footerNav dl.last {
  margin-right: 0;
}

.footerNav dl dd a {
  color: #666666;
}

.footerNav dl dd a:hover {
  color: #fff;
}

.footerBot {
  border: 1px solid #1f1f1f;
  padding: 0 20px;
  background-color: #161616;
  line-height: 56px;
  border-bottom: 0;
  height: 56px;
}

.footerBot .share-l {
  float: left;
}

.footerBot .link-r {
  float: right;
}

.footerBot .share-l .ico {
  float: left;
  margin-top: 15px;
}

.footerBot .share-l .ico a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #242424;
  margin-right: 10px;
  background-position: center center;
  background-repeat: no-repeat;
}

.footerBot .share-l .ico .wx {
  background-image: url(../images/footer-ico6.png);
  position: relative;
}

.footerBot .share-l .ico .wx .wxImg {
  position: absolute;
  width: 94px;
  height: 94px;
  border-radius: 4px;
  top: -100px;
  left: 50%;
  margin-left: -47px;
  display: none;
}

.footerBot .share-l .ico .wb {
  background-image: url(../images/footer-ico7.png);
}

.footerBot .share-l .ico .chat {
  background-image: url(../images/footer-ico8.png);
}

.footerBot .share-l .note {
  float: left;
  display: block;
  line-height: 56px;
  margin-left: 20px;
}

.footerBot .share-l .note a:hover {
  color: #fff;
}

.footerBot .link-r a {
  padding: 0 10px;
  color: #666;
}

.footerBot .link-r a:hover {
  color: #fff
}

.footerLink {
  line-height: 70px;
  background-color: #161616;
  border-top: 1px solid #1f1f1f;
}

.footerLink .wid {
  padding: 0 60px;
  width: 1080px;
  margin: 0 auto;
}

.footerLink .wid span {
  color: #848484;
  margin-right: 10px;
}

.footerLink .wid a {
  color: #666;
  font-size: 12px;
  padding: 0 10px;
  border-right: 1px dotted #666;
}

.footerLink .wid a:last-child {
  border-right: 0;
}

.footerLink .wid a:hover {
  color: #fff;
}

/* 内页公用 */

.listBanner {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  height: 300px;
}

.listBanner img {
  display: block;
}

.listWrapper {
  padding: 50px 0 50px 0;
}

.pWrapper {
  padding-bottom: 60px;
  background: #f0f0f0;
  overflow: hidden;
}

.breadCrumb {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #dadada;
  background: #fff;
}

.breadCrumb p {
  background: url('../images/home_icon.png') no-repeat left center;
  padding-left: 20px;
  width: 1180px;
  margin: 0 auto
}

.breadCrumb .back {
  float: right;
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  background: #999;
  color: #fff;
  margin-top: 15px;
}

.breadCrumb .back:hover {
  background: #c30900;
  transition: all 0.3s;
}

.page-bgColor {
  background-color: #fff;
  padding: 30px 20px;
}

/* 内页公用菜单 */

.listMenu {
  padding: 50px 0 0 0;
}

.listMenu .menuWrap {
  overflow: hidden;
  text-align: center;
  font-size: 0;
}

.listMenu .menuWrap a {
  display: inline-block;
  width: 146px;
  height: 44px;
  font-size: 14px;
  color: #333333;
  border: 1px solid #d9d9d9;
  margin-right: -1px;
  line-height: 44px;
  transition: all .5s;
}

.listMenu .menuWrap a:first-child {
  border-radius: 30px 0 0 30px;
}

.listMenu .menuWrap a:last-child {
  border-radius: 0 30px 30px 0;
}

.listMenu .menuWrap a:hover, .listMenu .menuWrap .current {
  background-color: #c30900;
  border-color: #c30900;
  color: #fff;
}

.menuSub {
  padding: 15px 0;
  text-align: center;
}

.menuSub a {
  padding: 0 15px;
  background: url(../images/nav-bg.png) no-repeat right center;
  border-left: 2px solid #dadada;
  color: #333333;
}

.menuSub a:first-child {
  border-left: 0;
}

.menuSub a.current, .menuSub a:hover {
  color: #c30900
}

/* 风采展示 */

.partnerList, .honorList, .settingList, .appList, .downList, .videoList {
  width: 1200px;
  overflow: hidden;
}

.caseList ul, .partnerList ul, .honorList ul, .settingList ul, .downList ul, .clientList ul, .newsList2 ul, .videoList ul {
  width: 1240px;
}

.settingList ul li {
  width: 280px;
  float: left;
  margin-right: 26px;
  margin-bottom: 25px;
  text-align: center;
}

.settingList ul li img {
  display: block;
  width: 270px;
  height: 190px;
  padding: 4px;
  border: 1px solid #e3e3e3;
  background: #fff;
  transition: all .5s;
}

.settingList ul li img:hover {
  border: 1px solid #c30900;
  background: #c30900;
}

.settingList ul li span {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

/* 荣誉证书 */

.honorList li {
  width: 280px;
  float: left;
  margin-right: 26px;
  margin-bottom: 25px;
  text-align: center;
}

.honorList li img {
  display: block;
  width: 270px;
  height: 200px;
  padding: 4px;
  border: 1px solid #e3e3e3;
  background: #fff;
}

.honorList li img:hover {
  border: 1px solid #c30900;
  background: ;
}

.honorList li span {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

/* 合作伙伴 */

.partnerList li {
  float: left;
  width: 220px;
  margin-right: 25px;
  margin-bottom: 25px;
}

.partnerList li img {
  width: 210px;
  height: 114px;
  background: #e5e5e5;
  padding: 4px;
  border: 1px solid #d4d4d4;
  box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.partnerList li span {
  height: 35px;
  line-height: 35px;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 精英团队 */

.teamList {
  width: 900px;
}

.teamList ul {
  padding: 0 0 20px 0;
}

.teamList li {
  height: 245px;
  margin-bottom: 25px;
  background: #f5f5f5;
  padding: 15px;
  height: 205px;
  border: 3px solid #e2e2e2;
  border-radius: 3px;
}

.teamList li .pImg {
  width: 380px;
  height: 235px;
  overflow: hidden;
  margin: -30px 20px 0 -40px;
}

.teamList li img {
  width: 380px;
  height: 235px;
}

.teamList li h4 {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  margin-bottom: 15px;
}

.teamList li h4 a {
  color: #333;
}

.teamList li h4 a:hover {
  color: #df2128;
}

.teamList li .font {
  height: 115px;
  overflow: hidden;
  margin-bottom: 10px;
}

.teamList li .btn a {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  background: #b11e28;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 120px;
  margin-right: 15px;
}

.teamList li .btn a:hover {
  background: #8a020b;
}

/*视频列表*/

.videoList li {
  width: 590px;
  margin-right: 20px;
  position: relative;
  margin-bottom: 20px;
  float: left;
}

.videoList li .pic {
  display: block;
  height: 410px;
  overflow: hidden;
  position: relative;
}

.videoList li img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.videoList li:hover img {
  transform: scale(1.2);
}

.videoList li .pic:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/video-ico.png) no-repeat center center rgba(0, 0, 0, 0.3);
  opacity: 1;
  z-index: 2
}

.videoList li p {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}

.videoList li p .tit {
  font-size: 16px;
  color: #333333;
  float: left;
  padding: 0 10px;
}

.videoList li p .time {
  font-size: 14px;
  color: #999999;
  float: right;
}

.videoList li:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  height: 3px;
  background-color: #c30900;
  transition: all .5s;
  bottom: 0px;
}

.videoList li:hover:after {
  width: 100%;
}

/* 新闻列表 */

.newsList .hot {
  margin-bottom: 30px;
}

.newsList .hot ul {
  width: 1230px;
}

.newsList .hot li {
  width: 380px;
  float: left;
  border-bottom: 2px solid #e5e5e5;
  position: relative;
  margin-right: 20px;
}

.newsList .hot li:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  bottom: -2px;
  height: 2px;
  background-color: #c30900;
  transition: all .5s;
}

.newsList .hot li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.newsList .hot li .pic {
  display: block;
  height: 280px;
  overflow: hidden;
}

.newsList .hot li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.newsList .hot li .time {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #c30900;
}

.newsList .hot li .time b {
  font-size: 44px;
  font-weight: normal;
  display: block;
  padding: 15px 0 5px;
}

.newsList .hot li .txt {
  padding: 25px 10px 20px;
  color: #5a5a5a;
  transition: all .5s;
}

.newsList .hot li .txt h5 {
  font-size: 16px;
  color: #232323;
  font-weight: normal;
  margin-bottom: 10px;
}

.newsList .hot li:hover img {
  transform: scale(1.2);
}

.newsList .hot li:hover:after {
  width: 100%;
}

.newsList .hot li:hover .txt {
  box-shadow: 0 0 22px 5px rgba(0, 0, 0, 0.1);
}

.newsList .hot li:hover .txt h5 {
  color: #c30900
}

.newsList .list li {
  padding-left: 150px;
  padding-bottom: 30px;
  padding-top: 30px;
  transition: all .5s;
  background: #fff;
  overflow: hidden;
}

.newsList .list li:nth-child(2n+1) {
  background-color: #f7f7f7;
}

.newsList .list li a {
  display: block;
  position: relative;
  left: 0;
  transition: all .5s;
}

.newsList .list li .time {
  display: block;
  float: left;
  font-size: 12px;
  color: #666666;
  margin-left: -120px;
  width: 90px;
  height: 90px;
  border: 1px solid #adadad;
  text-align: center;
  transition: all .5s;
}

.newsList .list li strong {
  font-size: 40px;
  color: #666666;
  display: block;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 20px;
  transition: all .5s;
}

.newsList .list li .txt {
  width: 970px;
  float: left;
  margin-top: 15px;
}

.newsList .list li h5 {
  font-size: 18px;
  color: #191919;
  font-weight: normal;
  margin-bottom: 20px;
}

.newsList .list li p {
  font-size: 12px;
  color: #666666;
}

.newsList .list li .more {
  display: block;
  display: block;
  font-size: 10px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  width: 60px;
  text-align: center;
  background-color: #c30900;
  color: #fff;
  margin-top: 35px;
  transition: all .5s;
  float: left;
}

.newsList .list li:hover h5 {
  color: #c30900;
}

.newsList .list li:hover .time {
  background-color: #c30900;
  border-color: #c30900;
  color: #fff;
}

.newsList .list li:hover strong {
  color: #fff;
}

.newsList .list li:hover .more {
  border-radius: 20px;
}

/*客户见证*/

.clientList li {
  width: 370px;
  height: 460px;
  float: left;
  margin-right: 30px;
  margin-bottom: 50px;
  position: relative;
  transition: all .5s;
}

.clientList li .cImg {
  display: block;
  height: 310px;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: top .5s;
  border: 1px solid #dedede
}

.clientList li .cImg img {
  display: block;
  width: 100%;
  height: 100%;
}

.clientList .font {
  position: absolute;
  width: 328px;
  background-color: #fff;
  padding: 40px 20px;
  margin-left: 0px;
  margin-top: 300px;
  border: 1px solid #f5f5f5;
  transition: all .5s;
  bottom: 0;
  z-index: 2;
  background-color: #f5f5f5;
}

.clientList .font h4 {
  height: 20px;
  color: #5a5a5a;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}

.clientList .font h4 a {
  color: #5a5a5a
}

.clientList .font span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  text-align: center;
  padding-bottom: 20px;
  margin-top: 12px;
}

.clientList .font p {
  margin: 0 auto;
  font-size: 13px;
  line-height: 26px;
  width: 70%;
  text-align: center;
  margin: 0 auto;
  height: 50px;
  color: #949494;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all .5s;
}

.clientList li .more {
  display: block;
  width: 100px;
  height: 30px;
  text-align: center;
  border-radius: 26px;
  border: 1px solid #ccc;
  position: absolute;
  left: 37%;
  bottom: 20px;
  opacity: 0;
  transition: all .5s;
  font-size: 12px;
  color: #999999;
  line-height: 30px;
}

.clientList li:hover {
  box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
}

.clientList li:hover .cImg {
  top: -10px;
  border: 0;
}

.clientList li:hover .font {
  bottom: -10px;
  background-color: #fff;
  border-color: #e6e6e6
}

.clientList li:hover .font p {
  opacity: 0;
  top: 10px;
}

.clientList li:hover .more {
  bottom: 50px;
  opacity: 1;
  background-color: #c30900;
  color: #fff;
  border-color: #c30900
}

.clientList li:hover h4 a {
  color: #c30900
}

/* 下载 */

.downList li {
  float: left;
  height: 130px;
  background: #ededed;
  overflow: hidden;
  padding-left: 20px;
  width: 570px;
  color: #888;
  line-height: 22px;
  margin: 0 30px 20px 0;
  transition: all .5s;
}

.downList li h5 {
  padding-top: 20px;
  font-size: 16px;
  font-weight: normal;
  font-weight: normal;
  margin-bottom: 10px;
}

.downList li h5 a {
  color: #333;
}

.downList li h5 a:hover {
  text-decoration: underline;
}

.downList li .more {
  float: right;
  width: 90px;
  height: 130px;
  background: url('../images/down1.png') no-repeat center center;
  margin-left: 10px;
}

.downList li:hover {
  background: #c30900;
  color: #fff;
}

.downList li:hover h5 a {
  color: #fff;
}

.downList li:hover .more {
  background: #333 url('../images/down2.png') no-repeat center center;
}

/* 下载列表2 */

.downListTwo ul li {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.downListTwo ul li span {
  display: block;
  float: left;
}

.downListTwo ul li .more {
  display: block;
  width: 60px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #eee;
  padding-left: 30px;
  border-radius: 3px;
  color: #999;
  float: right;
  margin-top: 13px;
  text-align: center;
  background: url(../images/downIco2.png) no-repeat 15px center;
  transition: all .5s;
}

.downListTwo ul li .more:hover {
  background: url(../images/downIco3.png) no-repeat 15px center #c30900;
  border-color: #c30900;
  color: #fff;
}

.downListTwo .tilte {
  width: 40%;
  background: url(../images/downIco1.jpg) no-repeat left center;
  padding-left: 40px;
}

.downListTwo .num {
  width: 20%;
}

.downListTwo .time {
  width: 20%;
}

/* 常见问题 */

.faqList li {
  position: relative;
  margin-bottom: 25px;
}

.faqList li:after {
  content: '';
  position: absolute;
  top: 12px;
  right: 16px;
  display: block;
  width: 30px;
  height: 30px;
  background: #c30900;
  pointer-events: none;
  border-radius: 50%;
}

.faqList li h3:before, .faqList li h3:after {
  content: '';
  position: absolute;
  top: 26px;
  right: 23px;
  z-index: 2;
  width: 16px;
  height: 2px;
  background: #fff;
}

.faqList li h3:before {
  width: 2px;
  height: 16px;
  top: 19px;
  right: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.faqList li.act h3:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: transparent\0;
}

.faqList li h3 {
  position: relative;
  padding: 0 60px;
  background-color: #f1f1f1;
  line-height: 54px;
  font-size: 16px;
  cursor: pointer;
  font-weight: normal;
  color: #333;
}

.faqList li div {
  display: none;
  padding: 25px 0 0 60px;
  line-height: 25px;
  color: #7c7c7c;
  -webkit-animation: fadeIn 0.5s ease-out 0.2s both;
  animation: fadeIn 0.5s ease-out 0.2s both;
}

.faqList li h3 {
  background-image: url(../images/faq.png);
  background-repeat: no-repeat;
  background-position: 20px 0;
  border-radius: 30px;
}

.faqList li div {
  background: url(../images/faq.png) no-repeat 20px -155px;
  font-size: 14px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*  文章详情 */

.articleShow .articleLeft {
  width: 830px;
}

.articleShow .articleStart {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede
}

.articleShow .articleStart .articleTit {
  text-align: center;
}

.articleShow .articleLeft .title {
  font-size: 18px;
  line-height: 30px;
  color: #303030;
  font-weight: normal;
  margin-bottom: 10px;
}

.articleShow .articleLeft .time {
  display: block;
  font-size: 14px;
  color: #999999
}

.articleShow .articleLeft .content {
  margin-bottom: 60px;
}

.articleShow .articleLeft .bshare-custom {
  font-size: 14px;
  color: #999999;
  text-align: right;
}

.articlePage {
  background: #f5f5f5
}

.articleShow .articlePage .post-prev, .articleShow .articlePage .post-next {
  transition: all .36s ease;
  position: relative;
  width: 50%;
  overflow: hidden;
  float: left;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #f5f5f5;
  transition: all .5s;
}

.articleShow .articlePage a {
  display: block;
  width: 100%;
  height: 100%;
}

.articleShow .articlePage .pageImg {
  width: 70px;
  transition: all .5s;
}

.articleShow .post-prev .pageImg {
  text-align: right;
}

.articleShow .articlePage h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666;
  font-weight: normal;
  position: relative;
  transition: all .5s;
  width: 240px;
}

.articleShow .articlePage .post-prev h5 {
  right: 0;
  text-align: right;
}

.articleShow .articlePage .post-next h5 {
  left: 0;
  text-align: left;
}

.articleShow .articlePage i {
  display: block;
  width: 40px;
  height: 16px;
  margin-top: 5px;
}

.articleShow .articlePage .post-prev i {
  border-right: 1px solid #c9c9c9;
  background: url(../images/pageJt-icoL.png) no-repeat 0 center;
  transition: all .5s;
}

.articleShow .articlePage .post-next i {
  border-left: 1px solid #c9c9c9;
  background: url(../images/pageJt-icoR.png) no-repeat -40px center;
  transition: all .5s
}

.articleShow .articlePage .post-prev:hover .pageImg, .articleShow .articlePage .post-next:hover .pageImg {
  color: #fff;
}

.articleShow .articlePage .post-prev:hover, .articleShow .articlePage .post-next:hover {
  background-color: #c30900
}

.articleShow .articlePage .post-prev:hover h5 {
  color: #fff;
  right: 25px;
}

.articleShow .articlePage .post-next:hover h5 {
  color: #fff;
  left: 25px;
}

.articleShow .articlePage .post-prev:hover i {
  border-color: #fff;
  background-position: -40px 0;
  opacity: 0.6
}

.articleShow .articlePage .post-next:hover i {
  border-color: #fff;
  background-position: 0 0;
  opacity: 0.6
}

.articleShow .articleRight {
  width: 300px;
}

.articleShow .articleRight h3 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: normal;
  color: #303030;
  margin-bottom: 10px;
}

.articleShow .articleRight .articleRelate-prod {
  border-top: 1px solid #dedede;
  padding-top: 20px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.articleShow .articleRight .articleRelate-prod ul {
  width: 320px;
}

.articleShow .articleRight .articleRelate-prod li {
  width: 140px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}

.articleShow .articleRight .articleRelate-prod li a {
  display: block;
  width: 100%;
  transition: all .5s;
  left: 0;
}

.articleShow .articleRight .articleRelate-prod li:nth-child(2n+1):after {
  content: "";
  position: absolute;
  width: 0;
  height: 140px;
  border-left: 1px dotted #ccc;
  right: -5px;
  top: 0;
}

.articleShow .articleRight .articleRelate-prod li .pic {
  display: block;
  width: 100%;
  height: 110px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}

.articleShow .articleRight .articleRelate-prod li img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.articleShow .articleRight .articleRelate-prod li h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #666;
  font-weight: normal;
  text-align: center;
}

.articleShow .articleRight .articleRelate-prod li:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.articleShow .articleRight .articleRelate-prod li:hover img {
  transform: scale(1.2);
}

.articleShow .articleRight .articleRelate-prod li:hover h5 {
  color: #c30900
}

.articleShow .articleRelate-news {
  border: 1px solid #e5e5e5;
  padding: 15px 10px;
}

.articleShow .articleRelate-news li {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px dotted #e5e5e5;
  transition: all .5s;
}

.articleShow .articleRelate-news li a {
  display: block;
  background: url(../images/ly_li.png) no-repeat left center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
}

.articleShow .articleRelate-news li:hover {
  padding-left: 10px;
}

.articleShow .articleRelate-news li:hover a {
  color: #c30900
}

/* 猜你喜欢 */
.recommend_news {
  margin-top: 30px;
  float: left;
  width: 100%;
}

.recommend_news h3 {
  font-size: 20px;
  color: #333;
  padding-left: 34px;
  margin-bottom: 20px;
  background: url(../images/icon-like.png)no-repeat left;
  background-size: 3%;
}

.recommend_news ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.recommend_news ul li:nth-child(3n) {
  margin-right: 0;
}

.recommend_news ul li p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recommend_news ul li .img {
  padding-top: 70%;
  position: relative;
  width: 100%;
}

.recommend_news ul li .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

/*解决方案详情页*/

.solveRelation {
  background-color: #f9f9f9;
  padding: 40px 0;
}

.solveRelation .topic {
  font-size: 26px;
  font-weight: normal;
  color: #c30900;
  font-weight: normal;
  text-align: left;
  padding-bottom: 10px;
  height: 30px;
  line-height: 30px;
}

.solveStart {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.solveStart .bshare-custom {
  position: absolute;
  right: 0;
  top: 40px;
}

.solveStart .title {
  font-size: 20px;
  line-height: 30px;
  color: #303030;
  font-weight: normal;
  margin-bottom: 10px;
}

.solveStart .time {
  display: block;
  font-size: 14px;
  color: #999999
}

.solveStart .content {
  margin-bottom: 60px;
}

.relatedSolve li {
  float: left;
}

.relatedSolve ul {
  width: 1240px;
  margin-top: 20px;
}

.relatedSolve li {
  float: left;
  width: 280px;
  margin-bottom: 20px;
  margin-right: 24px;
  border: 1px solid #ddd;
  background: #eee;
  text-align: center;
  transition: all .5s;
}

.relatedSolve li a {
  display: block;
  width: 280px;
  transition: all .5s;
}

.relatedSolve li img {
  width: 270px;
  height: 225px;
  padding: 5px;
  background: #fff;
}

.relatedSolve li h4 {
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-weight: normal;
}

.relatedSolve li:hover {
  border: 1px solid #c30900;
}

.relatedSolve li a:hover {
  background: #c30900;
  color: #fff;
}

/* 人才招聘  */

.jobList li {
  background: url(../images/page-jobIco.png) no-repeat 1090px 60px;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
}

.jobList li h5 {
  font-size: 20px;
  color: #c30900;
  font-weight: normal;
  margin-bottom: 20px;
}

.jobList li h5 span {
  display: block;
  font-size: 12px;
  color: #ccc;
}

.jobList li .detail {
  font-size: 14px;
  color: #333333;
  line-height: 26px;
  padding: 0 230px 0 25px;
  border-left: 1px solid #333333;
  margin-bottom: 40px;
  min-height: 100px;
}

.jobList li .detail h6 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
}

.jobList li .more {
  display: block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #c30900;
  border-radius: 20px;
  transition: all .5s;
  position: absolute;
  right: 0;
  top: 122px;
}

.jobList li .more:hover {
  background-color: #ad0104
}

/*  产品列表 */

.productList ul {
  width: 1230px;
}

.productList li {
  width: 298px;
  height: 443px;
  float: left;
  transition: all .5s;
  border-right: 1px dotted #cccccc;
  text-align: center;
  background-color: #fff;
  margin-bottom: 50px;
}

.productList li:nth-child(4n+1) {
  border-left: 1px dotted #cccccc;
}

.productList li .pic {
  display: block;
  width: 298px;
  height: 298px;
  overflow: hidden;
}

.productList li .pic img {
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.productList li h4 {
  padding: 0 30px;
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productList li p {
  font-size: 12px;
  color: #666666;
  padding: 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 20px;
}

.productList li .option {
  display: block;
  padding-left: 75px;
  overflow: hidden;
}

.productList li .option .more {
  display: block;
  float: left;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 12px;
  color: #999999;
  border-radius: 26px;
  transition: all .5s;
  margin-right: 10px;
}

.productList li .option .conslt {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: url(../images/conltIco.png) no-repeat center 0;
  transition: all .5s;
}

.productList li:hover .option .more {
  background-color: #c30900;
  color: #fff;
  border-color: #c30900;
}

.productList li:hover {
  box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.20);
  position: relative;
  z-index: 2;
  border-right: 0;
  transform: scale(1.02);
}

/*.productList li:hover img{transform: scale(1.15);}*/

.productList li:hover h4 {
  color: #c30900;
}

.productList li:hover .conslt {
  background-color: #dfa2c3;
  background-position: center bottom;
  border-color: #dfa2c3;
}

/*  产品详情*/

.pageProbg {
  background: #fff;
  padding: 70px;
  width: 1060px;
  margin: 0 auto;
  box-shadow: 0 0 2px 1px #dadada;
}

.prodPic {
  width: 635px;
}

.prodPic .big {
  width: 635px;
  height: 435px;
  position: relative;
  z-index: 1;
  border: 1px solid #e3e3e3;
  text-align: center;
  margin-bottom: 20px;
}

.prodPic .big a {
  width: 100%;
  height: 435px;
  background: #fff;
  text-align: center;
  line-height: 435px;
}

.prodPic .big a img {
  vertical-align: middle;
  height: 430px;
  display: bottom:;
}

.prodPic .big a {
  *display: block;
  *font-family: Arial;
  *line-height: 1;
}

div.zoomDiv {
  z-index: 999;
  position: absolute;
  top: -400px;
  left: 0px;
  width: 300px;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  text-align: center;
  overflow: hidden;
}

div.zoomMask {
  position: absolute;
  background: url(../images/mask.png);
  cursor: move;
  z-index: 1;
}

.prodPic .list {
  width: 100%;
  height: 112px;
  overflow: hidden;
  position: relative;
}

.prodPic .list a.prev, .prodPic .list a.next {
  display: block;
  width: 20px;
  height: 60px;
  position: absolute;
  background: url(../images/propn.png) no-repeat;
  overflow: hidden;
  cursor: pointer;
  background-color: #f5f5f5;
  left: 0;
  top: 50%;
  margin-top: -30px;
  background-position: left 0
}

.prodPic .list a.next {
  left: auto;
  right: 0;
  background-position: right 0
}

.prodPic .list a.prev:hover {
  background-position: left -63px;
}

.prodPic .list a.next:hover {
  background-position: right -63px;
}

.prodPic .list .thumb {
  position: relative;
  width: 566px;
  height: 112px;
  overflow: hidden;
  margin: 0 auto;
}

.prodPic .list .thumb ul {
  position: absolute;
  width: 99999px;
}

.prodPic .list .thumb ul li {
  background: none;
  float: left;
  width: 113px;
  position: relative;
  margin: 15px 0;
}

.prodPic .list .thumb ul li a {
  display: block;
  width: 103px;
  height: 75px;
  border: 2px solid #e3e3e3;
  text-align: center;
  background: #fff;
  margin: 0 auto
}

.prodPic .list .thumb ul li img {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}

.prodPic .list .thumb ul li a em {
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  right: -5px;
  top: 35px;
}

.prodPic .list .thumb ul li a.selected {
  border-color: #c30900;
}

.prodPic .list .thumb ul li a.selected em {
  background: url(../images/jt.png) no-repeat
}

/* 产品右侧简介样式 */

.proshow_synopsis {
  background: #f2f2f2;
  border: 1px solid #d5d5d5;
  padding: 19px;
  width: 470px;
  color: #666;
  font-size: 13px;
  line-height: 30px;
  height: 396px;
  border-radius: 3px;
}

.proshow_synopsis .title {
  font-size: 24px;
  color: #c30900;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 15px;
  padding-bottom: 0px;
  font-weight: normal;
  padding-bottom: 10px
}

.proshow_synopsis strong {
  color: #333;
  font-weight: normal;
  float: left;
  margin-left: -40px;
  display: block;
}

.proshow_synopsis .font {
  line-height: 24px;
  overflow: hidden;
  height: 150px;
  margin-bottom: 15px;
  padding-left: 40px;
}

.proshow_synopsis .p02 {
  padding-left: 40px;
}

.prodcut-tel {
  padding-left: 50px;
  margin-bottom: 20px;
  line-height: 26px;
  background: url('../images/p_icon.png') no-repeat left center;
}

.prodcut-tel span {
  font-family: arial;
  font-size: 24px;
  color: #c30900;
  display: block;
}

.proshow_synopsis .btn a {
  display: inline-block;
  width: 170px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px;
  color: #fff;
  transition: all 0.3s;
  font-size: 16px;
  border-radius: 20px;
}

.proshow_synopsis .btn .a02 {
  background: #c30900 url(../images/proshow_icon2.png) no-repeat 20px 13px;
  margin-left: 25px;
}

.proshow_synopsis .btn a:hover {
  opacity: 0.8;
  filter: alpha(opacity=50);
  transition: all 0.3s;
}

/* 产品说明标签切换样式 */

.gr-tab-list {
  overflow: hidden;
  margin-top: 40px;
  position: relative;
}

.gr-tab-list .hd {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  background: #eee;
  border-radius: 20px;
}

.gr-tab-list .hd.fixedTop {
  position: fixed;
  top: 0;
  width: 1200px;
  z-index: 99;
}

.gr-tab-list .hd li {
  width: 150px;
  float: left;
  text-align: center;
  background: #eee;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  border-radius: 20px;
}

.gr-tab-list .hd a {
  width: 150px;
  float: left;
  text-align: center;
  background: #eee;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  border-radius: 20px;
}

.gr-tab-list .hd li.on {
  background: #c30900;
  color: #fff;
}

.gr-tab-list .bd {
  overflow: hidden;
  padding-top: 15px;
}

.gr-tab-list .bd .video{
  width: 100%;
  height: 600px;
}

/*.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#c30900;}*/

/* 相关产品样式 */

.relatedPro {
  margin-bottom: 30px;
  overflow: hidden;
}

.relatedPro .tie {
  height: 40px;
  line-height: 40px;
  background: #eee;
  color: #c30900;
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0;
  border-radius: 20px;
}

.relatedPro .tie span {
  padding: 0 40px;
  background: #c30900;
  display: inline-block;
  color: #fff;
  border-radius: 20px;
}

.relatedPro li {
  float: left;
}

.relatedPro ul {
  width: 1240px;
  margin-top: 20px;
}

.relatedPro li {
  float: left;
  width: 280px;
  margin-bottom: 20px;
  margin-right: 24px;
  border: 1px solid #ddd;
  background: #eee;
  text-align: center;
  transition: all .5s;
}

.relatedPro li a {
  display: block;
  width: 280px;
  transition: all .5s;
}

.relatedPro li img {
  width: 270px;
  height: 270px;
  padding: 5px;
  background: #fff;
}

.relatedPro li span {
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.relatedPro li:hover {
  border: 1px solid #c30900;
}

.relatedPro li a:hover {
  background: #c30900;
  color: #fff;
}

/* 采购表单样式 */

.orderBox {
  padding: 25px;
  width: 1140px;
  background: #f1f1f1;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 10px;
}

.orderBox h3 {
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  font-family: "微软雅黑";
}

.orderBox .table {
  padding-top: 20px;
  overflow: hidden;
}

.orderBox .table li {
  width: 520px;
  height: 215px;
  float: left;
  height: 35px;
  margin-bottom: 10px;
}

.orderBox .table li span {
  float: left;
  border: 1px solid #ddd;
  line-height: 33px;
  height: 33px;
  width: 98px;
  display: inline-block;
  text-align: center;
  background: #fff;
}

.orderBox .table li .iptTxt {
  float: right;
  width: 408px;
  border: 1px solid #ddd;
  border-left-width: 0;
  height: 33px;
  line-height: 33px;
  background: #fff;
  color: #666;
  padding-left: 10px;
}

.orderBox .table li .iptCode {
  float: left;
  width: 199px;
  border: 1px solid #ddd;
  border-left-width: 0;
  height: 33px;
  line-height: 33px;
  background: #fff;
  color: #666;
  padding-left: 10px;
}

.orderBox .table li .checkcode {
  float: left;
  border: 1px solid #ddd;
  border-left-width: 0;
  background: #eee;
  margin-left: 2px;
  padding: 6px;
}

.orderBox .table li .btn {
  width: 385px;
  height: 35px;
  line-height: 35px;
  background: #333;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border: none;
}

.orderBox .table li .btn:hover {
  background: #c30900;
  color: #fff;
}

.orderBox .table li.areLi {
  width: 570px;
  float: right;
  height: 215px;
  overflow: hidden;
}

.orderBox .table li.areLi .txtContent {
  width: 528px;
  height: 183px;
  border: 1px solid #ddd;
  outline: none;
  resize: none;
  padding: 15px;
  color: #666;
  line-height: 18px;
  background: #fff;
}

/* 内页留言样式 */

.page-ditu {
  background: #f5f5f5;
  height: 400px;
}

#dituContent {
  width: 600px;
  height: 400px;
  float: left;
}

.contactFont {
  overflow: hidden;
  margin-bottom: 30px;
  float: right;
  width: 540px;
  height: 360px;
  padding: 20px 30px;
}

.page-contact-title {
  font-size: 26px;
  line-height: 50px;
  color: #333;
  text-align: center;
  padding: 10px 0 20px;
}

.page-contact {}

.page-contact dl {
  width: 20%;
  height: 210px;
  float: left;
  text-align: center;
  position: relative;
}

.page-contact dl:before {
  content: "";
  overflow: hidden;
  position: absolute;
  background-color: #eee;
  left: 0px;
  top: 0;
  height: 100%;
  width: 1px;
}

.page-contact dl:nth-child(1):before {
  width: 0;
}

.page-contact dl dt {
  position: relative;
  padding-top: 120px;
  font-size: 12px;
  line-height: 20px;
  color: #888;
}

.page-contact dl dt span {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -45px;
}

.page-contact dl dd {
  font-size: 14px;
  line-height: 24px;
  padding: 10px 20px 0;
}

.map {
  margin-top: 60px;
  overflow: hidden;
}

.map .title {
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 25px;
  color: #333;
}

.map-left {
  width: 780px;
  height: 560px;
}

.map-line {
  margin-top: 0px;
}

.map-line d {
  margin: 25px 30px 0;
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 55px;
}

.map-line dl d {
  font-size: 18px;
  line-height: 30px;
  color: #eee;
}

.map-line dl dd {
  font-size: 14px;
  line-height: 24px;
  color: #bbb;
  padding: 5px 0 25px;
  border-bottom: 1px dotted #888;
}

.map-line dl:nth-last-child(1) dd {
  border: none;
}

.map-line dl.map-line-a {
  background-image: url(../images/icon-cc-a.png);
}

.map-line dl.map-line-b {
  background-image: url(../images/icon-cc-b.png);
}

.map-line dl.map-line-c {
  background-image: url(../images/icon-cc-c.png);
  background-position: left 3px;
}

.feedback {
  margin-top: 50px;
  overflow: hidden;
}

.feedback .title {
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 25px;
  color: #333;
}

.feedback .title span {
  background: #fff;
  padding: 0 30px;
  position: relative;
  top: -10px;
}

.feedback .title::before {
  content: "";
  border-bottom: 1px solid #e1e1e1;
  height: 12px;
  vertical-align: top;
  width: 100%;
  display: block;
}

#feedback_form {
  position: relative;
}

#feedback_form label {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  margin-bottom: 30px;
  padding-left: 40px;
  background: url(../images/contact.png) no-repeat;
  font-size: 14px;
}

#feedback_form label.name {
  background-position: 0 -32px;
}

#feedback_form label.email {
  background-position: 0 -64px;
}

#feedback_form label.city {
  background-position: 0 -96px;
}

#feedback_form label.msg_title {
  background-position: 0 -128px;
}

#feedback_form label.address {
  background-position: 0 -160px;
}

#feedback_form label.message {
  background-position: 0 -192px;
  margin-bottom: 10px;
}

#feedback_form input {
  width: 240px;
  height: 30px;
  line-height: 30px;
  float: left;
  margin: 0 37px 30px 0;
  padding: 0 10px;
  border: 1px solid #dbdbdb;
}

#feedback_form input.last {
  margin-right: 0;
}

#feedback_form .msg {
  border-top: 1px dotted #ccc;
  padding: 30px 0;
}

#feedback_form textarea {
  height: 125px;
  width: 1178px;
  padding: 10px;
  border: 1px solid #dbdbdb;
  display: block;
}

#feedback_form i {
  font-style: normal;
  color: #ff1f19;
  position: absolute;
  font-size: 14px;
  left: 380px;
  top: 6px;
}

#feedback_form .f2 {
  left: 790px;
}

#feedback_form .f3 {
  left: auto;
  right: 0;
}

#feedback_form .f4 {
  left: 380px;
  top: 66px;
}

#feedback_form .btns {
  width: 120px;
  height: 40px;
  margin-right: 10px;
  background: #c30900;
  color: #fff;
  border: none;
  font-size: 15px;
  margin-bottom: 0;
  cursor: pointer;
}

#feedback_form .btns:hover {
  background: #333;
  transition: all 0.3s;
}

#feedback_form .reset {
  background: #ccc;
  cursor: pointer;
  margin-bottom: 0;
}

#feedback_form .tableRow {
  width: 100%;
  height: 32px;
}

#feedback_form .tableRow input {
  width: 150px;
  margin-right: 10px;
  color: #999;
  float: left;
}

#feedback_form .tableRow .checkcode {
  width: 50px;
  height: 22px;
  margin-left: 5px;
  border: 1px solid #ccc;
  padding: 4px 5px;
  display: block;
  float: left;
  background: #fff;
}

#feedback_form input:focus, #feedback_form textarea:focus {
  border-color: #c30900;
}

/*样品轮播*/

.sampleList {
  position: relative;
}

.sampleList .bd {
  overflow: hidden;
  height: 520px;
}

.sampleList ul {
  width: 1240px;
}

.sampleList li {
  width: 280px;
  float: left;
  margin-right: 26px;
  margin-bottom: 25px;
  text-align: center;
}

.sampleList li img {
  display: block;
  width: 270px;
  height: auto;
  padding: 4px;
  border: 1px solid #e3e3e3;
  background: #fff;
  transition: all .5s;
}

.sampleList li img:hover {
  border: 1px solid #c30900;
  background: ;
}

.sampleList li span {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.sampleList .prev, .sampleList .next {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #3b3b3b;
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  margin-top: -26px;
  transition: all .5s;
}

.sampleList .prev {
  background-image: url(../images/pPrev-ico.png);
  left: -70px;
}

.sampleList .next {
  background-image: url(../images/pNext-ico.png);
  right: -70px;
}

.sampleList .prev:hover, .sampleList .next:hover {
  background-color: #c30900;
}

/*荣誉资质轮播*/

.certifiList {
  position: relative;
}

.certifiList .bd {
  overflow: hidden;
  height: 260px;
}

.certifiList ul {
  width: 1240px;
}

.certifiList li {
  width: 280px;
  float: left;
  margin-right: 26px;
  margin-bottom: 25px;
  text-align: center;
}

.certifiList li img {
  display: block;
  width: 270px;
  height: auto;
  padding: 4px;
  border: 1px solid #efefef;
  background: #efefef;
  transition: all .5s;
  height: 198px;
}

.certifiList li img:hover {
  border: 1px solid #c30900;
  background: #c30900;
}

.certifiList li span {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.certifiList .prev, .certifiList .next {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #3b3b3b;
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  margin-top: -26px;
  transition: all .5s;
}

.certifiList .prev {
  background-image: url(../images/pPrev-ico.png);
  left: -70px;
}

.certifiList .next {
  background-image: url(../images/pNext-ico.png);
  right: -70px;
}

.certifiList .prev:hover, .certifiList .next:hover {
  background-color: #c30900;
}

/*关于我们内页*/

.pageAbout {
  overflow: hidden;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #dbdbdb
}

.pageAbout-pic {
  float: left;
  width: 595px;
  height: 400px;
}

.pageAbout-pic img {
  display: block;
  width: 100%;
  height: 100%;
}

.pageAbout-font {
  width: 570px;
  float: right;
}

.pageAbout-font h2 {
  font-size: 22px;
  color: #191919;
  font-weight: normal;
  margin: 25px 0 30px;
}

.pageAbout-font p {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  margin-bottom: 25px;
}

.pageAbout-item {
  overflow: hidden;
}

.pageAbout-item ul {
  width: 1240px;
}

.pageAbout-item li {
  width: 580px;
  float: left;
  margin-right: 35px;
  padding-bottom: 45px;
  border-bottom: 2px solid #cccccc;
  margin-bottom: 45px;
}

.pageAbout-item li .pic {
  display: block;
  height: 174px;
  overflow: hidden;
}

.pageAbout-item li .pic img {
  display: block;
}

.pageAbout-item li .tit {
  display: block;
  font-size: 26px;
  color: #c30900;
  margin: 30px 0;
}

.pageAbout-item li .tit b {
  font-weight: normal;
  font-size: 16px;
  color: #a0a0a0;
  margin-left: 15px;
}

.pageAbout-item li p {
  font-size: 12px;
  color: #666666;
  line-height: 22px;
  height: 95px;
  overflow: hidden;
}

/*企业文化内页*/

.pageCult {
  background: url(../images/pCult-bg.jpg) no-repeat center center;
  height: 634px;
  padding: 75px 0;
  margin-top: 50px;
}

.pageCult-main {
  overflow: hidden;
}

.pageCult-left {
  width: 400px;
  float: left;
  background-color: #fff;
  height: 528px;
}

.pageCult-right {
  width: 800px;
  float: left;
  height: 528px;
}

.pageCult-right img {
  display: block;
  width: 100%;
  height: 100%;
}

.pageCult-left dl {
  height: 50%;
  position: relative;
}

.pageCult-left dl dt {
  font-size: 20px;
  color: #333333;
  padding: 50px 45px 45px 45px;
  position: relative;
}

.pageCult-left dl dt:after {
  content: "";
  position: absolute;
  width: 20px;
  background-color: #c30900;
  height: 1px;
  left: 45px;
  bottom: 30px;
}

.pageCult-left dl dt span {
  display: block;
  font-size: 12px;
  color: #c1c1c1;
}

.pageCult-left dl dd {
  font-size: 14px;
  color: #666666;
  padding: 0 45px 0 45px;
}

.pageCult-left .dl2 {
  background-color: #f4f4f4;
}

.pageCult-left .dl1 dt {
  padding: 60px 45px 45px 45px;
}

.pageCult-left .dl1 dd {
  font-size: 16px;
}

.pageCult-left .dl1:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #c30900;
  top: 0;
}

/*技术支持*/

.pageSkill .skillFont h5 {
  font-size: 30px;
  color: #191919;
  margin-bottom: 20px;
  font-weight: normal;
}

.pageSkill .skillFont p {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}

.pageSkill .skillFont .tel {
  height: 60px;
  background-color: #f5f5f5;
  border-left: 5px solid #c30900;
  line-height: 60px;
  padding-left: 30px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.pageSkill .skillFont .tel b {
  color: #c30900;
  font-size: 18px;
  margin-left: 15px;
}

.pageSkill .skillForm .tip {
  display: block;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.pageSkill .skillForm .tip b {
  font-weight: normal;
  color: #c30900;
}

.skillForm-main form {
  overflow: hidden;
}

.skillForm-main form .oneline div {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}

.skillForm-main form>div>label {
  display: block;
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
  font-weight: 600
}

.skillForm-main form>div b {
  color: #c30900;
  margin-left: 10px;
  vertical-align: middle;
}

.skillForm-main form .oneline {
  overflow: hidden;
  width: 100%;
}

.skillForm-main form .txt {
  display: block;
  border: 1px solid #ccc;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: 90%;
  font-size: 14px;
}

.skillForm-main form .leixin {
  overflow: hidden;
  width: 100%;
  clear: both;
}

.skillForm-main form .leixin .tit {
  font-size: 18px;
  color: #333;
  margin-right: 10px;
  font-weight: 600;
}

.skillForm-main form .leixin span {
  float: left;
  margin-right: 10px;
}

.skillForm-main form .working {
  clear: both;
  width: 100%;
}

.skillForm-main form .working .tit {
  font-size: 18px;
  color: #333;
  margin-right: 10px;
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
}

.skillForm-main form .working ul {
  overflow: hidden;
}

.skillForm-main form .working li {
  width: 33.33%;
  float: left;
}

.skillForm-main form .working li label {
  margin-left: 10px;
  color: #333;
  font-size: 16px;
}

.skillForm-main form .adrr, .skillForm-main form .adrr .txt {
  clear: both;
  width: 1135px;
}

.skillForm-main form .desc {
  width: 100%
}

.skillForm-main form .desc .tit {
  font-size: 18px;
  color: #333;
  margin-right: 10px;
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
}

.skillForm-main form .desc textarea {
  border: 1px solid #ccc;
  padding: 15px;
  width: 1145px;
  height: 200px;
  font-size: 14px;
}

.skillForm-main form .verify .code {
  display: inline-block;
  width: 70px;
  height: 40px;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ccc;
  margin-right: 10px;
}

.skillForm-main form .verify .checkcode {
  padding: 8px;
  border: 1px solid #ccc;
  margin-right: 10px;
}

.skillForm-main form .btn {
  display: inline-block;
  width: 90px;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #c30900;
  transition: all .5s;
  cursor: pointer;
}

.skillForm-main form .btn:hover {
  background-color: #333
}

.skillForm-main form input:focus, .skillForm-main form textarea:focus {
  border-color: #c30900
}

.formtip {
  height: 30px;
  line-height: 30px;
  display: block;
}

.errortip {
  color: #c30900;
}

.listWrapper .container {
  display: flex;
  justify-content: space-between;
}

.leftlist {
  width: 72%;
}

.industry-catList .title {
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #333;
}

.industry-catList ul li {
  float: left;
  width: 46%;
  margin-right: 4%;
  margin-bottom: 4%;
}

.industry-catList ul li:nth-child(2n) {
  margin-right: 0;
}

.industry-catList ul li .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 240px;
  position: relative;
  border: 1px solid #ededed;
  overflow: hidden;
}

.industry-catList ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s all;
  -webkit-transition: .5s all;
}

.industry-catList ul li .img h4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  transition: .5s all ease;
  -webkit-transition: .5s all ease;
}

.industry-catList ul li p {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 48px;
}

.industry-catList ul li:hover .img h4 {
  background: rgba(0, 0, 0, 0);
}

.industry-catList ul li:hover img {
  transform: scale(1.1);
}

.rightlist {
  width: 25%;
  margin-top: 80px;
}

.right-relat .tie {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}

.right-relat-pro {
  margin-bottom: 20px;
}

.right-relat-pro .list a, .right-relat-news .list a {
  display: block;
  padding: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-catnav {
  position: relative;
}

.list-catnav .body {
  overflow: hidden;
}

.list-catnav ul li .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 240px;
  position: relative;
  border: 1px solid #ededed;
  overflow: hidden;
}

.list-catnav ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s all;
  -webkit-transition: .5s all;
}

.list-catnav ul li .img h4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  transition: .5s all ease;
  -webkit-transition: .5s all ease;
}

.list-catnav ul li:hover .img h4 {
  background: rgba(0, 0, 0, 0);
}

.list-catnav ul li:hover img {
  transform: scale(1.1);
}

.list-catnav .swiper-button-prev {
  left: -54px;
  top: 30% !important;
}

.list-catnav .swiper-button-prev:after {
  content: '<';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 22px;
  font-family: monospace;
}

.list-catnav .swiper-button-next {
  right: -54px;
  top: 30% !important;
}

.list-catnav .swiper-button-next:after {
  content: '>';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 22px;
  font-family: monospace;
}

.industryList {
  margin-top: 80px;
}

.industryList li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.industryList li a {
  display: flex;
  justify-content: space-between;
}

.industryList li .img {
  width: 20%;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ededed;
  overflow: hidden;
}

.industryList li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s all ease;
  -webkit-transition: .5s all ease;
}

.industryList li dt {
  width: 76%;
}

.industryList li dt h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.industryList li dt p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.industryList ul li:hover img {
  transform: scale(1.1);
}

.industryList li:hover .img {
  border: 1px solid #c30900
}

/* === 铝框激光焊接机 === */
.pro-lkjg {
  overflow: hidden;
}

.proWidth {
  width: 1050px;
  margin: 0 auto;
}

.bai {
  color: #fff !important;
}

.lkjg-title {
  margin-bottom: 50px;
  text-align: center;

}

.lkjg-title hr {
  display: block;
  width: 100px;
  height: 5px;
  margin: 40px auto;
  background: #d7251b;
  border: none;
}

.lkjg-title p {
  font-size: 24px;
  color: #535253;
}

.lkjg-title h3 {
  font-size: 72px;
  color: #333;
  line-height: 80px;
  letter-spacing: 4px;
  position: relative;
  z-index: 0;
}

.lkjg-title .tie1 {
  position: absolute;
  left: 0;
  top: 28%;
  width: 100%;
  font-weight: bold;
  font-size: 90px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .1);
  z-index: -1;
}

.lkjg-title .tie2 {
  position: absolute;
  left: 0;
  top: -80%;
  width: 100%;
  font-weight: bold;
  font-size: 90px;
  padding: 10px 0;
  text-transform: uppercase;
  background: linear-gradient(to bottom, rgba(112, 112, 112, .2), transparent);
  background-clip: border-box;
  -webkit-background-clip: text;
  color: transparent;
  z-index: -1;
}

.pro-lkjg-section1 {
  padding: 100px 0;
  height: 908px;
  background: url(../images/bg-pro-lkjg-section1.jpg)no-repeat center;
  overflow: hidden;
}

.pro-lkjg-section1 .body ul {
  width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.pro-lkjg-section1 .body ul li {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.pro-lkjg-section1 .body ul li span {
  font-size: 32px;
  color: #fff;
  width: 14%;
  line-height: 34px;
}

.pro-lkjg-section1 .body ul li dt h4 {
  font-size: 82px;
  color: #fff;
  padding: 16px 0;
  margin-bottom: 10px;
}

.pro-lkjg-section1 .body ul li dt h4 sup {
  font-size: 22px;
  font-weight: normal;
  margin-left: 10px;
  background: #1192ff;
  border-radius: 50px 50px 50px 0px;
  padding: 4px 14px;
  position: relative;
  top: -8px;
}

.pro-lkjg-section1 .body ul li dt p {
  font-size: 18px;
  color: #fff;
}

.pro-lkjg-section1 .body .desc {
  font-size: 26px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.pro-lkjg-section1 .body .contact {
  display: block;
  width: 258px;
  height: 55px;
  line-height: 55px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  background: #d7251b;
  border-radius: 50px;
}

.pro-lkjg-section2 {
  padding: 110px 0 91px 0;
  height: 949px;
  background: url(../images/bg-pro-lkjg-section2.jpg)no-repeat center;
  overflow: hidden;
}

.pro-lkjg-section2 .tie1 {
  color: rgba(112, 112, 112, .1);
}

.pro-lkjg-section2 .body {
  display: flex;
  justify-content: space-between;
  margin-top: 110px;
}

.pro-lkjg-section2 .body .info {
  width: 22%;
  padding-left: 110px;
  padding-top: 80px
}

.pro-lkjg-section2 .body .info li {
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pro-lkjg-section2 .body .info li i {
  display: block;
  width: 75px;
  height: 75px;
  border: 3px solid #fff;
  border-radius: 100px;
  box-shadow: 0 2px 10px #b8b8b8;
  background: #153bbe url(../images/icon-pro-lkjg-section2.png)no-repeat center;
  background-position: 12px 0px;
}

.pro-lkjg-section2 .body .info li:nth-child(2) i {
  background-position: 12px -90px;
}

.pro-lkjg-section2 .body .info li:nth-child(3) i {
  background-position: 12px -184px;
}

.pro-lkjg-section2 .body .info li p {
  font-size: 30px;
  color: #153bbe;
  margin-left: 30px;
}

.pro-lkjg-section2 .body .info dt {
  font-size: 20px;
  color: #444444;
  font-weight: bold;
  line-height: 40px;
}

.pro-lkjg-section2 .body .img {
  width: 61%;
}

.pro-lkjg-section3 {
  padding: 154px 0 110px 0;
  overflow: hidden;
}

.pro-lkjg-section3 .lkjg-title h3 {
  font-size: 48px;
  line-height: 50px;
}

.pro-lkjg-section3 .body {
  margin-top: 50px;
}

.pro-lkjg-section3 .body .one {
  height: 400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
}

.pro-lkjg-section3 .body .one .img {
  width: 60%;
  height: 100%;
  background: #eef2fb;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pro-lkjg-section3 .body .one .info {
  width: 40%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f0f1f5;
}

.pro-lkjg-section3 .body .one .info li {
  width: 78%;
  margin-bottom: 40px;
}

.pro-lkjg-section3 .body .one .info li h4 {
  font-size: 60px;
  color: #171f28;
  padding: 10px 0;
  margin-bottom: 20px;
}

.pro-lkjg-section3 .body .one .info li p {
  font-size: 24px;
  color: #393b3e;
}

.pro-lkjg-section3 .body .one .info li sup {
  position: relative;
  top: -6px;
  padding: 2px 6px;
  font-size: 14px;
  color: #fff;
  margin-left: 14px;
  border-radius: 50px 50px 50px 0;
  background: #1192ff;
}

.pro-lkjg-section3 .body .tow {
  margin-top: 200px;
}

.pro-lkjg-section3 .body .tow .lkjg-title {
  text-align: left;
  padding-left: 50px;
  margin-bottom: 0;
}

.pro-lkjg-section3 .body .tow .lkjg-title span {
  top: -98%;
}

.pro-lkjg-section3 .body .tow .lkjg-title hr {
  display: inline-block;
}

.pro-lkjg-section3 .body .tow .cont {
  height: 294px;
  background: url(../images/bg-pro-lkjg-section3-tow.jpg)no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pro-lkjg-section3 .body .tow .cont p {
  width: 55%;
  font-size: 24px;
  color: #fff;
  padding-left: 50px;
  line-height: 50px;
}

.pro-lkjg-section3 .body .tow .cont img {
  width: 45%;
  position: relative;
  top: -129px;
}

.pro-lkjg-section4 {
  padding: 138px 0 118px 0;
  background: #f5f5f5;
  overflow: hidden;
}

.pro-lkjg-section4 .body ul li {
  float: left;
  width: 31.6%;
  margin-right: 2%;
  border-radius: 10px;
  padding: 20px 0;
  margin-bottom: 20px;
  text-align: center;
  border: 2px solid #d9dbe9;
  background: #fff;
  transition: .5s all;
  -webkit-transition: .5s all;
}

.pro-lkjg-section4 .body ul li:nth-child(3n) {
  margin-right: 0;
}

.pro-lkjg-section4 .body ul li h4 {
  font-size: 40px;
  color: #171f28;
  padding: 10px 0;
  margin: 10px 0 20px 0;
}

.pro-lkjg-section4 .body ul li p {
  font-size: 22px;
  color: #393b3e;
  margin-bottom: 16px;
}

.pro-lkjg-section4 .body ul li hr {
  display: inline-block;
  width: 51px;
  height: 6px;
  border: none;
  margin: 0;
  padding: 0;
  background: #0d48d8;
}

.pro-lkjg-section4 .body ul li i {
  display: inline-block;
  width: 180px;
  height: 180px;
  background: url(../images/icon-pro-lkjg-section4.png)no-repeat center;
  background-position: 0 0;
  transition: .3s all;
  -webkit-transition: .3s all;
}

.pro-lkjg-section4 .body ul li:nth-child(2) i {
  background-position: -180px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(3) i {
  background-position: -360px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(4) i {
  background-position: -540px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(5) i {
  background-position: -720px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(6) i {
  background-position: -900px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(7) i {
  background-position: -1080px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(8) i {
  background-position: -1260px 0;
}

.pro-lkjg-section4 .body ul li:nth-child(9) i {
  background-position: -1440px 0;
}

.pro-lkjg-section4 .body ul li:hover {
  background: url(../images/bg-pro-lkjg-section4-li.jpg)no-repeat center;
  background-size: cover;
}

.pro-lkjg-section4 .body ul li:hover h4 {
  color: #fff;
}

.pro-lkjg-section4 .body ul li:hover p {
  color: #fff;
}

.pro-lkjg-section4 .body ul li:hover hr {
  background: #fff;
}

.pro-lkjg-section4 .body ul li:nth-child(1):hover i {
  background-position: 0 -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(2):hover i {
  background-position: -180px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(3):hover i {
  background-position: -360px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(4):hover i {
  background-position: -540px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(5):hover i {
  background-position: -720px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(6):hover i {
  background-position: -900px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(7):hover i {
  background-position: -1080px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(8):hover i {
  background-position: -1260px -180px;
}

.pro-lkjg-section4 .body ul li:nth-child(9):hover i {
  background-position: -1440px -180px;
}

.pro-lkjg-section5 {
  padding: 138px 0 108px 0;
}

.pro-lkjg-section5 .body {
  margin-top: 110px;
}

.pro-lkjg-section6 {
  padding-top: 50px;
  overflow: hidden;
}

.pro-lkjg-section6 .body li {
  height: 360px;
  margin-bottom: 20px;
  overflow: hidden;
  border: 2px solid #dfe1ee;
  border-radius: 10px;
}

.pro-lkjg-section6 .body li .img {
  width: 60%;
  height: 100%;
  float: left;
}

.pro-lkjg-section6 .body li .img img {
  width: 100%;
  height: 100%;
}

.pro-lkjg-section6 .body li .info {
  width: 29.22%;
  height: 83%;
  float: left;
  padding: 60px 62px 0 50px;
  position: relative;
}

.pro-lkjg-section6 .body li .info .box {
  width: 105%;
  height: 99%;

}

.pro-lkjg-section6 .body li .info h4 {
  font-size: 40px;
  color: #171f28;
  padding: 10px 0;
}

.pro-lkjg-section6 .body li .info hr {
  display: inline-block;
  width: 51px;
  height: 6px;
  margin: 30px 0;
  border: none;
  background: #0d48d8;
}

.pro-lkjg-section6 .body li .info p {
  font-size: 22px;
  color: #393b3e;
  margin-bottom: 10px;
}

.pro-lkjg-section6 .body li .info i {
  position: absolute;
  right: 30px;
  bottom: 46px;
  font-size: 60px;
  color: #d3d3d3;
  font-style: normal;
}

.pro-lkjg-section7 {
  padding: 120px 0 50px 0;
  overflow: hidden;
}

.pro-lkjg-section7 .body {
  box-shadow: 0 0 20px #d9d7d7;
  border-radius: 10px;
  padding: 30px;
}

.pro-lkjg-section7 .body ul li {
  border: 1px solid #ccc;
  margin-top: -1px;
  display: flex;
  justify-content: space-around;
  align-items: center;

}

.pro-lkjg-section7 .body ul li:nth-child(2n) {
  background: #f9f9f9;
}

.pro-lkjg-section7 .body ul li dt {
  font-size: 24px;
  color: #535253;
}

.pro-lkjg-section7 .body ul li dt:nth-child(1) {
  width: 30%;
  border-right: 1px solid #ccc;
  text-align: center;
  height: 60px;
  line-height: 60px;
}

.pro-lkjg-section7 .body ul li dt:nth-child(2) {
  width: 70%;
  padding-left: 30px;
}

.pro-lkjg-section8 {
  padding: 140px 0 88px 0;
  background: url(../images/bg-pro-lkjg-section8.jpg)no-repeat center;
  background-size: cover;
}

.pro-lkjg-section8 .body {
  margin-top: 110px;
  text-align: center;
}

.pro-lkjg-section9 {
  padding: 130px 0 88px 0;
}

.pro-lkjg-section9 .body ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 90%;
  margin: 0 auto
}

.pro-lkjg-section9 .body ul li h4 {
  font-size: 60px;
  color: #171f28;
  padding: 10px 0;
  margin-bottom: 20px;
}

.pro-lkjg-section9 .body ul li sup {
  width: 40px;
  font-size: 14px;
  color: #fff;
  border-radius: 50px 50px 50px 0;
  background: #1192ff;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -12px;
  margin-left: 20px;
}

.pro-lkjg-section9 .body ul li p {
  font-size: 22px;
  color: #393b3e;
}

.pro-lkjg-section9 .body .cont {
  border: 1px solid #babedb;
  background: #f5f5f5;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 70px;
}

.pro-lkjg-section9 .body .cont li {
  float: left;
  width: 50%;
  padding: 60px 0;
  text-align: center;
}

.pro-lkjg-section9 .body .cont li p {
  font-size: 24px;
  color: #393b3e;
  margin-bottom: 20px;
}

.pro-lkjg-section9 .body .cont li i {
  display: inline-block;
  position: relative;
  top: 0;
  width: 163px;
  height: 185px;
  margin-bottom: 30px;
  background: url(../images/icon-pro-lkjg-section9.png)no-repeat center;
  background-position: 0 0;
  transition: .5s all;
  -webkit-transition: .5s all;
}

.pro-lkjg-section9 .body .cont li:nth-child(2) i {
  background-position: -163px 0;
}

.pro-lkjg-section9 .body .cont li:nth-child(3) i {
  background-position: -326px 0;
}

.pro-lkjg-section9 .body .cont li:nth-child(4) i {
  background-position: -489px 0;
}

.pro-lkjg-section9 .body .cont li:hover i {
  transform: rotateY(360deg);
  top: -20px;
}

.pro-lkjg-section9 .body .company {
  margin: 30px 0 50px 0;
}

.pro-lkjg-section9 .body .honor {
  padding: 30px;
  border: 1px solid #babedb;
  background: #f5f5f5;
  overflow: hidden;
  border-radius: 10px;
}

.pro-lkjg-section10 {
  padding: 50px 0;
  overflow: hidden;
}

.pro-lkjg-section10 .body li {
  float: left;
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.pro-lkjg-section10 .body li h4 {
  font-size: 32px;
  color: #171f28;
  margin-bottom: 30px;
}

.pro-lkjg-section10 .body li p {
  font-size: 24px;
  color: #393b3e;
  margin-bottom: 10px;
}

.pro-lkjg-section10 .body li i {
  width: 151px;
  height: 168px;
  margin-bottom: 50px;
  background: url(../images/icon-pro-lkjg-section10.png)no-repeat center;
  background-position: 0 0;
}

.pro-lkjg-section10 .body li:nth-child(2) i {
  background-position: -151px 0;
}


/* === 锂电池焊接机 === */
.ldcjg-title h3{
  font-size: 60px;
  color: #fff;
  padding: 18px 0;
  letter-spacing: 4px;
  margin-bottom: 30px;
}
.ldcjg-title-t{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ldcjg-title-t i{
  padding: 20px 10px;
  background: #fff;
  font-size: 66px;
  color: #1e68f4;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  margin-right: 16px;
}
.ldcjg-title-t span{
  font-size: 24px;
  color: #fff;
  line-height: 30px;
}
.ldcjg-title p{
  font-size: 24px;
  color: #fff;
  line-height: 30px;
}

.ldcjg-title .hr{
  width: 57px;
  height: 2px;
  border: none;
  padding: 0;
  margin: 30px 0;
  display: inline-block;
  background: #fff;
}
.lan{
  color: #1e68f4 !important;
}
.lanbg{
  background: #1e68f4 !important;
}
.text-center{
  text-align: center;
}

.pro-ldcjg-section1{
  padding-top: 126px;
  background: url(../images/bg-pro-ldcjg-section1.jpg)no-repeat center;
}
.pro-ldcjg-section1 .body img{
  max-width: 100%;
}

.pro-ldcjg-section2{
  padding: 75px 0 60px 0;
  overflow: hidden;
  background: url(../images/bg-pro-ldcjg-section2.jpg)center;
}
.pro-ldcjg-section2 .ldcjg-title .hr{
  margin: 0 0 20px 0;
  background: #1e68f4;
}
.pro-ldcjg-section2 ul{
  margin-top: 40px;
}
.pro-ldcjg-section2 ul li{
  float: left;
  width: 27%;
  height: 283px;
  margin-right: 9%;
  margin-bottom: 7%;
  background: #fff;
  box-shadow: 0 0 10px rgba(30,104,244,.2);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.pro-ldcjg-section2 ul li:nth-child(3n){
  margin-right: 0;
}
.pro-ldcjg-section2 ul li i{
  font-size: 81px;
  padding: 20px 0;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: bold;
  background: linear-gradient(to bottom, #1e68f4, rgba(30,104,244,.2),#fff);
  background-clip: border-box;
  -webkit-background-clip: text;
  color: transparent;
}
.pro-ldcjg-section2 ul li p{
  font-size: 18px;
  line-height: 30px;
}
.pro-ldcjg-section2 p{
  font-size: 16px;
  color: #666666;
}

.pro-ldcjg-section3{
  padding: 70px 0;
  background: url(../images/bg-pro-ldcjg-section3.jpg)center;
  background-size: cover;
  overflow: hidden;
}
.pro-ldcjg-section3 .ldcjg-title h3{
  margin-bottom: 0;
}
.pro-ldcjg-section3 ul{
  margin-top: 60px;
}
.pro-ldcjg-section3 ul li{
  float: left;
  width: 33.33%;
  text-align: center;
  margin-bottom: 50px;
}
.pro-ldcjg-section3 ul li p{
  font-size: 24px;
  color: #fff;
  margin-top: 20px;
}

.pro-ldcjg-section4{
  padding: 70px 0;
  overflow: hidden;
}
.pro-ldcjg-section4 .hr{
  background: #1e68f4;
  margin-top: 0;
}
.pro-ldcjg-section4 .body{
  padding: 0  0 20px 0;
  overflow: hidden;
  background: url(../images/bg-pro-ldcjg-section4.png)no-repeat;
  background-size: 100%;
}
.pro-ldcjg-section4 .body li{
  float: left;
  width: 50%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pro-ldcjg-section4 .body li:nth-child(1){
  width: 33.33%;
}
.pro-ldcjg-section4 .body li:nth-child(2){
  width: 33.33%;
}
.pro-ldcjg-section4 .body li:nth-child(3){
  width: 33.33%;
}
.pro-ldcjg-section4 .body li:nth-child(4){
  margin: 20px 0 20px 0;
}
.pro-ldcjg-section4 .body li:nth-child(5){
  margin: 20px 0 20px 0;
}

.pro-ldcjg-section4 .body li i{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  font-style: normal;
  border-radius: 100px;
  margin-bottom: 20px;
  background: #1e68f4;
}

.pro-ldcjg-section4 .body li p{
  font-size: 24px;
  color: #666;
}
.pro-ldcjg-section4 .desc{
  padding: 10px 20px;
  width: 80%;
  margin: 20px auto 0 auto;
  font-size: 18px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  background: #1e68f4;
}

.pro-ldcjg-section5{
  padding: 70px 0;
  overflow: hidden;
  background: url(../images/bg-pro-ldcjg-section5.jpg);
}
.pro-ldcjg-section5 .hr,.pro-ldcjg-section6 .hr{
  margin-top: 0;
}
.pro-ldcjg-section5 .list{
  margin-top: 40px;
}
.pro-ldcjg-section5 .list li{
  float: left;
  width: 33.33%;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pro-ldcjg-section5 .list li i{
  width: 125px;
  height: 125px;
  border-radius:10px;
  box-shadow: 0 0 10px rgba(30,104,244,.2);
  background: #fff url(../images/icon-pro-ldcjg-section5.png)no-repeat center;
  background-position: 0 0;
}
.pro-ldcjg-section5 .list li:nth-child(2) i{
  background-position:-125px 0;
}
.pro-ldcjg-section5 .list li:nth-child(3) i{
  background-position: -250px 0;
}
.pro-ldcjg-section5 .list li:nth-child(4) i{
  background-position: -375px 0;
}
.pro-ldcjg-section5 .list li:nth-child(5) i{
  background-position: -500px 0;
}
.pro-ldcjg-section5 .list li:nth-child(6) i{
  background-position: -625px 0;
}
.pro-ldcjg-section5 .list li h4{
  font-size: 24px;
  color: #1e68f4;
  margin: 20px 0 10px 0;
}
.pro-ldcjg-section5 .list li p{
  font-size: 18px;
  color: #666666;
}
.pro-ldcjg-section6{
  padding: 80px 0 105px 0;
   background: #333333;
}

.pro-ldcjg-section6 .body{
  margin-top: 30px;
  box-shadow: none;
  background: #fff;
}

.pro-ldcjg-section7 .body{
  margin-top: 50px;
}


/* 双工位三通激光焊接机 */
.proWidth2{
  width: 94%;
  margin: 0 auto;
}
.sgwst-title h3{
   font-size: 60px;
   color: #212a3f;
   padding: 18px 0;
}
.sgwst-title p{
  font-size: 18px;
  color: #666666;
  margin-top: 30px;
}
.sgwst-title .hr{
  display: block;
  margin: 30px auto;
  width: 57px;
  height: 2px;
  background: #c30900;
}

.pro-sgwst-section1{
  padding-top: 106px;
  background: url(../images/bg-pro-sgwst-section1.jpg);
}
.pro-sgwst-section1 .tie{
  text-align: center;
}
.pro-sgwst-section1 .tie p{
  font-size: 60px;
  padding: 20px 0;
  font-weight: bold;
  background-image:-webkit-linear-gradient(right,#fff,#989b9b,#fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color:transparent;
}
.pro-sgwst-section1 .tie h3{
  font-size: 90px;
  padding: 36px 0;
  font-weight: bold;
  background-image:-webkit-linear-gradient(right, #fff,#989b9b,#fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color:transparent;
}
.pro-sgwst-section1 .body{
  padding: 30px 0;
}
.pro-sgwst-section1 .desc{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  border-bottom:1px solid rgba(255,255,255,.2) ;
}
.pro-sgwst-section1 .desc dt{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-right: 1px solid rgba(255,255,255,.2);
}
.pro-sgwst-section1 .desc dt:last-child{
  border-right: none;
}
.pro-sgwst-section1 .desc dt b{
  font-size: 36px;
  color: #fff;
  margin-bottom: 20px;
}
.pro-sgwst-section1 .desc dt p{
  font-size: 24px;
  color: rgba(255,255,255,.2);
  line-height: 30px;
}
.pro-sgwst-section1 span{
  display: block;
  font-size: 16px;
  color: rgba(255,255,255,.2);
  padding: 30px 0;
  text-align: center;
}

.pro-sgwst-section2{
  overflow: hidden;
  padding: 68px 0 40px 0;
}
.pro-sgwst-section2 .list{
  margin-top: 40px;
}
.pro-sgwst-section2 .list li{
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.pro-sgwst-section2 .list li img{
  width: 100%;
  height: 100%;
}
.pro-sgwst-section2 .list li:nth-child(3n){
  margin-right: 0;
}
.pro-sgwst-section2 .list li p{
  font-size: 24px;
  color: #333333;
  text-align: center;
  padding-top: 20px;
}

.pro-sgwst-section3{
  padding: 70px 0 90px 0;
  background: #f5f5f5;
}
.pro-sgwst-section3 .body ul li{
  margin-bottom: 30px;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  box-shadow: 0 0 20px #cecece;
  background: #fff;
}
.pro-sgwst-section3 .body ul li .img{
  width: 50%;
}
.pro-sgwst-section3 .body ul li .img img{
  width: 100%;
  height: 100%;
}
.pro-sgwst-section3 .body ul li .info{
  width: 50%;
  padding: 70px 0 0 66px;
}
.pro-sgwst-section3 .body ul li:nth-child(2n) .info{
  width: 50%;
  padding: 70px 0 0 100px;
}
.pro-sgwst-section3 .body ul li .info i{
  font-size: 76px;
  color: rgba(51,51,51,.1);
  font-weight: bold;
  font-style: normal;
  position: relative;
  top: 12px;
}
.pro-sgwst-section3 .body ul li .info h4{
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}
.pro-sgwst-section3 .body ul li .info p{
  font-size: 18px;
  color: #666;
  line-height: 30px;
}

.pro-sgwst-section4{
  padding: 60px 0 120px 0;
  background: url(../images/bg-pro-sgwst-section4.jpg);
}
.pro-sgwst-section4 .hr{
  background: #fff !important;
}
.pro-sgwst-section4 .body{
  box-shadow: none;
}
.pro-sgwst-section4 .body ul li{
  border: 2px solid rgba(255,255,255,.2);
  margin-top: -2px;
}
.pro-sgwst-section4 .body ul li:nth-child(2n){
  background: #444d60;
}
.pro-sgwst-section4 .body ul li dt{
  color: #fff;
  height: 70px;
  line-height: 70px;
}
.pro-sgwst-section4 .body ul li dt:nth-child(1){
  border-right: 2px solid rgba(255,255,255,.2);
  height: 70px;
  line-height: 70px;
}