.mine {
    width: 100%;
    height: 95px;
    background: url(../image/bannerb.png);
    float: left;
}

.hove-two {
    float: left;
    border-left: 1px #384355 solid;
    border-right: 1px #3D5A6C solid;
    height: 95px;
    width: 300px;
    background: -webkit-linear-gradient(left, #243144, #274456);
    background: -o-linear-gradient(right, #243144, #274456);
}

.hove-two:hover p {
    color: #03B59F;
}

.min-img-two {
    width: 110px;
    height: 95px;
    float: left;
    display: none;
}

.min-img-two-b {
    width: 110px;
    height: 95px;
    float: left;
    display: none;

}

.min-logotwo-div {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 10px;
    margin-left: 9px;
    animation: leg 10s linear infinite;
    -webkit-animation: leg 10s linear infinite;
}

@keyframes leg {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes leg {
    100% {
        transform: rotate(360deg);
    }
}

.min-logotwo-div-b {
    position: absolute;
    width: 90px;
    height: 80px;
    animation: lgg 10s linear infinite;
    -webkit-animation: lgg 10s linear infinite;
    margin-top: 10px;
    margin-left: 9px;
}

@keyframes lgg {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lgg {
    100% {
        transform: rotate(360deg);
    }
}

.min-img {
    width: 110px;
    height: 95px;
    float: left;
}

.min-img-logo {
    margin-top: 35px;
    margin-left: 30px;
    float: left;
}

.min-img-logo-b {
    margin-top: 25px;
    margin-left: 30px;
    float: left;
}

.min-img-logo-left {
    margin-top: 40px;
    right: 10px;
}

.min-img-logo-rig {
    margin-bottom: 0px;
    margin-left: 35px;
}

.min-img-logo-left-b {
    margin-top: 40px;
    right: 10px;
}
.yuanxing{
    width: 52px;
    height:52px;
    display: inline-block;
    position: absolute;
    background: #CDCDCD;
    border-radius: 100%;
    text-align: center;
    line-height: 52px;
    color: white;
    z-index: 10;
    font-size: 36px;
    -webkit-transition: all .3s;
}
.yuanxz{
    color: white;
    background: #02B09B!important;
}
#yuan1{
    top: 182px;
    left:38px;
}
#yuan2{
    top: 182px;
    left: 159px;
}
#yuan3{
    top: 182px;
    left: 280px;
}
#yuan4{
    top: 182px;
    left: 399px;
}
#yuan5{
    top: 182px;
    left: 520px;
}
#yuan6{
    top: 182px;
    left: 640px;
}
#yuan7{
    top: 182px;
    left: 760px;
}

#yuan8{
     top: 182px;
     left: 879px;
 }
#yuan9{
    top: 182px;
    left:999px;
}

.xian1{
     width: 24px;
     height: 6px;
     display: inline-block;
     position: absolute;
     background: #CDCDCD;
     z-index: 10;
     top: 205px;
     left: 12px;
    -webkit-transition: all .3s;
 }
.xian2{
    width: 60px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #CDCDCD;
    z-index: 10;
    top: 205px;
    left: 95px;
    -webkit-transition: all .3s;
}

.xian3{
    width: 60px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #CDCDCD;
    z-index: 10;
    top: 205px;
    left: 215px;
    -webkit-transition: all .3s;
}.xian4{
     width: 60px;
     height: 6px;
     display: inline-block;
     position: absolute;
     background: #CDCDCD;
     z-index: 10;
     top: 205px;
     left: 336px;
     -webkit-transition: all .3s;
 }
.xian5{
    width: 60px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #CDCDCD;
    z-index: 10;
    top: 205px;
    left: 454px;
    -webkit-transition: all .3s;
}
.xian6{
    width: 60px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #CDCDCD;
    z-index: 10;
    top: 205px;
    -webkit-transition: all .3s;
    left: 575px;
}
.xian7{
     width: 60px;
     height: 6px;
     display: inline-block;
     position: absolute;
     background: #CDCDCD;
     z-index: 10;
     top: 205px;
     left: 696px;
    -webkit-transition: all .3s;
 }
.xian8{
     width: 60px;
     height: 6px;
     display: inline-block;
     position: absolute;
     background: #CDCDCD;
     z-index: 10;
     top: 205px;
     left: 815px;
    -webkit-transition: all .3s;
 }
.xian9{
    width: 60px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #CDCDCD;
    z-index: 10;
    top: 205px;
    left: 936px;
    -webkit-transition: all .3s;
}
.min-img-logo-rig-b {
    margin-bottom: 0px;
    margin-left: 35px;
}

.min-logo-div-b {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 10px;
    margin-left: 9px;

}

.min-logo-div {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 10px;
    margin-left: 9px;

}


.min-div {
    width:185px;
    height: 40px;
    float: left;
}

.min-div-p {
    color: #F9FDFF;
    font-size: 15px;
    font-weight: 700;
    padding-top: 16px;
}

.min-div-two {
    width:186px;
    height: 55px;
    float: left;
}

.min-div-two-p {
    color: #F9FDFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 20px;
}

.min {
    width: 100%;
    height: 95px;
}

