.ind_box1{background: url(../images/index-bj1.png) no-repeat 0 -115px/100% auto;}
.ind_box1 .cont{width: 1200px;margin: 0 auto;}
.ind_box1 .videobox{width: 980px;margin: 0 auto;height: 580px;overflow: hidden;background: url(../images/index-img1.png) no-repeat 0 0/100% 100%;padding: 14px 21px 32px 21px;position: relative;}
.ind_box1 .videobox .infor{background: #000000;height: 100%;position: relative;overflow: hidden;}
.ind_box1 .videobox .infor img,.ind_box1 .infor video{width: 100%;height: 100%;}
.ind_box1 .videobox .btn{width: 70px;height: 70px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    z-index: 2;}
.ind_box1 .videobox .video{width: 100%;height: 100%;}
.ind_box1 .videobox .topbj{width: 100%;height: 39px;position: absolute;top: 0;left: 0;right: 0;background: url(../images/index-img5.png) no-repeat 0 0/100% auto; z-index: 2;}
.ind_box1 .videobox .bottombj{width: 100%;height: 34px;position: absolute;bottom: -12px;left: 0;right: 0;background: url(../images/index-img6.png) no-repeat 0 0/100% auto;z-index: 2;}
.ind_box1 .zuowei{width: 100%;}
.ind_box1 .zuowei img{width: 95%;height: auto;display: block;margin: 0 auto;}


.video-box{height: 100%;
	position: relative;z-index: 1;
}
.video-box video{
	display: inline-block;
  vertical-align: baseline;
  margin: 0 auto;
  padding: 40px 0 30px 0px;
}
.video-box .video-img{
	position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;cursor:pointer
}

.ind_box2{background: url(../images/index-box2bj.png) no-repeat 0 0/100% auto;}
.ind_box2 .swiper-container{padding:20px 0 50px 0;min-width: 1200px;margin: 0 auto;}
.ind_box2 .swiper-container .swiper-wrapper{max-height: 360px;align-items: center;padding: 40px 0;}
.ind_box2 .swiper-slide {
	width: 100%;height: 100%;
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
    }
.ind_box2 .swiper-slide img{width: 100%; height: auto;display: block;box-shadow:0px 3px 12px rgba(7, 61, 107, 0.5);}	
.ind_box2 .swiper-slide-active{transform: scale(1.3);position: relative;z-index: 2;}
.ind_box2 .swiper-slide-active img{box-shadow:0px 3px 15px rgba(7, 61, 107, 0.85);}
.ind_box2 .swiper-container .swiper-pagination-bullet{width:50px;height:4px;background-color: #aaaaaa;border-radius: 4px; margin-right: 15px;opacity: 0.8;}
.ind_box2 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #07c0ff;}

/*  */
.ind_box3{background: url(../images/index-box3bj.png) no-repeat 0 0/100% 100%;}
.ind_box3 .sm_nav{width:70%;border-bottom: 1px solid #002c4e;margin: 0 auto;}
.ind_box3 .sm_nav span{line-height: 40px; display: inline-block;margin: 0 3%;padding: 0 10px 15px 10px; cursor: pointer; color: #FFF;}
.ind_box3 .sm_nav span.on{color: #07c0ff;position: relative;}
.ind_box3 .sm_nav span.on::before{content: "";width: 100px;height: 2px;background-color: #07c0ff;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}

.ind_box3  .cont{width:1280px;min-width: 1200px;margin: 70px auto 20px auto;padding-left: 520px;}
.ind_box3 .pic{width:630px;height: 381px;padding:35px 62px 35px 64px;background: url(../images/index-img10.png) no-repeat 0 0/100% 100%; position: absolute;left:0;top: 60px;z-index: 2;}
.ind_box3 .pic .img{width: 100%;height: 100%;border-radius: 5px;overflow: hidden;}
.ind_box3 .pic img{width: 100%;height: 100%; display: block;transition: all 0.6s;}
.ind_box3 .pic .img:hover img{transform: scale(1.1);}
.ind_box3 .right{height: 500px;box-shadow: 0 0 20px rgba(0,135,183,1);padding: 20px;}
.ind_box3 .right .infor{height: 100%;box-shadow: 0 0 20px rgba(0,135,183,1);padding:100px 50px 50px 130px;background: rgba(0,70,106,0.2);}
.ind_box3 .right .tit{font-size: 28px; line-height:40px; margin-bottom: 50px;}
.ind_box3 .right .text{line-height:44px;    text-indent: 2em;}


/* 运动平台技术优势 */
.ind_box4{background: url(../images/index-box4bj.png) no-repeat 0 0/100% 100%;}
.ind_box4 .cont{width: 80%;margin: 0 auto;}
.ind_box4 .left{width:40%;}
.ind_box4 .left img{width:100%;display: block;height: auto;transition: all 0.6s;}
.ind_box4 .right{width:54%;margin-right:6%;}
.ind_box4 .left:hover img{transform: scale(1.1);}
.ind_box4 .top .item{width: 33.33%;float: left;}
.ind_box4 .top .item .icon{width:120px;height: 120px;background: url(../images/index-img15.png) no-repeat 0 0/100% 100%;font-size:54px;line-height: 120px;  margin: 0 auto 20px auto;transition: all 0.6s;}
.ind_box4 .top .item:hover  .icon{transform: rotate(360deg);}

.ind_box4 .under .item{width: 32%;margin-right: 2%;margin-bottom: 20px;border-radius: 10px;border: 1px solid rgba(7,192,255,0.8);float: left;padding:15px;background: rgba(7,192,255,0.05);box-shadow: 0 0 5px rgba(7, 192, 255, 0.5);cursor: pointer;}
.ind_box4 .under .item:nth-child(3n){margin-right: 0;}
.ind_box4 .under .item .tex1{font-size:18px;line-height: 26px;margin-bottom: 5px;height: 26px;overflow: hidden;}
.ind_box4 .under .item .tex2{text-transform: uppercase;font-size: 13px;line-height: 24px;height: 24px;overflow: hidden;}
.ind_box4 .under .item:hover {background: rgba(7,192,255,0.2);box-shadow: 0 0 10px rgba(7, 192, 255, 0.5);}

.ind_box5{background: url(../images/index-box5bj.png) no-repeat 0 0/100% 100%;}
.ind_box5 .cont{width: 1200px;margin: 0 auto;}
.ind_box5 .cont .item{width: 31.3%;float: left; margin-right: 3%; box-shadow: 0 0 6px rgba(24, 196, 255, 0.4);}
.ind_box5 .cont .item:nth-child(3n){margin-right: 0;}
.ind_box5 .cont .item .pic{width: 100%; height: 220px;overflow: hidden;}
.ind_box5 .cont .item img{width: 100%;height: 100%; display: block;transition: all 0.6s;}
.ind_box5 .cont .item .infor{padding:30px 20px;background: #002c4f;}
.ind_box5 .cont .item .tit{font-size: 18px;line-height: 28px;height: 28px;overflow: hidden; margin-bottom: 15px;font-weight: normal;color: #fff;letter-spacing: 2px;}
.ind_box5 .cont .item .text{height: 48px;line-height: 24px;color: #95a8b9;font-size: 15px;letter-spacing: 2px;}
.ind_box5 .cont .item .btn{width: 140px;height:44px;background: url(../images/index-icon10.png) no-repeat 0 0/100% 100%;display: block;margin: 40px auto 20px auto;line-height: 44px;text-align: center;font-size: 15px;color: #fff;letter-spacing: 2px;}
.ind_box5 .cont .item:hover .pic img{transform: scale(1.05);}
.ind_box5 .cont .item:hover{outline: 2px solid #0076a0;}
.ind_box5 .cont .item:hover .btn{background-image: url(../images/index-icon11.png);}

.ind_box5 .moreBtn{width: 150px;
    height: 44px;
    line-height: 42px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff0;
    display: block;
    margin: 0 auto;
    background: #115078}
.ind_box5 .moreBtn:hover{background-color: #003256;box-shadow: 0 0px 10px rgba(0,135,183,0.5);}


.ind_box6{width: 100%;height: 640px;padding: 50px 0;background: url(../images/index-img19.png) no-repeat center top/100% 100%;}
.ind_box6 .cont{height: 100%;background: url(../images/index-img20.png) no-repeat center top/auto 100%;    padding: 100px 3%;}
.ind_box6 .cont .title{font-size: 24px;color: #FFf;line-height: 60px;margin-top: 16px;letter-spacing: 2px;background: url(../images/index-img201.png) no-repeat center 0/auto 100%;}
.ind_box6 .cont .tit2{font-size: 32px;line-height: 50px;color: #fff; vertical-align: 2px;letter-spacing: 2px;margin:55px 0 40px 0;}
.ind_box6 .cont .xian{width: 100%;height: 22px;background: url(../images/index-img21.png) no-repeat center bottom/auto 100%;}
.ind_box6 .cont .phone{font-family:"Impact"; font-size: 38px;color: #fff; line-height: 45px;padding: 25px 0 30px 0;width: 310px;margin: 0 auto;}
.ind_box6 .cont .zxbtn{width: 200px;height: 50px;background: url(../images/index-img22.png) no-repeat center 0/auto 100%; display: block; margin:0px auto;}

/* 合作伙伴 */
.ind_box7{background: url(../images/index-img23.png) no-repeat center top/100% auto;}
.ind_box7 .cont{width: 1200px;margin: 0 auto;}
.ind-Brand ul{overflow: hidden;padding: 20px 15px; box-shadow: 0 0 15px rgba(24, 196, 255, 0.6);}
.ind-Brand li{width: 16.666%;height: 92px; padding:0 10px 10px 10px;float: left;overflow: hidden;}
.ind-Brand li img{width: 100%;height: 100%;display: block;transition: all 0.6s;}
.ind-Brand li img:hover{transform: scale(1.1);}





@media only screen and (max-width: 1600px){
	.ind_box3  .cont{width: 1300px;padding-left: 600px;}
	.ind_box3 .pic{width:750px;height: 447px;padding: 40px 75px 40px 77px;}
}

@media only screen and (max-width: 1440px){
	.ind_box3 .cont{width: 1200px;padding-left: 500px;}
	.ind_box3 .pic{width: 650px;height: 388px;padding: 34px 65px 34px 67px;}
	.ind_box3 .right {height: 500px;}
	.ind_box3 .right .infor{padding: 100px 30px 50px 150px;}
	.ind_box3 .right .tit {font-size: 22px;margin-bottom: 30px;}
	.ind_box3 .right .text{line-height: 40px;}
	
	.ind_box5 .cont{width: 1200px;}
	
	.ind_box6{width: 100%;height: 580px;padding: 50px 0;background: url(../images/index-img19.png) no-repeat center top/auto 100%;}
	.ind_box6 .cont{height: 100%;background: url(../images/index-img20.png) no-repeat center top/auto 100%;    padding: 100px 3%;}
	.ind_box6 .cont .title{font-size: 24px;margin-top: 0;}
	.ind_box6 .cont .tit2{font-size: 30px;    margin: 20px 0 15px 0;line-height: 50px;}
	.ind_box6 .cont .xian{height: 18px;}
	.ind_box6 .cont .phone{font-size: 28px; width: 240px; padding:15px 0 20px 0;}
	.ind_box6 .cont .phone .iconfont{font-size:46px!important;}
	.ind_box6 .cont .zxbtn{height: 36px;}
	
	.ind_box7 .cont{width: 1200px;}
	.ind-Brand ul {padding: 15px 10px;}
	
}