/* ---------------banner轮播 ------------- start */
.city-banner .swiper-container {
  /* height: 410px; */
  position: relative;
  /* margin-top: -77px; */
}
.city-banner .swiper-container .swiper-wrapper .swiper-slide .body-contain li a {
  width: 100%;
  height: 100%;
}
.city-banner .swiper-container .swiper-wrapper {
  width: 1300px;
  /* margin-top: 61px; */
  /* padding-left: 60px; */
}
.city-banner .swiper-container .swiper-wrapper .swiper-slide {
  display: inline-block;
  width: 100%;
}
.city-banner .swiper-container .swiper-wrapper .swiper-slide .pic-wrapper {
  /* width: 900px;  */
  height: 420px; 
  margin: 0 auto; 
  width: 1200px;
  position: relative;
}
.city-banner .swiper-container .swiper-wrapper .swiper-slide1 {
  display: block; 
  position: relative; 
  width: 1200px; 
  margin: 0 auto; 
  width: 100%; 
  height: 420px;
}
.city-banner .swiper-container .swiper-wrapper .swiper-slide2 {
  position: relative;
  cursor: pointer; 
  margin: 0 auto; 
  height: 420px;
}
.city-banner .swiper-container .swiper-wrapper .item{
  width:300px;
  position: relative;
  height:274px;
  border-radius:8px;
  float: left;

margin-right: 96px;
}
.city-banner .swiper-container .swiper-wrapper .item .mask {
  width:300px;
  display: inline-block;
  height:97px;
  background:rgba(0,0,0,0.42);
  position: absolute;
  bottom: 0;
  border-radius:0px 0px 8px 8px;
  box-sizing: border-box;
  font-size:14px;
  font-weight:400;
  line-height:25px;
  padding-top: 20px;
  color:rgba(255,255,255,1);
  text-align: center;
}
.city-banner .swiper-container .swiper-slide .text {
  position: absolute;
  left: 19%;
  bottom: 20%;
}
.city-banner .swiper-container .swiper-slide .text1{
  left: 50%;
  transform: translateX(-50%);
}

.city-banner .swiper-container .swiper-slide .text .btn {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #0089cd;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.city-banner .swiper-container .swiper-slide .text .btn2 {
  color: #e54444;
}
.city-banner .swiper-container .swiper-slide .text .btn3 {
  color: #486ff8;
}
.city-banner .swiper-container .swiper-slide .text .btn4 {
  color: #2bb1a5;
}

/* .city-banner .swiper-container .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 470px !important;
} */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 12px;
}

.city-banner .swiper-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width:50px;
  height:6px; 
  background:#D1DBE2;
  opacity:1;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
}
.city-banner .swiper-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background:#0089CD;
}
.city-banner .swiper-container .swiper-slide .text .btn:hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}
.city-banner .swiper-container .swiper-pagination-bullet {
  /* width:50px;
  height:6px;  */
background:rgba(209,219,226,1);
/* opacity:1;
  display: inline-block; */
  background-color: #fff;
  cursor: pointer;
  /* border-radius: 2px; */
}
.city-banner .swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
}
.city-banner .swiper-container .swiper-button-next,
.city-banner .swiper-container .swiper-button-prev {
  top: 215px;
  /* width: 30px;
  height: 30px;
  right: 1px; */
  z-index: 22;
  background: no-repeat center center;
  /* background-size: cover; */
}
.city-banner .swiper-container .swiper-button-prev{
  background-image: url('../css/arrow-1.svg');
}
.city-banner .swiper-container .swiper-button-next{
  background-image: url('../css/arrow-2.svg');
}
/* -------------banner轮播------------- end */

.layout-footer {
  background-color: #ffffff;
}
.layout-footer #link {
  display: block;
}
 .item{
  display: block;
  width: 100%;
}
.pannel {
    padding: 9px 15px;
    min-width: 360px;
    top: 136px;
    left: 0;
    position: absolute;
    background: rgba(0,56,84,0.4);
    border-radius:6px;
}
.pannel-body {
  /* width: 313px;
  padding-right: 20px; */
}
.pannel-address {
    padding-top: 4px;
    /* font-family:Microsoft YaHei; */
    font-weight: bold;
    line-height: 36px;
    /* color:rgba(0,137,205,1); */
    width: 82px;
    text-align: center;
    /* line-height: 36px; */
    position: absolute;
    /* left: 360px; */
    top:80px;
    background: rgba(0,56,84,0.4);
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
}
.pannel-address img{
  margin-right: 8px;
  margin-top: 10px;
}
.pannel-body .body-title {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}
.pannel-body .body-title h2 {
  /* width: 160px; */
  flex:1;
  line-height:30px;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-left: 5px;
  margin-right:20px;
}
.pannel-body .body-title .btn {
  display: inline-block;
  line-height: 30px;
  /*margin-left: 15px;*/
  padding:0 12px;
  height: 30px;
  background: linear-gradient(130deg,rgba(0,186,237,1) 0%,rgba(46,162,243,1) 100%);
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.pannel-body .body-title .btn:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.pannel-body .body-contain {
  /*height: 174px;*/
  padding: 11px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 19px;
}
.pannel-body .body-contain a{
    display:inline-block !important;
    width:auto !important;
    height:auto !important;
    color: #fff !important;
    border-bottom:1px solid rgba(0,56,84,0);
}
.pannel-body .body-contain li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 10px;
}
.pannel-body .body-contain li:hover {
  /*color: #0089cd !important;*/
  cursor: pointer;
}
.pannel-body .body-contain li a:hover {
   /*color: #0089cd !important;*/
   cursor: pointer;
   border-bottom:1px solid #fff;
}
.pannel-body .body-contain li::before {
  position:absolute;
  content: '';
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #fff;
  left: 0;
  top: 8px;
}
/* 轮播图样式 */

