/* 类轮播图 暂定 */
#home_pic{
    position: relative;
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
}
.img_list{
    position: relative;
    width: 100%;
    z-index: 10;
    background: #666;
}
.img_list img{
    display: block;
    width:100%;
    height:auto;
}
.img_list>li{
    width: 100%;
    height: auto;
}
.img_circle{
    position: relative;
    bottom: 40px;
    margin: 0 auto;
    width: 976px;
    height: 30px;
    z-index: 10;
}
.img_circle>li{
    float: left;
    width: 189px;
    height: 28px;
    line-height: 28px;
    margin-right: 5px;
    text-align: center;
    background: rgba(0, 0, 0, 0.251);
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border-bottom: 2px solid #EB507F;
}
.img_left{
    position: absolute;
    top: 40%;
    left: 16%;
    width: 35px;
    height: 55px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 55px;
    text-align: center;
    z-index: 10;
    color:#fff;
    background: rgba(233, 231, 239,.5);
    font-size: 30px;
    display: none;
}
.img_right{
    position: absolute;
    top: 40%;
    right: 28%;
    width: 35px;
    height: 55px;
    border-radius: 5px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    color:#fff;
    background: rgba(233, 231, 239,.5);
    font-size: 30px;
    display: none;
}
#home_pic>.img_list>li:nth-child(1){
    opacity: 1;
    z-index: 10;
}
#home_pic>.img_circle>li:nth-child(1){
    background: #EB507F;
}
.img_list li{
    transition: all .5s;
}
#home_pic:hover span{
    display: block;
}
#home_pic>span:hover{
    background: rgba(136, 127, 122,.5);
}
/* 咨询客服 */
.cust-que {
    width: 100%;
    height: 40px;
}
.cust-que a {
    display: block;
    float: right;
    width: 140px;
    height: 40px;
}
.ask {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background: #ff9966 url(../images/home/u32.png) no-repeat 20px center;
    background-size: 18%;
}
.ask span {
    color: #fff;
    font-size: 18px;
    margin-left: 46px;
}

/****** 设备终端 优势.. 选项卡 ******/
.mt{
    width: 1200px;
    height: 59px;
    border-bottom: 2px solid #eb507f;
}
.mt-btn{
    height:59px;
}
.mt-btn>li{
    float: left;
    width: 120px;
    height: 56px;
    font-family: "Arial Normal", Arial;
    font-size: 18px;
    text-align: center;
    line-height: 80px;
    transition: all .2s;
    cursor: pointer;
}
.mt-btn>.btn-bg{
    color: #eb507f;
    border-bottom: 3px solid #eb507f;
}
.qiye-floor-ele{
    position: relative;
    width: 100%;
    color:#333;
}
.w-box{
    width: 1200px;
}
.mc-ele{
    position: relative;
    width: 1200px;
    height: 4840px;
    background: #fff;
}
.mc-ele>div{
    position: absolute;
    width: 1200px;
}
.br-content{
   width: 1200px;
   overflow: hidden;
}
.br-content:nth-child(2),.br-content:nth-child(3),.br-content:nth-child(4){
    display: none;
}
.br-content>img{
    display: block;
    width: 1200px;
}
.br-content:nth-child(3)>img {
    display: block;
    width: 1000px;
}
/* 定位文字说明 */
.desc-word-pos{
    position: absolute;
    width: 290px;
    height: 108px;
    top:200px;
    left:120px;
    z-index: 30;
}
.desc-word-pos2{
    position: absolute;
    width: 290px;
    top:990px;
    right:120px;
    z-index: 30;
}
.desc-word-pos3{
    position: absolute;
    width: 290px;
    top:1755px;
    left:120px;
    z-index: 30;
}
.desc-word-pos4{
    position: absolute;
    width: 290px;
    top:2650px;
    right:120px;
    z-index: 30;
}
.desc-word-pos5{
    position: absolute;
    width: 496px;
    top:3405px;
    left:120px;
    z-index: 30;
}
.desc-word-pos6{
    position: absolute;
    width: 360px;
    bottom:480px;
    right:120px;
    z-index: 30;
}

