.nav {
   background: rgba(0, 0, 0, .4);
   box-shadow: none;
}

.nav.scroll {
   background: rgba(255, 255, 255, 1);
}

.nav ul button {

   background: url(../image/icon_zk_w.png) no-repeat center;
}

.nav.scroll ul button {

   background: url(../image/icon_zk.png) no-repeat center;
}

.nav .logo,
.nav.scroll .logo-w {

   display: none;
}

.nav .logo-w,
.nav.scroll .logo {
   display: block;
}

.nav ul a {
   color: #fff;
}

.nav.scroll ul a {
   color: #071C2F;
}

.nav ul li.current>a,
.nav ul li>a:hover {
   color: #fff;
   font-weight: 700;
}

.nav ul li.current>a::after,
.nav ul li>a:hover::after {

   background: #fff;
}

.nav.scroll ul li.current>a,
.nav.scroll ul li>a:hover {
   color: #073190;
   font-weight: 500;
}

.nav.scroll ul li.current>a::after,
.nav.scroll ul li>a:hover::after {

   background: #073190;
}

body {
   padding-top: 0;
}

/* banner */

.banner {
   position: relative;
   height: 35vw;
   overflow: hidden;
}

.banner video {
   position: absolute;
   right: 50%;
   /* margin-right: -960px; */
   bottom: 0;
   min-width: 100vw;
   min-height: 35vw;
   height: auto;
   z-index: -100;
   -webkit-filter: grayscale(20%);
   /* margin: 0 auto; */
   transform: translate(50%, 0);
}

.banner .video-mask {

width: 100%;

height: 35vw;
}

.banner .video-mask.bg2 {
   background: url(../video/video-bg2.png) no-repeat center bottom;
   background-size: auto 35vw;
}

.banner .video-mask.bg3 {
   background: url(../video/video-bg3.png) no-repeat center bottom;
   background-size: auto 35vw;
}

.banner h2 {
   margin-top: 150px;
   margin-bottom: 72px;
   font-family: SourceHanSansCN-Normal;
   font-size: 60px;
   color: #FFFFFF;
   text-align: left;
   font-weight: 400;
   line-height: 60px;
   position: relative;
   z-index: 2;
}

.banner .flex {
   justify-content: space-between;
   position: relative;
   z-index: 2;
}

.banner .flex h4 {
   font-family: HelveticaNeue-Light;
   font-size: 30px;
   color: #FFFFFF;
   line-height: 62px;
   font-weight: 400;
   margin-bottom: 19px;
}

.banner .flex h4 span {
   font-family: HelveticaNeue-Light;
   font-size: 52px;
   color: #FFFFFF;
   line-height: 62px;
   font-weight: 400;
}

.banner .flex p {
   font-family: SourceHanSansCN-Normal;
   font-size: 20px;
   color: #FFFFFF;
   font-weight: 400;
}

.news {
   background: #F2F4F9;
   padding: 60px 0;
}

.channel-title {
   align-items: center;
   justify-content: space-between;
}

.channel-title h4 {
   font-family: SourceHanSansCN-Medium;
   font-size: 32px;
   color: #071C2F;
   font-weight: 500;
}

.channel-title h4 img {
   height: 19px;
   font-family: HelveticaNeue;
   font-size: 24px;
   color: #B1B9CA;
   line-height: 24px;
   font-weight: 400;
   margin-left: 8px;
}

.channel-title a.more {
   height: 16px;
   font-family: SourceHanSansCN-Regular;
   font-size: 16px;
   color: #6D7278;
   letter-spacing: 0.46px;
   font-weight: 400;
   position: relative;
   padding-right: 12px;
   display: block;
}

.channel-title a.more::after {
   content: "";
   width: 10px;
   height: 10px;
   display: block;
   background: url(../image/mbx.png) no-repeat center;
   top: 50%;
   margin-top: -2px;
   right: 0;
   position: absolute;
}


.news-list {
   margin-top: 32px;
}

.news-list a {
   display: block;
   float: left;
   width: 586px;
   background: #FFFFFF;
   border-radius: 4px;
   margin-bottom: 16px;
   overflow: hidden;
}

.news-list a:hover {
   box-shadow: 0px 2px 7px 0px rgba(214, 217, 224, 1);
}

.news-list a:first-child {
   height: 536px;
   margin-right: 20px;
   margin-bottom: 0;

}