/* .swiper-wrapper .item{
  display: block;
  width: 100%;
  height: 497px;
}

.swiper-slide .text {
  position: absolute;
  left: 19%;
  bottom: 20%;
}
.swiper-slide .text1{
  left: 50%;
  transform: translateX(-50%);
}

.swiper-slide .text .btn {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #0089cd;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.swiper-slide .text .btn2 {
  color: #e54444;
}
.swiper-slide .text .btn3 {
  color: #486ff8;
}
.swiper-slide .text .btn4 {
  color: #2bb1a5;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px;
}
.swiper-slide .text .btn:hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet {
  display: inline-block;
  opacity: 0.4;
  width: 40px;
  height: 2px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 2px;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-button-next,
.swiper-button-prev {
  width: 13.82px;
  height: 25.27px;
  background: no-repeat center center;
  background-size: cover;
}
.swiper-button-prev{
  background-image: url('/imgs/index/left-arrow.svg');
}
.swiper-button-next{
  background-image: url('/imgs/index/right-arrow.svg');
} */

.title-text {
  width: 100%;
  text-align: center;
  color: #3c3c3c;
  /* font-weight: bold; */
  /* font-size: 24px; */
  /* margin-bottom: 40px; */
  /* width:238px; */
height:45px;
font-size:34px;
/* font-family:Microsoft YaHei; */
font-weight:400;
line-height:20px;
/* color:rgba(60,60,60,1); */
opacity:1;
}
.top {
  margin-top: 70px;
}
.top-50 {
  margin-top: 50px;
}
/* 全国中小微企业一站式服务平台 */
.platform {
  padding-top: 80px;
  padding-bottom: 60px;
  margin-bottom: 20px;
}
.platform-wrap {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 40px;
}
.platform-wrap li {
  width: 350px;
  height: 257px;
}
/* .platform .padding-left-right {
  padding: 0 30px;
} */
/* .platform-wrap li.item2 {
  width: 380px;
} */
/* .platform-wrap .item1:hover {
  background: url('imgs/city/1.png');
}
.platform-wrap .item2:hover {
  background: url('imgs/city/2.png');
}
.platform-wrap .item4:hover {
  background: url('imgs/city/4.png');
} */
.platform-wrap li:hover .right {
  border-color: transparent;
}
.platform-wrap li > div {
  float: left;
}
.platform-wrap li .left {
  width: 100%;
  height: 90px;
  text-align: center;
  line-height: 90px;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  background-image: url('../css/group_01.png');
  /* border-radius: 8px 8px 0 0; */
}
.platform-wrap .item2 .left {
  background-image: url('../css/group_02.png');
}
/* .platform-wrap .item3 .left {
  background-image: url('../css/group_01.png');
} */
.platform-wrap .item4 .left {
  background-image: url('../css/group_03.png');
}

.platform-wrap li .right {
  padding: 27px 10px 30px 10px;
  /* padding-left: 34px; */
  padding-bottom: 30px;
  /* padding-right: 34px; */
  position: relative;
  padding-top: 27px;
  border: 1px solid #eee;
  height: 167px;
  width: 100%;
  border-top: 0;
  /* border-radius: 0 0 8px 8px; */
}
/* .platform-wrap li.item2 .right {
  padding-left: 28px;
} */

.platform-wrap li .right p {
  position: relative;
  margin-bottom: 17px;
font-size:16px;

font-weight:400;
line-height:28px;
color:rgba(51,51,51,1);

}