.hove-three {
    float: left;
    border-left: 1px #384355 solid;
    border-right: 1px #3D5A6C solid;
    height: 95px;
    width: 300px;
    background: -webkit-linear-gradient(left, #294658, #2A4F61);
    background: -o-linear-gradient(right, #294658, #2A4F61);
}

.hove-three:hover p {
    color: #03B59F;
}

.min-img-logo-c {
    margin-top: 15px;
    margin-left: 30px;
    float: left;
}

.min-logo-div-c {
    position: absolute;
    width: 90px;
    height: 80px;

    animation: lgc 10s linear infinite;
    -webkit-animation: lgc 3s linear infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

@keyframes lgc {
    0% {


    }
    100% {
        margin-top: 30px;
    }

}

@-webkit-keyframes lgc {
    0% {


    }
    100% {
        margin-top: 30px;

    }
}

.min-logo-div-cc {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-left: 10px;
    animation: lgcc 10s linear infinite;
    -webkit-animation: lgcc 3s linear infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

@keyframes lgcc {
    0% {


    }
    100% {
        margin-top: -30px;

    }

}

@-webkit-keyframes lgcc {
    0% {


    }
    100% {
        margin-top: -30px;

    }
}


.min-logo-div-cn {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 5px;
    margin-left: 5px;

}

.min-logo-div-ccn {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-left: 10px;

}


.min-img-logo-left-c {
    margin-left: 5px;
    margin-top: 10px;
    right: 10px;
}

.min-img-logo-rig-c {
    margin-left: 80px;
    margin-top: 55px;
}


.min-img-logo-left-cn {
    margin-top: 5px;
    right: 10px;
}

.min-img-logo-rig-cn {
    margin-left: 80px;
    margin-top: 55px;
}


.min-div-p-two {
    color: #F9FDFF;
    font-size: 15px;
    font-weight: 700;
    padding-top: 16px;
}

.hove-four {
    float: left;
    border-left: 1px #384355 solid;
    border-right: 1px #3D5A6C solid;
    height: 95px;
    width: 300px;
    background: -webkit-linear-gradient(left, #2C4D60, #254254);
    background: -o-linear-gradient(right, #2C4D60, #254254);
}

.hove-four:hover p {
    color: #03B59F;
}

.hove-five:hover p {
    color: #03B59F;
}

.hove-five {
    float: left;
    border-left: 1px #384355 solid;
    height: 95px;
    width: 300px;
    background: -webkit-linear-gradient(left, #253E52, #1F2A40);
    background: -o-linear-gradient(right, #253E52, #1F2A40);
}

.mine-two {
    width: 345px;
    height: 95px;
    background: url(../../img/img10.PNG);
    float: left;
}

.min-div-three-p {
    color: #F9FDFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 20px;
}

.mine-last {
    margin: auto;
    width: 1200px;
    height: 170px;
    background: url(../image/indext1.png) no-repeat;
    border-bottom: 1px #C6C6C6 solid;
}

.mine-last2 {
    margin: auto;
    width: 1200px;
    height: 170px;
    background: url(../image/indext2.png) no-repeat;
}

.mine-last-onei {
    font-size: 35px;
    letter-spacing: 3px;
    color: #616161;
    text-align: center;
    padding-top: 70px;
}

.mine-last-two {
    color: #9B9B9B;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}

.mine-last-three {
    font-size: 18px;
    letter-spacing: 3px;
    color: #616161;
    padding-top:25px;
}

.mine-last-four {
    color: #9B9B9B;
    letter-spacing: 2px;
    font-size: 15px;
    margin-top: 15px;
    line-height: 30px;
}

.mine-body {
    width: 1200px;
    height: 400px;
    margin: auto;
}

.mine-body-body {
    width: 500px;
    height: 400px;
    float: left;
}

.mine-last-five {
    color: #9B9B9B;
    letter-spacing: 2px;
    font-size: 15px;
    margin-top: 0px;
    line-height: 30px;
}

.hove-three:hover p {
    color: #03B59F;
}

.min-img-logo-q {
    margin-top: 25px;
    margin-left: 30px;
    float: left;
}

.min-logo-div-q {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 55px;
    margin-left: 10px;
    animation: lgq 10s linear infinite;
    -webkit-animation: lgq 3s linear infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

@keyframes lgq {
    0% {

    }
    100% {
        margin-top: 20px;
    }

}

@-webkit-keyframes lgq {
    0% {

    }
    100% {
        margin-top: 20px;
    }
}

.min-logo-div-qq {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 10px;
    animation: lgqq 10s linear infinite;
    -webkit-animation: lgqq 3s linear infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

@keyframes lgqq {
    0% {

    }
    100% {
        margin-top: 30px;
    }

}

@-webkit-keyframes lgqq {
    0% {

    }
    100% {
        margin-top: 30px;
    }
}


.min-logo-div-cq {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-left: 10px;
    margin-top: 10px;

}

.min-logo-div-ccq {
    position: absolute;
    width: 90px;
    height: 80px;
    margin-top: 10px;
}


.min-img-logo-left-q {
    margin-top: -20px;
    right: 10px;
}

.min-img-logo-rig-q {
    margin-left: 80px;

}


.min-img-logo-left-cq {
    margin-top: 25px;
    right: 10px;
}

.min-img-logo-rig-cq {
    margin-left: 80px;
}


.mine-body-img {
    width: 691px;
    height: 363px;
    float: left;
    margin-top: 30px;
}

.mine-body-img-img {
    width: 691px;
    height: 363px;
}

.mine-body-mine {
    margin: auto;
    width: 1200px;
    height: 426px;
    margin-top: 5px;
}

.mine-body-mine-img {
    width: 1200px;
    height: 426px;
}

.lunbo {
    width: 100%;
    height: 475px;
}

.bottom-div {
    margin-top: 70px;
}

.bottom-div img {
    width: 100%;
    height: 140px;
}

.bottome {
    width: 1200px;
    height: 168px;
    margin: auto;
}

a {
    color: black;
}

.bottome-div {
    width: 260px;
    height: 167px;
    float: left;
    margin-left: 30px;
    position: relative;
}
.ddd{
    position: absolute;
    top: -1px;
    -webkit-transition: all 1s;
}
.zhuandong{
    transform:rotate(-317deg);
    -ms-transform:rotate(-317deg); /* Internet Explorer */
    -moz-transform:rotate(-317deg); /* Firefox */
    -webkit-transform:rotate(-317deg); /* Safari 和 Chrome */
    -o-transform:rotate(-317deg); /* Opera */
    -webkit-transition: all 1s;
}

.bottome-div img {
    margin-top: 30px;
    margin-left: 95px;
    width: 60px;
    height: 60px;
}

.bottome-div p {
    font-size: 19px;
    text-align: center;
    margin-top: 20px;

}


.bottme-div-right {
    width: 260px;
    height: 170px;
    float: left;
    margin-left: 53px;
}

.bottme-div-right img {
    margin-top: 30px;
    margin-left: 90px;
    width: 60px;
    height: 60px;
}

.bottme-div-right p {
    font-size: 19px;
    text-align: center;
    margin-top: 20px;
}
.wap {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #fff;
}

.ser_float {
    position: absolute;
    left: -8px;
    top: 250px;
    z-index: 99999;
}

.ser_float li {
    width: auto;
    height: 56px;
    margin-bottom: 1px;
}

.ser_float li a {
    background: url(/Public/image/ser_floatyy.png) repeat;
    color: #FFF;
    font-size: 14px;
    width: 68px;
    height: 55px;
    line-height: 18px;
    overflow: hidden;
    padding: 10px 0;
    display: block;
    border-radius: 8px;
    text-align: center;
}

.ser_float li a:hover {
    background-color: #c70c1f;
    background-image: none;
    line-height: 36px;
}

.float_qq {
    position: absolute;
    top: 250px;
    right: 0;
    width: 50px;
    height: 303px;
    z-index: 6666;
}

.float_qq li {
    width: auto;
    height: 50px;
    z-index: 20;
}

.float_qq li.float_qq1, .float_qq li.float_qq4 {
    position: absolute;
    left: 0;
    width: 62px;
}

.float_qq li.float_qq1 {
    top: 0;
}

.float_qq li.float_qq2 {
    position: absolute;
    top: 51px;
    left: 0;
    width: 152px;
}

.float_qq li.float_qq3 {
    position: absolute;
    top: 102px;
    left: 0;
    width: 172px;
}

.float_qq li.float_qq4 {
    position: absolute;
    top: 153px;
    left: 0;
    width: 172px;
}

.float_qq li.float_qq5 {
    position: absolute;
    top: 204px;
    left: 0;
    width: 172px;
}

.float_qq li.float_qq6 {
    top: 255px;
}

.float_qq6 {
    position: absolute;
    top: 255px;
    left: 0;
}

.float_qq li a {
    display: block;
    font-family: "Microsoft Yahei";
    color: #FFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #000;
    opacity: 0.8;
    border-radius: 6px;
}

.float_qq li a img {
    display: block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px;
}

.float_qq li a:hover {
    background-color: #c70c1f;
    opacity: 1;
}

.float_shwx {
    position: absolute;
    top: -226px;
    left: -216px;
    background: url(static/images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none;
}

.float_shwx1 {
    position: absolute;
    top: -79px;
    left: -188px;
    background: url(static/images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none;
}
.float_shwx2 {
    position: absolute;
    top: -79px;
    left: -188px;
    background: url(static/images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
}
.float_shwx3 {
    position: absolute;
    top: -79px;
    left: -188px;
    background: url(static/images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none;
}



.float_shwx img {
    display: block;
    /*padding: 14px;*/
    background-color: #FFF;
}

#qLpercentage {
    width: 105px;
    height: 104px;
    line-height: 104px;
    text-align: center;
}

.h_click {
    margin-top: 10px;
}

.h_click li {
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    margin-left: 18px;
    display: inline;
}

.index_yxfw_item .server {
    cursor: pointer;
}
.bottme-div-mine {
    background: #F7F9F8;
    width: 100%;
    height: 305px;
}

.bottme-div-mine p {
    line-height: 30px;
}

.bottme-div-li {
    width: 1200px;
    height: 225px;
    margin: auto;
    padding-left: 60px;
}

.bottme-little-div {
    width: 330px;
    height: 225px;
    margin-right: 50px;
    float: left;
}

.bottme-little-rgb {
    font-size: 23px;
    color: #03B59F;
    padding-top: 60px;
}

.bottme-little-black {
    font-size: 17px;
    color: #A2A4A3;
    letter-spacing: 2px;
    margin-top: 5px;
}

.bottome-div-two {
    width: 260px;
    height: 170px;
    float: left;
}

.bottome-div-two img {
    margin-top: 30px;
    margin-left: 90px;
    width: 70px;
    height: 65px;
}

.bottome-div-two p {
    font-size: 19px;
    text-align: center;
    color: #3E3E3E;
    margin-top: 20px;
}

.bottoma-div {
    margin-top: 20px;

}

.foot-div {
    width: 100%;
    height: 140px;
    background: url("../image/footbanner.png") no-repeat;
}

.minm-div {
    width: 100%;
    height: 140px;

}

.tu1 {
    background: url("../image/minmbanner.png") no-repeat;
    background-size: cover;
}

.tu2 {
    background: url("../image/indexbanner3.png") no-repeat;
    background-size: cover;
}

.tu3 {
    background: url("../image/indexbanner4.png") no-repeat;
    background-size: cover;
}

.tu4 {
    background: url("../image/indexbanner5.png") no-repeat;
    background-size: cover;
}

.foot-divb {
    margin-top: 70px;
    width: 100%;
    height: 140px;
    background: url("../image/footbanner2.png") no-repeat;
    background-size: cover;
}

.foot-div2 {
    width: 900px;
    height: 140px;
    margin: auto;
}
.ssdiv{
    width: 82px;
    height: 65px;
    display: block;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.minm-div2 {
    width: 1000px;
    height: 140px;
    margin: auto;
}

.footul {
    list-style: none;
}

.footul li {
    width: 300px;
    height: 140px;
    float: left;
}

.footul li a {
    display: block;
    width: 300px;
    height: 140px;
    float: left;
    text-align: center;
    padding-top: 20px;
}

.footul li a p {
    color: white;
    font-size: 26px;
    line-height: 65px;
}

.footul li a img {
    width: 47px;
    height: 46px;
}

.minmul {
    list-style: none;
}

.minmul li {
    width: 333px;
    height: 140px;
    float: left;
}

.minmul li a {
    display: block;
    width: 333px;
    height: 105px;
    float: left;
    padding-top: 35px;
}

.minmul li a img {
    width: 80px;
    height: 68px;
    display: inline-block;
    float: left;
    margin-left: 30px;
}

.minmspan {
    display: inline-block;
    float: left;
    width: 200px;
    height: 80px;
    color: white;
    font-size: 26px;
    margin-left: 20px;
}

.bottoma-div img {
    width: 100%;
    height: 140px;
}

.mine-last-mine {
    margin: auto;
    width: 1200px;
    height: 170px;
    background: url(../image/indext3.png) no-repeat;
}
.mine-bottom {
    width: 200px;
    height: 170px;
    float: left;
    cursor: pointer;
}
.ssdimg{
    position: absolute;
}
#sssimg1{
    top: 1px;
    left: 10px;
}
#sssimg2{
    top: 3px;
    left: 11px;
}
#sssimg3{
    top: 9px;
    left: 11px;
}
#sssimg4{
    top: 7px;
    left: 16px;
}
#sssimg5{
    top: 7px;
    left: 13px;
}
#sssimg6{
    top: 6px;
    left: 17px;
}
#sssimg7{
    top: 9px;
    left: 16px;
}
#sssimg8{
    top: 5px;
    left: 15px;
}
#sssimg9{
    top: 7px;
    left: 7px;
}
#sssimg10{
    top: 9px;
    left: 10px;
}
#sssimg11{
    top: 7px;
    left: 15px;
}
#sssimg12{
    top: 7px;
    left: 18px;

}
.mine-bottome-p {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #6E6E6E;
    margin-left: 30px;
    margin-top: 10px;
}
.mine-bottome-lp {
    font-size: 15px;
    color: #A0A0A0;
    margin-top: 15px;
    letter-spacing: 1px;
    margin-left: 20px;
}
.mine-bott-mine {
    margin: auto;
    width: 1200px;
    height: 170px;
    background: url(../image/indext4.png) no-repeat;
}

.mine-bottom-mine {
    width: 300px;
    height: 350px;
    float: left;
}

.mbmimg {
    width: 176px;
    height: 200px;
    margin-left: 18px;
    cursor:pointer;
}

.mine-bottome-mine-p {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 4px;
    color: #6E6E6E;
    margin-left: 40px;
    margin-top: 20px;
}

.mine-bottome-mine-lp {
    font-size: 14px;
    color: #A0A0A0;
    margin-top: 10px;
    letter-spacing: 3px;
    width: 260px;
    line-height: 30px;
}

.body-bottom {
    width: 1200px;
    height: 672px;
    margin: auto;
}


.mine-botte-mine {
    margin: auto;
    width: 1200px;
    height: 200px;
    background: url(../../img/img48.PNG) no-repeat;
    border-bottom: 2px #C6C6C6 solid;
}

.mine-botte-mine-div {
    margin-left: 150px;
    font-size: 25px;
    color: #727272;
    margin-top: 30px;
    float: left;
}

.mine-botte-mine-div img {
    width: 35px;
    height: 35px;
}

.mine-botte-mine-p {
    margin-left: 100px;
    font-size: 25px;
    color: #727272;
    margin-top: 30px;
    float: left;
}

.last {
    width: 1200px;
    height: 180px;
    margin: auto;
}

.last-div {
    width: 600px;
    height: 140px;
    float: left;
}

.last-p {
    font-size: 20px;
    text-align: center;
    letter-spacing: 2px;
    color: #0F293A;
    margin-top: 30px;
    margin-bottom: 20px;
}

.last-pa {
    text-align: center;
    color: #0F293A;
    font-size: 16px;
    margin-bottom: 10px;
}

.last-pb {
    text-align: center;
    color: #0F293A;
    font-size: 16px;
}

.last-div-input {

    width: 350px;
    height: 40px;
    margin-top: 27px;
    padding-left: 105px;
    border: 1px solid #EDEDED;
}

.last-div-input-b {

    width: 350px;
    height: 40px;
    margin-top: 15px;
    padding-left: 105px;
    border: 1px solid #EDEDED;
}

.body-top-li-a {
    width: 115px;
    background-color: #36627F;
    height: 30px;
    float: left;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    margin-top: 7px;
    font-size: 15px;
    margin-left: 530px;
}

.body-top-c {
    color: #EEFFFF !important;
}

.last-bott {
    width: 100%;
    height: 370px;
    background: #0F293A;
    margin-top: 30px;
}

.last-bott-top {
    width: 100%;
    height: 30px;
}

.last-bott-right {
    width: 1200px;
    height: 169px;
    margin: auto;
}

.last-bott-right-rig {
    width: 300px;
    height: 150px;
    float: left;
}

.last-bott-right-lef {
    width: 66px;
    height: 150px;
    float: left;
}

.last-bott-right-lef img {
    width: 66px;
    height: 86px;
}

.last-bott-div {
    width: 233px;
    height: 150px;
    float: left;
}

.last-bott-div-p {
    color: white;
    margin-left: 35px;
    font-size: 13px;
    letter-spacing: 1px;
}

.last-bott-div-a {
    color: white;
    margin-top: 30px;
    margin-left: 35px;
    font-size: 20px;
    letter-spacing: 1px;
}

.last-bott-div-border {
    width: 100px;
    height: 30px;

    margin-top: 30px;
    margin-left: 35px;
}

.last-bott-div-border p {
    font-size: 20px;
    text-align: center;
    margin-top: 2px;
}

.last-bott-div-border a {
    color: white;
}

.last-bottem {
    width: 900px;
    height: 150px;
    float: left;
}

.last-bottem-div {
    width: 180px;
    height: 150px;
    float: left;
}

.last-bottem-div-top {
    color: white;
    margin-left: 55px;
    font-size: 15px;
    letter-spacing: 1px;
}

.last-bottem-div-bot {
    color: #828A95;
    margin-top: 35px;
    margin-left: 55px;
    font-size: 13px;
    letter-spacing: 1px;
}

.last-bottem-div-bott {
    color: #828A95;
    margin-top: 20px;
    margin-left: 55px;
    font-size: 13px;
    letter-spacing: 1px;
}

.last-bottem-right-top {
    color: white;
    margin-top: 5px;
    font-size: 15px;
    float: right;
    letter-spacing: 5px;
    margin-right: 5px;
}

.last-bottem-left img {
    width: 98px;
    height: 108px;
    float: right;
}

.last-bottem-left {
    height: 150px;
    float: left;
}

.last-bottem-div-p {
    color: #828A95;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 46.6px;
}

.one {
    height: 46.6px;
    width: 1200px;
    margin: auto;
}

.one-div {
    width: 100px;
    height: 46.6px;
    float: left;
    margin-left: 330px;
}

.one-div-last {
    width: 100px;
    height: 46.6px;
    float: left;
}

.one-last {
    width: 100%;
    height: 20px;
}

.one-div-a {
    width: 350px;
    height: 46.6px;
    float: left;
    margin-left: 300px;
}

.last-bottem-div-b {
    color: #828A95;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 36.6px;
}

.one-div-last-a {
    width: 240px;
    height: 46.6px;
    float: left;
}

.two {
    height: 46.6px;
    width: 1200px;
    margin: auto;
}

.one-div-b {
    width: 250px;
    height: 46.6px;
    float: left;
    margin-left: 120px;
}

.one-div-last-c {
    width: 320px;
    height: 46.6px;
    float: left;
}

.one-div-last-c img {
    width: 23px;
    height: 24px;
}

.one-div-last-d {
    width: 120px;
    height: 37.6px;
    float: left;
}

.one-div-last-d img {
    width: 23px;
    height: 24px;
}

.angle {
    width: 1208px;
    height: 95px;
    margin: auto;
    cursor: pointer;
}

.angle:hover {

}

.ba_left {
    width: 110px;
    height: 416px;
    float: left;
    position: relative;
}

.ba_left img {
    width: 110px;
    height: 416px;
}

.ba_left span {
    display: block;
    position: absolute;
    width: 110px;
    height: 416px;
    font-size: 40px;
    text-align: center;
    color: white;
    font-weight: 600;
    top: 20px;
}

.ba_right {
    width: 1090px;
    height: 416px;
    float: right;
    position: relative;
}

.ba_r_m {
    position: absolute;
    width: 1052px;
    height: 98px;
    top: 156px;
}


.ba_right li {
    width: 110px;
    height: 169px;
    float: left;
    margin-left: 10px;
    -webkit-transition: all .3s;
}

li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ba_right a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ba_right ul li:nth-child(10),
.ba_right ul li:nth-child(11),
.ba_right ul li:nth-child(12),
.ba_right ul li:nth-child(13),
.ba_right ul li:nth-child(14),
.ba_right ul li:nth-child(15),
.ba_right ul li:nth-child(16),
.ba_right ul li:nth-child(17),
.ba_right ul li:nth-child(18) {
    margin-top: 50px;
}

.ba_right ul li:nth-child(1) {
    background: url('../img/baimg1.png') no-repeat center;
}

.ba_right ul li:nth-child(2) {
    background: url('../img/paimg2.png') no-repeat center;
}

.ba_right ul li:nth-child(3) {
    background: url('../img/paimg3.png') no-repeat center;
}

.ba_right ul li:nth-child(4) {
    background: url('../img/paimg4.png') no-repeat center;
}

.ba_right ul li:nth-child(5) {
    background: url('../img/paimg5.png') no-repeat center;
}

.ba_right ul li:nth-child(6) {
    background: url('../img/paimg6.png') no-repeat center;
}

.ba_right ul li:nth-child(7) {
    background: url('../img/paimg7.png') no-repeat center;
}

.ba_right ul li:nth-child(8) {
    background: url('../img/paimg8.png') no-repeat center;
}

.ba_right ul li:nth-child(9) {
    background: url('../img/paimg9.png') no-repeat center;
}

.ba_right ul li:nth-child(10) {
    background: url('../img/paimg10.png') no-repeat center;
}

.ba_right ul li:nth-child(11) {
    background: url('../img/paimg11.png') no-repeat center;
}

.ba_right ul li:nth-child(12) {
    background: url('../img/paimg12.png') no-repeat center;
}

.ba_right ul li:nth-child(13) {
    background: url('../img/paimg13.png') no-repeat center;
}

.ba_right ul li:nth-child(14) {
    background: url('../img/paimg14.png') no-repeat center;
}

.ba_right ul li:nth-child(15) {
    background: url('../img/paimg15.png') no-repeat center;
}

.ba_right ul li:nth-child(16) {
    background: url('../img/paimg16.png') no-repeat center;
}

.ba_right ul li:nth-child(17) {
    background: url('../img/paimg17.png') no-repeat center;
}

.ba_right ul li:nth-child(18) {
    background: url('../img/paimg18.png') no-repeat center;
}

.ba_right ul li:nth-child(1):hover {
    background: url('../img2/bimg1.png') no-repeat center;
}

.ba_right ul li:nth-child(2):hover {
    background: url('../img2/bimg2.png') no-repeat center;
}

.ba_right ul li:nth-child(3):hover {
    background: url('../img2/bimg3.png') no-repeat center;
}

.ba_right ul li:nth-child(4):hover {
    background: url('../img2/bimg4.png') no-repeat center;
}

.ba_right ul li:nth-child(5):hover {
    background: url('../img2/bimg5.png') no-repeat center;
}

.ba_right ul li:nth-child(6):hover {
    background: url('../img2/bimg6.png') no-repeat center;
}

.ba_right ul li:nth-child(7):hover {
    background: url('../img2/bimg7.png') no-repeat center;
}

.ba_right ul li:nth-child(8):hover {
    background: url('../img2/bimg8.png') no-repeat center;
}

.ba_right ul li:nth-child(9):hover {
    background: url('../img2/bimg9.png') no-repeat center;
}

.ba_right ul li:nth-child(10):hover {
    background: url('../img2/bimg10.png') no-repeat center;
}

.ba_right ul li:nth-child(11):hover {
    background: url('../img2/bimg11.png') no-repeat center;
}

.ba_right ul li:nth-child(12):hover {
    background: url('../img2/bimg12.png') no-repeat center;
}

.ba_right ul li:nth-child(13):hover {
    background: url('../img2/bimg13.png') no-repeat center;
}

.ba_right ul li:nth-child(14):hover {
    background: url('../img2/bimg14.png') no-repeat center;
}

.ba_right ul li:nth-child(15):hover {
    background: url('../img2/bimg15.png') no-repeat center;
}

.ba_right ul li:nth-child(16):hover {
    background: url('../img2/bimg16.png') no-repeat center;
}

.ba_right ul li:nth-child(17):hover {
    background: url('../img2/bimg17.png') no-repeat center;
}

.ba_right ul li:nth-child(18):hover {
    background: url('../img2/bimg18.png') no-repeat center;
}


.limg1 {
    position: absolute;
    top: 14%;
    left: 16%;
    cursor:pointer;
    transition:all 0.3s;/*图片放大过程的时间*/
}
.limg1:hover{
    transform: scale(1.2);  /*以y轴为中心旋转*/
}

.limg2 {
    position: absolute;
    top: 17%;
    left: 16%;
    transition:all 0.3s;/*图片放大过程的时间*/
    cursor:pointer;
}
.limg2:hover{
    transform: scale(1.2);  /*以y轴为中心旋转*/
}

.tu-e {
    width: 961px;
    height: 82px;
    position: absolute;
    z-index: 3;
    top: 168px;
    left: 65px;
}

.none {
    display: none;
}

.block {
    display: block;
}

.xz {
    height: 164px !important;
    border-bottom: 3px #03B59F solid !important;
    color: #03B59F !important;
}

.bottome-div :hover {
    color: #03B59F !important;
}

.data-left {
    float: left;
    width: 390px;
    height: 500px;
    position: relative;
    top: 105px;
    left: 30px;
}

.datap1 {
    font-size: 45px;
    color: #666666;
    font-weight: 600;
}
.ssssimg{
    width: 10000px;
    height: 59px;
    background: url("../image/ssimg.png") repeat-x;
}
.spdd1{
    width: 5px;
    height: 5px;
    position: absolute;
    top: 29px;
    left: 111px;
    background: #9d9d9d;
    border-radius: 100%;
}
.datap2 {
    font-size: 30px;
    color: #666666;
    margin-top: 10px;
}

.datap3 {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    margin-left: 40px;
    margin-top: 20px;
    line-height: 40px;
}

.dataa {
    display: inline-block;
    width: 162px;
    height: 33px;
    border: 1px #B5B5B5 solid;
    position: relative;
    top: 30px;
    left: 36px;
    -webkit-transition: all .3s;
}

.dataa img {
    width: 48px;
    height: 9px;
    display: inline-block;
    margin-left: 55px;
    margin-top: 9px;
}

.dataa:hover {
    border-color: #00B59E;
    border-radius: 25px;
    color: #00B59E;
}

.security_top {
    height: 190px;

}

.security_top .safety {
    width: 45%;
    height: 130px;
    margin-top: 59px;
    margin-left: 133px;
    float: left;
    background: url("../img/safety.png") no-repeat;
}

.childrenBody {
    background: #fff;
}

.security {
    width: 1200px;
    height: 745px;
    margin: auto;
}

.security_bg {

    width: 45%;
}

.tp_left {
    float: left;
}

.tp_right {
    float: right;
}

.count {
    width: 575px;
    height: 490px;
    float: left;
}

.count p {
    /*padding: 10px 0;*/
}

.count p.tp_left_security {
    font-size: 45px;
    color: #666666;
    font-weight: 600;
}

.tp_left_introduce {
    padding: 40px 0px;
    height: 160px;
}

.tp_left_introduce li {
    float: left;
    width: 105px;
    font-size: 16px;
}

.li_left {
    margin-left: 45px;
}

.tp_left_content {
    text-align: center;
    width: 100%;
    height: 100%;
}

.tp_left_content img {
    width: 70%;
    height: 70%;
    margin: auto;
    margin-top: 10px;
}

.tp_left_content p {
    width: 120px;
    margin-top: 30px;
    line-height: 25px;
}

.tp_left_button {
    height: 150px;
}

.tp_left_button li {
    float: left;
    width: 47%;
    height: 66px;
    font-size: 20px;
    line-height: 90px;
    font-weight: 200;
    padding: 12px 0;
    color: #a8a8a8;
    letter-spacing: 2px;
    margin-left: 17px;
}

.tp_left_button li span {
    margin-left: 15px;
}

.tp_left_table {
    font-size: 30px;
    color: #666666;
}

.sxz p {
    color: #03B59F;
}


#banner1 {
    background: url("../image/banner11.jpg") no-repeat;
    background-size: cover;
}

#banner2 {
    background: url("../image/banner22.png") no-repeat;
    background-size: cover;
}

#banner3 {
    background: url("../image/banner3.jpg") no-repeat;
    background-size: cover;
}

