.aling-center1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.aling-center2 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.aling-center3 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.aling-center4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.aling-center5 {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.aling-center6 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.text-hidden1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cover-style {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.cover-style .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.img-style1 {
  position: relative;
  overflow: hidden;
}
.img-style1 img {
  height: 100%;
  position: absolute;
  left: -300px;
  right: -300px;
  top: 0;
  margin: auto;
}
.img-style2 {
  position: relative;
  overflow: hidden;
}
.img-style2 img {
  width: 100%;
  position: absolute;
  top: -300px;
  bottom: -300px;
  left: 0;
  margin: auto;
}
html,
body {
  color: #333;
  background-color: #F8F0E5;
}
a {
  color: #333;
}
.banner {
  height: 650px;
  overflow: hidden;
  /* min-width: 1200px; */
  position: relative;
}
.banner .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.banner img {
	width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1000px;
  right: -1000px;
  margin: auto;
}
.banner-pagination {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 9%;
  text-align: center;
  line-height: 0;
}
.banner-pagination span {
  display: inline-block;
  position: relative;
  z-index: 9;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.banner-pagination .swiper-active-switch {
  background: #2f7dd0 linear-gradient(to right, #3369c0, #2a91df);
  width: 50px;
}
.content1 {
  margin-bottom: 40px;
  background-color: #fff;
  height: 796px;
}
.content1 .layout {
  display: none;
}
.content1 .layout > div {
  width: 50%;
  float: left;
}
.content1 a {
  display: block;
  height: 100%;
  padding: 0 88px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.content1 .item1,
.content1 .item3 {
  background-color: #1d4b99;
}
.content1 .item1 a,
.content1 .item3 a {
  color: #fff;
}
.content1 .item1 {
  width: 536px;
  height: 532px;
  position: relative;
  float: left;
  animation: fadeLeft 1s both;
  -webkit-animation: fadeLeft 1s both;
}
.content1 .item1 .icon {
  width: 237px;
  position: absolute;
  top: 78px;
  left: 160px;
}
.content1 .item1 strong {
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin: 322px 0 18px;
}
.content1 strong {
  display: block;
  font-size: 18px;
  margin-bottom: 20px;
}
.content1 img {
  width: 100%;
}
.content1 span {
  line-height: 24px;
  display: block;
}
.content1 i {
  display: block;
  width: 36px;
  height: 36px;
  background: url('/pc/img/xz_3.png');
  margin-top: 22px;
}
.content1 .top1 {
  height: 532px;
}
.content1 [class^=box] {
  width: 264px;
  height: 266px;
  position: relative;
  overflow: hidden;
}
.content1 [class^=box] .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.content1 [class^=box] p {
  width: 100%;
  margin-top: 180px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}
.content1 .col1 {
  float: left;
  width: 264px;
}
.content1 .box1 {
  animation: scaleIn 1.2s 0.3s both;
  -webkit-animation: scaleIn 1.2s 0.3s both;
}
.content1 .box1 .icon {
  width: 59px;
  top: 85px;
}
.content1 .box2,
.content1 .box3 {
  background-color: #ceced4;
  color: #fff;
}
.content1 .box2 {
  animation: scaleIn 1.2s 0.9s both;
  -webkit-animation: scaleIn 1.2s 0.9s both;
}
.content1 .box2 .icon {
  width: 56px;
  top: 79px;
}
.content1 .img {
  height: 264px;
  animation: fadeLeft 1s 1.1s both;
  -webkit-animation: fadeLeft 1s 1.1s both;
}
.content1 .top2 {
  height: 266px;
}
.content1 .box3 {
  float: left;
  animation: scaleIn 1.2s 0.5s both;
  -webkit-animation: scaleIn 1.2s 0.5s both;
}
.content1 .box3 .icon {
  width: 63px;
  top: 86px;
}
.content1 .item2 {
  float: left;
  width: 536px;
  height: 266px;
  animation: fadeRight 1s 1.1s both;
  -webkit-animation: fadeRight 1s 1.1s both;
}
.content1 .item2 strong {
  margin-top: 73px;
}
.content1 .item2 i {
  background-image: url('/pc/images/enter2.png');
}
.content1 .item3 {
  position: relative;
  height: 530px;
  background-color: #1d4b99;
  animation: fadeRight 1s both;
  -webkit-animation: fadeRight 1s both;
}
.content1 .item3 strong {
  margin-top: 320px;
}
.content1 .item3 .icon {
  width: 154px;
  position: absolute;
  top: 60px;
  right: 60px;
}
.content1 .box4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #fff;
  animation: scaleIn 1.2s 0.7s both;
  -webkit-animation: scaleIn 1.2s 0.7s both;
}
.content1 .box4 .icon {
  width: 56px;
  top: 79px;
  right: 0;
}
.content1 .box5 {
  width: 266px;
  position: absolute;
  top: 0;
  left: 264px;
  z-index: 3;
  animation: fadeRight 1s 0.9s both;
  -webkit-animation: fadeRight 1s 0.9s both;
}
.content2 {
  margin-bottom: 72px ;
  margin-top: 71px;
}
.content2 .left {
  float: left;
  /*background-color: #fff;*/
  width: 621px;
  padding: 0 30px 0 38px;
  height: 572px;
  position: relative;
}

.content2 .title {
  float:left;width:120px;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
.content2 p{font-size:16px;}
.content2 label{font-size:12px;}
.about{
  width: 195px;
    height: 70px;
    line-height: 0px;
  }
.about p{
    font-size: 30px;
    font-weight: bold;  
}
.about div{
  float:right;
  margin: -40px 20px;
}
.about span{
  font-size: 15px;
  font-weight: bold;
}
.content2 .line {
  margin: 28px 0 20px;
  /* width: 42px;
  height: 2px;
  background-color: #373737; */
}
.content2 p {
  line-height: 30px;
}
.content2 ul {
  margin-top: 44px;
}
.content2 li {
  line-height: 16px;
  padding-left: 28px;
  margin-bottom: 26px;
  background: url('/pc/images/icon08.png') no-repeat left center;
}
.content2 .more {
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: 56px;
  right: -48px;
  background: #15443C;
  border-radius: 50%;
  border-bottom-right-radius: 0;
}
.content2 a {
  display: block;
  width: 100%;
  height: 100%;
}
.content2 i {
  display: block;
  width: 36px;
  height: 36px;
  background: url('/pc/img/xz_3.png');			
  position: absolute;
  bottom: 96px;
  right: 84px;
}
.content2 span {
  display: block;
  width: 105px;
  position: absolute;
  right: 46px;
  bottom: 60px;
  color:#DFAE76; 
  font-size: 16px;
}
/*.content2 img {
  width: 100%;
  height: 570px;
}*/
.content2 .right {
  width: 979px;
  /* width: 56%; */
  display: inline-block;
  /* float: left; */
}
.fwys{width:100%;
  height: 268px;
  background-image: url(../image/shili.png);
  background-size: 100% 100%;
}
.content3 {
  width:1600px;
  margin:auto;
  height: 268px;
  margin-bottom: 69px;
/*  background-color: #15443c;*/
  color: #fff;
}
.content3-content{width:1600px;margin:auto;}
.content3 > div {
  float: left;
}
.content3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.content3 .text-wrap {
  margin: 80px 50px 0 94px;
  width: 228px;
}
.content3 .title {
  font-size: 36px;
  /*line-height: 24px;*/
  font-weight: bold;
}
.content3 p {
  margin: 24px 0;
  line-height: 30px;
}
.content3 .more {
  width: 112px;
}
.content3 img {
  width: 100%;
}
.content3 .count {
  margin-top: 68px;
  padding: 0 73px;
  border-left: 1px solid #DFAE76;
}
.content3 .num {
  line-height: 82px;
  /*margin-bottom: 10px;*/
  font-family: 'Arial';
  display: inline-block;
  position: relative;
  font-size: 48px;
  letter-spacing: 6px;
}
.content3 .num:after {
  /* content: '+'; */
  font-family: 'DINOT';
  font-size: 72px;
  position: absolute;
  right: -50px;
  top: -8px;
  line-height: 32px;
}
#num1:after{
	content: '台';
	font-size: 28px;
	line-height: 125px;
	/* right: -36px; */
  margin-left: 11px;
}
#num4:after{
  content: '条';
  font-size: 28px;
  line-height: 125px;
  /* right: -36px; */
  margin-left: 11px;
}
#num2:after{
	content: '+';
	font-size: 56px;
	line-height: 62px;
	/* right: -40px; */
  margin-left: 11px;

}
#pingf{
  display: inline-block;
    font-size: 32px;
    top: 70px;
    position: absolute;
}
/* #num3:after{
	content: 'm²';
  font-size: 56px;
	line-height: 62px;
	right: -40px;
} */
.content3 .text {
  font-size: 28px;
  margin-left:4px;
}
.case-list {
  margin-bottom: 40px;
}
@media screen and (max-width: 1680px) {
  .banner {
    height: 570px;
  }
  .banner-pagination span {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin: 0 4px;
  }
  .banner-pagination .swiper-active-switch {
    width: 40px;
  }
  .content1 {
    height: 568px;
    margin-bottom: 28px;
  }
  .content1 a {
    padding: 0 46px;
  }
  .content1 .item1 {
    width: 400px;
    height: 400px;
  }
  .content1 .item1 .icon {
    width: 178px;
    top: 58px;
    left: 120px;
  }
  .content1 .item1 strong {
    font-size: 20px;
    line-height: 20px;
    margin: 240px 0 14px;
  }
  .content1 span {
    line-height: 20px;
  }
  .content1 i {
    margin-top: 18px;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
  }
  .content1 .col1 {
    width: 200px;
  }
  .content1 .top1 {
    height: 400px;
  }
  .content1 [class^=box] {
    width: 200px;
    height: 200px;
  }
  .content1 [class^=box] p {
    font-size: 16px;
    margin-top: 130px;
  }
  .content1 .box1 .icon {
    width: 46px;
    top: 50px;
  }
  .content1 .box2 .icon {
    width: 42px;
    top: 52px;
  }
  .content1 .box3 .icon {
    width: 48px;
    top: 50px;
  }
  .content1 .top2 {
    height: 200px;
  }
  .content1 .item2 {
    width: 400px;
    height: 200px;
  }
  .content1 .item2 strong {
    margin-top: 46px;
  }
  .content1 strong {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .content1 .box5 {
    left: 200px;
  }
  .content1 .item3 {
    height: 398px;
  }
  .content1 .item3 .icon {
    width: 116px;
    top: 44px;
    right: 44px;
  }
  .content1 .item3 strong {
    margin-top: 246px;
  }
  .content1 .box4 .icon {
    width: 42px;
    top: 52px;
    right: 0;
  }
  .content1 .img {
    height: 198px;
  }
  .content2 {
    margin-bottom: 28px;
  }
  .content2 .left {
    padding: 50px 38px 0 42px;
    width: 322px;
    height: 572px;
  }
  .content2 .right {
    width: 798px;
  }
/*  .content2 .title {
    line-height: 20px;
    font-size: 20px;
  }*/
  .content2 .line {
    margin: 20px 0 14px;
    width: 36px;
  }
  .content2 p {
    line-height: 24px;
  }
  .content2 li {
    margin-bottom: 24px;
  }
  .content2 .more {
    width: 140px;
    height: 140px;
    background-size: 100% 100%;
    right: -36px;
  }
  .content2 .more span {
    width: 84px;
    right: 28px;
    bottom: 42px;
  }
  .content2 .more i {
    right: 56px;
    bottom: 72px;
  }
  .content3 {
    height: 240px;
    background-size: 100% auto;
    margin-bottom: 28px;
  }
  .content3 .text-wrap {
    margin: 56px 64px 0;
    width: 268px;
  }
  .content3 .title {
    line-height: 20px;
    font-size: 20px;
  }
  .content3 p {
    margin: 22px 0;
    line-height: 24px;
  }
  .content3 .more {
    width: 84px;
    line-height: 0;
  }
  .content3 .count {
    margin-top: 70px;
    padding: 0 66px;
  }
  .content3 .text {
    font-size: 16px;
    line-height: 16px;
  }
  .content3 .num {
    margin-bottom: 8px;
    font-size: 76px;
    letter-spacing: -2px;
    line-height: 80px;
  }
  .content3 .num:after {
    font-size: 60px;
    right: -26px;
    top: -10px;
  }
  .case-list {
    margin-bottom: 28px;
  }
/* 支持定制 定制流程 */
.dsj_min{ width:1720px; height:auto; margin:auto;}
#dsj_tt{ padding-top:84px;}

.dsj_sj{ width:1400px; height:236px; margin:auto; clear:both; overflow:hidden;  background-position:center; background-repeat:no-repeat;}
.dsj_sj div{ float:left;background-position:center 0; background-repeat:no-repeat; cursor:pointer; width: 236px;height: 236px;background-color: #fff;margin-right: 3%;}
.dsj_sj div p{ font-size:25px; text-align:center;}

.dsj_item_odd {
  background-image:url(/pc/images/dsj_sj01.1.png);
  color:#333;
}
.dsj_item_odd_active {
  background-image:url(/pc/images/dsj_sj01.png);
  color:#ed141f;
  transition: all .3s;
}
.dsj_item_even {
  background-image:url(/pc/images/dsj_sj02.1.png);
  color:#333;
}
.dsj_item_even_active {
  background-image:url(/pc/images/dsj_sj02.png);
  color:#ed141f;
  transition: all .3s;
}
.dsj_item_odd p{ padding-top:2px;}
.dsj_item_even p{ padding-top:72px;}

.dsj_minbox{ width:1024px; height:512px; overflow:hidden; margin:auto; margin-top:52px;}
.dsj_min_list{display:none;position:relative;top:0px; width:100%; height:512px;transition: all .6s}
.dsj_min_list img{ float:left; width:512px; height:313px;}
.dsj_min_list div{ float:right; width:512px; height:512px; background-color:#fff;}
.dsj_min_list div h1{ width:392px; font-size:30px; color:#ed141f; margin:auto; margin-top:26px;}
.dsj_min_list div p{ width:392px; font-size:14px; color:#000; margin:auto; margin-top:20px; line-height:2em; }

.dsj_item_even>img{
  margin: auto;
  display: flex;
  margin-top: 74px;
}
.dsj_item_even>span{
  color: #333;
  font-size: 20px;
  margin-top: 42px;
  position: absolute;
  margin-left: 4%;
}
.dsj_item_odd>img{
  margin: auto;
  display: flex;
  margin-top: 74px;
}
.dsj_item_odd>span{
  color: #333;
  font-size: 20px;
  margin-top: 42px;
  position: absolute;
  margin-left: 4%;
}
.duansp{
  width: 1600px;
  height: 690px;
}
.dsp{
  width: 1600px;
  height: 643px;
  background-color: #fff;
  position: relative;
  visibility: visible;
  animation-duration: 1.2s;
  animation-name: fadeUp;
  margin: auto;
  margin-top: 72px;
}
.dsp>li{
  width: 33.33%;
  border: 0;
  float: left;
  height: 645px;
}
.dsp>li:hover{
  box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.dsp>li>a{
  padding: 64px 65px;
  display: block;
}
.dsp>li>a>span{
  font-size: 14px;
    line-height: 14px;
    color: #999;
    margin-bottom: 26px;
    margin-top: 20px;
    display: block;
}
.dsp>li>a>h1{
font-size: 20px;
line-height: 20px;
margin-bottom: 26px;
font-weight: bold;
transition: color 0.36s ease;
-webkit-transition: color 0.36s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dsp>li>a>em{
  color: #999;
    font-size: 14px;
    line-height: 28px;
    font-style: normal;
    display: block;
    height: 56px;
    margin-bottom: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dsp>li>a>div{
  display: block;
  height: 226px;
    margin-bottom: 58px;
    overflow: hidden;
    position: relative;
}

  .content2 .ftitle {
    line-height: 16px;
    font-size: 14px !important;
  }
  .gywm{
  width:160px;
  height:60px;
  margin-bottom:60px;
}
.content2 .title{float:left;width:120px;}
.ftitle{
  clear:both;
  font-size: 24px !important;
    line-height: 24px;
    font-weight: bold;
    margin-top:10px;
  }
.title p{font-size:12px;}
 .content2 .dsarz{
    float:left;
    width:30px !important;
    height:auto;
    margin-left: 10px;
    margin-top:6px;
  }
  .content2 p{clear:both;}
  .content2 h1{
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;}