.platform-wrap .on-active {
  display: none;
  width:350px;
height:257px;
background:rgba(0,137,205,1);
box-shadow:0px 6px 16px rgba(0,0,0,0.2);
}
.platform-wrap .on-active :hover {
  cursor: pointer;
}
.platform-wrap .on-active .right {
  position: relative;
  border: 1px solid #eee;
  height: 257px;
  width: 100%;
  border-top: 0;
}
.platform-wrap .on-active .right .span-item1 {
  width:186px;
height:26px;
font-size:20px;
margin: 0 70px;
padding-left: 5px;
font-weight:bold;
position: relative;
line-height:20px;
color:rgba(255,255,255,1);
}
.platform-wrap .on-active .right .span-item1::before,
.platform-wrap .on-active .right .span-item1::after {
  position: absolute;
  width:18px;
height:0px;
/* left: 5px; */
top: 9px;
content: '';
border:1px solid rgba(255,255,255,1);
border-radius: 1px;
}
.platform-wrap .on-active .right .span-item1::before {
  left: -30px;
}
.platform-wrap .on-active .right .span-item1::after {
  right: -32px;
}
.platform-wrap .on-active .right p,
.platform-wrap .on-active .right p,
.platform-wrap .on-acitve .right p {
  width:265px;
  height:64px;
  font-size:18px;
  text-align: center;
  font-weight:400;
  line-height:30px;
  color:rgba(255,255,255,1);
  /* margin: 80px auto; */
  margin: 50px auto 122px; 
}
/* .platform-wrap li .right p::before {
  position: absolute;
  display: block;
  left: -16px;
  top: 5px;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #f68546;
  border-radius: 50%;
} */
/* .platform-wrap li .right .btn-wrap {
  padding-top: 38px;
} */
.platform-wrap .on-active .right a {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  border-radius:20px;
  position: absolute;
  top: 155px; 
  right: 0; 
  bottom: 0; 
  left: 0; 
  margin: auto;
  margin-bottom: 50px;
  color:rgba(0,137,205,1);
  transition: background 0.3s ease-in;
}
/* .platform-wrap li .right .btn-wrap a:hover {
  background: linear-gradient(134deg, rgb(16, 173, 232) 0%, rgb(0, 137, 205) 100%);
  color: #fff; */
  /* box-shadow:0px 3px 6px rgba(0,0,0,0.16); */

/* } */
/* .platform-wrap li .right .btn-wrap .first-btn {
  margin-right: 40px;
  color:rgba(255,255,255,1);
  background: linear-gradient(134deg, rgb(16, 173, 232) 0%, rgb(0, 137, 205) 100%);
} */
/* .platform-wrap li .right .btn-wrap .first-btn:hover {
  box-shadow:0px 3px 6px rgba(0,0,0,0.16);
} */
/* 核心优势 */
/* .strengths {
  width: 100%;
  height: 420px;
  padding: 34px 0 44px;
  background-image: url('/imgs/index/strengths-bg.svg');
}

.strengths .strengths-wrap {
  display: flex;
  justify-content: space-between;
  width: 1273px;
  height: 291px;
  margin-top: 20px;
  padding-top: 42px;
  background-color: #fff;
}
.strengths .strengths-wrap li {
  padding-left: 33px;
  padding-right: 16px;
  width: 25%;
  height: 190px;
  border-left: 1px solid #d1dbe2;
}
.strengths .strengths-wrap .item1 {
  border-left: 0;
}
.strengths .strengths-wrap li .icon-wrap {
  width: 54px;
  height: 52px;
  margin-bottom: 16px;
  background: url('/imgs/index/strengths-icon01.svg') no-repeat center center;
}
.strengths .strengths-wrap .item2 .icon-wrap {
  background-image: url('/imgs/index/strengths-icon02.svg');
}
.strengths .strengths-wrap .item3 .icon-wrap {
  background-image: url('/imgs/index/strengths-icon03.svg');
}
.strengths .strengths-wrap .item4 .icon-wrap {
  background-image: url('/imgs/index/strengths-icon04.svg');
}

.strengths .strengths-wrap li .main-text {
  font-size: 18px;
  color: #212121;
  margin-bottom: 16px;
}
.strengths .strengths-wrap li .text {
  position: relative;
  margin-bottom: 10px;
  padding-left: 14px;
  line-height: 1.5;
}
.strengths .strengths-wrap li .text::before {
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #f68546;
  border-radius: 50%;
} */
/* 解决方案 */
/* .solution {
  margin-top: 80px;
  width: 1240px;
}
.solution .solution-wrap {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  padding-top: 40px;
  text-align: center;
}
.solution .solution-wrap .item {
  background-image: url('/imgs/index/solution-bg01.png');
  width: 280px;
  height: 240px;
  text-align: center;
  padding-top: 93px;
  border-radius: 7px;
  transition: all 0.3s ease-in;
  cursor: pointer;
}

.solution .solution-wrap .item2 {
  background-image: url('/imgs/index/solution-bg02.png');
}
.solution .solution-wrap .item3 {
  background-image: url('/imgs/index/solution-bg03.png');
}
.solution .solution-wrap .item4 {
  background-image: url('/imgs/index/solution-bg04.png');
}
.solution .solution-wrap .item .text {
  display: block;
  margin-left: 20px;
  width: 241px;
  height: 80px;
 color: #fff;
  background-color: rgba(255, 255, 255, 0.14);
  border-radius: 40px;
  padding-top: 13px;
  line-height: 1.5;
  transition: background-color 0.3s ease-in;
}
.solution .solution-wrap .item:hover .text {
  background-color: #0089cd;
}

.solution .btn {
  display: block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin: 46px auto 0;
  border: 1px solid #d1dbe2;
  color: #0089cd;
  font-size: 16px;
  text-align: center;
}
.solution .btn:hover {
  background: linear-gradient(130deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
  border: 0;
  color: #fff;
} */