#banner4 {
    background: url("../image/banner4.jpg") no-repeat;
    background-size: cover;
}

.banner1div {
    width: 1200px;
    height: 550px;
    margin: auto;
}

.banner2div {
    width: 1300px;
    height: 550px;
    margin: auto;
}

.banner1img1 {
    position: absolute;
    left: -87px;
    top: 71px;
}

.banner1img2 {
    position: absolute;
    left: 378px;
    bottom: 26px;
}

.banner1img3 {
    position: absolute;
    left: 289px;
    bottom: 80px;
}

.banner1img4 {
    position: absolute;
    left: 24px;
    bottom: 50px;
}

.banner1img5 {
    position: absolute;
    left: 200px;
    bottom: 50px;
}

.banner1img6 {
    position: absolute;
    right: -285px;
    bottom: -12px;
    opacity: 0.3;
}

.banner1img7 {
    position: absolute;
    right: -350px;
    bottom: -80px;
    opacity: 0.3;
}

.banner1img8 {
    position: absolute;
    right: -384px;
    bottom: -46px;
    opacity: 0.4;
}

.banner1img9 {
    position: absolute;
    right: -384px;
    bottom: -60px;
    opacity: 0.4;
}


.banner1div2 {
    width: 1000px;
    height: 80px;
    position: absolute;
    top: 16%;
    left: 18%;
}

