@import url(./header.css);
.tipDiv {
  overflow: hidden;
  border-bottom: 0.1rem solid #eee;
}

.tipDiv .maxDiv {
  height: 5rem;
  overflow: hidden;
}

.tipDiv .maxDiv .btns {
  height: 100%;
  overflow: hidden;
}

.tipDiv .maxDiv .btns > a {
  height: 100%;
  overflow: hidden;
  padding: 0 2rem;
  margin: 0 0 0 0.1rem;
  position: relative;
  cursor: pointer;
}

.tipDiv .maxDiv .btns > a:hover {
  color: var(--color);
}

.tipDiv .maxDiv .btns > a.active {
  background-color: var(--color);
}

.tipDiv .maxDiv .btns > a.active > span {
  color: var(--background-color);
}

.tabsDiv {
  height: 9rem;
  padding: 4rem 0 0 0;
  border-bottom: 0.2rem solid #eee;
  position: relative;
}

.tabsDiv > div {
  height: 5rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  z-index: 10;
}

.tabsDiv > div > h2 {
  height: 100%;
  overflow: hidden;
  margin: 0 5rem 0 -0.1rem;
  cursor: pointer;
}

.tabsDiv > div > h2:hover, .tabsDiv > div > h2.active {
  color: var(--color);
}

.tabsDiv > div > h2::after {
  height: 0.2rem;
}

.listDiv {
  overflow: hidden;
  padding: 5rem 0 0 0;
}

.listDiv.listDiv2 {
  padding: 4rem 0 0 0;
}

.listDiv > a {
  width: calc(25% - 2.26rem);
  overflow: hidden;
  padding: 0 0 4rem 0;
  margin: 0 3rem 0 0;
  border-radius: 1.6rem;
  position: relative;
}

.listDiv > a:nth-child(4n + 4) {
  margin: 0;
}

.listDiv > a:hover > h2,
.listDiv > a:hover > div.p,
.listDiv > a:hover > div.p > span {
  color: var(--color);
}

.listDiv > a .tip {
  overflow: hidden;
  padding: 1rem;
  color: var(--background-color);
  background-color: var(--color);
  border-radius: 0 0.8rem 0.8rem 0;
  position: absolute;
  top: 2rem;
  left: 0;
  z-index: 10;
}

.listDiv > a > img {
  width: 100%;
  height: 24rem;
  overflow: hidden;
}

.listDiv > a > h2 {
  overflow: hidden;
  padding: 1.5rem 0 1rem 0;
}

.pageNum {
  overflow: hidden;
  padding: 0 0 10rem 0;
}

.pageNum > button {
  overflow: hidden;
  padding: 0.7rem 1.5rem;
  background-color: #f3f3f3;
  border: 0.1rem solid #eee;
  border-radius: 0.8rem;
  cursor: pointer;
}

.pageNum > button:hover > i {
  color: var(--background-color);
  position: relative;
  z-index: 10;
}

.pageNum > button::after {
  z-index: 0;
}

.pageNum > a {
  overflow: hidden;
  padding: 0.7rem 1.5rem;
  margin: 0 0.5rem;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 0.8rem;
}

.pageNum > a:hover > span {
  color: var(--background-color);
}

.pageNum > a.active {
  background-color: var(--color);
}

.pageNum > a.active > span {
  color: var(--background-color);
}

.oneDiv {
  overflow: hidden;
  padding: 5rem 0 10rem 0;
}

.oneDiv.oneDiv1 {
  background-color: #f8f8f8;
}

.oneDiv.oneDiv2 {
  background: url("../img/business2Bg.png") no-repeat;
  background-size: 100% 100%;
}

.oneDiv > h2 {
  overflow: hidden;
}

.oneDiv .maxDiv {
  padding: 5rem 0 0 0;
}

.oneDiv .maxDiv img.img1 {
  width: 75rem;
  height: 40rem;
  overflow: hidden;
  border-radius: 1rem;
}

.oneDiv .maxDiv .pDiv {
  flex: 1;
  overflow: hidden;
  padding: 0 0 0 6rem;
}

