/* Extra small devices (phones, 600px and down) */
 
 @media only screen and (max-width: 600px) {
     .pban {
         /*    height: 240px; */
         padding: 0rem 0rem;
         width: 100%;
         background-color: #fff;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title {
         font-size: 1rem;
         z-index: 10;
         bottom: 0px;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 0.8rem;
         line-height: 1rem;
         padding: 10px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 0.8rem
     }
     .pline {
         padding-top: 0rem;
         padding-bottom: 0rem;
     }
     .pban1 {
         /*    height: 240px; */
         padding: 0rem 0rem;
         background-color: #fff;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title {
         font-size: 1rem;
         z-index: 10;
         bottom: 0px;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 0.8rem;
         line-height: 1rem;
         padding: 10px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 0.8rem
     }
     .pline {
         padding-top: 0rem;
         padding-bottom: 0rem;
     }
     /*左、右*/
     .mynext,
     .myprev {
         position: absolute;
         bottom: 0.1rem;
         z-index: 18;
         font-size: 1.5rem;
         color: #ffffff !important;
     }
     .mynext {
         right: 1rem;
     }
     .myprev {
         right: 3rem;
     }
     .news-ku {}
     .news-lines {
         height: 1rem;
     }
     /*系统集成*/
     .integration ul li {
         list-style: none;
     }
     .content img {
         display: none;
     }
     /*系统集成*/
     /*主体部分标题*/
     .htitle .title {
         position: relative;
     }
     .htitle .title .h1 {
         position: absolute;
         width: 100%;
         top: -20px;
         left: 20px;
         font-size: 40px;
         color: #f4f4f4;
         font-weight: 400;
         text-transform: uppercase;
         margin-bottom: 1rem;
     }
     .htitle .title .h2 {
         color: #dc3545;
         font-size: 36px;
         position: relative;
         padding-top: 20px;
         margin-bottom: 1rem;
     }
     .htitle .title .h2:after {
         position: absolute;
         display: block;
         width: 60px;
         height: 4px;
         background: #e13d19;
         top: 0;
         left: 0;
         content: '';
     }
     /*标题*/
     .newsfonts {
         padding: 0.75rem 0.5rem;
         border: none;
         font-size: 1rem;
         font-weight: 400;
         list-style: none;
         color: #555;
     }
     .newsline {
         color: ;
         font-size: 1rem;
         font-weight: 400;
         float: right;
     }
 }
 /* Small devices (portrait tablets and large phones, 600px and up) */
 
 @media only screen and (min-width: 600px) {
     .pban1 {
         /*    height: 240px; */
         padding: 0rem 0rem;
         background-color: #fff;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title {
         font-size: 1rem;
         z-index: 10;
         bottom: 0px;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 0.8rem;
         line-height: 1rem;
         padding: 10px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 0.8rem
     }
     .pline {
         padding-top: 0rem;
         padding-bottom: 1.1rem;
     }
     /*左、右*/
     .mynext,
     .myprev {
         position: absolute;
         bottom: 0.1rem;
         z-index: 18;
         font-size: 1.5rem;
         color: #ffffff !important;
     }
     .mynext {
         right: 1rem;
     }
     .myprev {
         right: 3rem;
     }
     /*系统集成*/
     .integration ul li {
         list-style: none;
     }
     .content img {
         display: none;
     }
     /*系统集成*/
     /*主体部分标题*/
     .htitle .title {
         position: relative;
     }
     .htitle .title .h1 {
         position: absolute;
         width: 100%;
         top: -20px;
         left: 20px;
         font-size: 40px;
         color: #f4f4f4;
         font-weight: 400;
         text-transform: uppercase;
     }
     .htitle .title .h2 {
         color: #dc3545;
         font-size: 36px;
         position: relative;
         padding-top: 20px;
     }
     .htitle .title .h2:after {
         position: absolute;
         display: block;
         width: 60px;
         height: 4px;
         background: #e13d19;
         top: 0;
         left: 0;
         content: '';
     }
     /*标题*/
     /*标题*/
     .newsfonts {
         padding: 0.75rem 0.5rem;
         border: none;
         font-size: 0.9rem;
         font-weight: 400;
         list-style: none;
         color: #555;
     }
     .newsline {
         color: ;
         font-size: 0.9rem;
         font-weight: 400;
         float: right;
     }
 }
 /* Medium devices (landscape tablets, 768px and up) */
 
 @media only screen and (min-width: 768px) {
     .pban {
         height: auto;
         padding: 0rem 0rem;
         width: 100%;
         background-color: #fff;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 1rem;
         line-height: 1.8rem;
         /*      padding: 7px;
         margin: 0% 0%;
         left: 0%;*/
         text-align: left;
         font-weight: 500;
         padding-left: 6%;
         word-wrap: break-word;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 1.4rem;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title {
         position: relative;
         text-align: center;
         margin: 0 auto;
         width: 100%;
         bottom: 0px;
     }
     .pban1 {
         height: auto;
         padding: 0rem 0rem;
         background-color: #fff;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 1rem;
         line-height: 1.8rem;
         /*      padding: 7px;
        margin: 0% 0%;
        left: 0%;*/
         text-align: left;
         font-weight: 500;
         padding-left: 6%;
         word-wrap: break-word;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 1.4rem;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title {
         position: relative;
         text-align: center;
         margin: 0 auto;
         width: 100%;
         bottom: 0px;
     }
     /*服务集成*/
     .index_section4 {
         padding: 110px 0 90px;
     }
     .integration {
         margin-top: 30px;
     }
     .integration * {
         -webkit-transition: 0.5s;
         -moz-transition: 0.5s;
         -ms-transition: 0.5s;
         -o-transition: 0.5s;
         transition: 0.5s;
     }
     .integration ul {
         overflow: hidden;
         width: 100%;
     }
     .integration ul li {
         float: left;
         position: relative;
         vertical-align: top;
         width: 18.5%;
         border-right: 1px solid #fff;
         overflow: hidden;
     }
     .integration ul li .bk {
         max-width: none;
         height: 100%;
     }
     .integration ul li:after {
         position: absolute;
         content: '';
         display: block;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #002b75;
         opacity: 0.6;
     }
     .integration ul li:nth-child(2):after {
         background: #228863;
     }
     .integration ul li:nth-child(3):after {
         background: #cf7711;
     }
     .integration ul li .content {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         z-index: 10;
         text-align: center;
     }
     .integration ul li .content .h4 {
         font-size: 24px;
         color: #fff;
         font-weight: 500;
         margin: 30px 0 40px;
     }
     .integration ul li .content p {
         font-size: 18px;
         color: #fff;
         opacity: 0.6;
         display: none;
     }
     .integration ul li.on {
         width: 44.5%;
     }
     .integration ul li.on:after {
         display: none;
     }
     .integration ul li.on .content {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 450px;
         height: 100px;
         background: #002b75;
         padding: 20px 30px;
         padding-left: 110px;
     }
     .integration ul li.on .content:after {
         position: absolute;
         display: block;
         content: '';
         left: 100%;
         top: 0;
         width: 0;
         height: 0;
         border-left: 50px solid #002b75;
         border-top: 50px solid transparent;
         border-bottom: 50px solid transparent;
     }
     .integration ul li:nth-child(2).on .content:after {
         border-left: 50px solid #228863;
     }
     .integration ul li:nth-child(3).on .content:after {
         border-left: 50px solid #cf7711;
     }
     .integration ul li.on .content img {
         position: absolute;
         top: 20px;
         left: 30px;
         display: block;
     }
     .integration ul li:nth-child(2).on .content {
         background: #228863;
     }
     .integration ul li:nth-child(3).on .content {
         background: #cf7711;
     }
     .integration ul li.on .content {
         text-align: left;
     }
     .integration ul li.on .content .h4 {
         margin: 0;
     }
     .integration ul li.on .content p {
         display: block;
     }
     /*琴*/
     /*主体部分标题*/
     .htitle .title {
         position: relative;
     }
     .htitle .title .h1 {
         position: absolute;
         width: 100%;
         top: -20px;
         left: 20px;
         font-size: 40px;
         color: #f4f4f4;
         font-weight: 400;
         text-transform: uppercase;
     }
     .htitle .title .h2 {
         color: #dc3545;
         font-size: 36px;
         position: relative;
         padding-top: 20px;
     }
     .htitle .title .h2:after {
         position: absolute;
         display: block;
         width: 60px;
         height: 4px;
         background: #e13d19;
         top: 0;
         left: 0;
         content: '';
     }
     /*标题*/
     /*标题*/
     .newsfonts {
         padding: 0.75rem 0.5rem;
         border: none;
         font-size: 1rem;
         font-weight: 400;
         list-style: none;
         color: #555;
     }
     .newsline {
         color: ;
         font-size: 1rem;
         font-weight: 400;
         float: right;
     }
 }
 /* Large devices (laptops/desktops, 992px and up) */
 
 @media only screen and (min-width: 992px) {}
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 
 @media only screen and (min-width: 1200px) {
     .pban {
         height: auto;
         padding: 0rem 0rem;
         width: 100%;
         background-color: #fff;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 1.2rem;
         line-height: 2.5rem;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 30px;
         font-weight: 800;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title {
         position: absolute;
         text-align: center;
         margin: 0 auto;
         width: 100%;
         bottom: 0px;
     }
     .pline {
         padding: 0rem 0rem 0rem 0rem!important;
     }
     .pban1 {
         height: auto;
         padding: 0rem 0rem;
         background-color: #fff;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 1rem;
         line-height: 1.5rem;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 30px;
         font-weight: 800;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title {
         position: absolute;
         text-align: center;
         margin: 0 auto;
         width: 100%;
         bottom: 0px;
     }
     .pline1 {
         padding: 3rem 3rem 1.5rem 3rem!important;
     }
     /*左、右*/
     .mynext,
     .myprev {
         position: absolute;
         bottom: 0.3rem;
         z-index: 18;
         font-size: 1.5rem;
         color: #ffffff !important;
     }
     .mynext {
         right: 1rem;
     }
     .myprev {
         right: 3rem;
     }
     .news-lines {
         height: 0.2rem;
         background-color: #dc3545;
         width: 110%;
         position: absolute;
         right: 0rem;
         margin-right: 2rem;
     }
     .news-ku {
         position: absolute;
         top: 0px;
         right: 0px;
     }
     /*服务集成*/
     .index_section4 {
         padding: 110px 0 90px;
     }
     .integration {
         margin-top: 40px;
     }
     .integration * {
         -webkit-transition: 0.5s;
         -moz-transition: 0.5s;
         -ms-transition: 0.5s;
         -o-transition: 0.5s;
         transition: 0.5s;
     }
     .integration ul {
         overflow: hidden;
         width: 100%;
     }
     .integration ul li {
         float: left;
         position: relative;
         vertical-align: top;
         width: 18.5%;
         border-right: 1px solid #fff;
         overflow: hidden;
     }
     .integration ul li .bk {
         max-width: none;
         height: 100%;
     }
     .integration ul li:after {
         position: absolute;
         content: '';
         display: block;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #002b75;
         opacity: 0.6;
     }
     .integration ul li:nth-child(2):after {
         background: #228863;
     }
     .integration ul li:nth-child(3):after {
         background: #cf7711;
     }
     .integration ul li .content {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         z-index: 10;
         text-align: center;
     }
     .integration ul li .content .h4 {
         font-size: 24px;
         color: #fff;
         font-weight: 500;
         margin: 30px 0 40px;
     }
     .integration ul li .content p {
         font-size: 18px;
         color: #fff;
         opacity: 0.6;
         display: none;
     }
     .integration ul li.on {
         width: 44.5%;
     }
     .integration ul li.on:after {
         display: none;
     }
     .integration ul li.on .content {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 450px;
         height: 100px;
         background: #002b75;
         padding: 20px 30px;
         padding-left: 110px;
     }
     .integration ul li.on .content:after {
         position: absolute;
         display: block;
         content: '';
         left: 100%;
         top: 0;
         width: 0;
         height: 0;
         border-left: 50px solid #002b75;
         border-top: 50px solid transparent;
         border-bottom: 50px solid transparent;
     }
     .integration ul li:nth-child(2).on .content:after {
         border-left: 50px solid #228863;
     }
     .integration ul li:nth-child(3).on .content:after {
         border-left: 50px solid #cf7711;
     }
     .integration ul li .content img {
         display: block;
         position: absolute;
         left: 35%;
         top: -80%
     }
     .integration ul li.on .content img {
         position: absolute;
         top: 20px;
         left: 30px;
         display: block;
     }
     .integration ul li:nth-child(2).on .content {
         background: #228863;
     }
     .integration ul li:nth-child(3).on .content {
         background: #cf7711;
     }
     .integration ul li.on .content {
         text-align: left;
     }
     .integration ul li.on .content .h4 {
         margin: 0;
     }
     .integration ul li.on .content p {
         display: block;
     }
     /*琴*/
     /*主体部分标题*/
     .htitle .title {
         position: relative;
     }
     .htitle .title .h1 {
         position: absolute;
         width: 100%;
         top: -20px;
         left: 20px;
         font-size: 60px;
         color: #f4f4f4;
         font-weight: 400;
         text-transform: uppercase;
     }
     .htitle .title .h2 {
         color: #dc3545;
         font-size: 36px;
         position: relative;
         padding-top: 20px;
     }
     .htitle .title .h2:after {
         position: absolute;
         display: block;
         width: 60px;
         height: 4px;
         background: #e13d19;
         top: 0;
         left: 0;
         content: '';
     }
     .htitle .title .h1cc {
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        font-size: 20px;
        color: #f4f4f4;
        font-weight: 400;
        text-transform: uppercase;
    }
     .htitle .title .h2cc {
        color: #dc3545;
        font-size: 1.5rem;
        position: relative;
        padding-top: 20px;
    }
    .htitle .title .hcc:after {
       
    }



     /*标题*/
     .newsfonts {
         padding: 0.75rem 0.5rem;
         border: none;
         font-size: 1rem;
         font-weight: 400;
         list-style: none;
         color: #555;
     }
     .newsline {
         color: ;
         font-size: 1rem;
         font-weight: 400;
         float: right;
     }
 }
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 
 @media only screen and (min-width: 1500px) {
     .pban {
         height: auto;
         padding: 0rem 0rem;
         width: 100%;
         background-color: #fff;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 1.2rem;
         line-height: 3.5rem;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban .swiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 30px;
         font-weight: 800;
     }
     .pban1 {
         height: auto;
         padding: 0rem 0rem;
         background-color: #fff;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt {
         z-index: 10;
         background-color: #dc3545;
         width: 100%;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox {
         font-size: 1.2rem;
         line-height: 1.5rem;
         font-weight: 500;
         word-wrap: break-word;
     }
     .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title .sboxt .stbox span {
         font-size: 30px;
         font-weight: 800;
     }
     /*左、右*/
     .mynext,
     .myprev {
         position: absolute;
         bottom: 0.2rem;
         z-index: 18;
         font-size: 1.5rem;
         color: #ffffff !important;
     }
     .mynext {
         right: 1rem;
     }
     .myprev {
         right: 3rem;
     }
     .newsfonts {
         padding: 0.75rem 0.5rem;
         border: none;
         font-size: 1.2rem;
         font-weight: 400;
         list-style: none;
         color: #555;
     }
     .newsline {
         color: ;
         font-size: 1.2rem;
         font-weight: 400;
         float: right;
     }
 }
 
 .swiper-container {
     width: 100%;
     height: auto;
     /*    background: #000;*/
 }
 
 .pban .swiper-container .swiper-wrapper .swiper-slide {
     font-size: 18px;
     color: #fff;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0px 0px;
     text-align: center;
 }
 
 .parallax-bg {
     position: absolute;
     left: 0;
     top: 0;
     width: 130%;
     height: 100%;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center;
 }
 
 .pban .swiper-container .swiper-wrapper .swiper-slide .title {
     position: relative;
     text-align: center;
     margin: 0 auto;
     width: 100%;
     bottom: 0px;
 }
 
 .pban .swiper-container .swiper-wrapper .swiper-slide .subtitle {
     font-size: 21px;
 }
 
 .pban .swiper-container .swiper-wrapper .swiper-slide img {
     width: 100%;
     height: auto;
     z-index: 1;
 }
 
 .pban .swiper-container .swiper-wrapper .swiper-slide .text {
     font-size: 14px;
     max-width: 400px;
     line-height: 1.3;
     background-color: #dc3545;
     z-index: 10;
 }
 
 .pban .swiper-container .swiper-wrapper .swiper-slide {
     text-align: center;
     vertical-align: middle;
 }
 
 .swiper-pagination-fraction {
     text-align: right;
     padding-right: 5%;
 }
 /*    2*/
 
 .myswiper-container {
     width: 100%;
     height: 100%;
     /*    background: #000;*/
 }
 
 .pban1 .myswiper-container .swiper-wrapper .swiper-slide {
     font-size: 18px;
     color: #fff;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0px 0px;
     text-align: center;
 }
 
 .parallax-bg {
     position: absolute;
     left: 0;
     top: 0;
     width: 130%;
     height: 100%;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center;
 }
 
 .pban1 .myswiper-container .swiper-wrapper .swiper-slide .title {
     position: relative;
     text-align: center;
     margin: 0 auto;
     width: 100%;
     bottom: 0px;
 }
 
 .pban1 .myswiper-container .swiper-wrapper .swiper-slide .subtitle {
     font-size: 21px;
 }
 
 .pban1 .myswiper-container .swiper-wrapper .swiper-slide img {
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 
 .pban1 .myswiper-container .swiper-wrapper .swiper-slide .text {
     font-size: 14px;
     max-width: 400px;
     line-height: 1.3;
     background-color: #dc3545;
     z-index: 10;
 }
 
 .pban1 .myswiper-container .swiper-wrapper .swiper-slide {
     text-align: center;
     vertical-align: middle;
 }
 
 .swiper-pagination-fraction {
     text-align: right;
     padding-right: 5%;
 }
 
 .newsfonts {}
 
 .list-news li a:hover {
     color: #dc3545;
 }
 
 .news-title {
     color: #dc3545;
 }
 /*@media only screen and (max-width: 768px) {
	.integration ul li{width: 100%;float: none;height: 100px}
	.integration ul li .bk{display: none;height: auto;width: 100%;}
}*/
 
 .titlenews {
     font-size: 1.2rem;
     color: #dc3545;
 }
 /* Extra small devices (phones, 600px and down) */
 
 @media only screen and (max-width: 600px) {
     .pban5 {
         height: 100%;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq {
         font-size: 1rem;
         top: 20%;
         margin: 0%;
         z-index: 10;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq {
         z-index: 10;
         /*  background-color: rgba(0, 0, 0, 0.459);*/
         width: 100%;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq {
         font-size: 1rem;
         line-height: 1rem;
         padding: 10px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 300;
         word-wrap: break-word;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq p {
         font-size: 0.8rem
     }
 }
 /* Small devices (portrait tablets and large phones, 600px and up) */
 
 @media only screen and (min-width: 600px) {
     .pban5 {
         height: 260px;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq {
         font-size: 1rem;
         top: 20%;
         margin: 0%;
         z-index: 10;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq {
         z-index: 10;
         /*  background-color: rgba(0, 0, 0, 0.459);*/
         width: 100%;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq {
         font-size: 1rem;
         line-height: 1rem;
         padding: 10px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 300;
         word-wrap: break-word;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq p {
         font-size: 0.8rem
     }
 }
 /* Medium devices (landscape tablets, 768px and up) */
 
 @media only screen and (min-width: 768px) {
     .pban5 {
         height: auto;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq {
         top: 15%;
         z-index: 10;
         /*  background-color: rgba(0, 0, 0, 0.459);*/
         width: 100%;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq {
         font-size: 1.8rem;
         line-height: 1.8rem;
         padding: 15px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 300;
         word-wrap: break-word;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq p {
         font-size: 1.4rem;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq {
         position: absolute;
         text-align: center;
         margin: 0 auto;
         width: 100%;
         top: 35%;
     }
 }
 /* Large devices (laptops/desktops, 992px and up) */
 
 @media only screen and (min-width: 992px) {}
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 
 @media only screen and (min-width: 1200px) {
     .pban5 {
         height: auto;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq {
         top: 25%;
         z-index: 10;
         /*  background-color: rgba(0, 0, 0, 0.459);*/
         width: 60%;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq {
         font-size: 1.8rem;
         line-height: 1.8rem;
         padding: 15px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 300;
         word-wrap: break-word;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq p {
         font-size: 30px;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq {
         position: absolute;
         text-align: center;
         margin: 0 auto;
         width: 100%;
         top: 35%;
     }
 }
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 
 @media only screen and (min-width: 1500px) {
     .pban5 {
         height: auto;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq {
         position: relative;
         top: 35%;
         z-index: 10;
         /*  background-color: rgba(0, 0, 0, 0.459);*/
         width: 48%;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq {
         font-size: 2rem;
         line-height: 2.5rem;
         padding: 15px;
         margin: 0% 0%;
         left: 0%;
         font-weight: 500;
         text-align: left;
         word-wrap: break-word;
     }
     .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq .sboxtq .stboxq p {
         font-size: 1.5rem;
     }
 }
 
 .pban5 .swiper-container5 {
     width: 100%;
     height: 100%;
     /*    background: #000;*/
 }
 
 .pban5 .swiper-container5 .swiper-wrapper .swiper-slide {
     font-size: 18px;
     color: #fff;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0px 0px;
     text-align: center;
 }
 
 .parallax-bg {
     position: absolute;
     left: 0;
     top: 0;
     width: 130%;
     height: 100%;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center;
 }
 
 .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .titleq {
     position: absolute;
     text-align: center;
     margin: 0 auto;
     width: 100%;
 }
 
 .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .subtitleq {
     font-size: 21px;
 }
 
 .pban5 .swiper-container5 .swiper-wrapper .swiper-slide img {
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 
 .pban5 .swiper-container5 .swiper-wrapper .swiper-slide .text {
     font-size: 14px;
     max-width: 400px;
     line-height: 1.3;
     background-color: rgba(0, 0, 0, 0);
     z-index: 10;
     top: 35%;
 }
 
 .pban5 .swiper-container5 .swiper-wrapper .swiper-slide {
     text-align: center;
     vertical-align: middle;
 }
 
 .button-effect::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 2px solid #000066;
     -webkit-transform: translate(3px, 3px);
     transform: translate(3px, 3px);
     -webkit-transition: -webkit-transform .15s ease-out;
     transition: -webkit-transform .15s ease-out;
     transition: transform .15s ease-out;
     transition: transform .15s ease-out, -webkit-transform .15s ease-out;
 }
 
 .button-effect:hover::after {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
 }