@media only screen and (min-width:768px ) {
    .indexBanner{
        width: 100%;
        padding-top:63px;
    }
	.indexBanner img{
        display: block;
        width: 100%;
    }
    .indexContent{
        padding-bottom: 190px;
    }
    .indexContent .bgBlue{
        /* background:linear-gradient(24deg,rgba(6,13,44,1) 0%,rgba(61,55,241,1) 100%); */
        background:url(../img/pc/jscxBg.png) no-repeat;
        background-size: 100% 1100px;
    }
    .indexContent .bgGary{
        background:#EEEEEE;
    }
    .indexContent .bgBlue{
        /* background:#132446; */
    }
    .indexContent .technology{
        padding: 100px 0;
    }
    .indexContent .technology h1{
        text-align: center;
        color: #FFFFFF;
    }
    .indexContent .technology p{
        padding-top: 60px;
        color: #FFFFFF;
    }
    .indexContent .technology .content{
        margin-top: 45px;
    }
    .indexContent .technology .content .box{
        margin-right: 187px;
    }
    .indexContent .technology .content .box h2 {
        margin-top: 20px;
        font-size:32px;
        color: #FFFFFF;
        font-style:italic;
    }
    .indexContent .technology .content .box .text{
        margin-top: 80px;
        font-size: 20px;
        line-height: 40px;
        color: #29ABE2;
        font-style:italic;
    }
    .indexContent .productService{
        padding: 100px 0;
    }
    .indexContent .productService .model{
        margin-top: 59px;
        margin-left: -24px;
    }
    .indexContent .productService .model .item{
        margin-left: 24px;
        width: 380px;
        cursor: pointer;
    }
    .indexContent .productService .model img{
        box-shadow:0px 0px 13px 0px rgba(6,5,55,0.2);
        border-radius:5px;
        width: 100%;
    }
    .indexContent .productService .model img:hover{
        border: 1px solid #21298B;
        box-sizing: border-box;
    }
    .indexContent .productService .model .item .text{
        font-size: 20px;
        font-weight:bold;
        line-height:30px;
        margin-top: 7px;
        padding: 0 14px;
    }
    .indexContent .solution{
        padding: 100px 0;
    }
    .indexContent .solution .model{
        margin-top: 28px;
        margin-left: -30px;
    }
    .indexContent .solution .model .item{
        margin-left: 30px;
        position: relative;
        padding-bottom: 60px;
        margin-top: 31px;
        box-shadow:0px 0px 13px 0px rgba(6,5,55,0.2);
        border-radius:5px;
        width: 380px;
        box-sizing: border-box;
        border: 1px solid rgba(255,255,255,0);
    }
    .indexContent .solution .model .item img{
        width: 100%;
    }
    .indexContent .solution .model .item:hover{
        border: 1px solid #21298B;
        
    }
    .indexContent .solution .model .item .info{
        position: absolute;
        width: 100%;
        background: #FFFFFF;
        border-radius:0px 0px 5px 5px;
        padding: 20px;
        box-sizing: border-box;
        left: 0;
        bottom: 0;
    }
    .indexContent .solution .model .item .info h2{
        font-size: 20px;
        font-weight: bold;
        
    }
    .indexContent .solution .model .item .info .text{
        font-size: 16px;
        margin-top: 15px;
        line-height: 30px;
        display: none;
    }

    .indexContent .solution .model .item:hover .info .text{
        display: block;
    }

    .indexContent .coreTeam{
        padding: 100px 0;
    }
    .indexContent .coreTeam .model{margin-top: 60px;}
    .indexContent .coreTeam img {
        box-shadow:0px 0px 13px 0px rgba(6,5,55,0.08);
        border-radius:50%;
        width: 180px;
    }
    .indexContent .coreTeam .model {
        margin-top: 60px;
        margin-left: -74px;
    }
    .indexContent .coreTeam .model .item{
        margin-left: 74px;
        text-align: center;
        cursor: pointer;
        color: #ccc;
    }
    .indexContent .coreTeam .model .item.active{
        color: #fff;
    }
    .indexContent .coreTeam .model .item.active img{
        border: 1px solid #21298B;
        box-sizing: border-box;
    }
    .indexContent .coreTeam .model .item .name{
        font-size: 30px;
        margin-top: 36px;
        line-height: 23px;
    }
    .indexContent .coreTeam .model .item .post{
        font-size: 16px;
        margin-top: 16px;
    }
    .indexContent .coreTeam .textBox{
    	color: #fff;
        margin-top: 40px;
    }
    .indexContent .coreTeam .textBox .text{
        font-size: 16px;
        line-height: 32px;
        text-align: justify;
        text-align-last: center;
    }
    .indexContent .partner{
        margin-top: 96px;
    }
    .indexContent .partner .model{
        margin-top: 30px;
    }
    .indexContent .partner .model .item{
        margin-top: 20px;
        width: 240px;
        height: 100px;
        text-align: center;
        line-height: 100px;
        font-size: 16px;
        font-weight: bold;
    }
    .indexContent .honor .model .item{
    	width:280px;
    }
}