.b1z {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.biaodian {
    margin-top: 45px;
}

.bannerdj {
    display: inline-block;
    position: absolute;
    top: 300px;
    right: 0;
}

.bannerziti2 {
    display: inline-block;
    position: absolute;
    top: 200px;
    right: 0;
}

.banner2img1 {
    display: inline-block;
    position: absolute;
    bottom: 40px;
    right: -79px;
}

.banner2img2 {
    display: inline-block;
    position: absolute;
    bottom: 160px;
    right: 16px;
}

.banner2img3 {
    display: inline-block;
    position: absolute;
    bottom: 104px;
    right: 470px;
}

.banner2img4 {
    display: inline-block;
    position: absolute;
    bottom: 122px;
    right: 400px;
}

.banner2img5 {
    display: inline-block;
    position: absolute;
    bottom: 56px;
    right: 24px;
}

.banner2img6 {
    display: inline-block;
    position: absolute;
    top: 16%;
    left: 5px;
}

.banner2img7 {
    display: inline-block;
    position: absolute;
    top: 200px;
    left: 5px;
}

.banner2dj {
    display: inline-block;
    position: absolute;
    top: 300px;
    left: 5px;
}

.banner2div {
    width: 1200px;
    height: 550px;
    margin: auto;
}

.banner3img1 {
    display: inline-block;
    position: absolute;
    top: 10%;
    left: -100px;
}

.banner3img2 {
    display: inline-block;
    position: absolute;
    top: 79%;
    left: 64%;
}

.banner3img3 {
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 52.5%;
}

.banner3img4 {
    display: inline-block;
    position: absolute;
    top: 25%;
    left: 39.5%;
}

.banner3img5 {
    display: inline-block;
    position: absolute;
    top: 3%;
    left: 26.5%;
}

.banner3img6 {
    display: inline-block;
    position: absolute;
    top: 16%;
    left: 18%;
}

.banner3img7 {
    display: inline-block;
    position: absolute;
    top: 200px;
    right: 0;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

.Rotation {
    -webkit-transform: rotate(-360deg);
    animation: rotation 20s linear infinite;
    -moz-animation: rotation 20s linear infinite;
    -webkit-animation: rotation 20s linear infinite;
    -o-animation: rotation 20s linear infinite;
}

@-webkit-keyframes rotation2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.Rotation2 {
    -webkit-transform: rotate(360deg);
    animation: rotation2 25s linear infinite;
    -moz-animation: rotation2 25s linear infinite;
    -webkit-animation: rotation2 25s linear infinite;
    -o-animation: rotation2 25s linear infinite;
}

@-webkit-keyframes rotation3 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

.Rotation3 {
    -webkit-transform: rotate(-360deg);
    animation: rotation3 30s linear infinite;
    -moz-animation: rotation3 30s linear infinite;
    -webkit-animation: rotation3 30s linear infinite;
    -o-animation: rotation3 30s linear infinite;
}

@-webkit-keyframes rotation4 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.Rotation4 {
    -webkit-transform: rotate(360deg);
    animation: rotation4 40s linear infinite;
    -moz-animation: rotation4 40s linear infinite;
    -webkit-animation: rotation4 40s linear infinite;
    -o-animation: rotation4 40s linear infinite;
}


.banner4img1 {
    display: inline-block;
    position: absolute;
    top: 95px;
    right: -117px;
}

.banner4img2 {
    display: inline-block;
    position: absolute;
    top: 70px;
    right: -30px;
}

.banner4img3 {
    display: inline-block;
    position: absolute;
    top: 137px;
    right: 84px;
}

.banner4img4 {
    display: inline-block;
    position: absolute;
    top: 183px;
    right: 152px;
}

.banner4div1 {
    width: 158px;
    height: 105px;
    display: inline-block;
    position: absolute;
    top: 70%;
    right: 40%;
    background: url("../image/banner4div1.png");
}

.banner4div2 {
    width: 127px;
    height: 84px;
    display: inline-block;
    position: absolute;
    top: 10%;
    right: -15%;
    background: url("../image/banner4div2.png");
}

.banner4div3 {
    width: 235px;
    height: 23px;
    display: inline-block;
    position: absolute;
    top: 79%;
    right: -11%;
    background: url("../image/banner4div3.png");
}

.banner4img5 {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 20px;
}

.banner4img6 {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 37px;
}

.banner4img7 {
    display: inline-block;
    position: absolute;
    top: -44px;
    left: 66px;
}

.banner4img8 {
    display: inline-block;
    position: absolute;
    top: 8%;
    left: 55%;
}

.banner4img9 {
    display: inline-block;
    position: absolute;
    top: 41%;
    right: -16%;
}

.banner4img10 {
    display: inline-block;
    position: absolute;
    top: 38%;
    left: 49%;
}

.index-new {
    width: 100%;
    height: 700px;
}

.index-new-border {
    width: 100%;
    height: 80px;
    border-bottom: 1px #C6C6C6 solid
}

.index-new-div {
    width: 1200px;
    height: 80px;
    margin: auto
}

.index-new-div-p {
    text-align: center;
    color: #0084f6;
    font-size: 30px;
    line-height: 80px
}

.index-new-div-pa {
    width: 70px;
    height: 2px;
    background: #0084f6;
    text-align: center;
    position: absolute;
    left: 47.7%;
}

.index-new-div-button {
    width: 1000px;
    height: 100px;
    margin: auto
}

.index-new-mine {
    width: 1000px;
    height: 500px;
    margin: auto
}

.index-new-div-mine {
    width: 500px;
    height: 500px;
    float: left;
}
.index-new-bor-div{
    width: 500px;height: 100px;margin-top: 40px;
}
.index-new-div-mine-radi {
    border-radius: 50%;
    background: #0DB7A2;
    width: 80px;
    height: 80px;
    background: #1E9FFF;
    float: left
}

.index-new-div-mine-radi p:nth-child(1) {
    text-align: center;
    font-size: 40px;
    color: white
}

.index-new-div-mine-radi p:nth-child(2) {
    text-align: center;
    color: white
}

.index-new-div-mine-rig {
    width: 350px;
    height: 100px;
    float: left;
    margin-left: 30px
}

.index-new-div-mine-rig p:nth-child(1) {
    font-size: 17px;
    color: #808080;
    letter-spacing: 2px;
}

.index-new-div-mine-rig p:nth-child(2) {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    width: 350px;
    font-size: 12px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
    overflow: hidden;
    color: #a8a8a8;
    text-indent:2em;
    letter-spacing: 3px;
    margin-top: 10px;
}

.swiper-container {
    width: 100%;
    height: 550px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    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;
}
.layui-btn{
    height: 33px;
    line-height: 33px;
    margin-top: 40px;
    margin-left: 90px;
    background: #a8a8a8;

}
.layui-btn-normal{
    background-color: #1E9FFF !important
}
.layui-btn + .layui-btn{
    margin-left: 40px;
}
.swiper-button-prev{
    left: 30px;
}
.swiper-button-next{
    right: 30px;
}