.desc-word1-pos{
    position: absolute;
    width: 500px;
    height: 150px;
    top:200px;
    right:0;
    z-index: 30;
}
.desc-word1-pos2{
    position: absolute;
    width: 500px;
    height: 150px;
    top:1010px;
    left:120px;
    z-index: 30;
}
.desc-word1-pos3{
    position: absolute; 
    width: 500px;
    height: 150px;
    top:1825px;
    right:0;
    z-index: 30;
}
.pname1{
    font-family: '微软雅黑';
    font-size: 28px;
    color: #EB507F;
    margin-bottom: 10px;
}
.dname{
    line-height: 36px;
    font-family: '微软雅黑';
    font-size: 18px;
    COLOR:#333;
}
.dname span{
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 10px;
    background:#eb507f;
    border-radius: 50%;
    position: relative;
    top:-3px;
}
/* 产品下载链接 */
.mt-btn li a{
    color:#000;
}
/* 六个背景块状 */
.desc-fir-bgc{
    width: 1200px;
    height: 570px;
}
.desc-fir-bgc:nth-child(2n+1){
    transform: skewY(11deg);
}
.desc-fir-bgc:nth-child(2n){
    transform: skewY(-11deg);
}
.desc-fir-bgc:nth-child(n+2){
    margin-top: 233px;
}
#desc-bg1{
    margin-top: 118px;
    background: #ffffcc;
}
.desc-bg2{
    background: #99ccff;
}
.desc-bg3{
    background: #ffccff;
}
.desc-bg4{
    background: #99ffff;
}
.desc-bg5{
    background: #ffffcc;
}
.desc-bg6{
    background: #ffccff;
}
.br-content:nth-child(1) {
    height: 4840px;
}
.br-content:nth-child(2) {
    height: 2420px;
}
/* 背景线条 */
.bg-line1{
    width: 700px;
    height: 2px;
    background: #ffffcc;
    transform:rotate(-11deg);
    position: relative;
    top:185px;
}
.bg-line2{
    width: 850px;
    height: 2px;
    background: #99ccff;
    transform:rotate(-11deg);
    position: relative;
    top:210px;
}
.bg-line3{
    float: right;
    width: 700px;
    height: 2px;
    background: #99ccff;
    transform:rotate(11deg);
    position: relative;
    top:185px;
}
.bg-line4{
    float: right;
    width: 850px;
    height: 2px;
    background: #ffccff;
    transform:rotate(11deg);
    position: relative;
    top:210px;
}
.bg-line5{
    width: 700px;
    height: 2px;
    background: #ffccff;
    transform:rotate(-11deg);
    position: relative;
    top:185px;
}
.bg-line6{
    width: 850px;
    height: 2px;
    background: #99ffff;
    transform:rotate(-11deg);
    position: relative;
    top:210px;
}
.bg-line7{
    float: right;
    width: 700px;
    height: 2px;
    background: #99ccff;
    transform:rotate(11deg);
    position: relative;
    top:185px;
}
.bg-line8{
    float: right;
    width: 850px;
    height: 2px;
    background: #ffffcc;
    transform:rotate(11deg);
    position: relative;
    top:210px;
}
.bg-line9{
    width: 700px;
    height: 2px;
    background: #ffffcc;
    transform:rotate(-11deg);
    position: relative;
    top:185px;
}
.bg-line10{
    width: 850px;
    height: 2px;
    background: #ffccff;
    transform:rotate(-11deg);
    position: relative;
    top:210px;
}
.desc-pic1{
    position: absolute;
    width: 600px;
    height: 630px;
    overflow: hidden;
    transform: skewY(-11deg);
}
.desc-pic2{
    position: absolute;
    width: 600px;
    height: 630px;
    overflow: hidden;
    transform: skewY(11deg);
}
.desc-pic1 img{
    display: block;
}
.desc-pic2 img{
    display: block;
}
.pb1{
    right: 200px;
}
.pb2{
    top: -60px;
}
.pb3{
    top: -66px;
    right: 100px;
}
.pb4{
    left: 100px;
}
.pb5{
    top: -60px;
    right: 0px;
}
.pb6{
    top: -60px;
    left: 50px;
}
#desc-spe-bg2{
    margin-top: 118px;
}
.new-p0{
    width: 500px;
    height: 630px;
    overflow: hidden;
    left: 120px;
    top: -12px;
}
.new-p1{
    width: 500px;
    height: 630px;
    overflow: hidden;
    right: 120px;
    top: -12px;
}
.new-p2{
    width: 500px;
    height: 630px;
    overflow: hidden;
    left: 120px;
    top: -12px;
}
/* 产品优势 */
.advan1 img{
    display: block;
}
.advan2-bg{
    position: relative;
    width: 805px;
    height: 1253px;
    padding-top: 150px;
    margin:0 auto;
    overflow: hidden;
}
.advan2-bg>div{
    float: left;
    width: 284px;
    height: 284px;
    text-align: center;
    transform:rotate(45deg);
}
.rotaoppsite{
    width: 284px;
    height: 284px;
    transform:rotate(-45deg);
}
.rotate0{
    margin-left: 61px;
    background: #df9bff;
    border-radius: 20px;
}
.rotate1{
    background: #ff9194;
    border-radius: 20px;
}
.rotate2{
    position: relative;
    left: 262px;
    top: -82px;
    background: #6cc0fc;
    border-radius: 20px;
}
.rotate3{
    position: relative;
    top: 320px;
    left: -139px;
    border-radius: 20px;
    background: #ff9194;
}
.rotate4{
    margin-left: 61px;
    position: relative;
    top: -165px;
    border-radius: 20px;
    background: #a7dc94;
}
.rotate5{
    position: relative;
    top: -165px;
    border-radius: 20px;
    background: #df9bff;
}
.rotate6{
    position: relative;
    top:-47px;
    margin-left: 61px;
    background: #fbbd4e;
    border-radius: 20px;
}
.rotate7{
    position: relative;
    top:-47px;
    background: #79e1be;
    border-radius: 20px;
}
div.small-rot{
    float: left;
    width: 117px;
    height: 117px;
    transform:rotate(45deg);
}
.rotate-sm0{
    position: absolute;
    top: 54px;
    left: 155px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #df9bff;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm0>img,.rotate-sm1>img,.rotate-sm2>img,.rotate-sm3>img,.rotate-sm4>img,.rotate-sm5>img,.rotate-sm6>img,.rotate-sm7>img{
    display: block;
    position: relative;
    top: 20px;
    left: 10px;
    transform:rotate(-45deg);
}
.rotate-sm1{
    position: absolute;
    top: 52px;
    right: 150px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #ff9194;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm2{
    position: absolute;
    top: 255px;
    left: 360px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #6cc0fc;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm3{
    position: absolute;
    top: 455px;
    left: 158px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #a7dc94;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm4{
    position: absolute;
    top: 455px;
    right: 150px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #df9bff;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm5{
    position: absolute;
    top: 659px;
    left: 360px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #ff9194;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm6{
    position: absolute;
    bottom: 455px;
    left: 158px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #fbbd4e;
    border-radius: 10px;
    background: #fff;
}
.rotate-sm7{
    position: absolute;
    bottom: 453px;
    right: 146px;
    width: 90px;
    height: 90px;
    transform:rotate(45deg);
    box-sizing: border-box;
    border:5px solid #79e1be;
    border-radius: 10px;
    background: #fff;
}
.rotbox-wd1{
    width: 265px;
    height: 45px;
    line-height: 60px;
    position: relative;
    top: 30px;
    font-size: 25px;
    color: #fff;
}
.rotbox-wd5{
    width: 265px;
    line-height: 38px;
    position: relative;
    top: 30px;
    font-size: 22px;
    color: #fff;
}
.rotbox-wd2{
    width: 300px;
    position: relative;
    top: 30px;
    left: -20px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: left;
}
.rotbox-wd3{
    width: 285px;
    position: relative;
    top: 30px;
    left:-6px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: left;
}
.rotbox-wd7{
    width: 258px;
    position: relative;
    top: 30px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: left;
}
.rotbox-wd4{
    width: 190px;
    position: relative;
    top: 30px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: left;
}
div.st-line1{
    width: 200px;
    height: 2px;
    background: #df9bff;
    transform: rotate(25deg);
    position: absolute;
    top: 146px;
}
div.st-line2{
    width: 188px;
    height: 2px;
    background: #ff9194;
    transform: rotate(36deg);
    position: absolute;
    top: 71px;
    right: 264px;
}
div.st-line3{
    width: 70px;
    height: 2px;
    background: #a7dc94;
    transform: rotate(38deg);
    position: absolute;
    top: 530px;
    left: 95px;
}
div.st-line4{
    width: 188px;
    height: 2px;
    background: #a7dc94;
    transform: rotate(38deg);
    position: absolute;
    top: 514px;
    left: -45px;
}
div.st-line5{
    width: 180px;
    height: 2px;
    background: #6cc0fc;
    transform: rotate(140deg);
    position: absolute;
    bottom: 90px;
}
div.st-line6{
    width: 88px;
    height: 2px;
    background: #ff9194;
    transform: rotate(38deg);
    position: absolute;
    top: 409px;
    right: 13px;
}
div.st-line7{
    width: 188px;
    height: 2px;
    background: #fbbd4e;
    transform: rotate(38deg);
    position: absolute;
    left: -20px;
    bottom: 456px;
}
div.st-line8{
    width: 188px;
    height: 2px;
    background: #def6d4;
    transform: rotate(38deg);
    position: absolute;
    bottom: 110px;
    right: -31px;
}
div.st-line9{
    width: 188px;
    height: 2px;
    background: #df9bff;
    transform: rotate(38deg);
    position: absolute;
    bottom: 531px;
    right: -50px;
}
div.st-line10{
    width: 70px;
    height: 2px;
    background: #6cc0fc;
    transform: rotate(38deg);
    position: absolute;
    bottom: 594px;
    right: 30px;
}
.rotbox2-1{
    left: 0;
}
.rotbox3-1{
    position: relative;
    left: 0;
    width: 290px;
    text-align: center;
}
.rotbox4-1{
    width: 310px;
}
.rotbox4-2{
    width: 295px;
}
.rotbox4-3{
    width: 250px;
}
.rotbox5-1{
    width: 306px;
    left: 0;
}
.rotbox5-2{
    left: 0;
}
.rotbox5-4{
    width: 196px;
}
.rotbox5-5{
    width: 126px;
}
.rotbox6-1{
    left:0;
}
.rotbox6-2{
    width:226px;
}
.rotbox8-1{
    width: 310px;
}
.rotbox8-2{
    width: 240px;
}
.rotbox7-2{
    left:12px;

}