/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.container{position:relative;width:100%;max-width:1500px;min-width:320px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
img{vertical-align:middle;max-width:100%;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd60{padding:60px 0;overflow:hidden;}
body{color:#565656;line-height:1.6;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}


.proBan{height:700px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.proBan .txt{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:leftPic .8s;color:#fff;max-width:1500px;margin:0 auto;width:100%;text-transform: uppercase;letter-spacing:2px;line-height:1.4;font-size:1.25em;}
.proBan .txt h3{font-size:2.1em;color:#000;max-width:600px;}
.proBan .txt h3 span{display:block;font-family: 'Noto Sans SC', sans-serif;font-size:25px;letter-spacing: 0px;}
.proBan .txt h3 span ins{text-decoration: none;border-bottom: 3px solid #004E92;padding-bottom: 30px;}
.proBan .txt h3 b{color:#004E92;}
.proBan .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 8s 0s ease both infinite;-moz-animation: minus 8s 0s ease both infinite;animation: minus 8s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.proBan .pBtn{background:#004E92 url('../images/apply_li.png') no-repeat 82% center;margin-top:40px;width:180px;height:50px;line-height:50px;text-align:center;border-radius:25px;color:#fff;display:inline-block;padding-right:20px;}
.proBan .pBtn:hover{box-shadow:5px 5px 5px #00396b;}
.proBan .breadcrumb{color:#fff;}
.proBan .breadcrumb a{color:#fff;}
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}

.solutionBan{height:550px;}
.solutionBan h4{font-size:2.1em;margin-bottom:25px;}
.solutionBan .sBtn a{font-size:16px;width:180px;height:50px;line-height:50px;text-align:center;background:#004E92;color:#fff;display:inline-block;}
.solutionBan .sBtn .down{margin-left:20px;background:#fff;color:#004E92;}
.solutionBan .sBtn a i{font-family:"iconfont";margin-left:15px;}
.solutionBan .sBtn a:hover{background:#00396b;color:#fff;}
.solutinBox1 .pTitle{font-weight:400;}


/* 邦彦云PC */ 
.proBox1{display:flex;justify-content:space-between;}
.pTitle{font-size:2.250em;margin-bottom:30px;color:#000;font-weight:700;}
.pTitle span{display:block;color:#004E92;}
.proBox1 .txt{max-width:650px;margin-right:30px;line-height:2;padding-top:60px;width:50%;}
.proSlide_box1 .swiper-pagination{display:none;}
.proBox2,.proBox5,.proBox7,.proBox9,.solutinBox3{background:#f5f9ff;overflow:hidden;}
.proBox2 li{float:left;width:20%;text-align:center;margin:20px 0px;padding:0 5px;}
.proBox2 li a{background:#fff;width:230px;height:220px;border-radius:20px;display:inline-block;padding-top:42px;max-width:100%;top:0;position:relative;}
.proBox2 li i{display:inline-block;width:88px;height:80px;background-size:100%;margin-bottom:20px;}
.proBox2 li a:hover{box-shadow:5px 5px 10px #e1e1e1;top:-10px;}
.proSlide_box1{padding-top:10px;overflow:hidden;}
.proBox3 li{float:left;width:auto;border:1px solid #004E92;margin-right:15px;position: relative;top:0;transition:all .5s;text-align:center;}
.proBox3 li h5{height:50px;line-height:50px;background:#004E92;color:#fff;font-size:1.375em;}
.proBox3 li:hover{top:-10px;box-shadow:2px 2px 10px #abcfee;}

.proBox4 ul{padding:0 5px;padding-top:10px;}
.proBox4 li{float:left;width:49.2%;background:#f5f9ff;overflow: hidden;margin-bottom:20px;height:530px;padding:50px 4%;line-height:2;transition:all .5s;top:0;position:relative;}
.proBox4 li h5{font-size:2em;color:#000;margin-bottom:15px;line-height:1.5;}
.proBox4 li p{margin-bottom:10px;height:90px;}
.proBox4 li:hover{box-shadow:2px 2px 5px #e5e5e5;top:-10px;}
.proBox4 li .pic{display: block;text-align:center;overflow:hidden;}
.proBox4 li img{transition:all .5s;}
.proBox4 .p3:hover{top:0;}
.proBox4 .p2{float:right;}
.proBox4 .p3{width:100%;height:auto;}
.proBox4 .box{margin-right:-15px;overflow:hidden;}
.proBox4 .box div{float:left;width:25%;padding-right:15px;text-align:center;}
.proBox4 .box a{position: relative;display:block;}
.proBox4 .box .pImg{padding-top:76%;}
.proBox4 .box p{position:absolute;bottom:0;width:100%;height:60px;line-height:60px;left:0;color:#fff;background:#004E92;background:linear-gradient(to right,rgba(0,78,162,1) 70%,rgba(0,78,162,.2));margin-bottom:0;}
.proBox4 .box a:hover img{transform:scale(1.1);}
.proBox5{margin-top:60px;}
.proBox5 li{background:#fff;}
.proBox6 li.p1{width:36%;}
.proBox6 li.p2{width:62.5%;}
.proBox6 li.p3{display:flex;justify-content:space-between;align-items:center;}
.proBox6 li.p3 .pic{max-width:50%;overflow:hidden;}
.proBox6 li.p3 .txt{width:50%;max-width:650px;padding-right:30px;}
.proBox6 li.p3:hover img{transform:scale(1.05);}

.proTab_menu{width:45%;background:#fff;overflow:hidden;}
.proTab_menu li{border-bottom: 1px solid #dbdcdd;padding:0 8%;height:70px;overflow:hidden;transition:all .5s;cursor:pointer;}
.proTab_menu li span{display: block;font-size:1.5em;height:70px;line-height:70px;position:relative;}
.proTab_menu li span::after,.proTab_menu li span::before{content:"";position:absolute;background:#004E92;top:50%;transition:all .5s;}
.proTab_menu li span::after{right:0;width:21px;height:3px;margin-top:-2px;}
.proTab_menu li span::before{right:9px;width:3px;height:21px;margin-top:-11px;}
.proTab_menu li.on{height:170px;padding:20px 8%;}
.proTab_menu li.on span::before{opacity:0;transform: rotate(90deg);}
.proTab_menu li.on span{color:#004E92;}
.proTab_menu li:last-child{border:none;}
.proTab_box{width:54%;height:450px;overflow:hidden;}
.proTab_box li img{width:100%;height:100%;object-fit:cover;}
.proBox7_main li{margin-top:20px;display:flex;justify-content:space-between;padding:25px 4%;background:#fff;padding-right:7%;align-items:center;}
.proBox7_main li .txt{width:45%;max-width:550px;padding-right:30px;line-height:2;}
.proBox7_main li .pic{max-width:50%;}
.proBox7_main li h4{color:#000;font-size:2.25em;margin-bottom:20px;line-height:1.6;}
.proBox9 ul{margin-right:-10px;}
.proBox9 li{float:left;width:33.3%;padding-right:10px;margin-bottom:10px;}
.proBox9 li a{display:block;position:relative;height:340px;color:#fff;overflow:hidden;position:relative;}
.proBox9 li a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:0;background:#004E92;transition:all .5s;}
/*.proBox9 li .txt{position:absolute;width:100%;padding:0 8%;top:50%;text-align:center;height:auto;overflow:hidden;transition:all .6s;z-index:2;max-height:50px;}*/
.proBox9 li .txt{position:absolute;width:100%;padding:0 8%;top:50%;text-align:center;height:auto;overflow:hidden;transition:all .6s;z-index:2;max-height:42px;}
.proBox9 li .txt h4{font-size:1.625em;margin-bottom:20px;}
.proBox9 li .txt p{line-height:1.8;font-size:.875em;text-align:left;}
.proBox9 li .txt i{display:inline-block;width:86px;height:8px;background: url('../images/p_arr2.png') no-repeat center bottom;margin-top:40px;opacity:0;transition:all .5s;}
.proBox9 li.big{width:50%;}
.proBox9 li.big .txt{padding:0 14%;}
.proBox9 li a:hover::after{opacity:.4;}
.proBox9 li a:hover .bgImg{transform: scale(1.05);}
.proBox9 li a:hover .txt i{opacity:1;margin-top:20px;}
.proBox9 li :hover .txt{height:auto;max-height:200px;top:50%;}

.proBox11{background:#004ea2 url('../images/probom_bg.png') no-repeat center;background-size:cover; overflow:hidden;color:#fff;text-align:center;}
.proBox11 h3{font-size:2.375em;margin-bottom:20px;}
.proBox11 h3 img{border:1px solid rgba(255,255,255,.5);padding:3px;margin-left:10px;}
.proBox11 p span{background: url('../images/pro_tel.png') no-repeat left center;padding-left:50px;font-size:2.625em;font-weight:700;font-family:Arial;padding-right:30px;}
.proBox11 p a{display:inline-block;background:#fff;border-radius:5px;width:280px;height:70px;display:inline-block;line-height:70px;font-size:1.75em;margin-left:30px;position:relative;}
.proBox11 p a::after{content:"";position:absolute;left:-30px;width:2px;height:100%;background:#fff;opacity:.6;}
.proBox11 p a:hover{box-shadow:5px 5px 5px #003b7b;}

.proVideo{width:53%;overflow:hidden;position:relative;height:520px;background:#eee;}
.proVideo video{width:100%;height:100%;object-fit:cover;}
.proVideo button{position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('../images/vIcon.png') no-repeat center;background-size:100%;width:80px;height:80px;}
.proVideo_list{width:46%;overflow:hidden;background:#fbfbfb;height:520px;overflow-y:auto;}
.proVideo_list li{padding:20px;display:flex;align-items:center;border-bottom: 1px solid #ddd;cursor:pointer;position:relative;}
.proVideo_list li::after{content:"";position:absolute;left:0;top:0;width:6px;height:0;transition:all .5s;background:#004e92;}
.proVideo_list li .pic{width:160px;height:90px;overflow: hidden;margin-right:30px;}
.proVideo_list li img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.proVideo_list .on{color:#004e92;}
.proVideo_list .on::after{height:100%;}
.proVideo_list li:hover img{transform:scale(1.1);}

.proVideo .video-js .vjs-big-play-button{left:50%;top:50%;width:80px;height:80px;border-radius:100%;margin-left:-40px;margin-top:-40px;line-height:80px;}
.proVideo .vjs-poster{background-size:cover;}
.my-video-dimensions{width:100%;height:100%;}


/* 视频列表 */
.videoList ul{margin-right:-30px;overflow: hidden;}
.videoList li{float:left;width:33.3%;padding-right:30px;margin-bottom:30px;text-align:center;}
.videoList li a{display: block;overflow: hidden;}
.videoList li .pImg{padding-top:74%;}
.videoList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;font-size:1.143em;color:#000123;margin-top:15px;}
.videoList li p i{float:right;font-family:"iconfont";font-style:normal;}
.videoList li .pImg::after{content:"";position:absolute;left:0;top:0;background:#000;opacity:.4;width:100%;height:100%;transition:all .5s;z-index:4;}
.videoList li .pImg::before{content:"";position:absolute;left:50%;top:50%;width:80px;height:80px;background: url('../images/vIcon.png') no-repeat;margin-left:-40px;margin-top:-32px;z-index:5;transition:all .5s;}
.videoList li:hover p{color:#37b626;}
.videoList li:hover img{transform: scale(1.06);}
.layer_video{width:80% !important;height:90% !important;}

/* 解决方案 */
.solutinBox1 ul{display:flex;justify-content:center;}
.solutinBox1 li p{padding:0 10px;}
.pTitle2{font-weight:400;}
.solutinBox2 .info{box-shadow:0 0 10px #e1e1e1;margin:10px;padding:40px 15px;text-align:center;}
.solutinBox3 ul{margin-right:-30px;}
.solutinBox3 li{float: left;width:33.3%;margin-bottom:30px;padding-right:30px;}
.solutinBox3 li a{display: block;background:#fff;height:300px;padding:6% 8%;}
.solutinBox3 li h4{font-size:1.25em;color:#004EA2;border-bottom: 1px solid #CEDFFF;padding-bottom:20px;margin-bottom:15px;text-align:center;}
.solutinBox3 li p{color:#777;line-height:1.8;}
.solutinBox3 li a:hover{box-shadow:3px 3px 10px #e1e1e1;}
.wapTip{display:none;}


@media all and (max-width:1620px) {
    .container,.proBan .txt{max-width:94%;padding-left:0;padding-right:0;}
    .proBan{height:560px;}
    .proBox2 .container{padding:0;}
}
@media all and (max-width:1440px) {
      body{font-size:.875rem;}
      .proBan .txt h3{max-width:540px;}
      .proSlide_box1 .swiper-pagination{display:block;}
      .proBox4{margin-top:40px;}
      .proBox4 li{height:460px;}
      .proBox9 li a{height:300px;}

}
@media all and (max-width:1240px) {
    .proBox2 li{margin:10px 0;}
    .proBox2 li a{width:200px;height:200px;}
    .solutinBox1 li a{width:230px;height:220px;}
}
@media all and (max-width:1024px) {
    .pd60{padding-top:40px;padding-bottom:40px;}
    .proBan{text-align:center;height:460px;margin-top:56px;}
    .proBan .txt h3{max-width:100%;}
    .proBan .txt h3 span{display:block;font-family: 'Noto Sans SC', sans-serif;font-size:22px;letter-spacing: 0px;}
    .proBan .txt h3 span ins{border-bottom: 3px solid #004E92;padding-bottom: 22px;}
    .proBan .pBtn{margin-top:20px;line-height:40px;height:40px;}
    .proBox1{flex-flow:row wrap;}
    .proBox1 .txt{padding-top:0;width:100%;margin-right:0;max-width:100%;margin-bottom:20px;}
    .proBox1 .pic{text-align:center;width:100%;}
    .pTitle{margin-bottom:20px;line-height:1.4;text-align:center;font-size:2em;}
    .proBox2 li{width:25%;}
    .proBox4 li{height:380px;padding:40px 3%;}
    .proBox4 li h5{font-size:24px;}
    .proBox4 li p{height:auto;margin-bottom:10px;}
    .proBox4 .box div{width:50%;margin-bottom:10px;padding-right:10px;}
    .proBox9 li a{height:260px;}
    .proBox9 li.big .txt{padding:0 10%;}
    .proBox9 li:hover .txt{top:20%;}
    .proBox9 li .txt i{display:none;}
    .proVideo,.proVideo_list {width:100%;}
    .proVideo{height:auto;margin-bottom:10px;}
    .solutinBox1 ul{flex-flow:row wrap;}
    .solutinBox2 .info{padding:0;box-shadow:none;}
    .solutinBox3 li{width:50%;}
    /* .solutinBox2 img{width:auto;max-width:800px;}
    .solutinBox2 .info{overflow-x:auto;}
    .wapTip{display:block;margin-top:10px;} */
}
@media all and (max-width:768px) {
    .proBan{height:360px;}
    .proBan .txt{font-size:1em;}
    .proBan .pBtn{width:140px;}
    .proBox2 li{width:33.3%;}
    .proBox4 li{width:100% !important;float:none;height:auto;}
    .proBox6 li.p3,.proBox7_main li{flex-flow:row wrap;}
    .proBox6 li.p3 .pic,.proBox6 li.p3 .txt,.proBox7_main li .txt,.proBox7_main li .pic{width:100%;max-width:100%;}
    .proTab_menu,.proTab_box{float:none;width:100%;}
    .proTab_menu{margin-bottom:10px;}
    .proTab_menu li{height:60px;}
    .proTab_menu li span{height:60px;line-height:60px;}
    .proTab_menu li.on{height:140px;padding:10px 6%;}
    .proTab_box{height:auto;}
    .proBox7_main li h4{margin-bottom:10px;font-size:28px;}
    .proBox7_main li .txt{margin-bottom:15px;padding-right:0;}
    .proBox9 li{width:100% !important;}
    .proVideo_list{height:240px;}
    .proVideo_list li{padding:10px;padding-left:20px;}
    .proVideo_list li .pic{width:120px;height:60px;}
    .proBox11 h3{font-size:24px;}
    .proBox11 p span{font-size:28px;background-size:25px;padding-left:30px;}
    .proBox11 p a{width:200px;height:50px;font-size:20px;line-height:50px;}
    .solutinBox1 li{width:50%;}
    .solutinBox1 li:nth-child(5){width:100%;}
    .solutinBox3 ul{margin-right:-15px;}
    .solutinBox3 li{padding-right:15px;margin-bottom:15px;}
}

@media all and (max-width:640px) {
    .proBan .txt h3,.solutionBan h4{font-size:1.8em;}
    .proBan{height:300px;}
    .pTitle{font-size:24px;}
    .proBox4 .box p{height:40px;line-height:40px;font-size:13px;}
    .proBox9 li a{height:220px;}
    .proBox9 li .txt {top: 20%;height:auto;max-height: 200px;}
    .proBox9 li a::after{opacity:.5;}
    .proBox9 li .txt h4{margin-bottom:10px;}
    .proBox9 li .txt p{text-align:center;}
    .proVideo{height:260px;}
    .solutinBox3 li{width:100%;}
    .solutinBox3 li a{height:auto;}
}
@media all and (max-width:480px) {
    .proBan{height:260px;}
    .proBan .txt h3,.solutionBan h4{font-size:22px;}
    .solutionBan h4{margin-bottom:15px;}
    .proBox2 ul{margin-right:-10px;}
    .proBox2 li{width:50%;padding-right:10px;margin:0; margin-bottom:10px;}
    .proBox2 li a{width:100%;border-radius:5px;padding-top:25px;height:160px;}
    .proBox2 li i{width:60px;height:54px;margin-bottom:10px;}
    .proBox4 li{padding:15px;}
    .proBox11 h3{display:block;margin-bottom:10px;}
    .proBox11 h3 img{width:100px;padding:5px;margin-top:5px;}
    .proBox11 p a{padding-left:0;margin-left:0;width:220px;}
    .proBox11 p a::after{display:none;}
    .solutionBan .sBtn a{width:130px;}
    .solutionBan .sBtn .down,.solutionBan .sBtn a i{margin-left:10px;}
    .solutionBan .sBtn a{height:36px;line-height:36px;font-size:14px;}

}
.modal-open{padding-right:0 !important;}