/* 波浪特效 */
/* .waves-content {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  height: 400px;
  width: 100%;
}
.waves-content .wave {
  position: absolute;
  z-index: -1;
  left: -180px;
  bottom: -190px;
  height: 427px;
  width: 2402px;
  -webkit-animation: waveAnimate 5s ease-in-out alternate infinite;
  animation: waveAnimate 5s ease-in-out alternate infinite;
  background: url('/imgs/index/wave.png') center 0 no-repeat;
}
.waves-content .wave1 {
  background-position: 0 -854px;
}
.waves-content .wave2 {
  background-position: 0 -427px;
  animation-delay: 0.6s;
} */
/* 荣誉资质 */
.honer {
  height: 468px;
}
.honer .swiper-button-prev{
  background-image: url('../css/arrow-left.svg');
  background-size: cover;
  width: 30px;
  height: 30px;
}
.honer .swiper-button-next{
  background-image: url('../css/arrow-right.svg');
  background-size: cover;
  width: 30px;
  height: 30px;
}
.glory-qualificat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 650px;
  margin: 0 auto;
  /* margin-bottom: 51px; */
  /* padding-top: 50px; */
  /* background: url('../css/process_service.svg') no-repeat center center; */
}
.glory-qualificat .part {
  padding-top:50px;
  width: 551px;
  height: 90%;
}
.glory-qualificat .divide-line {
  height: 420px;
  width: 1px;
  background-color: #d1dbe2;
}
.part .our {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.part .our .our-icon {
  vertical-align: middle;
  margin-right: 20px;
}
.part .our .adjust {
  position: absolute;
  top: 20px;
  left: 20px;
}
.our-detail {
  /* display: flex; */
  margin-top: 31px;
  font-size: 16px;
  /* width: 551px; */
  overflow: hidden;
}
.service-top {
  margin-top: 50px;
}
/* .qualification .glory-qualificat .left-part .our-detail-left li .btn{
  line-height: 51px;
} */
.our-detail li {
  width: 25%;
  float: left;
}
.our-detail-left {
  line-height: 51px;
}
.our-detail li .btn {
  margin-bottom: 14px;
  width:120px;
height:51px;
/* background:rgba(236,246,255,1); */
font-size:14px;
/* padding-top: 5px; */
font-weight:400;
color:rgba(51,51,51,1);
-webkit-text-stroke:1 rgba(0,0,0,0.00);
text-align: center;

}
.btn-color-1 {
  background: #E8ECFF;
}
.btn-color-2 {
  background: #ECF6FF;
}
/* .right-part {
  display: flex;
  justify-content: space-between;
  width: 800px !important;
  height: 100%;
} */
.part .service-item {
  /* width:45%; */
  width:180px;
  float: left;
height:160px;
margin-bottom: 160px;
box-shadow:0px 3px 23px rgba(212,235,254,1);
border-radius:8px;
/* margin: 0 auto */
}
.service-185 {
  margin-right: 185px;
  position: relative;
  /* margin-top: 30px; */
}
.arrow-right {
  position: absolute;
  left: 155px;
  top: 45px;
}
.arrow-left {
  position: absolute;
  left: 150px;
  top: 370px;
}
.arrow-down {
  position: absolute;
  left: 400px;
  top: 175px;
}
.part .service-item img {
margin-left: 55px;
margin-top: 31px;
/* position: relative; */
}

.part .service-item p {
  width:154px;
  height:47px;
  font-size:14px;
  font-weight:400;
  line-height:25px;
  text-align: center;
  margin: 0 auto;
  color:rgba(255,255,255,1);
}
.part .our-detail-pic {
  margin-top: 38px;
}
.part .glory-pic {
  margin-top: 70px;
}
/* 以客户为中心 */

.process {
  width: 100%;
  height: 500px;
  padding: 30px 0 40px;
  background-image: url('../css/process-bg-1.png');
}
.process .c-title {
  color: #fff;
  margin: 0 auto;
  width: 544px;
  height: 45px;
  text-align: center;
  align-items: 45px;
font-size:34px;
font-weight:400;
line-height:20px;
margin-top: 30px;
margin-bottom: 15px;
}
.process .process-wrap {
  width: 1400px;
  height: 200px;
  margin: 0 auto 0;
  padding: 18px 100px 42px;
  /* background-color: rgba(255, 255, 255, 0.14); */
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: space-around;
}
.process .process-wrap .item {
  width:340px;
  padding: 23px;
height:310px;
text-align: center;
border:0.6px solid #7EAFD4;
border-radius:8px;
}
    .process .process-wrap .item2 {
        width: 367px;
        padding: 12px;
        height: 294px;
    }
.process .process-wrap .item h2 {
  width:88px;
height:29px;
font-size:22px;
font-weight:400;
line-height:29px;
margin: 13px auto 20px;
}
.process .process-wrap .item p {
  width: 275px;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
color:rgba(255,255,255,1);
margin: 0 auto;
}
    .process .process-wrap .item2 p {
        width: unset;
    }
/* .process .process-wrap .items-wrap {
  height: 138px;
}
.process .process-wrap .items-wrap .item {
  float: left;
}
.process .process-wrap .items-wrap .arrow-item {
  margin: 62px 40px 0;
}
.process .process-wrap .items-wrap .item p {
  margin-top: 20px;
  line-height: 1.5;
} */

/* 常见问题*/
.problem .more-btn {
  display: block;
  border-radius: 4px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin: 50px auto 40px;
  background: linear-gradient(133deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
}
.problem .more-btn:hover {
  background: linear-gradient(133deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
  box-shadow: 0 3px 6px rgba(31, 20, 20, 0.2);
}
.problem {
  /* padding-bottom: 50px; */
  width:1300px;
height:903px;
background:rgba(255,255,255,1);
padding: 40px;
margin: 0 auto;


}
.common-problem-list {
  box-shadow:0px 3px 6px rgba(0,0,0,0.16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 570px;
  /* margin-bottom: 51px; */
  padding: 40px;
  padding-top: 10px;
}
.common-problem-list .main-text {
  width: 100%;
  text-align: center;
  color: #3c3c3c;
  font-weight: bold;
  border-bottom: 16px;
  /* margin-top: 30px; */
  /* font-size: 24px; */
}
/* .common-problem-list li {
  border-bottom: 1px solid #d1dbe2;
} */
.common-problem-list li p {
  width:100%;
/* height:19px; */
padding-left: 22px;
margin-top: 16px;
font-size:14px;
/* font-family:Microsoft YaHei; */
font-weight:400;
line-height:28px;
color:rgba(51,51,51,1);
/* opacity:1; */
}
.border-bottom {
  border-bottom: 1px solid #d1dbe2;
  margin-bottom: 30px;
}
.common-problem-list .part {
  width: 551px;
  height: 100%;
}
.common-problem-list .divide-line {
  height: 572px;
  width: 4px;
  background:rgba(0,137,205,1);
  margin: 0 29px;
  margin-top: 30px;
}
/* .common-problem-list .part .our {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
} */
/* .common-problem-list .part .our .our-icon {
  vertical-align: middle;
  margin-right: 20px;
} */
/* .common-problem-list .part .our .adjust {
  position: absolute;
  top: 20px;
  left: 20px;
} */
.common-problem-list .propblem-detail {
  /* display: flex; */
  margin-top: 31px;
  font-size: 16px;
  /* width: 551px; */
  overflow: hidden;
}
.service-top {
  margin-top: 50px;
}
.common-problem-list .propblem-detail li {
  /* width: 25%; */
  /* float: left; */
}
.common-problem-list .propblem-detail li img{
  position: relative;
    top: 2px;
}
.common-problem-list .propblem-detail li .btn {
  margin-bottom: 14px;
  width:120px;
height:51px;
background:rgba(232,236,255,1);
padding-top: 5px;

font-size:14px;

font-weight:400;
line-height:25px;
color:rgba(51,51,51,1);
-webkit-text-stroke:1 rgba(0,0,0,0.00);
text-stroke:1 rgba(0,0,0,0.00);

}

/* 荣誉资质*/
.swiper1 {
  width: 1300px;
  margin-top: 40px;
}
.swiper-wrapper .item{
  display: block;
  width: 100%;
  height: 500px;
}
.swiper-wrapper .item img {
margin-left: 75px !important;
}
.swiper-wrapper .item .context {
  /* width: 1250px; */
  height: 106px;
  position: relative;
  left: 59px;
  padding-right: 186px;
  /* display: flex; */
  /* justify-content: space-between; */
}
.swiper-wrapper .item .span_1 {
  margin-right: 21px;
}
.swiper-wrapper .item .span_2 {
  margin-right: 25px;
}
.swiper-wrapper .item .context span {
  display: inline-block;
  height:45px;
  text-align: center;
  line-height: 45px;
  margin-bottom: 16px;
  background:rgba(239,248,255,1);
  padding: 0 15px;
}
.honer .swiper-button-prev,
.swiper-button-next {
  top: 110px;
}
.honer .swiper-button-next {
  right: 112px;
  top: 110px;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px;
}

/* .swiper-pagination-bullet {
  display: inline-block;
  opacity: 0.4;
  width: 40px;
  height: 2px;
  background-color: #0089cd;
  cursor: pointer;
  border-radius: 2px;
} */
/* 平台动态 */
.trends {
  width: 100%;
  height: 520px;
  background-color: #f6fbff;
  padding-top: 40px;
  background-image: url('/imgs/index/trends-bg.svg');
  background-size: 100% 100%;
}
.trends .trends-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 280px;
  margin-top: 50px;
}
.trends .trends-wrap article {
  display: flex;
}
.trends .trends-wrap article img {
  width: 180px;
  height: 120px;
}
.trends .trends-wrap .left-part article img {
  width: 360px;
  height: 240px;
}
.trends .trends-wrap .left-part {
  width: 55%;
  height: 100%;
}
.trends .trends-wrap .right-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  height: 100%;
}
.trends .trends-wrap .article-detail {
  margin-left: 20px;
  color: #767676;
}
.trends .trends-wrap .left-part .article-detail {
  padding-top: 33px;
}
.trends .trends-wrap .article-title {
  display: block;
  width: 270px;
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.trends .trends-wrap .left-part .article-title {
  margin-bottom: 18px;
}
.trends .trends-wrap .article-title:hover {
  color: #0089cd;
}
.trends .trends-wrap .left-part .article-btn {
  display: block;
  width: 81px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #0089cd;
  margin-top: 43px;
  border: 1px solid #0089cd;
  background-color: #f6fbff;
}
.trends .trends-wrap .left-part .article-btn:hover {
  border: 0;
  color: #fff;
  background-color: #0089cd;
}
.qualification {
  background:linear-gradient(180deg,rgba(246,251,255,1) 0%,rgba(255,255,255,1) 100%);
  padding-top: 10px;
  width: 100%;
}
.qualification .more-btn {
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin: 0px auto 70px;
  background: linear-gradient(133deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
}
.qualification .more-btn:hover {
  background: linear-gradient(133deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.trends .trends-wrap .article-content {
  width: 270px;
  line-height: 20px;
  height: 43px;
}
.trends .trends-wrap .article-time {
  position: relative;
  padding-top: 28px;
  padding-left: 17px;
}
.trends .trends-wrap .article-time::before {
  content: '|';
  display: block;
  position: absolute;
  left: 0;
  color: #a6a6a6;
  top: 28px;
}
/* 资讯政策 */
.news {
  padding-top: 50px;
}
.news .news-container {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  padding-top: 30px;
  width: 100%;
  height: 765px;
}
.news .news-container section {
  width: 48.75%;
  height: 48%;
  padding: 14px 20px 40px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.news-container section .news-icon {
  width: 23px;
  height: 23px;
  vertical-align: middle;
  margin-right: 10px;
}
.news-container section .more-wrap {
  font-size: 16px;
  color: #3c3c3c;
  font-weight: bold;
}

.news-container section .more {
  font-size: 14px;
  float: right;
  color: #0089cd;
  margin-top: 5px;
  font-weight: 400;
}
.news-container section .more:hover {
  color: #59b0ec;
}

.news-container section .divide-line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d1dbe2;
  margin: 16px 0 20px;
}
.news-container section .first-article {
  display: flex;
  justify-content: space-between;
}
.news-container section .first-article img {
  width: 159px;
  height: 106px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19);
  margin-left: 17px;
}
.news-container section .first-article .article-detail {
  width: 348px;
  color: #333;
}
.news-container section .first-article .article-detail p {
  padding-top: 3px;
}
.news-container section .first-article .article-detail .article-title {
  width: 248px;
  display: inline-block;
  vertical-align: middle;
}
.news-container section .article-title:hover {
  color: #0089cd;
}
.news-container section .article-time {
  display: inline-block;

  position: relative;
  color: #666;
}
.news-container section .article-time::before {
  display: block;
  position: absolute;
  content: '|';
  height: 19px;
  width: 1px;
  left: -10px;
  top: 0;
}
.news-container section .first-article .article-detail .article-summary {
  color: #878787;
  font-size: 12px;
  margin-top: 14px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  height: 52px;
}
.news-container section .other-article {
  padding-top: 20px;
}
.news-container section .other-article li {
  margin-bottom: 14px;
}
.news-container section .other-article .article-title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 33px;
  width: 425px;
}
.news-container section .other-article .article-title::before {
  position: absolute;
  display: block;
  content: '';
  left: 15px;
  top: 6px;
  width: 6px;
  height: 6px;
  background-color: #0089cd;
  border-radius: 50%;
}

/* 服务地图 */
.service {
  width: 100%;
  height: 700px;
  padding-top: 60px;
  background-color: #f6fbff;
  position: relative;
}
.service .c-title {
  width: 100%;
  text-align: center;
  color: #3c3c3c;
    height: 45px;
    font-size: 34px;
    font-weight: 400;
    line-height: 20px;
}
.service-website {
  position: absolute;
  /* right: 400px; */
  right: 15%;
  top: 182px;
  width:400px;
height:356px;
background:rgba(255,255,255,1);
box-shadow:0px 3px 10px rgba(204,230,251,1);
}
.service-website .white {
  width:162px;
  height:24px;
  font-size:18px;
margin: 20px auto 0;
  line-height:20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 24px;
}
.service-website .ipt-wrap {
  display: flex;
  justify-content: space-between;
  width: 300px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  padding-left: 14px;
  padding-right: 35px;
  margin: 0 auto 24px;
  text-align: left;
  background:rgba(255,255,255,1);
  border:1px solid rgba(209,219,226,1);
}
.ipt-wrap .get-code {
  width: 115px;
}
.radius-4 {
  border-radius: 20px;
}
.service-website .ipt-wrap input {
  border-color: transparent;
  color: #666;
  width: 220px;
}
.service-website .ipt-wrap:hover {
  border-color: #41a6f2;
}

.service-website .ipt-wrap .img-code {
  vertical-align: sub;
  cursor: pointer;
  width: 68px;
  height: 23px;
  margin-top: 7px;
}
.service-website .ipt-wrap .get-code,
.service-website .ipt-wrap .time-limit {
  /* width: 50px; */
  color: #41a6f2;
  cursor: pointer;
}
.service-website .trial-btn {
  background: linear-gradient(57deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
  color: #fff;
  width: 280px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 16px auto 0;
  margin-left: 65px;
  font-size: 16px;
}
.service-website .trial-btn:hover {
  background: #59b0ec;
}
/* .service .map {
  display: block;
  width: 665px;
  height: 520px;
  margin-right: 125px;
} */

/* 社保和政策 */
.policy {
  height:560px;
  width: 100%;
  margin-top: 50px;
  background:#F6FBFF;
position: relative;
padding-top: 20px;
box-sizing: border-box;
}
.policy .title-text {
  margin-bottom: 27px;
}
.policy .policy-contain {
  display: flex;
  justify-content: space-between;
  height: 356px;
  position: relative;
  /* border: 1px solid red; */
}
.policy .contain-left {
    z-index: 1;
    width:540px;
    height:356px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 12px rgba(218,233,245,1);
}
.policy .contain-left .latest {
  display:block;
}
.policy .contain-left .latest img{
    width:150px;
    height:40px;
}
.policy .contain-left .list li:hover {
  color: #0089cd;
  cursor: pointer;
}
.policy .contain-left .latest span {
  margin: 13px 117px;
  display: inline-block;
  width:273px;
height:37px;
background:linear-gradient(134deg,rgba(0,186,237,1) 0%,rgba(0,137,205,1) 100%);
border-radius:4px;
font-size:14px;
font-weight:bold;
color:rgba(255,255,255,1);
text-align: center;
line-height: 37px;
}
.policy .bg-1 {
  position: absolute;
  bottom: -35px;
  left: 0;
}
.policy .bg-2 {
  position: absolute;
  top: -40px;
  right: 0;
}
.policy .list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-right: 240px;
  /* width:266px; */
height:19px;
font-size:14px;
font-weight:400;
margin-bottom: 16px;
/* margin-left: 35px; */
padding-left: 35px;
line-height:16px;
color:rgba(33,33,33,1);
}
.policy .list li a:hover {
  color: #0089cd;
}
.policy .list span {
  position: absolute;
  right: 68px;
font-size:12px;
font-weight:400;
color:rgba(166,166,166,1);
}
.newsList{
    display:block;
    padding:25px;
}
.newsList li a{
    display:block;
    line-height:25px;
}
.newsList li span{
    display:inline-block;
    width:70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newsList li span:last-child{
    text-align:right;
    width:25%;
    color:#a6a6a6;
}
.newsList i{
    color: #3b9bde;
    margin-right: 5px;
    font-style: normal;
    font-size: 20px;
    vertical-align:top;
}
.color-i{
    color:#ff6b6b !important;
}
.policy .list li::before{
  position: absolute;
  content: '';
  width:6px;
height:6px;
top: 4px;
left: 15px;
/* margin-right: 8px; */
background:rgba(0,137,205,1);
border-radius:50%;
opacity:1;
}

/* 极速体验 */
/* .experience {
  width: 100%;
  height: 440px;
  background-image: url('/imgs/index/experience.png');
  margin-top: 50px;
  padding-top: 41px;
  text-align: center;
}
.experience .white {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 24px;
}
.experience .ipt-wrap {
  display: flex;
  justify-content: space-between;
  width: 400px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  padding-left: 14px;
  padding-right: 35px;
  margin: 0 auto 24px;
  text-align: left;
  border: 1px solid #6a8898;
}
.experience .ipt-wrap input {
  border-color: transparent;
  color: #fff;
  width: 275px;
}
.experience .ipt-wrap:hover {
  border-color: #41a6f2;
}

.experience .ipt-wrap .img-code {
  vertical-align: sub;
  cursor: pointer;
}
.experience .ipt-wrap .get-code,
.experience .ipt-wrap .time-limit {
  color: #41a6f2;
  cursor: pointer;
}
.experience .trial-btn {
  background: linear-gradient(57deg, rgb(89, 176, 236) 0%, rgb(0, 137, 205) 100%);
  color: #fff;
  width: 400px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 16px auto 0;
  font-size: 16px;
}
.experience .trial-btn:hover {
  background: #59b0ec;
} */

/* 累计注册 */
.register-count {
  width: 100%;
  height: 158px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
.register-count .register-count-wrap {
  width: 1260px;
  display: flex;
  /* height: 100%; */
  height: 158px;
  padding-top: 35px;
}
.register-count-wrap .swiper-wrapper .swiper-slide {
  /* height: 33.33333% !important; */
}
.swiper-container-free-mode>.swiper-wrapper {
  margin: 0 auto 14px;
}
.register-count-wrap .left {
  float: left;
  position: relative;
  /* margin-right: 84px; */
  /* width: 75%; */
  height: 100%;
  line-height: 158px;
  font-size: 20px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  /* margin-right: 160px; */
}
.register-count-wrap .left::after {
  content: '';
  position: absolute;
  width:1px;
height:84px;
top: 0;
right: 20px;
background: rgba(209,219,226,1);
}
.left-item {
  display: flex;
  flex-direction: column;
  width: 195px;
  margin-right: 43px;
}
.left-item .left-num {
  width:161px;
  height:50px;
  
  border-radius:45px; 
  font-size:24px;
  /* text-align: center; */
  font-weight:bold;
  line-height:50px;

}
.left-item .left-title {
  /* width: 100%;
height:24px; */
/* padding-right: 32px; */
font-size:18px;
font-weight:400;
line-height:28px;
margin-top: 10px;
color:rgba(51,51,51,1);
}
.item_1 {
  background:linear-gradient(92deg,rgba(235,249,255,1) 0%,rgba(255,255,255,1) 100%);
  color:rgba(0,137,205,1); 
}
.item_2 {
  background:linear-gradient(92deg,rgba(246,133,70,0.13) 0%,rgba(255,255,255,0.13) 100%);
  /* opacity:0.13; */
  color:rgba(246,133,70,1);
}
.item_3 {
  background:linear-gradient(92deg,rgba(37,201,143,0.18) 0%,rgba(255,255,255,0.18) 100%);
  color:rgba(37,201,143,1);
  /* opacity:0.18; */
}
.item_4 {
  background:linear-gradient(92deg,rgba(103,0,205,0.11) 0%,rgba(255,255,255,0.11) 100%);
  color:rgba(103,0,205,1);
  /* opacity:0.11; */
}
 /* .register-count-wrap .left::before {
  display: block;
  content: '—';
  position: absolute;
  left: -30px;
  top: 8px;
  color: #d0d0d0;
} 
 .register-count-wrap .left::after {
  display: block;
  content: '—';
  position: absolute;
  right: -30px;
  top: 8px;
  color: #d0d0d0;
}  */
 .register-count-wrap .left .num {
  font-weight: bold;
  font-size: 40px;
  color: #ff6b6b;
}
.register-count-wrap .right {
  /* height: 100%; */
  height: 84px;
  /* padding-top: 20px; */
  /* padding-top: 13px;
  padding-bottom: 13px; */
  width: 40%;
  float: left;
  /* margin-top: 15px; */
  overflow: hidden;
  user-select: none;
}
.register-count-wrap .right .swiper-slide{
  /* width:342px; */
}

.register-count-wrap .right p {
  line-height: 1.5;
}
.register-count-wrap .right p .succ {
  color: #ff6b6b;
  font-weight: bold;
} 
/**服务内容**/
.service_cont {
    display:block;
    background:url("../css/service_cont.jpg")left top no-repeat;
    background-size:cover;
    padding:60px 0;
}
.s_cont{
    margin:0 auto;
    width:1200px;
}
.s_cont_links{
    clear:both;
    display:block;
    text-align:center;
    line-height: 40px;
    margin-top:40px;
}
.s_cont_links a {
    display:inline-block;
    padding:0 20px;
    background: linear-gradient(133deg,#59b0ec 8%, #0089cd 99%);
    border-radius: 4px;
    color: #fff;
    cursor:pointer;
}
.s_cont h3 {
    display: block;
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    color: #3c3c3c;
    line-height: 60px;
}
.s_cont_m{
    margin-top:40px;
    display:flex;
    justify-content:space-around;
    border-bottom:1px solid #CFDEFF;
}
.s_cont_l{
    flex:0 0 800px;
}
.s_cont_box{
    display:block;
    width:640px;
    margin:10px 0;
    background:#fff;
    border: 1px solid #b3d3f1;
    padding:20px;
}
.s_cont_box dl{
    display:block;
    padding:0;
    margin:0;
    margin-bottom:10px;
}
.s_cont_box dd{
    display:flex;
    padding:10px;
    background:#EFF8FF;
    margin-left:0;
}
.s_cont_box  dl dd:first-child{
    padding-top:20px;
}
.s_cont_box  dl dd:last-child{
    padding-bottom:20px;
}
.s_cont_box dl span{
    flex:0 0 115px;
    padding-left:15px;
    margin-right:20px;
    background:url("/imgs/col_arroy.png") left 5px no-repeat;
    text-align:left;

}
.s_cont_l li span:last-child{
    margin-right:0;
}
.s_cont_l h3{
    display:block;
    width:662px;
    height: 80px;
}
.s_cont_l h3 img{
    width:100%;
}
/*.s_conts {
    position:absolute;
    line-height:45px !important;
    top:0;
    right:180px;
    font-size:14px;
    color:#fff;

}*/
/*.s_conts b{
    font-size:18px;
    font-weight:bold;
    color:#fff !important;
}
.s_cont_add{
    margin-top:20px;
    background:url("../css/se_t.png")left top no-repeat !important;
}
.s_cont_add s{
    margin-left:90px !important;
}
.s_cont_l h3 img{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
.s_cont_l h3 b{
    color:#FFE34B;
    font-size:20px;
}
.s_cont_l h3 s{
    font-size:16px;
    font-weight:bold;
    margin:3px 0 0 25px;
}*/
.s_cont_l ul {
    display:flex;
    width: 640px;
    height:150px;
    padding:20px;
    background: #ffffff;
    box-shadow: 0px 3px 20px 0px #d4ebfe;
    margin-top:12px;
}
.s_cont_l li{
    flex:1;
    padding:10px;
    border: 1px solid #a2d6ff;
    margin-right:20px;
}
.s_cont_l li span{
    display:block;
    background:url("/imgs/col_arroy.png") left 5px no-repeat;
    padding-left:15px;
    margin-bottom:15px;
}
.s_cont_r{
    flex:0 0 440px;
    height:800px;
    background:url("../css/trk.png") left top no-repeat;
}
.s_cont_r h3{
    display:block;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #3c3c3c;
    line-height: 80px;
}
.s_cont_r p{
    display:inline-block;
    padding:35px 0 90px 180px;
     color: #333;
}
.s_nth-1 {
    color: #fff !important;
    padding: 50px 0 90px 180px !important;
}