.news-list a:nth-child(4) {

   margin-bottom: 0;

}

.news-list a img {
   display: block;
   width: 586px;
   height: 338px;
}

.news-list a .news-intr {
   padding: 28px;
   box-sizing: border-box;
   padding-bottom: 20px;
}

.news-list a:first-child .news-intr {
   padding: 26px 30px;
   box-sizing: border-box;

}

.news-list a .news-intr h4 {
   height: 20px;
   font-family: SourceHanSansCN-Medium;
   font-size: 20px;
   color: #071C2F;
   letter-spacing: 0.57px;
   line-height: 20px;
   font-weight: 700;
   width: 552px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   margin-bottom: 10px;
}

.news-list a:first-child .news-intr h4 {
   margin-bottom: 25px;
}

.news-list a:hover .news-intr h4 {
   color: #073190;
}

.news-list a .news-intr p {
   font-family: SourceHanSansCN-Regular;
   font-size: 16px;
   color: #313336;
   letter-spacing: 0.46px;
   text-align: justify;
   line-height: 26px;
   margin-bottom: 12px;
   font-weight: 400;
   max-height: 52px;
   overflow: hidden;
   min-height: 52px;
}

.news-list a:first-child .news-intr p {
   margin-bottom: 25px;
}

.news-list a .news-intr p.date {
   font-family: SourceHanSansCN-Regular;
   font-size: 14px;
   color: #6D7278;
   letter-spacing: 0.4px;
   font-weight: 400;
   margin-bottom: 0;
   min-height: auto;
}

.group-business {
   background: url(../image/pexels-scott-webb-614225.jpg) no-repeat center bottom;
   background-color: #ECECEC;
   padding: 60px 0 68px;
   box-sizing: border-box;
}

.business-intr {
   margin-top: 32px;
   margin-bottom: 40px;
   width: 100%;

}

.business-intr .business-intr-item {
   background: #FFFFFF;
}

.business-intr .business-intr-item.hidden {
   display: none;
}

.business-intr .business-intr-item img {
   width: 714px;
   height: 400px;
   display: block;
   /* margin-right: ; */
}

.business-intr .business-intr-item .intr-box {
   padding: 46px;
   padding-top: 60px;
}

.business-intr .business-intr-item .intr-box h5 {
   font-family: SourceHanSansCN-Medium;
   font-size: 28px;
   color: #313336;
   text-align: left;
   line-height: 40px;
   font-weight: 500;
   margin-bottom: 40px;
   height: 80px;
}

.business-intr .business-intr-item .intr-box p {
   font-family: SourceHanSansCN-Normal;
   font-size: 16px;
   color: #313336;
   text-align: left;
   line-height: 26px;
   font-weight: 400;
   margin-bottom: 50px;
}

.business-intr .business-intr-item .intr-box a {
   height: 20px;
   font-family: SourceHanSansCN-Bold;
   font-size: 20px;
   color: #071C2F;
   text-align: left;
   font-weight: 700;
}
.business-intr .business-intr-item .intr-box a span {
   display: inline-block;
   width: 23px;
   height: 15px;
   background: url(../image/icon_jt@2x.png) no-repeat center;
   background-size: auto 15px;
   margin-left: 8px;
}
.bussness-tabs {
   justify-content: space-between;
}

.bussness-tabs .bussness-tab-item {
   width: 262px;
   height: 88px;
   cursor: pointer;
   padding-left: 127px;
   font-family: SourceHanSansCN-Medium;
   font-size: 18px;
   color: #071C2F;
   font-weight: 500;
   line-height: 88px;
   cursor: pointer;
   box-sizing: border-box;
   background: center no-repeat;
   background-position-x: 63px;
   background-color: #FFFFFF;
   box-shadow: 0px 2px 7px 0px rgba(214,217,224,1);
   border-radius: 8px;
   overflow: hidden;
}

.bussness-tabs .bussness-tab-item.current {
   background-color: #073190;
   color: #fff;

}

.bussness-tabs .bussness-tab-item.kzcm {
   background-image: url(../image/icon_cm_b.png);

}

.bussness-tabs .bussness-tab-item.kzzx {
   background-image: url(../image/icon_zx_b.png);

}

.bussness-tabs .bussness-tab-item.kzjs {
   background-image: url(../image/icon_js_b.png);

}

.bussness-tabs .bussness-tab-item.kzzb {
   background-image: url(../image/icon_zb_b.png);

}

