/*解决方案样式*/
.banner{
    width:100%;
    min-width: 1200px;
    height:545px;
    background: url("../images/banner/banner5.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    position: relative;
}
.banner a{
    display: block;
    width:204px;
    height:48px;
    border-radius:5px;
    background: url("../images/banner/contact.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 55px;
    left:50%;
    margin-left: -102px;
}
.container{
    width:100%;
    min-width: 1200px;
}
.container .container_box{
    width:1200px;
    height: 100%;
    margin: 0 auto;
}
.tab_nav{
    height:267px;
    background:rgb(247,247,247);
}
.tab_nav .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.tab_nav .swiper-button-next{
    position: absolute;
    top:38%;
    cursor: pointer;
    right:0px;
    width:29px;
    height:29px;
    background: url("../images/page5/main1/arr-rt2.png") no-repeat;
    background-size: 100% 100%;
    color:transparent;
}
.tab_nav .swiper-button-next:hover{
    background: url("../images/page5/main1/arr-rt.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .swiper-button-prev{
    position: absolute;
    top:38%;
    cursor: pointer;
    left:0px;
    width:29px;
    height:29px;
    background: url("../images/page5/main1/arr-lt2.png") no-repeat;
    background-size: 100% 100%;
    color:transparent;
}
.tab_nav .swiper-button-prev:hover{
    background: url("../images/page5/main1/arr-lt.png") no-repeat;
    background-size: 100% 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    transition: 300ms;
    transform: scale(0.7);
    /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand');*/
}
.swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(0.8);
    box-shadow:1px 2px 47px 4px rgba(5,158,255,0.16);
}
.tab_nav .swiper-slide{
    width:346px;
    height:230px !important;
    background:rgb(255,255,255);
    border-radius:5px;
    margin-top: 10px;
}
.tab_nav .swiper-slide .img{
    width:93%;
    max-width: 384px;
    margin: 10px auto 0;
}
.tab_nav .swiper-slide .img img{
    width:100%;
    height:170px;
}
.tab_nav .swiper-slide .label{
    height:25px;
    font-size:20px;
    font-family:Microsoft YaHei;
    color:rgb(153,153,153);
    font-weight:bold;
    text-align: left;
    margin: 5px 0 0 15px;
}
.tab_nav .swiper-slide-active .label,.tab_nav .swiper-slide-duplicate-active .label{
    margin-top: 7px;
    color:transparent;
}
.tab_nav .dsj.swiper-slide-active .label,.tab_nav .dsj.swiper-slide-duplicate-active .label{
    width:238px;
    background: url("../images/page5/main1/title-dsj1.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .xiaofang.swiper-slide-active .label,.tab_nav .xiaofang.swiper-slide-duplicate-active .label{
    width:261px;
    background: url("../images/page5/main1/title-xiaofang1.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .wisdom.swiper-slide-active .label,.tab_nav .wisdom.swiper-slide-duplicate-active .label{
    width:190px;
    background: url("../images/page5/main1/title-wisdom1.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .dgp.swiper-slide-active .label,.tab_nav .dgp.swiper-slide-duplicate-active .label{
    width:262px;
    background: url("../images/page5/main1/title-dgp1.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .infor.swiper-slide-active .label,.tab_nav .infor.swiper-slide-duplicate-active .label{
    width:238px;
    background: url("../images/page5/main1/title-infor1.png") no-repeat;
    background-size: 100% 100%;
}
.tab_nav .xiaqu.swiper-slide-active .label,.tab_nav .xiaqu.swiper-slide-duplicate-active .label{
    width:261px;
    background: url("../images/page5/main1/title-xiaqu1.png") no-repeat;
    background-size: 100% 100%;
}
#content .main{
    display: none;
}
#content #main1{
    display: block;
}
/*方案介绍*/
.introduction{
    height:642px;
    background-color: #fff;
}
.introduction .introduction_box{
    height:calc(100% - 187px);
    position: relative;
}
.introduction .i-left{
    width:915px;
    height:358px;
    background:rgb(255,255,255);
    box-shadow:1px 2px 47px 4px rgba(5,158,255,0.16);
    border-radius:5px;
    margin-top: 62px;
    padding: 0 37px;
}
.introduction .i-left .title{
    padding-top: 38px;
}
.introduction .i-left .title h4{
    height:30px;
    color:transparent;
}
#main1 .i-left .title h4{
    width:300px;
    background: url("../images/page5/main1/title-dsj2.png") no-repeat;
    background-size: 100% 100%;
}
#main2 .i-left .title h4{
    width:330px;
    background: url("../images/page5/main1/title-xiaofang2.png") no-repeat;
    background-size: 100% 100%;
}
#main3 .i-left .title h4{
    width:240px;
    background: url("../images/page5/main1/title-wisdom2.png") no-repeat;
    background-size: 100% 100%;
}
#main4 .i-left .title h4{
    width:330px;
    background: url("../images/page5/main1/title-dgp2.png") no-repeat;
    background-size: 100% 100%;
}
#main5 .i-left .title h4{
    width:300px;
    background: url("../images/page5/main1/title-infor2.png") no-repeat;
    background-size: 100% 100%;
}
#main6 .i-left .title h4{
    width:330px;
    background: url("../images/page5/main1/title-xiaqu2.png") no-repeat;
    background-size: 100% 100%;
}
.introduction .i-left .title span{
    margin: 0;
}
.introduction .i-left .text{
    width:768px;
    margin-top: 29px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgb(133,133,133);
    line-height:31px;
}
.introduction .i-right{
    width:400px;
    height:358px;
    position: absolute;
    top:0;
    right:0%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.introduction .i-right .label{
    width:24px;
    height:96px;
    background: url("../images/page5/main1/cpzc.png") no-repeat;
    background-size: 100% 100%;
    color:transparent;
    margin-left: 50px;
}
.introduction .i-right .i-right-card{
    width:290px;
    height:290px;
    background:rgb(255,255,255);
    box-shadow:1px 2px 47px 4px rgba(5,158,255,0.16);
    border-radius:5px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.introduction .i-right .i-right-card .i-box{
    width:50%;
    height:50%;
    text-align: center;
    position: relative;
}
.introduction .i-right .i-right-card .i-box img{
    margin-top: 38px;
}
.introduction .i-right .i-right-card .i-box .label2{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(140,140,140,0.77);
    margin-top: 8px;
}
.introduction .i-right .i-right-card .i-box .hide{
    display: none;
    position: absolute;
    bottom:-22%;
}
.introduction .i-right .i-right-card .i-box .hide .arrow{
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid rgba(255,158,0,0.96);
    margin: 0 auto;
}
.introduction .i-right .i-right-card .i-box .hide .text2{
    border-radius:5px;
    /*background-color: rgba(255,158,0,0.96);*/
    background:linear-gradient(-84deg,rgba(255,158,0,0.96),rgba(239,130,30,0.96));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr =#e5FF9E00 , endColorstr =#e5EF821E );
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgb(255,255,255);
    line-height:20px;
    padding: 5px 5px 5px 10px;
    text-align: left;
}
.introduction .i-right .i-right-card .i-box:hover .hide{
    display: block;
}
.introduction .i-right .i-right-card .i-box:hover .label2{
    color:#00C0FF;
}
/*客户价值*/
.customer{
    height:797px;
    background:rgb(247,247,247);
}
.customer .customer_box{
    height:calc(100% - 221px);
}
#main4 .customer .container_box,#main5 .customer .container_box{
    position: relative;
}
.customer .container_box .pag{
    position: absolute;
    left:50%;
    bottom:50px;
}
.customer .container_box .pag span{
    display: inline-block;
    width:10px;
    height:10px;
    background:rgb(246,146,26);
    border-radius:50%;
    margin: 0 5px;
}
.customer .container_box .pag span.cur{
    width:24px;
    border-radius:5px;
}
.customer .c_box{
    width:100%;
    height:100%;
    display: flex;
    justify-content: space-between;
    margin-top: 96px;
}
.customer .c_box .customer_card{
    width:261px;
    height:403px;
    background:rgb(255,255,255);
    position: relative;
}
.customer .c_box .customer_card:nth-child(2n){
    margin-top: 58px;
}
.customer .customer_card .item{
    width:65px;
    height:75px;
    position: absolute;
    top:-8%;
    left:50%;
    margin: 0 0 0 -37.5px;
}
.customer .customer_box .item1{
    background: url("../images/page5/main3/1.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_box .item2{
    background: url("../images/page5/main3/2.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_box .item3{
    background: url("../images/page5/main3/3.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_box .item4{
    background: url("../images/page5/main3/4.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_box .item5{
    background: url("../images/page5/main3/5.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_box .item6{
    background: url("../images/page5/main3/6.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_box .item7{
    background: url("../images/page5/main3/7.png") no-repeat;
    background-size: 100% 100%;
}
.customer .customer_card .text{
    width:160px;
    margin: 80px auto 0;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgb(153,153,153);
    line-height:31px;
    text-align: center;
}
.customer .customer_card .text .span2{
    font-weight:bold;
    color:#F18A23;
}
#menu{
    position: fixed;
    right:5%;
    bottom: 15%;
    width:72px;
    height:63px;
    background:rgb(255,255,255);
    box-shadow:0px 7px 31px 4px rgba(0,150,255,0.07);
    border-radius:5px;
    display: none;
}
#menu #top{
    width:25px;
    height:26px;
    margin: 20px auto 0;
    background: url("../images/sidebar/backTop.png") no-repeat;
}
@media screen and (max-width: 1280px){
    .banner{
        height: 380px;
    }
    #menu{
        right:1%;
    }
}
@media screen and (min-width:1281px) and (max-width:1366px) {
    .banner{
        height: 400px;
    }
    #menu{
        right:0%;
    }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .banner{
        height: 420px;
    }
    #menu{
        right:1%;
    }
}
@media screen and (min-width:1441px) and (max-width:1600px) {
    .banner{
        height: 462px;
    }
    #menu{
        right:1%;
    }
}