body{
	background: #F5F5F5;
}
.column-banner.hxjs{background-image: url(../images/hxjs/zs_banner.png);}
.zs .zs-title {
  text-align: center;
  margin-bottom: 40px;
}
.zs .zs-title span {
  font-size: 32px;
  font-weight: bold;
  color: #000000;
  display: block;
  position: relative;
  padding: 30px 0px;
}
.zs .zs-title span:before {
  position: absolute;
  content: '';
  background: #4070b8;
  width: 4%;
  height: 4px;
  bottom: 0px;
  left: 50%;
  margin-left: -2%;
}
.tab .hd{ position: relative}
.tab .hd .more a{ display: none}
.tab .hd .more .on{ display: block}
.tab .bd .c{ display: none}
.tab .bd .on{ display: block}
.section3 .hd{width: 80%;margin: 0 auto;}
.section3 .hd a{ display: inline-block;
height: 50px;
opacity: 1;
border-radius: 100px;
background: #FFFFFF;
line-height: 50px;
color: #808080;
font-size: 22px;
padding: 0 40px;
}
.section3 .hd a.on{ font-weight: 700;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
background: #0E489E;
}
.section3 .bd .c{
	width: 100%;
	margin-top: 40px;
height: 477px;
opacity: 1;
border-radius: 20px;
background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
padding: 80px 40px;
box-sizing: border-box;
position: relative;

}
.section3 .bd .flex{ justify-content: flex-start;text-align: left;}
.section3 .bd .number{
	position: absolute;
	top: -5%;
	left: 0%;
}
.section3 .bd h1{
	font-size: 30px;
font-weight: 700;
letter-spacing: 0px;
line-height: 43.44px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
margin-bottom: 38px;
}