.bussness-tabs .bussness-tab-item.kzcm.current {
   background-image: url(../image/icon_cm_w.png);

}

.bussness-tabs .bussness-tab-item.kzzx.current {
   background-image: url(../image/icon_zx_w.png);

}

.bussness-tabs .bussness-tab-item.kzjs.current {
   background-image: url(../image/icon_js_w.png);

}

.bussness-tabs .bussness-tab-item.kzzb.current {
   background-image: url(../image/icon_zb_w.png);

}

.group-brand {
   width: 100%;
   height: 680px;
   background: url(../image/bg_jtpp.jpg) no-repeat center bottom;
   background-color: #264F9E;
   padding: 100px 0;
   box-sizing: border-box;
}

.group-brand .channel-title h4 {
   color: #FFFFFF;
}

.swiper-container1 {
   width: 100%;
   height: 372px !important;
   margin-top: 70px;
   overflow: hidden;
   box-sizing: border-box;
   padding-right: 66px;
   /* display: flex; */
}
.swiper-container1:hover {
   /* width: 100%;
   height: 372px !important;
   margin-top: 70px;
   overflow: hidden;
   box-sizing: border-box; */
   padding-right: 0;
}
.swiper-container1  .swiper-wrapper {
display: flex;
  }
.swiper-container1 .swiper-slide {
   width: 260px;
   height: 284px;
   /* background: #FFFFFF; */
   padding-right: 46px;
   position: relative;
   margin-top: 44px;
   border-radius: 8px;
   /* float: none; */
}

.swiper-container1 .swiper-slide:hover {
   width: 300px;
   height: 328px;
   /* background: rgba(7,49,144,0.60); */
   border-radius: 8px;
   margin-top: 0;
}

/* .swiper-container1 .swiper-slide:last-child {
   margin-right: 46px;
} */
.swiper-container1 .swiper-slide .imgBox {
   width: 260px;
   height: 284px;
   position: relative;

   background: #FFFFFF;
   border-radius: 8px;
   margin-left: 46px;

}

.swiper-container1 .swiper-slide:hover .imgBox {
   width: 300px;
   height: 328px;
   background: #FFFFFF;
   margin-left: 46px;

}

.swiper-container1 .swiper-slide .imgBox span {
   width: 52px;
   height: 26px;
   /* opacity: 0.1; */
   /* background: #A9803A; */
   border-radius: 11px 0px 11px 0px;
   font-family: SourceHanSansCN-Normal;
   font-size: 12px;
   /* color: #A9803A; */
   font-weight: 400;
   content: "";
   text-align: center;
   line-height: 26px;
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 3;
}

.swiper-container1 .swiper-slide .imgBox::after {
   width: 290px;
   height: 27px;
   /* background-image: linear-gradient(180deg, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.00) 100%); */
   background-image: url(../image/home_gb1.png);
   border-radius: 0px;
   content: "";
   background-size: 100% 100%;
   position: absolute;
   bottom: -32px;
   left: 50%;
   margin-left: -145px;
}

.swiper-container1 .swiper-slide:hover .imgBox::after {
   width: 330px;
   left: 50%;
   margin-left: -165px;
}

.swiper-container1 .swiper-slide .imgBox.js span {
   background: rgba(0, 145, 255, .1);
   color: #0091FF;
   /* content: "技术"; */
}

.swiper-container1 .swiper-slide .imgBox.cm span{
   background: rgba(47, 187, 126, .1);
   color: #2FBB7E;
   /* content: "传媒"; */
}

.swiper-container1 .swiper-slide .imgBox.zx span {
   background: rgba(255, 241, 240, 1);
   color: #E02020;
   /* content: "咨询"; */
}

.swiper-container1 .swiper-slide .imgBox.zb span {
   background: rgba(169, 128, 58, .1);
   color: #A9803A;
   /* content: "资本"; */
}

.swiper-container1 .swiper-slide img.jtpp {
   width: 100%;
   /* height: 264px; */
   display: block;
   /* margin-left: 46px; */
   border-radius: 8px 8px 0 0;
}

.swiper-container1 .swiper-slide img.jtpp_logo {
   /* max-width: 160px; */
   /* height: 45px; */
   display: block;
   /* margin-left: 46px; */
   /* margin: 34px auto 0; */
   position: absolute;
   bottom: 0;
   background-color: #fff;
   right: 50%;
   transform: translateX(50%);
   /* width: 100%; */
   border-radius: 0 0 8px 8px;
   width: 216px;
   /* height: 60px; */
   margin: 25px auto;
}

