body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{font-weight:normal;font-family:'Microsoft YaHei', sans-serif;color:#9e9e9e;}
b{font-weight:normal}
a{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer}
img{display:block}
input{-webkit-appearance:none}

.wrap{
    margin:0 auto;
    width:100%;
    max-width:7.5rem;
    min-width:3.2rem;
    overflow:hidden;
    position:relative;
}

.banner{
    width:7.5rem;
    height:12.9rem;
}
.banner img{
    width:7.5rem;
    height:12.9rem;
}
.part{
    margin: 0 auto;
    padding-bottom: 1.5rem;
    width: 100%;
    overflow: hidden;
}
.part .title{
    padding:0.5rem 0 0.3rem 0;
}
.bg1{
    background:url("../img/p1-bg1.png") no-repeat center 0.8rem;
    background-size:7.5rem 0.34rem;
}
.bg2{
    background:url("../img/p3--tit-bg2.png") no-repeat center 0.8rem;
    background-size:7.5rem 0.34rem;
}

.part .title h2{
    margin-top: 0.05rem;
    font-size:0.42rem;
    line-height:0.42rem;
    font-weight:bold;
    text-align:center;
    color:#0142dc;
    height: 0.7rem;
    padding-top: 0.2rem;
}

.part .title.t2 h2{
    color:#ffffff;
}
.part .title.t2 p{
    color:#ffffff;
}
.p1-1{
    background:#f4faff;
}
.p1-1 .big-1{
    background: url(../img/big01.png) no-repeat center top;
    background-size: 0.86rem 0.7rem;
}
.p1-1 ul{
    margin-left:0.25rem;
}
.p1-1 ul li{
    margin-right:0.18rem;
    margin-bottom:0.24rem;
    float:left;
    width:2.20rem;
    height:1.6rem;
    /*border-bottom:0.04rem solid #0142dc;*/
    /*box-shadow:0 0 0.05rem 0.01rem #e6e6e7;*/
}

.div1-top {
    margin: 0 auto;
    width: 2.2rem;
    height: 0.99rem;
    padding-top: 0.5rem;
    position: relative;
    z-index: 3;
}
.div1-top img{
    margin: 0 auto;
    width: 1.12rem;
    height: 0.99rem;
}
.div1-bottom {
    width: 2.2rem;
    height: 1.04rem;
    background-color: #fff;
    position: absolute;
    border-bottom: 0.04rem solid #0142dc;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.div1-bottom p{
    color: #333333;
    font-size: .24rem;
    font-weight: bold;
    text-align: center;
    padding-top: .56rem;
}
.p1-b-img{
    width: 6.91rem;
    height: 2.27rem;
    margin: 0 auto;
    padding: .8rem 0;
}
.p1-b-img img{
    width: 6.91rem;
    height: 2.27rem;
    margin: 0 auto;
}
.p2-1{
    background: url(../img/p2-bg.png) no-repeat center top;
    background-size: 7.5rem 15.28rem;
    padding-bottom: .5rem;
}
.p2-1 .big-2{
    background: url(../img/big02.png) no-repeat center top;
    background-size: 0.86rem 0.65rem;
}
.p2-box1{
    position: relative;
    z-index: 99;
}
.p2-box1 .box1-tit{
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 7rem;
    height: .8rem;
    background: url(../img/box1-tit.png) no-repeat center;
    background-size: 6.92rem 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 0.78rem;
    color: #fff;
}
.p2-box1 .box1-content {
    position: relative;
    top: -.46rem;
    margin: 0 auto;
    width: 6.9rem;
    height: 3.5rem;
    border: 2px solid #157efa;
    background-color: rgba(0,115,225,0.1);
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p2-box1 .box1-content .p-l{
    display: inline-block;
    float: left;
    width: 3.78rem;
    padding: 0.68rem 0.28rem 0 0.28rem;
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.34rem;
    text-align: justify;
    text-indent: 0.44rem;
}
.p2-box1 .box1-content .img-r{
    float: right;
    width: 2.83rem;
    height: 2.43rem;
    padding: 0.68rem 0.28rem 0 0;
}
.p2-box1 .box1-content .img-r img{
    width: 2.83rem;
    height: 2.43rem;
}
.p2-box2{
    position: relative;
    z-index: 99;
}
.p2-box2 .box2-tit{
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 7rem;
    height: .8rem;
    background: url(../img/box2-tit.png) no-repeat center;
    background-size: 5.25rem 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 0.78rem;
    color: #fff;
}
.p2-box2 .box2-content {
    position: relative;
    top: -.46rem;
    margin: 0 auto;
    width: 6.9rem;
    height: 3rem;
    border: 2px solid #157efa;
    background-color: rgba(0,115,225,0.1);
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p2-box2 .box2-content .p-top{
    display: inline-block;
    padding: 0.68rem 0.2rem 0.2rem 0.2rem;
    font-size: 0.21rem;
    color: #333333;
    line-height: 0.34rem;
    text-align: justify;
    text-indent: 0.44rem;
}
.p2-box2 .box2-content .img-bottom{
    margin: 0 auto;
    width: 6.33rem;
    height: 1.23rem;
}
.p2-box2 .box2-content .img-bottom img{
    width: 6.33rem;
    height: 1.23rem;
}

.p2-box3{
    position: relative;
    z-index: 99;
}
.p2-box3 .box3-tit{
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 7rem;
    height: .8rem;
    background: url(../img/box3-tit.png) no-repeat center;
    background-size: 5.52rem 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 0.78rem;
    color: #fff;
}
.p2-box3 .box3-content {
    position: relative;
    top: -.46rem;
    margin: 0 auto;
    width: 6.9rem;
    height: 4.2rem;
    border: 2px solid #157efa;
    background-color: rgba(0,115,225,0.1);
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p2-box3 .box3-content .p-top{
    display: inline-block;
    padding: 0.68rem 0.2rem 0.1rem 0.2rem;
    font-size: 0.21rem;
    color: #333333;
    line-height: 0.34rem;
    text-align: justify;
    text-indent: 0.44rem;
}
.p2-box3 .box3-content .img-bottom{
    margin: 0 auto;
    width: 6.38rem;
    height: 2.55rem;
}
.p2-box3 .box3-content .img-bottom img{
    width: 6.38rem;
    height: 2.55rem;
}

.p3-1{
    width: 7.5rem;
    background: #0128a5;
    padding-bottom: 0.4rem;
}
.p3-1 .p3-box{
    background: url(../img/p3-bg1_01.png) no-repeat center top;
    background-size: 7.5rem 1.91rem;
    padding-bottom: .8rem;
}
.p3-1 .p3-box1{
    background: url(../img/p3-bg1_02.png) no-repeat center top;
    background-size: 7.5rem 8rem;
    padding-bottom: .5rem;
}
.p3-1 .p3-box .title h2{
    color: #fff;
}
.p3-1 .p3-box .title h2 span{
    color: #fcff00;
}

.p3-1 .big-3{
    background: url(../img/big03.png) no-repeat center top;
    background-size: 0.86rem 0.65rem;
}
.p3-box1 .box1-tit{
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 7rem;
    height: .74rem;
    background: url(../img/p3-box1-tit.png) no-repeat center;
    background-size: 4.66rem 0.74rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 0.74rem;
    color: #fff;
}
.p3-box1 .box1-content {
    position: relative;
    top: -.46rem;
    margin: 0 auto;
    width: 6.9rem;
    height: 7.4rem;
    border: 2px solid #15afff;
    background-color: rgba(21,175,255,0.24);
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p3-box1 .box1-content .ul-kc{
    margin: 0 auto;
    padding: 0.5rem;
    margin-top: 0.6rem;
}
.p3-box1 .box1-content .ul-kc li{
    display: inline-block;
    width: 2.7rem;
    height: 2.6rem;
    border: 2px solid #00bdfe;
    background-color: rgba(0,175,225,.5);
    margin-bottom: 0.7rem;
}
.p3-box1 .box1-content .ul-kc li:nth-child(1),.p3-box1 .box1-content .ul-kc li:nth-child(3){
    float: left;
}
.p3-box1 .box1-content .ul-kc li:nth-child(2),.p3-box1 .box1-content .ul-kc li:nth-child(4){
    float: right;
}
.p3-box1 .box1-content .ul-kc li .s-box{
    position: relative;
    margin: 0 auto;
    width: 2.5rem;
    height: 2.4rem;
    border: 4px solid #00c0ff;
    background-color: #fff;
    margin-top: 0.08rem;
}
.ul-kc li .s-box>div{
    position: relative;
    top: -.4rem;
    margin: 0 auto;
    width: 1.09rem;
    height: 0.99rem;
}
.ul-kc li .s-box>div img{
    margin: 0 auto;
    width: 1.09rem;
    height: 0.99rem;
}
.ul-kc li h3{
    position: relative;
    top: -0.3rem;
    font-size: 0.24rem;
    font-weight: 900;
    color: #0142dc;
    text-align: center;
    padding-bottom: 0.18rem;
    border-bottom: 2px solid #1b53ce;
    margin: 0 .2rem;
}
.ul-kc li p{
    position: relative;
    top: -0.2rem;
    font-size: 0.21rem;
    color: #333333;
    text-align: justify;
    padding-bottom: 0.2rem;
    margin: 0 .2rem;
}
.p3-box2{
    background: url(../img/p3-bg2.png) no-repeat center top;
    background-size: 7.5rem 14.49rem;
    padding-bottom: .5rem;
}
.p3-box2 .box2-tit{
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 7rem;
    height: .74rem;
    background: url(../img/p3-box2-tit.png) no-repeat center;
    background-size: 5.14rem 0.74rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 0.74rem;
    color: #fff;
}
.p3-box2 .box2-content {
    position: relative;
    top: -.46rem;
    margin: 0 auto;
    width: 6.9rem;
    height: 13.6rem;
    border: 2px solid #15afff;
    background-color: rgba(21,175,255,0.24);
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.kc-a{
    margin: 0 auto;
    width: 6.3rem;
    height: 5.62rem;
    border-radius: 0.14rem;
    /*border: 1px solid #ffffff;*/
    margin-top: 0.74rem;
}
.kc-a-top{
    height: 0.88rem;
    background-color: #1498fe;
    border-top-left-radius:0.14rem ;
    border-top-right-radius:0.14rem ;
    -moz-border-radius-topleft: 0.14rem;
    -moz-border-radius-topright: 0.14rem;
    padding: 0.12rem;
}
.kc-a-top h3{
    font-size: 0.28rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
    border: 1px dashed #ffffff;
    border-top-left-radius:0.14rem ;
    border-top-right-radius:0.14rem ;
    -moz-border-radius-topleft: 0.14rem;
    -moz-border-radius-topright: 0.14rem;
    padding: 0.12rem 0;
}
.kc-a-bottom{
    height: 4.74rem;
    background: #fff;
    border-bottom-left-radius:0.14rem ;
    border-bottom-right-radius:0.14rem ;
    -moz-border-radius-bottomleft: 0.14rem;
    -moz-border-radius-bottomright: 0.14rem;
    padding: 0.2rem;
}
.linux-cour {
    border-bottom: 2px solid #0142dc;
    border-right: 2px solid #0142dc;
    font-size: 0.22rem;
    margin: 0 auto;
}
.linux-cour td {
    font-size: 0.22rem;
    font-weight: 500;
    border-left: 2px solid #0142dc;
    border-top: 2px solid #0142dc;
    color: #3e3e3e;
    line-height: 0.25rem;
    padding: 0.12rem 0.18rem;
}
.linux-cour tr:nth-child(1) td:nth-child(1){
    color: #0142dc;
    font-size: 0.24rem;
    font-weight: 900;
    line-height: 0.3rem;
    display:table-cell;
    vertical-align:middle;
}
.linux-cour tr:nth-child(1) td:nth-child(2),
.linux-cour tr:nth-child(1) td:nth-child(3),
.linux-cour tr:nth-child(3) td:nth-child(1),
.linux-cour tr:nth-child(3) td:nth-child(2),
.linux-cour tr:nth-child(5) td:nth-child(1),
.linux-cour tr:nth-child(5) td:nth-child(2),
.linux-cour tr:nth-child(7) td:nth-child(1),
.linux-cour tr:nth-child(7) td:nth-child(2){
    background-color: #e5ecfb;
}

.kc-b{
    margin: 0 auto;
    width: 6.3rem;
    height: 6.18rem;
    border-radius: 0.14rem;
    /*border: 1px solid #ffffff;*/
    margin-top: 0.74rem;
}
.kc-b-top{
    height: 0.88rem;
    background-color: #1498fe;
    border-top-left-radius:0.14rem ;
    border-top-right-radius:0.14rem ;
    -moz-border-radius-topleft: 0.14rem;
    -moz-border-radius-topright: 0.14rem;
    padding: 0.12rem;
}
.kc-b-top h3{
    font-size: 0.28rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
    border: 1px dashed #ffffff;
    border-top-left-radius:0.14rem ;
    border-top-right-radius:0.14rem ;
    -moz-border-radius-topleft: 0.14rem;
    -moz-border-radius-topright: 0.14rem;
    padding: 0.12rem 0;
}
.kc-b-bottom{
    height: 5.3rem;
    background: #fff;
    border-bottom-left-radius:0.14rem ;
    border-bottom-right-radius:0.14rem ;
    -moz-border-radius-bottomleft: 0.14rem;
    -moz-border-radius-bottomright: 0.14rem;
    padding: 0.2rem;
}
.linux-cour1 {
    border-bottom: 2px solid #0142dc;
    border-right: 2px solid #0142dc;
    font-size: 0.22rem;
    margin: 0 auto;
}
.linux-cour1 td {
    font-size: 0.22rem;
    font-weight: 500;
    border-left: 2px solid #0142dc;
    border-top: 2px solid #0142dc;
    color: #3e3e3e;
    line-height: 0.23rem;
    padding: 0.1rem 0.15rem;
}
.linux-cour1 tr:nth-child(1) td:nth-child(1){
    color: #0142dc;
    font-size: 0.24rem;
    font-weight: 900;
    line-height: 0.3rem;
    display:table-cell;
    vertical-align:middle;
}
.linux-cour1 tr:nth-child(1) td:nth-child(2),
.linux-cour1 tr:nth-child(1) td:nth-child(3),
.linux-cour1 tr:nth-child(3) td:nth-child(1),
.linux-cour1 tr:nth-child(3) td:nth-child(2),
.linux-cour1 tr:nth-child(5) td:nth-child(1),
.linux-cour1 tr:nth-child(5) td:nth-child(2),
.linux-cour1 tr:nth-child(7) td:nth-child(1),
.linux-cour1 tr:nth-child(7) td:nth-child(2),
.linux-cour1 tr:nth-child(9) td:nth-child(1),
.linux-cour1 tr:nth-child(9) td:nth-child(2)
{
    background-color: #e5ecfb;
}

.p3-box3{
    background: url(../img/p3-bg3.png) no-repeat center top;
    background-size: 7.5rem 6.23rem;
    /*padding-bottom: .5rem;*/
}
.p3-box3 .box3-tit{
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 7rem;
    height: .74rem;
    background: url(../img/p3-box3-tit.png) no-repeat center;
    background-size: 5.14rem 0.74rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 0.74rem;
    color: #fff;
}
.p3-box3 .box3-content {
    position: relative;
    top: -.46rem;
    margin: 0 auto;
    width: 6.9rem;
    height: 4.9rem;
    border: 2px solid #15afff;
    background-color: rgba(21,175,255,0.24);
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p3-box3 .box3-content ul{
    display: block;
    margin: 0 auto;
    width: 6.18rem;
    margin-top: .84rem;
}
.p3-box3 .box3-content li{
    width: 1.68rem;
    height: 1.68rem;
    display: inline-block;
    background: url(../img/box3-li-img.png) no-repeat center;
    background-size: 1.68rem 1.68rem;
    margin-right: 0.47rem;
    margin-bottom: 0.2rem;
}
.p3-box3 .box3-content li:nth-child(3),.p3-box3 .box3-content li:nth-child(6){
    margin-right: 0;
}
.p3-box3 .box3-content li h3{
    font-size: 0.23rem;
    font-weight: 900;
    padding-top: 0.52rem;
    line-height: 0.28rem;
    color: #22419f;
    text-align: center;
}

.p4-1{
    padding-bottom: .5rem;
}
.p4-1 .big-4{
    background: url(../img/big04.png) no-repeat center top;
    background-size: 0.86rem 0.70rem;
}
.p4-box1{
    width: 6.9rem;
    height: 10.98rem;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 6px rgba(125,160,243,.5);
    -moz-box-shadow: 0 0 6px rgba(125,160,243,.5);
    box-shadow: 0 0 6px rgba(125,160,243,.5);
}
.p4-box1 .box-xian{
    width: 6.7rem;
    height: 10.77rem;
    margin: 0 auto;
    border: 1px dashed #1b53ce;
    margin-top:0.09rem ;
}

.p4-1 .p4-div{
    margin: 0 auto;
    width:6.16rem;
    height:8.8rem;
    position:relative;
    overflow:hidden;
    /*padding: 0 0.2rem;*/
}
.p4-1 .p4-div > div{
    /*top:450px;*/
    left:6.16rem;
    width:6.16rem;
    height:8.8rem;
    position:absolute;
    overflow:hidden;
    transition:0.4s;
}
.p4-1 .p4-div > div.act{
    left:0;
    transition:0.4s;
}
.p4-1 .p4-div > div .img{
    width:100%;
    height:4rem;
    margin-bottom: 0.4rem;
}
.p4-1 .p4-div > div .img img{
    top:32px;
    width:100%;
    height:3.6rem;
    position:relative;
    margin-bottom: 0.4rem;
}
.p4-1 .p4-div > div.act .img img{
    border: 4px solid #157efa;
}
.p4-1 .p4-div .info{
    /*top:3.9rem;*/
    /*!*left:368px;*!*/
    /*position:absolute;*/
}
.p4-1 .p4-div .info h2{
    font-size:0.36rem;
    line-height:0.4rem;
    font-weight:bold;
    text-align:left;
    color: #157efa;
}
.p4-1 .p4-div .info h2 .js-zw{
    font-size:.24rem;
    line-height:.3rem;
    color: #3e3e3e;
    font-weight: 900;
}
.p4-1 .p4-div .info .x-xian{
    margin-top:0.2rem;
    float:left;
    width:3.6rem;
    height:0.05rem;
    display:block;
    border-bottom:1px dotted #157efa ;
}
.p4-1 .p4-div .info p{
    margin-top: 0.4rem;
    font-size: 0.24rem;
    line-height: 0.34rem;
    /* text-align: left; */
    text-indent: 0.48rem;
    color: #333;
    text-align: justify;
}
.p4-1 .p4-ul{
    /*margin: -108px auto 0px;*/
    width: 6.18rem;
    height: 1.63rem;
    position: relative;
    /*left: 274px;*/
    /*bottom: 8px;*/
}
.p4-1 .p4-ul ul{
    top: -0.1rem;
    left: 0.24rem;
    position: relative;
}
.p4-1 .p4-ul ul li{
    float:left;
    margin-right:0.52rem;
    width:1.71rem;
    height:1.71rem;
    cursor:pointer;
    border-radius: 50%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.p4-1 .p4-ul ul li img{
    width:1.63rem;
    height:1.63rem;
    border-radius: 50%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.p4-1 .p4-ul ul li .js-mz{
    position: relative;
    top: -0.32rem;
    font-size: 0.24rem;
    font-weight: 900;
    color: #212121;
    display: block;
    width: 1.54rem;
    height: 0.4rem;
    cursor: pointer;
    border-radius: 0.3rem;
    background-color: #fdcb48;
    padding: 0.06rem 0 .12rem;
    line-height: 0.26rem;
    text-align: center;
    margin: 0 auto;
}

.p4-1 .p4-ul ul li.act{
    border:0.04rem solid #0084ff;
}



.p5{
    padding-bottom: .5rem;
}
.p5 .big-5{
    background: url(../img/big05.png) no-repeat center top;
    background-size: 0.86rem 0.70rem;
}




.p5 .box{
    width:7.5rem;
    height:4.5rem;
    overflow:hidden;
    position:relative;
    /*background:url("../img/p4-box.jpg") no-repeat center;*/
    /*background-size:7.5rem 6.17rem;*/
}
.p5-ul li{
    width:4rem;
    height:2.14rem;
    position:absolute;
    box-shadow:0 0 0.3rem 0.1rem rgba(71, 127, 236, 0.1);
    transition:0.4s;
}
.p5-ul li#p5l1{
    background:url("../img/3d1.jpg") no-repeat center;
    background-size:4rem 2.14rem;
    transition:0.4s;
    border: 4px solid #1b53ce;
}
.p5-ul li#p5l2{
    background:url("../img/3d2.jpg") no-repeat center;
    background-size:4rem 2.14rem;
    transition:0.4s;
    border: 4px solid #1b53ce;
}
.p5-ul li#p5l3{
    background:url("../img/3d3.jpg") no-repeat center;
    background-size:4rem 2.14rem;
    transition:0.4s;
    border: 4px solid #1b53ce;
}
.p5-ul li.a{
    top:1.03rem;
    left:-0.72rem;
    z-index:1;
    transition:0.4s;
}
.p5-ul li.b{
    top:0.5rem;
    left:0.72rem;
    z-index:2;
    transition:0.4s;
}
.p5-ul li.c{
    top:1.03rem;
    right:-0.72rem;
    z-index:1;
    transition:0.4s;
}
.p5-ul li#p5l1.b{
    width:6.08rem;
    height:3.26rem;
    z-index:2;
    background:url("../img/3d1.jpg") no-repeat center;
    background-size:6.08rem 3.26rem;
    transition:0.4s;
}
.p5-ul li#p5l2.b{
    width:6.08rem;
    height:3.26rem;
    z-index:2;
    background:url("../img/3d2.jpg") no-repeat center;
    background-size:6.08rem 3.26rem;
    transition:0.4s;
}
.p5-ul li#p5l3.b{
    width:6.08rem;
    height:3.26rem;
    z-index:2;
    background:url("../img/3d3.jpg") no-repeat center;
    background-size:6.08rem 3.26rem;
    transition:0.4s;
}
.p5-ul li h2{
    width:3.97rem;
    top:3.24rem;
    font-size:0.3rem;
    line-height:0.3rem;
    color:#ec4777;
    display:none;
    text-align:center;
    position:absolute;
}
.p5-ul li.b h2{
    display:block;
}
.p5-btn{
    top:4rem;
    left:48%;
    /*margin-left:0.5rem;*/
    /*width:2rem;*/
    height:0.1rem;
    position:absolute;
    /*background:url("../img/p4-btn.png") no-repeat center;*/
    /*background-size:3.2rem 0.01rem;*/
}
.p5-btn li{
    display: inline-block;
    width:0.08rem;
    height:0.08rem;
    position:relative;
    /*border:0.01rem solid #151515;*/
    border-radius:100%;
    margin:0 auto ;
    background: #e7e7e7;
}
.p5-btn li.act{
    /*border:0.01rem solid #333d51;*/
    background: #1b53ce;
}

.p5 .link{
    margin-top:4.85rem;
}






.bottom{
    padding:0.18rem 0;
    background:#293449;
}
.bottom p{
    font-size:0.24rem;
    line-height:0.32rem;
    text-align:center;
    color:#ffffff;
}