.ytjcont{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.ytjcont .left{
	width: 60%;
}
.ytjcont .left p{
	font-size: 18px;
font-weight: 400;
line-height: 30px;
color: rgba(102, 102, 102, 1);
text-align: left;
vertical-align: top;
}
.ytjcont .left a{
width: 154px;
height: 44px;
opacity: 1;
border-radius: 2px;
background: #2468F2;
display: inline-block;
line-height: 44px;
text-align: center;
color: #fff;
margin-top: 76px;
}

.rightimg{
	width: 35%;
}
/*解决方案*/
.jjfazs {position: relative;}
.jjfazs .zs-title {position: absolute; top: 55px;left: 46%;margin-left: -64px;z-index: 22;}
.jjfazs .zs-title span {color: #fff;}
.jjfazs .zs-title span:before {width: 44%;margin-left: -22%;}
.jjfazs .img-layer {width: 100%;height: 650px;}
.jjfazs .img-layer img {width:100%;height: 100%;}
.jjfazs .m-show{display: none;}
.jjfazs .banner_text {position: absolute;width: 100%;bottom: 33%;padding-left: 75px;}
.jjfazs .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.8);}
.jjfazs .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 1);}
.banner_text .text {color: #fff;width: 68%;}
.banner_text .text h2 {font-size: 30px;}
.banner_text .text h3 {font-size: 18px;margin-top: 25px;line-height: 30px;}
.banner_text .text a {display: inline-block;width: 155px;height: 45px;line-height: 45px;text-align: center;margin-top: 55px;background: #2468F2;color: #fff;}
.banner_text .text a.more {width: auto;background: none;text-decoration: underline;}
.jjfazs .arrow-left,.jjfazs .arrow-right {position: absolute;top: 50%;margin-top: -30px;width: 60px;height: 60px;top: 50%;margin-top: -21px;z-index: 22;cursor: pointer;background: url(../images/hxjs/arrow_left.png) center no-repeat}
.jjfazs .arrow-left {left: 36px;}
.jjfazs .arrow-right {right: 36px;background: url(../images/hxjs/arrow_right.png) center no-repeat}
.column-banner .container dl dd h2{line-height: 1.6em;margin-top: -3%;}
.kwMass {background: url(../images/kaiwu/icon_js.png) center no-repeat;}
.kwjs-con ul {width: 595px;}
.kwjs-con ul li {float: left;width: 48%;height: 198px;padding: 24px 20px;margin-bottom: 15px;background: linear-gradient(154.06deg, rgba(238, 247, 255, 1) 0%, rgba(251, 253, 255, 1) 100%);border-radius: 8px;}
.kwjs-con ul li:nth-child(2n) {margin-left: 15px;}
.kwjs-con ul li a{display: block;}
.kwjs-con ul li h3 {font-size: 22px;color: #333;margin: 10px 0 15px;}
.kwjs-con ul li p {display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.kwjs-con ul li.more img {width: 44px;}
@media (max-width:991px) {
  .kwMass {background: unset;}
  .kwjs-con ul {width: 100%;}
  .kwjs-con ul li {float: none; width: 100%;margin-left: 0;}
  .kwjs-con ul li:nth-child(2n) {margin-left: 0;}
  .kwyycp {height: auto;}
  .kwjs-con ul li img{float: left; margin-right: 10px;}
  .kwjs-con ul li p{-webkit-line-clamp: initial;}
}

/*核心优势*/
.hxys{
    background: #F5F8FF;
}
.hxysdiv{
    width: 1482px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.hxyslist{
    width: 100%;
}
.hxyslist li{
    width:33.3%;
    background: white;
    margin: 0 21px;
    float: left;
    max-width: 452px;
    padding:15px 32px;
    box-sizing: border-box;
    height: 576px;
}
.hxyslist li a{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.hxyslist li a img{
    max-width: 328px;
    margin: 0 auto;
    margin-top: 15px;
}
.hxyslist li a h2{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1.5em;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin: 15px 0;
    text-align: center;
    height: 87px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hxyslist li a p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 36px;
    color: rgba(128, 128, 128, 1);
    text-align: left;
    vertical-align: top;
}

/*经典案例*/
.jdal {background: url(../images/hxjs/jdal_b.png) bottom no-repeat;background-size: 100% 100%;padding-bottom: 50px;}
.jdal .ytjcont {display: unset;}
.jdal .ytjcont .left {float: left;width: 35%;margin-right: 45px;}
.jdal .ytjcont .rightimg {float: left;position: relative;width:60%;height: 384px;}
.swiper-slide .rightimg  {width: 680px;}
.swiper-slide .rightimg img{position: absolute;left: 50%;margin-left: -42%;width: 89%;}
.swiper-slide .rightimg  p {position: absolute;bottom: 25px;width: 100%;text-align: center;font-size: 30px;color: #fff;}
.jdal .section3 .bd .c {height: auto;padding: 0;background: unset;}
.rightimg .swiper-button-prev {left: 9.6%;background-image: url(../images/hxjs/sl_left.png);}
.rightimg .swiper-button-next {right: 9.6%;background-image: url(../images/hxjs/sl_right.png)}

@media (max-width:1400px){
    .jjfazs{height: 35vw !important;}
}

@media (min-width:1025px) and (max-height:750px) {
    .banner_text .text h2 {font-size: 30px;}
}
@media (max-width:991px) {
    .banner_text .text h2 {font-size: 35px;}
    .banner_text .text h3 {font-size: 20px;}
    .banner_text .text a {font-size: 20px;}
    .jjfazs .img-layer {height: 400px;}
    .jjfazs .m-show{display: block;}
    .section3 .hd{width: 85%;}
    .column-banner .container dl dd h2{width: 66%;}
    .section3 .hd a{margin: 10px;}
    .jjfazs{height: auto!important;}
    .section3 .bd .c{height: auto;}
    .hxysdiv{width: 100%;}
    .ytjcont .left{width: 100%;}
    .hxyslist li{width: 100%;}
    .ytjcont{display: inline;}
    .ytjcont .rightimg{width: 100%;}
    .jdal .ytjcont .left{width: 100%;}
    .jdal .ytjcont .rightimg{width: 100%;height: 200px;}
}
@media (max-width:441px) {
    .banner_text .text h2,.banner_text .text a {font-size: 1em;}
    .banner_text .text h2{font-size: 1.6em;font-weight: bold;}
    .banner_text .text h3 {font-size: 14px;overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;}
    .jjfazs .banner_text {bottom: 15%;}
    .banner_text .text a{width: 140px;height: 36px;line-height: 36px;}
}