/*基础产品样式*/
.banner{
    width:100%;
    min-width: 1200px;
    height:545px;
    background: url("../images/banner/banner2.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%;
}
.container .container_box{
    width:1200px;
    height: 100%;
    margin: 0 auto;
}
.tab_nav{
    height:67px;
    background:#FCFCFC;
    border-bottom:1px solid rgba(170,170,170,0.3);
}
.tab_nav .container_box {
    display: flex;
    justify-content: center;
}
.tab_nav .container_box a{
    display: block;
    width: 106px;
    height:63px;
    border-bottom: 4px solid transparent;
    margin: 0 55px;
}
.tab_nav .container_box a:nth-child(1){
    background: url("../images/page3/main1/dgp.png") 0px center no-repeat;
}
.tab_nav .container_box a:nth-child(2){
    background: url("../images/page3/main1/maya.png") 0px center no-repeat;
}
.tab_nav .container_box a.cur{
    border-bottom: 4px solid #47AFF0;
}
.tab_nav .container_box a:nth-child(1).cur{
    background: url("../images/page3/main1/dgp-i.png") 0px center no-repeat;
}
.tab_nav .container_box a:nth-child(2).cur{
    background: url("../images/page3/main1/maya-i.png") 0px center no-repeat;
}
#content .main{
    display: none;
}
#content #main1{
    display: block;
}
/*平台介绍样式*/
.introduction{
    height:706px;
    background-color: #fff;
}
.introduction .introduction_box{
    height:calc(100% - 125px);
    min-height: 581px;
}
.introduction .introduction_box .introduction_box_up{
    height:340px;
    background: url("../images/page3/main1/dgp-bg.png") 250px 20px no-repeat;
    display: flex;
    justify-content: space-between;
}
#main2 .introduction .introduction_box .introduction_box_up{
    height:360px;
    background: url("../images/page3/main1/maya-bg.png") 155px 45px no-repeat;
}
.introduction .introduction_con{
    width:246px;
    height:113px;
    background: url("../images/page3/main1/kuang.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.introduction .introduction_con .label{
    color:#56CCF2;
    font-size:21px;
}
.introduction .introduction_con .line{
    position: absolute;
    top:53px;
    width:130px;
    border-bottom: 1px dashed #9FD6FF;
}
.introduction .introduction_box_up_lt .introduction_con .label{
    margin-left: 36px;
}
.introduction .introduction_box_up_rt .introduction_con .label{
    margin-right: 36px;
}
.introduction .introduction_box_up_lt .introduction_con .img{
    margin-right: 36px;
}
.introduction .introduction_box_up_rt .introduction_con .img{
    margin-left: 36px;
}
.introduction .introduction_box_up_lt .introduction_con .line{
    right:-55%;
}
.introduction .introduction_box_up_rt .introduction_con .line{
    left:-55%;
}
.introduction .introduction_box_down{
    width:913px;
    margin: 0 auto;
}
.introduction .introduction_box_down .text{
    width:100%;
    font-size:16px;
    color:#777;
    line-height:31px;
    text-align: center;
}
.introduction .introduction_box_down .text span{
    width:100%;
    font-size:22px;
    font-weight:bold;
    color:#EF821E;
}
.introduction .introduction_box_down .btn{
    display: block;
    width:125px;
    height:38px;
    background: url("../images/page3/main1/btn.png") -6px -12px no-repeat;
    margin: 25px auto 0;
}
/*产品特色样式*/
.characteristic{
    min-width: 1200px;
    height:661px;
    background-color:#F7F7F7;
    background-image: url("../images/page3/main2/bg.png");
    background-repeat: no-repeat;
}
.characteristic .characteristic_box{
    height:calc(100% - 125px);
    display: flex;
    justify-content: space-between;
}
.characteristic .characteristic_card{
    width:144px;
    height:415px;
    background: url("../images/page3/main2/card.png") -27px 1px no-repeat;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 60px;
    margin-top: 50px;
    /*box-shadow:11px 2px 46px 3px rgba(0,144,255,0.06);*/
}
.characteristic .characteristic_card .item{
    width:96px;
    height:96px;
    margin: 0 auto;
    text-align: center;
    /*line-height: 80px;*/
    /*font-size:30px;*/
    /*font-weight:bold;*/
    /*color:#FFD291;*/
    /*background:linear-gradient(180deg,rgba(255,210,145,1) 0%, rgba(239,130,30,1) 100%);*/
    /*-webkit-background-clip:text;*/
    /*-webkit-text-fill-color:transparent;*/
}
.characteristic .characteristic_card .item img{
    margin: 20px 0 0;
}
.characteristic .characteristic_card .text{
    height:calc(100% - 200px);
    font-size:18px;
    color:rgba(73,73,73,0.68);
    line-height:34px;
    text-align: center;
}
.characteristic .characteristic_card .down{
    width:50px;
    margin: 0 auto 40px;
}
.characteristic .characteristic_card .down span{
    display: block;
    width:7px;
    height:7px;
    border-radius:50%;
    margin: 6px auto 0;
}
.characteristic .characteristic_card .down span:nth-child(1){
    background-color: #3287ED;
}
.characteristic .characteristic_card .down span:nth-child(2){
    background-color: #44A8F0;
}
.characteristic .characteristic_card .down span:nth-child(3){
    background-color: #55CAF2;
}
/*产品结构样式*/
.structure{
    height:840px;
    background-color: #fff;
}
.structure .structure_box{
    height:calc(100% - 122px);
    min-height: 718px;
    position: relative;
}
.structure .structure_box .circle-pos{
    width:330px;
    height:330px;
    position: absolute;
    top:130px;
    left:50%;
    margin-left: -165px;
}
.structure .structure_box .circle{
    width:330px;
    height:330px;
    box-shadow:1px 2px 30px 2px rgba(5,158,255,0.08);
    border-radius:50%;
    /*margin: 134px auto 0;*/
    position: relative;
    overflow: hidden;
}

.structure .structure_box .circle .circle_bg{
    width:100%;
    height:100%;
    border-radius:50%;
    background: url("../images/page3/main3/bg2.png") 0px 0px no-repeat;
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
}
.structure .structure_box .circle .logo{
    width:116px;
    height:116px;
    border-radius:50%;
    background: url("../images/page3/main3/logo.png") -6px -12px no-repeat;
    position: absolute;
    top:50%;
    left:50%;
    margin: -58px 0 0 -58px;
    z-index: 4;
}
.structure .structure_box .circle .square{
    width:167px;
    height:167px;
    position: absolute;
    transform-origin: 0% 100%;
    z-index: 1;
}
.structure .structure_box .circle .square-inner{
    z-index: 1;
    background-color: #fff;
}
.structure .structure_box .circle .square-inner.cur{
    background-color: #F3F3F3;
}
.structure .structure_box .circle .square-out{
    z-index: 3;
}
.structure .structure_box .circle .square-one{
    top:-0.5%;
    left:48%;
    transform: rotate(72deg) skewY(-18deg);
}
.structure .structure_box .circle .square-two{
    top:-1%;
    left:48%;
    transform: rotate(144deg) skewY(-18deg);
}
.structure .structure_box .circle .square-three{
    top:-0.5%;
    left:48%;
    transform: rotate(216deg) skewY(-18deg);
}
.structure .structure_box .circle .square-four{
    top:-0.5%;
    left:48%;
    transform: rotate(288deg) skewY(-18deg);
}
.structure .structure_box .circle .square-five{
    top:-1%;
    left:48%;
    transform: rotate(360deg) skewY(-18deg);
}
.structure .structure_box .structure_card{
    background-color:#fff;
    box-shadow:1px 2px 30px 2px rgba(5,158,255,0.08);
    border-radius:5px;
    position: absolute;
}
.structure .structure_box .structure_card.cur{
    background:rgb(243,243,243);
}
.structure .structure_box .structure_card .pos{
    position: relative;
}
.structure .structure_box .structure_card .icon{
    width:61px;
    height:61px;
    position: absolute;
    top:-12%;
}
.structure .structure_box .structure_card .text{
    font-size:14px;
    color:rgba(73,73,73,0.82);
    line-height:24px;
}
.structure .structure_box .pos1{
    width:361px;
    bottom:35%;
    left:70%;
}
.structure .structure_box .pos2{
    width:403px;
    bottom:8%;
    left:50%;
}
.structure .structure_box .pos3{
    width:385px;
    bottom:35%;
    left:-3%;
}
.structure .structure_box .pos4{
    width:403px;
    top:12%;
    left:-2%;
}
.structure .structure_box .pos5{
    width:420px;
    top:13%;
    left:67%;
}
.structure .structure_box .pos1 .pos{
    padding: 22px 27px 17px 49px;
}
.structure .structure_box .pos2 .pos{
    padding: 22px 30px 18px 49px;
}
.structure .structure_box .pos3 .pos{
    padding: 19px 44px 15px 33px;
}
.structure .structure_box .pos4 .pos{
    padding: 22px 51px 17px 29px;
}
.structure .structure_box .pos5 .pos{
    padding: 24px 15px 27px 40px;
}

.structure .structure_box .pos1 .icon{
    background: url("../images/page3/main3/apl.png") no-repeat;
    background-size: 100% 100%;
    left:-8%;
}
.structure .structure_box .pos2 .icon{
    background: url("../images/page3/main3/sjcc.png") no-repeat;
    background-size: 100% 100%;
    left:-8%;
}
.structure .structure_box .pos3 .icon{
    background: url("../images/page3/main3/sjyt.png") no-repeat;
    background-size: 100% 100%;
    right:-8%;
}
.structure .structure_box .pos4 .icon{
    background: url("../images/page3/main3/zlzx.png") no-repeat;
    background-size: 100% 100%;
    right:-8%;
}
.structure .structure_box .pos5 .icon{
    background: url("../images/page3/main3/sjjc.png") no-repeat;
    background-size: 100% 100%;
    left:-8%;
}
/*功能介绍样式*/
.function{
    height:777px;
    background-color: #fff;
}
.function .function_box{
    height:calc(100% - 125px);
    display: flex;
    justify-content: space-between;
}
.function .function_box .arrow{
    width:9px;
    height:10px;
    background: url("../images/page3/main3/arrow.png") no-repeat;
    background-size: 100% 100%;
}
.function .function_box .line{
    width:139px;
    height:0px;
    border-bottom: 1px dashed #9FD6FF;
}
.function .function_box .fun_cir{
    background:#CEE7FA;
    box-shadow:4px 6px 15px 1px rgba(5,158,255,0.11);
    border-radius:50%;
}
.function .function_box .fun_box_lt {
    width: 145px;
    margin-left: 42px;
}
.function .fun_box_lt .fun_cir{
    width:100px;
    height:100px;
    margin: 42px 0;
    position: relative;
}
.function .fun_box_lt .fun_cir .label{
    font-size:18px;
    font-weight:bold;
    color:#3D7995;
    line-height:24px;
    padding: 25px 30px 0;
}
.function .fun_box_lt .fun_cir .line{
    position: absolute;
    top:50%;
    left:120%;
}
.function .fun_box_lt .fun_cir .arrow{
    position: absolute;
    top:45%;
    left:260%;
}
.function .function_box .fun_box_center{
    width:536px;
    height:453px;
    background: url("../images/page3/main3/kuang.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 90px;
}
.function .fun_box_center .maya-logo{
    width:210px;
    height:236px;
    background: url("../images/page3/main3/maya-logo.png") no-repeat;
    background-size: 100% 100%;
    margin: 36px auto 65px;
}
.function .fun_box_center .fun_cen_down{
    display: flex;
    justify-content: center;
}
.function .fun_cen_down .fun_cir{
    width:80px;
    height:80px;
    margin: 0 9px;
    font-size:14px;
    font-weight:bold;
    color:#3D7995;
    text-align: center;
    line-height: 80px;
}
.function .function_box .fun_box_rt{
    margin-top: 40px;
}
.function .fun_box_rt .fun_con{
    width:196px;
    height:63px;
    background:#fff;
    box-shadow:1px 2px 30px 2px rgba(5,158,255,0.08);
    margin: 20px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
}
.function .fun_box_rt .fun_con .line{
    width: 86px;
    position: absolute;
    top:50%;
    left:-59%;
}
.function .fun_box_rt .fun_con .arrow{
    position: absolute;
    top:45%;
    left:-15%;
}
.function .fun_box_rt .fun_con .img{
    margin-left: 27px;
}
.function .fun_box_rt .fun_con .label2{
    font-size:21px;
    color:#56CCF2;
    /*background:linear-gradient(180deg,rgba(86,204,242,1) 0%, rgba(47,128,237,1) 100%);*/
    /*-webkit-background-clip:text;*/
    /*-webkit-text-fill-color:transparent;*/
    margin-right: 25px;
}
#menu{
    position: fixed;
    right:5%;
    bottom: 15%;
    width:72px;
    height:63px;
    background:#fff;
    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%;
    }
}