@media only screen and (max-width:768px ) {
	.indexBanner{
        padding-top:.88rem
    }
    .indexBanner img{
        width: 100%;
        display: block;
    }
    .indexContent{
        padding: 0 .5rem 1.2rem;
    }
    .indexContent img {
        display: block;
    }
    .indexContent .warperBox{
        margin-top: 1rem;
    }
    .indexContent .model{
        margin-top: .8rem;
    }
    .indexContent .technology .text{
        font-size: .2rem;
        line-height: .4rem;
        margin-top: .6rem;
    }
    .indexContent .technology .indexTechnologyImg{
        width: 5.39rem;
        margin: .5rem auto 0;
    }
    .indexContent .technology .indexTechnologyLogo{
        width: 3.91rem;
        margin: .27rem auto 0;
    }

    .indexContent .productService .model,.indexContent .solution .model{
        margin-top: .45rem;
        margin-left: -.5rem;
    }
    .indexContent .productService .model .item,.indexContent .solution .model .item{
        width: 3rem;
        margin-left: .5rem;
        margin-top: .32rem;
    }
    .indexContent .solution .model .item{
        position: relative;
        padding-bottom: .6rem;
        box-shadow:0px 0px .32rem 0px rgba(6,5,55,0.08);
        border-radius:.05rem;
    }
    
    .indexContent .productService .model .item img{
        box-shadow:0px 0px .32rem 0px rgba(6,5,55,0.08);
        border-radius:.05rem;
    }
    .indexContent .productService .model .item img,.indexContent .solution .model .item img {
        width: 100%;
    }
    .indexContent .productService .model .item .text {
        font-size: .2rem;
        line-height: .3rem;
        margin-top: .2rem;
        font-weight: bold;
        padding: 0 .15rem;
    }
    .indexContent .solution .model .item .text{
        font-size: .2rem;
        line-height: .3rem;
        padding: .2rem;
        width: 100%;
        box-sizing: border-box;
        background: #FFFFFF;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius:0 0 .05rem .05rem;
        font-weight: bold;
    }

    .indexContent .coreTeam .itemList{
        margin-top: .6rem;
        margin-left: -.34rem;
    }
    .indexContent .coreTeam .item{
        margin-left: .34rem;
        width: 1rem;
        text-align: center;
        color: rgba(0,0,0,0.5);
    }
    .indexContent .coreTeam .item.active{
        color: rgba(0,0,0,1);
    }
    .indexContent .coreTeam .item.active img{
        border: 1px solid #21298B;
        box-sizing: border-box;
    }
    .indexContent .coreTeam .item img{
        width: 100%;
        box-shadow:0px 0px .32rem 0px rgba(6,5,55,0.08);
        border-radius:50%;
    }
    .indexContent .coreTeam .item .name{
        font-size: .24rem;
        margin-top: .4rem;
    }
    .indexContent .coreTeam .item .post{
        font-size: .16rem;
        margin-top: .13rem;
    }

    .indexContent .coreTeam .textBox{
        margin-top: .4rem;
    }

    .indexContent .coreTeam .textBox .text{
        font-size: .2rem;
        line-height: .3rem;
        text-align: justify;
    }

    .indexContent .partner .model{
        margin-left: -.4rem;
    }

    .indexContent .partner .item {
        width: 1.8rem;
        margin-left: .4rem;
        text-align: center;
        margin-bottom: .1rem;
        font-size: .16rem;
        font-weight: bold;
        line-height: .32rem;
    }
    .indexContent .partner .item img{
        width: 100%;
    }
}