/* banner轮播 */
/* .bannerBox{width: 100%;height: 560px;} */
.bannerBox .swiper-slide img{width: 100%; display: block;}
.swiper-container { width: 100%;}
.swiper-container .arrow{background-color: transparent;background-image: initial;width: 40px;height: 80px;line-height: 80px;text-align: center;color: #fff;font-size: 70px;border-radius: 5px;text-shadow:  0 3px 5px rgba(0,0,0,0.3);}
.bannerBox .swiper-container .swiper-button-next{right: 10%;}
.bannerBox .swiper-container .swiper-button-prev{left: 10%;}
.bannerBox .swiper-pagination-bullet{width: 10px;height: 10px;}
.bannerBox .swiper-pagination-bullet-active{background-color: #52b00f;}
.bannerBox:hover .swiper-container .arrow{display: block;}
/* .swiper-container .arrow:hover{opacity: 1;} */

.ind_box1{position: relative;top: -65px;left: 0;right: 0;z-index: 10;}
.ind_box1 .item{width: 380px;height: 345px;background: #fff;padding: 40px 25px 20px 25px;box-shadow: 0 3px 10px rgb(97 97 97 / 13%);float: left;margin-right: 30px;transition: all 0.6s;}
.ind_box1 .item:last-child{margin-right: 0;}
.ind_box1 .item .icon{width: 85px;height: 98px;background: url(../images/ind-icon1.png) no-repeat 0 0/100% 100%;line-height: 98px;margin: 0 auto; color: #8c8c8c;font-size: 40px;}
.ind_box1 .item .tit{font-size: 20px;margin:25px auto 15px auto;line-height: 24px;}
.ind_box1 .item .tit2{color: #999;}
.ind_box1 .item .xian{width: 60px;height: 3px;background: #ed4451;margin: 20px auto ;}
.ind_box1 .item .text{font-size: 15px;line-height: 32px;}

.ind_box1 .item:hover{margin-top: -8px;box-shadow: 0 8px 16px rgba(48,52,60,0.25);}

/* 主营产品 */
.ind_box2{background: url(../images/ind-img3.png) no-repeat center top/100% 100%;}
.ind_box2 .cont li{width: 145px;float: left; transition: 0.4s ease-in-out;overflow: hidden;}
.ind_box2 .cont li a{width: 475px; height: 484px; color: #fff;    display: block;}
.ind_box2 .cont li .left{width: 145px;height: 484px;overflow: hidden;position: relative;float: left; cursor: pointer;}
.ind_box2 .cont li .left .bj{width: 100%;height: 100%;}
.ind_box2 .cont li .left .bj img{width: 100%;height: 100%; display: block;}
.ind_box2 .left .box{position: absolute;left: 50%;top: 25px;transform: translateX(-50%);z-index: 2;width: 50px;}
.ind_box2 .left .tit{width: 24px;height: auto;text-align: center;font-size: 20px;font-weight: normal; float: right;line-height: 22px;    margin-left: 5px;writing-mode:tb-rl;letter-spacing: 4px;}
.ind_box2 .left .text2{text-align: center;font-size: 15px;font-weight: normal; float: right;text-transform: uppercase;writing-mode:tb-rl;text-indent: 2em;}
.ind_box2 .left .arrow{position: absolute;z-index: 3;left: 50%;transform: translateX(-50%);bottom: 25%;font-size: 36px;}

.ind_box2 .infor{width: 330px;height: 484px;background: #fff;float: right;position: relative;text-align: center;transition: all 1s;}
.ind_box2 .infor .bj_pic{width: 100%;height: 100%;}
.ind_box2 .infor .bj-color{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(34,99,171,0.7);}

.ind_box2 .infor .box2{position: absolute;left: 15px;top: 15px;right: 15px;bottom: 15px;border: 1px solid #fff;z-index: 1;padding: 36px 15px 20px 15px;}
.ind_box2 .infor .tit{font-size: 22px;line-height: 24px;font-weight: normal;}
.ind_box2 .infor .tex2{font-size: 14px;text-transform: uppercase; margin:15px 0 20px 0;}
.ind_box2 .infor .xian{width: 80px;height: 2px;background: #e60012;margin: 0 auto;}
.ind_box2 .infor .text3{font-size: 16px;line-height: 32px; margin-top: 30px;height: 192px;overflow: hidden;text-align: justify;    text-align-last: center;}
.ind_box2 .infor .btn{width: 120px;height: 36px;line-height: 34px;background:#e60012; color: #fff; display: block;margin: 20px auto 0 auto;position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px;}
.ind_box2 .infor .btn:hover{background:#c1000f; }
.ind_box2 li.on{width: 475px;}
.ind_box2 li.on .infor{display: block;}

.ind_box3 .navs{height: 50px;line-height: 50px;background: #f5f5f5;}
.ind_box3 .navs .tt{display: block;width: 33.333%;float: left; font-size: 16px; cursor: pointer;}
.ind_box3 .navs .tt.on{background: #3071b9; color: #fff;position: relative;}
.ind_box3 .navs .tt.on::after{content: '';width: 0;height: 0;border-left: 12px solid transparent;border-right:12px solid transparent;border-top: 12px solid #3071b9;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);}
.ind_box3 .navs .tt:hover{ color: #3071b9;}
.ind_box3 .navs .tt.on:hover{ color: #fff;}
.ind_box3 .cont .tit{position: absolute;left: 0; right: 0;bottom: 0;z-index: 1;line-height: 50px;padding: 0 20px;background: rgba(0,0,0,0.5); color: #fff;font-size: 16px;}
.ind_box3 .cont .left{width: 620px;height: 550px;overflow: hidden;}
.ind_box3 .cont img{width: 100%;height: 100%; display: block;transition: all 1s;}
.ind_box3 .cont .right{height: 550px;width: 565px;}
.ind_box3 .cont .right .item{width: 100%;height: 267px;overflow: hidden;}
.ind_box3 .cont .left:hover img,.ind_box3 .cont .item:hover img{transform: scale(1.05);}

/* 我们的客户 */
.ind_box4{background: url(../images/ind-img13.png) no-repeat center bottom/100% 100%;}
.ind_box4 .navs span{display: inline-block;width: 220px;height: 60px;border-radius: 40px;border: 5px solid #eeeeee; margin: 0 20px;background-color: #fff;line-height: 50px;font-size: 18px;box-shadow: 0 2px 8px rgba(100,100,100,0.2);}
.ind_box4 .navs span.on{background: #3071b9;border-color: #d4e8ff; color: #FFF;position: relative;}
.ind_box4 .navs span.on::after{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right:10px solid transparent;border-top: 10px solid #3071b9;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.ind_box4 .navs span:hover{color: #3071b9;}
.ind_box4 .navs span.on:hover{color: #fff;}

.ind_box4 li{width: 380px;height: 281px;float: left;margin: 0 30px 30px 0;box-shadow: 0 2px 8px rgba(100,100,100,0.2);}
.ind_box4 li:nth-child(3n){margin-right: 0;}
.ind_box4 li .pic{width: 100%;height: 225px;overflow: hidden;}
.ind_box4 li .pic img{width: 100%;height: 100%; display: block;transition: all 1s; }
.ind_box4 li .tit{height:56px;line-height: 56px;padding: 0 20px; font-size: 16px;background: #ededed;}
.ind_box4 li:hover img{transform: scale(1.08);}



/* 企业概况 */
.ind_box5{background: url(../images/ind-img1.png) no-repeat center bottom/100%;}
.ind_box5 .company_pic{width: 740px;height: 439px; overflow: hidden;margin: 0 auto;padding:33px 98px 67px 98px;background: url(../images/ind-icon28.png) no-repeat center top/100%;}
.ind_box5 .company_pic .pic{width: 100%;height: 100%;}
.ind_box5 .company_pic img{width: 100%;height: 100%; display: block;transition: all 0.6s;}
.ind_box5 .company_pic:hover img{transform: scale(1.1);}
.ind_box5 .right{width: 650px;height: 270px;overflow: hidden;font-size: 16px;line-height: 36px;}
.ind_box5 .databox{width: 90%;margin: 0 auto;}
.ind_box5 .databox li{width: 25%;float: left;}
.ind_box5 .databox li .num{font-size: 32px;margin-bottom: 10px;line-height:36px;overflow: hidden;color: #215ba5;}
.ind_box5 .databox li p{font-size: 15px;}
.ind_box5 .morebtn-bj{width: 150px;height: 44px;line-height: 42px;border: 1px solid #fff;color: #fff; display: block;margin: 20px auto 0 auto;}
.ind_box5 .morebtn-bj:hover{background:#da231a;border-color: #da231a; color: #fff;}

/* 更多按钮 */
.morebtn{width: 150px;height: 44px;line-height: 42px;color: #666;border: 1px solid #E1E1E1; display: block;btransition: all 0.3s;margin: 0 auto;}
.morebtn:hover{background:#da231a;border-color: #da231a; color: #fff;}

/* 五大系统解决方案 */
.ind_box6{background: url(../images/ind-box6.png) no-repeat center bottom/100% 100%;}
.ind_box6 ul{padding: 60px 0 50px 0;}
.ind_box6 li{float: left;width: 200px;height: 320px;background: #3071b9;position: relative;padding:10px 20px;margin-right: 50px;box-shadow: 0 20px 30px rgba(72,72,72,0.2);transition: all 0.6s;}
.ind_box6 li:last-child{margin-right: 0;}
.ind_box6 li::before{content: '';width: 0;height: 0;border-left: 100px solid transparent;border-right:100px solid transparent;border-bottom: 50px solid #3071b9;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);transition: all 0.6s;}
.ind_box6 li::after{content: '';width: 0;height: 0;border-left: 100px solid transparent;border-right:100px solid transparent;border-top: 50px solid #3071b9;position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);transition: all 0.6s;}
.ind_box6 li .num{font-size: 50px;line-height: 50px;font-style: italic; margin-bottom:30px;text-align: center;}
.ind_box6 li p{line-height: 34px;font-size: 22px;min-width: 30px;margin: 0 auto;writing-mode:tb-rl;letter-spacing: 5px;}
.ind_box6 li:hover{background: #da231a; margin-top: -10px;}
.ind_box6 li:hover::before{border-bottom: 50px solid #da231a;}
.ind_box6 li:hover::after{border-top: 50px solid #da231a;}

/* 精品展示 */
.ind_box7 .swiper-container{padding:20px 0 50px 0;}
.ind_box7 .swiper-container .swiper-wrapper{padding: 30px 0;}
.ind_box7 .swiper-slide{width: 100%;height: 100%;text-align: center;transition: 300ms;}
.ind_box7 .swiper-slide .pic{width: 100%;height:302px;overflow: hidden;border: 5px solid #fff;box-shadow: 0 3px 11px rgb(218 218 218 / 70%);}	  
.ind_box7 .swiper-slide img{width: 100%; height: 100%; display: block;}	
.ind_box7 .swiper-slide .tit{line-height: 24px;font-size: 14px;padding: 0 4%; margin-top: 10px;}
.ind_box7 .swiper-slide-active{transform: scale(1.3);position: relative;z-index: 2;}
.ind_box7 .swiper-slide-active .pic{ box-shadow: 0 3px 13px rgb(218 218 218 / 0.9);}
.ind_box7 .cont .arrow{font-size: 40px;width: 40px;height: 60px;line-height: 60px;transform: translateY(-50%);}
.ind_box7 .cont .swiper-button-prev{left: -60px;}
.ind_box7 .cont .swiper-button-next{right: -60px;}

.ind_box8{background: url(../images/ind-box8.png) no-repeat center bottom/100% 100%;padding: 80px 0;}
.ind_box8 .cont{text-shadow: 0 5px 8px rgba(7,42,92,0.46);}
.ind_box8 .big_tit{font-size: 32px;text-shadow: 0 5px 8px rgba(7,42,92,0.46);line-height: 44px;}
.ind_box8 .text{font-size: 16px;line-height: 30px;}

.ind_box9 .left{width: 450px;height: 500px;overflow: hidden;box-shadow: 20px 20px 0px #3071b9;}
.ind_box9 .left img{width: 100%;height: 100%; display: block;}
.ind_box9 .right{width: 640px;}
.ind_box9 .right .item{width: 50%;height: 240px; float: left;padding: 30px 20px 15px 20px;}
.ind_box9 .right .item:nth-child(2n){border-left: 1px solid #E1E1E1;}
.ind_box9 .right .item:nth-child(1){border-bottom: 1px solid #e1e1e1;}
.ind_box9 .right .item:nth-child(2){border-bottom: 1px solid #e1e1e1;}
.ind_box9 .right .item .icon{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #666666; color: #666;font-size: 40px;line-height: 78px; margin: 0 auto;transition: all 1s;}
.ind_box9 .right .item .tit{font-size: 18px;line-height:24px;margin: 30px auto 20px auto; font-weight: normal;}
.ind_box9 .right .item .text{color: #666; font-size: 16px;}
.ind_box9 .right .item:hover,.ind_box9 .right .item:hover .text{color: #da231a;}
.ind_box9 .right .item:hover .icon{color:#da231a ;border-color: #da231a;transform: rotate(360deg);}


/* 合作伙伴 */
.ind_box10 li{float: left;width: 160px;height: 76px;overflow: hidden;border: 1px solid #E1E1E1;margin: 0 13px 13px 0;}
.ind_box10 li:nth-child(7n){margin-right: 0;}
.ind_box10 li img{width: 100%;height: 100%; display: block;transition: all 0.6s;}
.ind_box10 li:hover img{transform: scale(1.1);}
.ind_box10 li:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.1); border-color: #da251c;}



/* 页码 */
.allPages li{display: inline-block;font-size: 15px;}
.allPages li span{margin: 5px 10px; height: 30px;line-height: 30px;display: inline-block; cursor: pointer;position: relative;}
.allPages li span.on{color: #DDB65C;}
.allPages li span.on::after{content: '';width: 15px; height: 2px;background: #DDB65C;position: absolute; bottom: -3px;left: 50%;transform: translateX(-42%);}
.allPages li span:hover{color: #DDB65C;}