.oneDiv .maxDiv .pDiv > div.p {
  overflow: hidden;
}

.oneDiv .maxDiv .pDiv > h3 {
  overflow: hidden;
  padding: 7rem 0 2rem 0;
}

.oneDiv .maxDiv .pDiv .textDiv {
  overflow: hidden;
}

.oneDiv .maxDiv .pDiv .textDiv > div {
  overflow: hidden;
}

.oneDiv .maxDiv .pDiv .textDiv > div:nth-child(2) {
  margin: 0 10rem;
}

.oneDiv .maxDiv .pDiv .textDiv > div > h4 {
  overflow: hidden;
}

.oneDiv .maxDiv .pDiv .textDiv > div > h4 > span {
  overflow: hidden;
  padding: 0 0 1.5rem 0;
}

.oneDiv .maxDiv > .swiper-container .swiper-slide {
  overflow: hidden;
  padding: 0 3rem 0 0;
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a {
  width: 100%;
  height: 40rem;
  overflow: hidden;
  padding: 2rem;
  background-color: #fff;
  border: 0.1rem solid transparent;
  border-radius: 1.6rem;
  box-shadow: 0rem 0rem 2rem 0rem rgba(1, 90, 170, 0.06);
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a:hover {
  border: 0.1rem solid var(--color);
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a:hover > img {
  border: 0.1rem solid rgba(255, 255, 255, 0.5);
  transform: scale(1.1);
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a:hover > h2,
.oneDiv .maxDiv > .swiper-container .swiper-slide > a:hover > div.p {
  color: var(--background-color);
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a > img {
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  margin: 0 auto;
  border: 0.1rem solid transparent;
  border-radius: 100%;
  transform: scale(1);
  transition: all ease 0.2s;
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a > h2 {
  overflow: hidden;
  padding: 4rem 0;
}

.oneDiv .maxDiv > .swiper-container .swiper-slide > a > div.p {
  overflow: hidden;
  text-align: center;
}

.oneDiv .maxDiv img.img2 {
  width: 125rem;
  overflow: hidden;
  margin: 2rem auto 0 auto;
}

.oneDiv .maxDiv img.img3 {
  width: 150rem;
  overflow: hidden;
  margin: 7rem auto 0 auto;
}

.twoDiv {
  overflow: hidden;
  padding: 5rem 0 7rem 0;
}

.twoDiv.twoDiv1 {
  background: url("../img/business3Bg1.png") no-repeat;
  background-size: 100% 100%;
}

.twoDiv.twoDiv3 {
  background: url("../img/business3Bg2.png") no-repeat;
  background-size: 100% 100%;
}

.twoDiv.twoDiv3 .maxDiv {
  padding: 3rem 0 0 0;
}

.twoDiv.twoDiv4 {
  padding: 5rem 0 15rem 0;
}

.twoDiv > h2 {
  overflow: hidden;
}

.twoDiv .maxDiv {
  padding: 5rem 0 0 0;
}

.twoDiv .maxDiv .numDiv {
  width: calc(25% - 2.26rem);
  height: 10rem;
  overflow: hidden;
  margin: 0 3rem 3rem 0;
  border: 0.1rem solid #eee;
  border-radius: 1.6rem;
}

.twoDiv .maxDiv .numDiv:nth-child(4n + 4) {
  margin: 0 0 3rem 0;
}

.twoDiv .maxDiv .numDiv:hover > img {
  display: none;
}

.twoDiv .maxDiv .numDiv:hover > img:nth-child(2) {
  display: block;
}

.twoDiv .maxDiv .numDiv:hover > h3 {
  color: var(--background-color);
}

.twoDiv .maxDiv .numDiv > img {
  height: 1.7rem;
  overflow: hidden;
  margin: 0 3rem;
}

.twoDiv .maxDiv .numDiv > img:nth-child(2) {
  display: none;
}

.twoDiv .maxDiv .numDiv > h3 {
  overflow: hidden;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv .iconDiv {
  width: calc(33.333% - 2.1rem);
  height: 18rem;
  overflow: hidden;
  margin: 0 0 3rem 0;
  background-color: var(--background-color);
  border-radius: 1.6rem;
  box-shadow: 0rem 0rem 2rem 0rem rgba(1, 90, 170, 0.06);
}

.twoDiv .maxDiv .iconDiv:nth-child(3n + 2) {
  margin: 0 3rem 3rem 3rem;
}

.twoDiv .maxDiv .iconDiv:hover > img {
  margin: 3rem 1rem 3rem 2rem;
}

.twoDiv .maxDiv .iconDiv:hover > div {
  padding: 3rem 4rem 3rem 2rem;
}

.twoDiv .maxDiv .iconDiv:hover > div > h3,
.twoDiv .maxDiv .iconDiv:hover > div > div.pp > div.p {
  color: var(--background-color);
}

.twoDiv .maxDiv .iconDiv > img {
  width: 4.3rem;
  overflow: hidden;
  margin: 3rem 2rem 3rem 4rem;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv .iconDiv > div {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding: 3rem 4rem 3rem 0;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv .iconDiv > div > h3 {
  overflow: hidden;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv .iconDiv > div > div.pp {
  overflow: hidden;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv .iconDiv > div > div.pp > div.p {
  overflow: hidden;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv > img {
  width: 150rem;
  overflow: hidden;
}

.twoDiv .maxDiv > h3 {
  overflow: hidden;
  padding: 0 0 5rem 0;
}

.twoDiv .maxDiv .swiper-container .swiper-slide {
  overflow: hidden;
  padding: 0 3rem 0 0;
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div {
  width: 100%;
  height: 45rem;
  overflow: hidden;
  padding: 5rem 1rem 0 1rem;
  background-color: var(--background-color);
  border-radius: 1.6rem;
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div:hover > h4,
.twoDiv .maxDiv .swiper-container .swiper-slide > div:hover > div.p {
  color: var(--background-color);
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div:hover > span {
  background-color: var(--background-color);
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div:hover > img {
  border: 0.1rem solid rgba(255, 255, 255, 0.5);
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div > h4 {
  overflow: hidden;
  transition: all ease 0.3s;
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div > span {
  width: 3rem;
  height: 0.2rem;
  overflow: hidden;
  margin: 2rem 0;
  background-color: var(--color);
}

.twoDiv .maxDiv .swiper-container .swiper-slide > div > div.p {
  overflow: hidden;
  transition: all ease 0.3s;
}
.twoDiv .maxDiv .swiper-container .swiper-slide:hover > div > div.p *{
    color:#fff;
}
.twoDiv .maxDiv .swiper-container .swiper-slide > div > img {
  width: 14rem;
  height: 14rem;
  overflow: hidden;
  margin: 3rem 0 0 0;
  border-radius: 100%;
  transition: all ease 0.3s;
}
.hoverF:hover *{
    color:#fff;
}
.twoDiv .maxDiv .bgDiv {
  width: 28.6rem;
  overflow: hidden;
}

.twoDiv .maxDiv .bgDiv > h3 {
  width: 100%;
  height: 6.6rem;
  overflow: hidden;
  padding: 0 0 0 5rem;
  margin: 0 0 3rem 0;
  background: url("../img/business3Bg3.png") no-repeat;
  background-size: 100% 100%;
}

.twoDiv .maxDiv .bgDiv > div {
  overflow: hidden;
}

.threeDiv {
  overflow: hidden;
  padding: 6rem 0 10rem 0;
}

.threeDiv .imgDiv {
  overflow: hidden;
  padding: 0 0 6rem 0;
}

.threeDiv .imgDiv > img {
  width: 90rem;
  height: 50rem;
  flex-shrink:0;
  overflow: hidden;
  border-radius: 1.6rem;
}

.threeDiv .imgDiv > div {
  overflow: hidden;
  padding: 0 0 0 5rem;
}
.threeDiv .imgDiv li{
    margin:1rem 0;
}
.threeDiv .imgDiv li .label{
    flex-shrink:0;
    font-weight: bold;
    color:#333;
    margin-top:.3rem;
}
.threeDiv .imgDiv li .info{
    line-height:1.6;
}

.threeDiv .imgDiv > div > h2 {
  overflow: hidden;
  padding:3rem 0 2rem 0;
}

.threeDiv .imgDiv > div > h3 {
  overflow: hidden;
  padding: 0 0 2rem 0;
}

.threeDiv .btnDiv {
  overflow: hidden;
  padding: 0 0 3rem 0;
}

.threeDiv .btnDiv > div {
  width: 20rem;
  height: 7rem;
  overflow: hidden;
  border-radius: 1.6rem;
}

.threeDiv .divsDiv {
  overflow: hidden;
  padding: 0 0 4rem 0;
  align-items: stretch;
}
.threeDiv .divsDiv ul{flex-wrap:wrap;
   display: flex;
   font-size:1.6rem;
}

.threeDiv .divsDiv li{
  width: calc(50% - 1.1rem);
  height: 8rem;
  display:flex;
  align-items: center;
  overflow: hidden;
  padding: 0 2rem 0 4.5rem;
  margin: 0 0 2rem 0;
  background-color: #f6f6f6;
  border-radius: 1.6rem;
    line-height: 1.5;
    position:relative;
    transition:all ease .3s;
}

.threeDiv .divsDiv li:nth-child(2n + 1) {
  margin: 0 2rem 2rem 0;
}

.threeDiv .divsDiv li:hover {
  background-color:#015aaa;
  color:#fff;
}
.threeDiv .divsDiv li:hover p{
    color:#fff;
}
.threeDiv .divsDiv li::before {
    content:"";
    position:absolute;
    background:#015aaa;
    left:1.5rem;
  width: 1.9rem;
  height: 1.9rem;
  overflow: hidden;
  margin: 0 1rem 0 0;
  border-radius: 0.4rem;
  transform: rotate(45deg);
}
.threeDiv .divsDiv li:hover:before{
    background:#fff;
}
.threeDiv .divsDiv li > span {

}

.threeDiv .btnDiv2 {
  overflow: hidden;
  align-items: stretch;
}

.threeDiv .btnDiv2 > table td {
  overflow: hidden;
  padding: 3rem 5rem;
  margin: 0 0 1rem 0;
  background-color: #f6f6f6;
  border-radius: 1.6rem;
}



.threeDiv .btnDiv2 > table td:last-child{
    text-align:center;
}
.threeDiv .btnDiv2 > table tr:nth-child(2n) td{
    background:#fff;
    margin:0;
    padding: 0;
    height:10px;
}.threeDiv .btnDiv2 > table tr:nth-child(2n) td br{display:none}

.threeDiv .btnDiv2 > div:nth-child(2n + 1) {
  width: 120rem;
  line-height: 2;
}

.threeDiv .btnDiv2 > table .firstRow td {
  height: 6rem!important;
    border-radius: 1.6rem;
    font-size:2.4rem;
  text-align: center;
  color: var(--background-color)!important;
  background-color: var(--color)!important;
}.threeDiv .btnDiv2 > table td:nth-child(2n){
width:10px!important;
background:none!important;
margin:0;padding:0;
}
.threeDiv .btnDiv2.table2 table td:nth-child(5){
    text-align:center;
}
.threeDiv .btnDiv2 > div:nth-child(2n + 2) {
  width: calc(100% - 121rem);
}


.kg{height:6rem}
.kcfy ul{
    display:flex;
    flex-wrap:wrap;
    padding:3rem 0 0 0;
}
.kcfy ul li{
    width:20rem;
    padding:2rem 0;
    margin-right:2rem;
    text-align:center;
    background: rgba(1,90,170,0);
border: 1px solid #015AAA;
border-radius: 8px;
}
.kcfy ul li strong{
    font-size:2.4rem;
    color:#015AAA;
}
.kcfy ul li p{
    margin-top:.4rem;
}
.kscj{
    line-height:2;
}
.lxfs{
    align-items: flex-start;
    line-height:2;
}
.lxfs h3{
    font-size:2rem;
    margin-bottom:1rem;
}
.lxfs .ewm{
    margin-left:6rem;
}
.lxfs .ewm img{
    width:13rem;
    height:13rem;
}
.steep ul{
    display:flex;
}
.steep ul li{
position:relative;
text-align: center;
margin-right:8.5rem;
}
.steep ul li .icon{
    width: 10rem;
height: 10rem;
display:flex;
align-items: center;
font-weight:bold;
justify-content: center;
color:#fff;
font-size:3rem;
background: #015AAA;
border-radius: 50%;
}
.steep ul li:after{
    content:"";
    width:2.5rem;
    position:absolute;
    right:-5.8rem;
    top:50%;
    transform:translateY(-50%);
    height:2.5rem;
    background:url(../img/icon_jt1.png) no-repeat;
    background-size:100% 100%;
}
.steep ul li p{
    margin-top:1rem;
}
.steep ul li:last-child:after{
    display:none;
}
.zjjs li{
    margin:3rem 0;
}
.zjjs li .pic{
    width:15rem;
    height:15rem;
    margin-right:3rem;
}
.zjjs li .pic img{
    width:15rem;
    height:15rem;
    border-radius:50%;
    border:1px solid #015AAA;
}
.zjjs li .info .tit{
    font-size:2.4rem;
    font-weight:bold;
}
.zjjs li .info .zw{
    color:#015AAA;
    margin:1rem 0 2rem;
}
.zjjs li .info .cont{
    line-height:2;
}

@media screen and (max-width: 980px) {
  .tipDiv .maxDiv {
    padding: 0 1rem;
  }
  .tipDiv .maxDiv .btns {
    display: none;
  }
  .tabsDiv {
    height: 5rem;
    padding: 0;
  }
  .tabsDiv > div {
    width: 100%;
  }
  .tabsDiv > div > h2 {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .listDiv {
    padding: 2rem 1rem;
    display: block;
  }
  .listDiv.listDiv2 {
    padding: 2rem 1rem;
  }
  .listDiv > a {
    width: 100%;
    border-radius: 1rem;
  }
  .pageNum {
    padding: 0 0 2rem 0;
  }
  .oneDiv {
    padding: 2rem 1rem;
  }
  .oneDiv > h2 > span {
    display: block;
  }
  .oneDiv .maxDiv {
    padding: 2rem 0 0 0;
  }
  .oneDiv .maxDiv img.img1 {
    display: none;
  }
  .oneDiv .maxDiv .pDiv {
    width: 100%;
    padding: 0;
  }
  .oneDiv .maxDiv .pDiv > h3 {
    padding: 1rem 0;
  }
  .oneDiv .maxDiv .pDiv .textDiv > div {
    width: 100%;
  }
  .oneDiv .maxDiv .pDiv .textDiv > div:nth-child(2) {
    margin: 0 1rem;
  }
  .oneDiv .maxDiv > .swiper-container .swiper-slide {
    padding: 0;
  }
  .oneDiv .maxDiv img.img2,
  .oneDiv .maxDiv img.img3 {
    width: 100%;
    margin: 1rem auto 0 auto;
  }
  .twoDiv {
    padding: 2rem 1rem;
  }
  .twoDiv.twoDiv4 {
    padding: 2rem 1rem;
  }
  .twoDiv.twoDiv4 .maxDiv {
    flex-wrap: wrap;
  }
  .twoDiv > h2 > span {
    display: block;
  }
  .twoDiv .maxDiv {
    padding: 2rem 0 0 0;
  }
  .twoDiv .maxDiv .numDiv {
    width: 100%;
    margin: 0 0 1rem 0;
  }
  .twoDiv .maxDiv .numDiv:nth-child(4n + 4) {
    margin: 0 0 1rem 0;
  }
  .twoDiv .maxDiv .iconDiv {
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
  }
  .twoDiv .maxDiv .iconDiv:nth-child(3n + 2) {
    margin: 0 0 1rem 0;
  }
  .twoDiv .maxDiv .iconDiv > img {
    margin: 2rem;
  }
  .twoDiv .maxDiv .iconDiv > div {
    padding: 2rem 2rem 2rem 0;
  }
  .twoDiv .maxDiv .iconDiv > div > div.pp {
    display: block;
  }
  .twoDiv .maxDiv > img {
    width: 100%;
    overflow: hidden;
  }
  .twoDiv .maxDiv > h3 {
    overflow: hidden;
    padding: 0 0 2rem 0;
  }
  .twoDiv .maxDiv .swiper-container .swiper-slide {
    padding: 0;
  }
  .twoDiv .maxDiv .swiper-container .swiper-slide > div {
    height: auto;
    padding: 2rem 1rem 3rem 1rem;
  }
  .twoDiv .maxDiv .bgDiv {
    width: 100%;
    margin: 0 0 2rem 0;
  }
  .twoDiv .maxDiv .bgDiv > h3 {
    margin: 0 0 1rem 0;
  }
  .threeDiv {
    padding: 2rem 1rem;
  }
  .threeDiv .imgDiv {
    padding: 0;
  }
  .threeDiv .imgDiv > img {
    display: none;
  }
  .threeDiv .imgDiv > div {
    padding: 0;
  }
  .threeDiv .imgDiv > div > h2 {
    padding: 1rem 0;
  }
  .threeDiv .imgDiv > div > h3 {
    padding: 0 0 1rem 0;
  }
  .threeDiv .btnDiv {
    padding: 2rem 0;
  }
  .threeDiv .btnDiv > div {
    width: 15rem;
    height: 5rem;
    border-radius: 1rem;
  }
  .threeDiv .divsDiv {
    padding: 0;
  }
  .threeDiv .divsDiv .one {
    width: 100%;
    margin: 0 0 1rem 0;
  }
  .threeDiv .divsDiv .one:nth-child(2n + 1) {
    margin: 0 0 1rem 0;
  }
  .threeDiv .divsDiv .one > div {
    display: none;
  }
  .threeDiv .btnDiv2 > div {
    padding: 1.5rem;
    border-radius: 1rem;
  }
  .threeDiv .btnDiv2 > div:nth-child(1), .threeDiv .btnDiv2 > div:nth-child(2) {
    display: none;
  }
  .threeDiv .btnDiv2 > div:nth-child(2n + 1) {
    width: 100%;
    line-height: 2;
  }
  .threeDiv .btnDiv2 > div:nth-child(2n + 2) {
    width: 100%;
  }
  .threeDiv .divsDiv li{
      width:100%;
      margin:1rem 0!important;
  }
  .threeDiv .btnDiv2{
      overflow-x:auto;
  }
.threeDiv .btnDiv2 > table td{
        white-space:nowrap;
        padding:1.5rem 2rem;
    }
.threeDiv .btnDiv2 > table .firstRow td{
    font-size:1.6rem;
}
.kg{
    height:2rem;
}
.zjjs li{
    margin:2rem 0;
}
.zjjs li .item{
    flex-wrap:wrap;
}
.zjjs li .pic{
    margin:0 0 1rem 0;
}
.kcfy ul li{width:46%;margin:1rem 2%}

.steep ul{
    flex-wrap:wrap;
    justify-content:center;
}
.steep ul li{
    padding-right:0;
    text-align:center;
    width:100%;
    margin-right:0;
    margin-bottom:5rem;
}
.steep ul li:after{
    right:0;
    bottom:4rem;
    height:2.5rem;
    position:absolute;
    width:100%;
    top:unset;
    transform: translateY(240px) rotate(90deg);
    background-size:2rem 2rem;
}
.steep ul li .icon{
    width:8rem;
    height:8rem;
    margin:0 auto;
    line-height:8rem;
    text-align: center;
    font-size:2rem;
}
.lxfs{
    margin-bottom:3rem;
}
}