.swiper-container1 .swiper-slide:hover img.jtpp_logo {
   width: 300px
   /* height: 60px; */

}

.swiper-container1 .swiper-slide p.jtpp_intr {
   color: #FFFFFF;
   font-size: 16px;
   padding: 0 24px;
   position: absolute;
   top: 110px;
}

.swiper-container1 .swiper-slide .kzpp-masked {
   position: absolute;
   left: 46px;
   top: 0;
   width: 300px;
   height: 328px;
   background: rgba(7, 49, 144, 0.60);
   z-index: 99;
   display: none;
   border-radius: 6px;
}

.swiper-container1 .swiper-slide:hover .kzpp-masked {

   display: block;
}

.swiper-container1 .swiper-slide .kzpp-masked img {
   width: 84px;
   height: 84px;
   background: #FFFFFF;
   display: block;
   margin: 87px auto 3px;

}

.swiper-container1 .swiper-slide .kzpp-masked p {
   font-family: SourceHanSansCN-Normal;
   font-size: 12px;
   color: #FFFFFF;
   text-align: center;
   line-height: 16px;
   font-weight: 400;
}

.hzzk {
   background-color: #fff;
   padding-top: 60px;
}

.hzzk .channel-title {
   margin-bottom: 30px;
}

.hzzk .swiper-container2 {
   height: 434px;
   width: 1060px;
   margin: 0 auto;
   overflow: hidden;
}

.hzzk .swiper-container2 .swiper-slide {
   position: relative;
   border-left: 1px solid rgba(223, 230, 236, 1);
   box-sizing: border-box;
   padding: 80px 0 0;
   font-family: SourceHanSansCN-Medium;
   font-size: 14px;
   color: #6D7278;
   line-height: 20px;
   font-weight: 500;
}

.hzzk .swiper-container2 .swiper-slide img {
   max-width: 259px;
   width: auto;
   height: 72px;
   display: block;
   margin: 0 auto 16px;
}

.hzzk .swiper-container2 .swiper-slide p {
   margin-top: 0;
   padding: 0 17px;
}

.hzzk .swiper-container2 .swiper-slide .hover {
   width: 265px;
   height: 434px;
   background: #1772EA;
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   box-sizing: border-box;
   display: none;
}

.hzzk .swiper-container2 .swiper-slide:hover .hover {

   /* box-sizing: border-box; */
   display: block;
}

.hzzk .swiper-container2 .swiper-slide .hover img {
   max-width: 202px;
   height: 38px;
   margin-bottom: 36px;

}

.hzzk .swiper-container2 .swiper-slide .hover p {
   font-family: SourceHanSansCN-Medium;
   font-size: 14px;
   color: #FFFFFF;
   text-align: justify;
   line-height: 20px;
   font-weight: 500;
}

.hzzk .swiper-container2 .swiper-slide .hover a {
   width: 86px;
   height: 36px;
   /* opacity: 0.6; */
   border: 1px solid rgba(255, 255, 255, .6);
   border-radius: 4px;
   font-family: SourceHanSansCN-Normal;
   font-size: 14px;
   color: #FFFFFF;
   font-weight: 400;
   text-align: center;
   line-height: 36px;
   position: absolute;
   bottom: 20px;
   left: 50%;
   margin-left: -43px;
}

.hzzk .hzzk_intr {
   font-family: SourceHanSansCN-Normal;
   font-size: 16px;
   color: #313336;
   text-align: justify;
   line-height: 26px;
   font-weight: 400;
   margin-bottom: 30px;
}

.swiper-box {
   position: relative;
   margin-bottom: 38px;
}

.swiper-box button {
   width: 54px;
   height: 54px;
   cursor: pointer;
   background-color: transparent;
   position: absolute;
   top: 124px;

}

.swiper-box button.left {
   background: url(../image/icon_l.png) no-repeat center;
   left: 0;
}

.swiper-box button.right {
   background: url(../image/icon_r.png) no-repeat center;
   right: 0;
}

.swiper-box button.left:hover {
   background: url(../image/icon_l_hover.png) no-repeat center;
   left: 0;
}

.swiper-box button.right:hover {
   background: url(../image/icon_r_hover.png) no-repeat center;
   right: 0;
}