*{
     margin: 0;
     padding: 0;
 }

body a{
    cursor: pointer;
    color: #333;
    text-decoration: none;
}
body ul{
    list-style: none;
}
body.body-box{
    overflow: hidden;
}
img{
    height: auto;
}
.sta-box{
    width: 100%;
    height: 94%;
    position: absolute;
    top: 40px;
    left: 0;
    overflow-y:scroll;
}
/* main_img */
.img_gallery{height:100%;overflow:hidden;position:relative;}
.main_img{height:100%;overflow:hidden;position:relative;}
.main_img ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%;height:100%;}
.main_img li span{display:block;width:100%;height:422px}
.main_img li a{display:block;width:100%;height:100%}
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }

div.point{position:absolute;bottom:33px;left:50%;z-index:70;width:50px;height:21px;margin:0 0 0 -25px;}
div.point a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.point a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px;height:74px;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
.ETFph{
    display: none;
}

/*PC端*/
#pc{
    display: block;
}

.he-text-box{
    width: 100%;
    height:100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

}
.he-text{
    height: 100%;
    margin: 0 auto;
    width: 1200px;
}
.he-text .custom{
    height: 100%;
    width: 50%;
    position: relative;
}
.he-text .custom:after{
    content: "";
    display: block;
    clear: both;
}
.custom-ul{
    height: 100%;
    width: 240px;
    background-color: #404246;
    float: left;
}
.custom-ul li{
    border-bottom: 1px solid #565366;
    color: white;
    padding-left: 10px;
    height: 20%;
    +height: 19.2%;
    position: relative;
    box-sizing: border-box;
}
.custom-ul .c-li-w{
    border: none;
}
.custom-ul li.cusLihover{
    background-color: #262626;
}
.custom-ul li .c-li-d{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    height: auto;
}
.custom-ul li .c-li-d p.c-li-towP{
    padding-left: 30px;
}
.custom-ul li .c-li-d p a{
    color: white;
}
.c-li-d p.c-li-oneP{
    padding-top: 5px;
    font-size: 16px;
    padding-bottom: 10px;
}
.c-li-d p.c-li-oneP img{
    padding-right: 5px;
}
.c-li-d p.c-li-towP{
   font-size: 14px;
}
.c-li-d p.c-li-towP a:hover{
    color: #09A2EC;
}
.cu-right{
    height: 100%;
    position: absolute;
    left: 240px;
    top: 0;
}
.move-ul{
    width: 540px;
    height: 100%;
    position: relative;
}
.move-ul li{
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #262626;
}
/*列表*/
.nav-aaa{
    float: left;
}
.nav-aaa:after{
    content: "";
    display: block;
    clear: both;
}

.n-m-ul li{
    float: left;
    position: relative;
    width: 80px;
    padding: 0 15px;
    text-align: center;
    overflow: visible;
}
.n-m-ul li:hover{
    background-color: #262626;
}
.n-m-ul li:hover .nm-a-ti{
    color: #E9CF72;
}
.n-m-ul li.menu-li-back{
    background-color: #262626;
}
.n-m-ul li.menu-li-back .nm-a-ti{
    color: #E9CF72;
}
.tr-span{
    position: absolute;
    color: white;
    border: 6px solid transparent;
    border-top: 8px solid white;
    line-height: 82px;
    right: 6px;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none;

}
.n-m-ul li.menu-li-back .tr-span{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    border-top: 8px solid #E9CF72;
    margin-top: -8px;
    /*border: 6px solid transparent\9;*/
    /*border-bottom: 8px solid #E9CF72\9;*/
}
.n-m-ul li a.nm-a-ti{
    color: white;
    line-height: 82px;
}
.nm-li-div{
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 80px;
    left: 0;
    background-color: rgba(255,255,255,0.97);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7ffffff,endColorstr=#f7ffffff);
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid gainsboro;
    display: none;
}
.nm-li-div p{
    border-bottom: 1px solid  #565366;
    padding: 10px 0;
}
.outer-box{
    width: 1200px;
    margin: 0 auto;
}
.types-row{
    padding: 10px 0;
}
.types-row a{
    color: #48555F;
    font-size: 15px;
    color: gray;
}
.types-row a:hover{
     color: #09A2EC;
    text-decoration: underline;
}
.nm-li-div .types-row a.tool{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-right: 40px;
}
.types-row span{
    margin: 0 10px;
    color: gray;
}
.nm-li-div .tool img{
    vertical-align: middle;
    padding: 0 15px;
}
/*图标*/
.nav-right{
    margin-top: -20px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.n-img-box{
    top: 50%;
    right: 0;
}
.n-img-box img{
    margin-left: 10px;
}
.headTb-b{
    display: none;
}
/*手机端*/
#phone{
    display: none;
    cursor: pointer;
    height: 40px;
}
.nav-sj{
    width: 100%;
    height: 50px;
    background-color:#414246;
}
.sj-logo{
    height: 100%;
    float: left;
}
.sj-logo img{
     width: 120px;
    margin-top: 5px;
    padding-left: 10px;
}
.sj-n-r{
    float: right;
    color: white;
    height: 100%;
}
.sj-t-tb{
    float: left;
    padding-right: 10px;
    margin-top: 2px;
    border-right: 1px solid gainsboro;
}
.sj-t-tb img{
    width: 28px;
    margin-right: 5px;
    margin-top: 5px;
}
.s-t-qh{
    float: right;
    margin-top: 5px;
    padding: 0 10px;
}
#mnavh{
    height: 40px;
}
#span{
    display: block;
    position: relative;
    width: 30px;
    height: 5px;
    background-color: #DDE9F7;
    margin-top: 12px;
}
#span:before,#span:after{
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    margin-top: 20px;
    position: absolute;
    background: #DDE9F7;
    -webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms; transition-duration: 300ms;
}
#span:before { margin-top: -10px; }
#span:after { margin-top: 10px; }
.open #span { background: none }
.open #span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open #span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open #span:before, .open #span:after {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    background: #CC9900;
}
#starlist{
	-webkit-tap-highlight-color: transparent; 
    width: 100%;
    background: #F2F2F2;
    height: 100%;
    position: fixed;
    z-index: 80;
    top: 0;
    right: 0;
    display: none;
    border-left: 1px solid gainsboro;
    cursor: pointer;
}
.t-menu{
    background-color: white;
}
.t-menu-li{
    border-bottom: 1px solid gainsboro;
}
.t-menu-li .m-li-ti{
    padding: 20px;
    position: relative;
}
.t-menu-li .m-li-ti span{
    position: absolute;
    right: 10px;
    transition: all 0.3s;
}
.t-menu-li .m-li-ti span.attach-span{
    transform: rotateZ(90deg);
}
/*二级菜单*/
.second-menu{
    padding-left: 20px;
    border-top: 1px solid gainsboro;
}
.se-m-li{
    padding: 10px 0;
    border-bottom: 1px solid gainsboro;
}
   .second-menu li:last-of-type{
        border: none;
    }
.second-menu .se-zui{
    border: none;
}
.se-m-li:after{
    content: "";
    display: block;
    clear: both;
}
.se-li-logo{
    float: left;
    margin-right: 10px;
  margin-top: 5px;
width: 20px;
}
.se-li-te{
    float: left;
width: 85%;
}
.se-li-te h4{
    padding: 5px 0 10px 0;
    font-weight: normal;
}
.se-li-te p{

}
.se-li-te p a{
    color: gray;
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
word-break: break-all;
}
.se-li-te p .se-d-span{
   margin-right: 22px;
}
/*结束头部导航*/
/*开始大图部分*/
.he-img{
    height: 100%;
}
.he-img img{
    width: 100%;
    height: 100%;
}

/*腾讯系专区*/
.mo-text{
    padding: 20px 40px;
}
.mo-text h3{
    color: white;
    border-bottom: 1px solid #3C394E;
    padding-bottom: 10px;
}
.mo-text h3 a{
 color: white;
}
.mo-text .m-t-logo{
   
    zoom: 1;
}
.mo-text .m-t-logo:after{
    display: block;
    content: "";
    clear: both;
}
.wall{
    clear: both;
}
.m-t-div{
    float: left;
    width: 33.3%;
    +width:33%;
    text-align: center;
    margin-top: 10px;
}
.m-t-div div{
    background-color: white;
    width: 130px;
    margin: 0 auto;
    border-radius: 10px;
}
.m-t-logo img{
    margin: 5px 0;
}
.m-t-logo img.mt-right{

}
.m-t-div .mtd-text{
   padding: 0 5px 10px 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.wheel.seeding .m-t-logo img{
    max-width: 45%;
}
@media screen and (max-width: 424px){
    .introduces .introduce .pic, .introduces .introduce .pic img{
        height: auto;
        width: 100px;
    }
}
/*结束大图部分*/
/*群发*/
.mass{
    width: 100%;
    padding: 40px 0;
}
.ma-sub{
    width: 1200px;
    margin: 0 auto;
}
.ma-sub .m-s-ul{
    width: 100%;
    padding: 20px 0;
    -moz-box-shadow:  0 0 10px #ccc;
    -webkit-box-shadow:  0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;

    border: 1px solid gainsboro\9;

}
.ma-sub .m-s-ul:after{
    content: "";
    clear: both;
    display: block;
}
.ma-sub .m-s-ul li{
    float: left;
    width: 20%;
    +width: 19.5%;
}
.ma-sub .m-s-ul .ms-d{
    border-right: 1px solid gainsboro;
}
.ma-sub .m-s-ul .last-q-l{
    border: none;
}
.ma-sub .m-s-ul .ms-d:after{
    content: "";
    clear: both;
    display: block;
}
.m-s-img{
    float: left;
    padding-left: 10px;
}
.m-s-text{
    float: left;
    padding-left: 10px;
}


.back-img{
    width: 63px;
    height: 63px;
    background-repeat: no-repeat;
    background-position: 10px 0;
    margin: 0 auto;
}

.bai-1{
    background-image: url("6060hui.png");
}
.bai-2{
    background-image: url("6090hui.png");
}
.bai-3{
    background-image: url("6080hui.png");
}
.bai-4{
    background-image: url("7000hui.png");
}
.bai-5{
    background-image: url("6070hui.png");
}



.bai-1mmm{
    background-image: url("6060lan.png");
}
.bai-2mmm{
    background-image: url("6090lan.png");
}
.bai-3mmm{
    background-image: url("6080lan.png");
}
.bai-4mmm{
    background-image: url("7000lan.png");
}
.bai-5mmm{
    background-image: url("6070lan.png");
}



.m-s-text p span{
    font-size: 14px;
    color: gray;
    margin-top: 5px;
    display: inline-block;
}

/*开始热门产品*/
.hot-box{
    width: 100%;
}
.hot-cen{
    width: 1200px;
    margin: 0 auto;
}
 h2.h-j-h2{
     text-align: center;
     padding: 30px 0 60px 0;
     font-size: 26px;
}
 h2.h-j-h2 img{
    vertical-align: middle;
    margin: 0 5px;
}
.hot-text{

}
.hot-ul{
    padding: 0 0 40px 0;
    zoom: 1;
}
.hot-ul:after{
    content: "";
    display: block;
    clear: both;
}
.hot-ul .hot-li{
    float: left;
    width: 25%;
    height: 350px;
    text-align: center;
}
.h-li-div{
    box-shadow: 0 0 10px gainsboro;
    height: 100%;
    width: 75%;
    display: inline-block;
    border: 1px solid transparent;
    padding: 0 20px;
    border: 1px solid gainsboro\9;
    background-color: white;
    border-radius: 5px;

}
.h-li-div:hover{
    border: 1px solid deepskyblue;
    box-shadow: 0 0 20px #ccc;
}
.h-t-2,.h-t-3{


}
.hot-ul .h-t-4{
    float: right;
}
.hot-ul .hot-li img{
    margin: 50px 0;
}
.h-l-text p{
    font-size: 20px;
}
.h-l-text p.h-span{
    padding-top: 10px;
    font-size: 15px;
    color: gray;
    line-height: 22px;
}
/*结束热门产品*/
/*开始经典产品*/
.classic-box{
    width: 100%;
  
}
.classic-cen{
    width: 1200px;
    margin: 0 auto;
}
.classic-ul{
    padding-top: 50px;
    zoom: 1;
}
ul.one-cla-ul{
    padding-top: 0;
}
.classic-ul:after{
    content: "";
    display: block;
    clear: both;
}
.classic-ul li{
    float: left;
}
.classic-ul .c-ul-tie{
    height: 120px;
    text-align: center;
    display: none;
    position: relative;
}
.classic-ul .c-ul-tie .cu-time{
    padding-top: 30px;
}
.classic-ul .c-ul-tie p{
    color: white;
    font-size: 22px;
    letter-spacing: 2px;
    text-align: center;
}
.classic-ul .c-ul-tie div.cu-tiImg{
    position: absolute;
    left: 20px;
    top: 10px;
}
.classic-ul .c-ul-tie div.cu-tiImg img{
    width: 100px;
}
.classic-ul .c-ul-tie div a{
    color: white;
    font-size: 15px;
}
#c-xt{
    background-color: #52C4F6;
}
#c-qf{
    background-color: #54D99A;
}
#c-tx{
    background-color: #8588E9;
}
#c-tg{
    background-color: #FC8275;
}
#c-zh{
    background-color: #92CF50;
}
.c-ul-img{
    width: 22.5%;
    height: 364px;
    +width: 22.2%;
}
.cu-div{
    border: 1px solid gainsboro;
}
.cu-div-fa{
    text-align: center;
}
.divFa1{
    background-color: #F0FAFF;
}
.divFa2{
    background-color: #E8FFF4;
}
.divFa3{
    background-color: #EFEFFF;
}
.divFa4{
    background-color: #FFF9F4;
}
.divFa5{
    background-color: #F7FFEF;
}
.cu-div-fa img{
    margin: 30px 0 40px 0;
}
.cu-div-la{
    height: 120px;
    text-align: center;
    font-size: 22px;
    color: white;
}
.cu-div-la p{
    padding-top: 30px;
}
.cu-div-la div a{
    font-size: 15px;
    color: white;
}
.divLa1{
    background: url("rec-250-01.png");
    background-size: cover;
}
.divLa2{
    background: url("rec-250-02.png");
    background-size: cover;
}
.divLa3{
    background: url("rec-250-03.png");
    background-size: cover;
}
.divLa4{
    background: url("rec-250-04.png");
    background-size: cover;
}
.divLa5{
    background: url("rec-250-05.png");
    background-size: cover;
}

.c-ul-text{
    height: 364px;
    width: 25.8%;
}
.c-ul-text div.sj-c-box{
    height: 100%;
    text-align: center;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
}
.c-ul-text div.c-bo-l{
    border-left: 1px solid transparent;
}
.c-ul-text div.c-bo-l{}
.c-ul-text div.c-bo-r{
    border-right: 1px solid #E8E8E8;
}
.c-ul-text div img{
  margin: 80px 0 55px 0;
}
.c-ul-text h3{
    padding-bottom: 10px;
    font-size: 22px;
}
.c-ul-text div.sj-c-box p.c-ul-p{
    font-size: 16px;
    padding: 0 20px;
    color: #999999;
    line-height: 1.8;

}
/*结束经典产品*/
/*开始经典案例*/

/*文字区*/
.j-text-box{
    height: 150px;
    background-color: white;
    border-radius: 20px;
}
.triangle{
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 25px solid white;
    position: absolute;
    top: -40px;
}
.j-icon-box{
    position: relative;
}
.j-t-ul{
    padding: 20px;
    position: relative;
}
.j-t-ul li{
    display: none;
}
.j-t-ul li.j-li-noe{
    display: block;
}
.j-t-ul li h1{
    text-align: center;
}
.j-t-ul li p{
    color: gray;
    font-size: 15px;
    line-height: 2;
}
.i-i-ul{
    margin-top: 40px;
    padding-bottom: 90px;
}
.i-i-ul:after{
    content: "";
    display: block;
    clear: both;
}
.i-i-ul li{
    float: left;
    width: 16.5%;
    text-align: center;
    position: relative;
}
.maxWidth{
    max-width: 1200px;
    margin: 0 auto;
}
.maxTop{
    padding: 70px 0;
}
.noBackTop{
    padding: 50px 0 80px 0;
}
.fffBack{
    background-color: #fafafa;
}
.Shanghai-title{
    text-align: center;
    margin-bottom: 45px;
}
.titleTop{
    padding-top: 30px;
}
.System-introduction{
    text-align: center;
}
.System-introduction p{
    margin-bottom: 20px;
    font-size: 17px;
    color: gray;
}
.System-introduction p button{
    width: 180px;
    height: 46px;
    border-radius: 30px;
    background-color: #00c4ff;
    font-size: 16px;
    color: white;
    border: none;
    margin-top: 20px;
    outline: none;
    cursor: pointer;
}

.Services-ul,.advantageUl,.advantageCon,.electricity,.strengthUl,.strengthCon,.CooperationUL{
    zoom: 1;
}
.Services-ul::after,.advantageUl::after,.advantageCon::after,.electricity::after,.strengthUl::after,.strengthCon::after,.CooperationUL::after{
    content: "";
    display: block;
    clear: both;
}
.Services-ul li{
    float: left;
    box-sizing: border-box;
    width: 16.65%;
    +width: 16.6%;
    text-align: center;
}

.Ser-img-box img{
    max-width: 100%;
    height: auto;
}
.Services-ul h3{
    font-size: 20px;
    font-weight: normal;
    padding-top: 35px;
}
.Services-ul p{
    color: #a5a5a5;
    font-size: 14px;
    padding-top: 15px;
}
.bannerBox img{
    max-width: 100%;
    width: 100%;
    height: auto;
}

.advantageUl .advantageLi{
    float: left;
    box-sizing: border-box;
    width: 50%;
    +width: 49.5%;
    margin-bottom: 40px;
}
.advantageCon div{
    float: left;
}
.advantageImg{
    width: 34%;
    box-sizing: border-box;
    height: 120px;
}
.advantageText{
    width: 65%;
    height: 120px;
    overflow: hidden;
}
.advantageText h3{
    padding: 8px 40px 10px 20px;
    font-size: 20px;
    color: #333333;
}
.advantageText p{
    padding-left: 20px;
    padding-right: 40px;
    color: #999999;
    font-size: 16px;
    line-height: 1.8;
}
.advantageLi:hover h3{
    color: deepskyblue;
}
.electricity{

}
.eleLeft,.eleRight{
    float: left;
    width: 50%;
    +width: 49.5%;
}
.eleAlign{
    
}
.eleLeft h3{
    color: #333333;
    font-size: 36px;
    padding-bottom: 10px;
}
.eleLeft h4{
    color: #3d3d3d;
    font-size: 20px;
    padding-bottom: 30px;
}
.eleLeft p{
    padding-left: 20px;
    font-size: 16px;
    line-height: 2;
    background: url("h-gougou.jpg") no-repeat left center;
}
.eleLeft button{
    width: 180px;
    height: 50px;
    font-size: 16px;
    border: 1px solid deepskyblue;
    background-color: transparent;
    outline: none;
    color: deepskyblue;
    margin-top: 30px;
    cursor: pointer;
}
.strengthLi{
    float: left;
    width: 33.3%;
    +width: 33%;
}
.strengthLi.btLi{
    margin-top: 60px;
}
.strengthCon{
    margin-right: 30px;
}
.strengthLeft,.strengthRight{
    float: left;
}
.strengthLeft{
    width: 25%;
    text-align: center;
}
.strengthRight{
    width: 70%;
}
.strengthRight h3{
    color: #3d3d3e;
    font-size: 18px;
    padding: 5px 0 10px 10px;
}
.strengthLi:hover h3{
    color: deepskyblue;
}
.strengthRight p{
    font-size: 14px;
    color: gray;
    line-height: 1.5;
    padding-left: 10px;
}
.CooperationUL{
    background: url("liu-ling.jpg") no-repeat center top;
    background-size: 1000px
}
.CooperationLi{
    float: left;
    width: 16.66%;
    +width: 16.6%;
    text-align: center;

}
.CooperationCon{
    position: relative;
}
.CooperationCon span{
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: gainsboro;
    display: inline-block;
    top: -4px;
    left: 50%;
    margin-left: -5px;
    border-radius: 50%;
}
.ExteriorWall{
    clear: both;
}
.CooperationCon i{
    position: absolute;
    display: inline-block;
    height: 20px;
    width: 14px;
    top: -8px;
    left: 50%;
    margin-left: -7px;
    border-radius: 50%;
    background: url("liu-hback.jpg") no-repeat left;
    z-index: 10;
    display: none;
}
.InterfaceBox{
    text-align: center;
    padding-bottom: 50px;
}
.InterfaceBox p{
    color: gray;
    padding-bottom: 50px;
    font-size: 18px;
    line-height: 1.8;
}
.intImgBox{
    position: relative;
}
.intImgBox div.intImgTwo{
    display: none;
}
.InterfaceBox .wheel.seeding .adnav{

}
.InterfaceBox .wheel.seeding .adr{
    background-color: white;
}
.InterfaceBox .wheel.seeding .backwhi .adr{
    background-color: #F8F9FC;
}

.InterfaceBox .wheel.seeding{
    overflow: visible;
}

.InterfaceBox .wheel.seeding .adnav{
    bottom: -50px;
    width: 400px;
    margin-left: -200px;
}
.InterfaceBox .wheel.seeding .adnav.seo span{
    width: 70px;
}
.InterfaceBox .wheel.seeding .adnav span{
    display: inline-block;
    width: 90px;
    height: 10px;
    border-radius: 5px;
    border: none;
    background-color: #d2d4de;
    margin: 0 10px;
}
.InterfaceBox .wheel.seeding .adnav span.icur{
    background-color: #FF2D04;
    border: none;
    height: 10px;
}
.icurSpan{

}
.CooperationImg{
    height: 140px;
    position: relative;
}
.CooperationImg img{
    position: absolute;
    top: 30px;
    left: 50%;
    display: none;
    margin-left: -40px;
}
.CooperationImg .hzImg-one{
    display: block;
}
.CooperationLi:hover .CooperationImg{

}
.CooperationLi:hover i{
    display: block;
}
.CooperationCon h3{
    padding-bottom: 10px;
}
.CooperationCon p{
    color: gray;
    font-size: 15px;
    line-height: 2;

}
.consultingBox{
    text-align: center;
}
.consultingBox button{
    width: 180px;
    height: 46px;
    border-radius: 30px;
    font-size: 16px;
    color: white;
    background-color: deepskyblue;
    outline: none;
    margin-top: 80px;
    border: none;
    cursor: pointer;
}

/*结束经典案例*/

/*微信开通检测页面*/
.WeChatText{
    text-align: center;
}
.WeChatText.tou{
    text-align: left;
    max-width: 780px;
    margin: 0 auto;
}
.WeChatText p{
    line-height: 2;
    font-size: 17px;
    color: #9a9a9a;
}
.WeChatText div{

}
.WeChatText div a{
    margin-top: 30px;
}

.PlatformFu-ul,.features-lu,.features-div,.CommonUl{
    zoom: 1;
}
.PlatformFu-ul::after,.features-lu::after,.features-div::after,.CommonUl::after{
    content: "";
    clear: both;
    display: block;
}
.PlatformFu-ul .PlatformFu-li{
    text-align: center;
    float: left;
    width: 25%;
    margin-bottom: 30px;
}
.PlatformFu-ul{
    height: 528px\9;
}


.PlatformFu-li div{
    margin: 0 10px;
    background-color: white;
    padding: 25px 0;
    height: 184px;
    cursor: pointer;
}
.PlatformFu-li div img{
    width: 140px;
}
.PlatformFu-li div p{
    padding-top: 15px;
    font-size: 17px;
    transition: all 0.3s;
}
.PlatformFu-li div:hover p{
    color: #0094fb;
}
.featuresBox{
    height: 326px\9;
    margin-top: 20px;
}
.featuresBox ul{
    height: 326px\9;
}
.features-li{
    float: left;
    width: 50%;
    padding-bottom: 40px;
}
.features-div{
    padding-right: 40px;
}
.features-div .feaLeft{
    float: left;
    width: 200px;
    text-align: center;
}
.features-div .feaLeft img{
    width: 200px;
}
.features-div .feaRight{
   padding-left: 220px;
    transition: all 0.3s;
}
.yuan .features-div .feaRight{
    padding-top: 30px;
}
.wxyx .features-div .feaRight{
    padding-top: 15px;
}
.yuan .features-div .feaRight:hover p{
    color: #9a9a9a;
}
.wxyx .features-div .feaRight:hover p{
    color: #9a9a9a;
}
.features-div .feaRight:hover{
    color: #0094fb;
}
.Camyu .features-div .feaRight:hover h3{
    color:#00D9A2;
}
.Camyu .features-div .feaRight:hover p{
    color: #9a9a9a;
}
.features-div .feaRight h3{
    padding-bottom: 15px;
    font-size: 20px;
    transition:  0.3s;
}
.features-div .feaRight p{
    color: #9a9a9a;
    line-height: 1.8;
    font-size: 15px;
    transition:  0.3s;
}

.CommonProblem{

}
.CommonUl{
    height: 275px\9;
}
.CommonUl li{
    margin-top: 30px;
}
.adindex .CommonUl.two li{
    margin-top: 10px;
}
.CommonUl.yuan li{
    margin: 0;
}
.adindex .CommonUl{
    padding: 8px;
}
.adindex.banner .adr.back{
    background-color: #F8F9FC;
}

.CommonUl.two{

}
.CommonLeft{
    float: left;
    width: 50%;
}
.CommonRight{
    width: 50%;
    float: right;
}
.CommonLeft .CommonCom{
    margin-right: 30px;
}
.CommonRight .CommonCom{
    margin-left: 30px;
}
.CommonCom{
    background-color: white;
    padding: 20px 32px;
    height: 234px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
}
.yuan .CommonCom{
    height: 284px;
}
.CommonCom h2{
    padding-top: 20px;
  padding-bottom: 15px;
    font-size: 22px;
    transition: all 0.3s;
    font-weight: normal;
}
.CommonCom:hover h2{
    color: #0094fb;

}
.CommonCom h2 img{
    vertical-align: middle;
    padding-right: 10px;

}
.CommonCom h2 .nubTitle{
    border-radius: 50%;
    width:  30px;
    height:  30px;
    line-height: 30px;
    border: 2px solid #42d3ff;
    display: inline-block;
    text-align: center;
    color: #42d3ff;
    font-size: 18px;
    margin-right: 10px;
}
.CommonCom h3 span{
    vertical-align: middle;
}
.CommonCom p{
    line-height: 2.2;
    color: #9a9a9a;
    font-size: 15px;
}
.yuan .CommonCom p{
    color: #434343;
}

/*空号检测*/
.packageBox,.useNullBox,.Price-tr,.Testing-tr{
    zoom: 1;
}
.packageBox::after,.useNullBox::after,.Price-tr::after,.Testing-tr::after{
    content: "";
    clear: both;
    display: block;
}
.packageBox{
    width: 50%;
    margin:  0 auto;
    padding-top: 40px;
}
.packageBox .packageItem{
    float: left;
    width: 33.3%;
    text-align: center;
}
.packageItem img{
    vertical-align: middle;
}
.packageItem span{
    vertical-align: middle;
    font-size: 20px;
}
.useNullBox{
    height: 338px\9;
    margin-top: 30px;
}
.useNullLeft{
    float: left;
    width: 50%;
}
.useNullRight{
    float: right;
    width: 50%;
}
.useNullLeft .useNullCom{
    margin-right: 60px;
    box-shadow: 0px 0px 17px #ccc;
}
.useNullRight .useNullCom{
    margin-left: 60px;
    box-shadow: 0px 0px 17px #ccc;
}
.useNullCom{
    text-align: center;
    padding: 40px;
    height: 258px;
    background-color: white;
}
.Camyu .useNullCom{
    border-radius: 20px;
}
.useNullCom h3{
   padding-bottom: 20px;
}
.Camyu .useNullCom h3{
    text-align: left;
    font-size: 17px;
}
.protection .useNullCom h3{
    text-align: left;
    font-size: 17px;
}
.useNullCom h3 span{
    text-align: center;
    display: inline-block;
    line-height: 38px;
    width: 30px;
    color: white;
    font-size: 22px;
    font-weight: normal;
    height: 38px;
    background: url("jj_xuhao.png") no-repeat;
}
.useNullCom p{
    line-height: 2;
    font-size: 15px;
    color: #9a9a9a;
    text-align: left;
}
.useNullCom div{
    padding-top: 30px;
}
.useNullCom div.sel{
    padding-top: 60px;
}
.useNullCom div a{
    display: inline-block;
    width: 160px;
    background-color: deepskyblue;
    color: white;
    line-height: 40px;
    font-size: 15px;
}
.Camyu .useNullCom div a{
    background-color: #00D9A2;
}
.protection .useNullCom div a{
    background-color: #2370E9;
}
.productionBox{
    text-align: center;
}
.productionBox p{
    font-size: 17px;
    line-height: 2.2;
}
.productionBox.yuan p{
    color: black;
    font-size: 19px;
}
.productPrice{
    border: 1px solid deepskyblue;
}
.PriceTab{
    background-color: white;
}
.Price-tr{
    border-bottom: 1px solid deepskyblue;
    line-height: 50px;
    height: 50px\9;
}

.Price-tr div{
    width: 16.6%;
    float: left;
    text-align: center;
}
.Price-tr div.back span{
    background-color: #e1f7ff;

}
.Price-tr div span{
    display: inline-block;
    width: 99%;
    border-right: 1px solid deepskyblue;
}
.Price-tr.btu{
    border-bottom: none;
}

.advisory p.ato{
    line-height: 1.8;
    padding: 0 92px;
    font-size: 28px;
}
.TestingBox{
    border: 1px solid deepskyblue;
    background-color: white;
    display: none;
}
.Testing-tr{
    border-bottom: 1px solid deepskyblue;

}

.Testing-tr.title{
    background-color: #e1f7ff;
}
.Testing-tr.bot{
    border: none;
}
.Testing-tr div{
    float: left;
    width: 33.3%;
    text-align: center;
    line-height: 50px;
}
.Testing-tr div span{
    display: inline-block;
    width: 100%;
    border-right: 1px solid deepskyblue;
}



.Delivery-ul,.Delivery-div,.CoverUpUl,.optUl,.OurRul{
    zoom: 1;
}
.Delivery-ul::after,.Delivery-div::after,.CoverUpUl::after,.optUl::after,.OurRul::after{
    content: "";
    display: block;
    clear: both;
}
.Delivery-ul{
    margin-right: -4.5%;
}
.Delivery-ul .Delivery-li{
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 5%;
}
.Delivery-li .Delivery-div:hover h3{
    color: #0094fb;
}
.Delivery-div .delImg{
    width: 80px;
    float: left;
}
.Delivery-div .delImg img{
    width: 80px;
    height: auto;
}
.Delivery-div .delText{
    padding-left: 90px;

}
.Delivery-div .delText h3{
    transition: 0.3s;
    line-height: 2;
    font-size: 20px;
}
.Delivery-div .delText p{
    font-size: 15px;
    color: #9a9a9a;
}
.table.col_4 .tbody.tou .td{
    margin-bottom: 20px;
}
.tit-2 .fuTitle{
    font-size: 17px;
    color: #7DD5Fa;
    margin-top: -60px;
}

.CoverUpUl{
    margin-right: -2%;
}
.CoverUpUl .CoverUpLi{
    width: 23%;
    margin-right: 2%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 2%;
}
.CoverUpUl .CoverUpLi img{
    max-width: 100%;
    height: auto;
}
.CoverUpDiv{
    position: relative;
    overflow: hidden;
}
.CoverUpBox{
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -200px;
    left: 0;
    background-color: black;
    color: white;
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    font-size: 13px;
    line-height: 1.6;
    padding: 5px 0;
    border-radius: 0 0 15px 15px;
}


.adindex.banner .adnav.wxyx{
    bottom: -40px;
}
.adindex.banner .adnav.wxyx span{
    width: 16px;
    height: 16px;
    border: 3px solid white;
    box-shadow: 5px 5px 10px #ccc;
    background-color: white;
    margin: 0 8px;
}
.adindex.banner .adnav.wxyx span.icur{
    background-color: #42d3ff;

}

.optimization{
   margin-top: 40px;
}
.optUl{
    margin-right: -2%;
    height: 320px\9;
}
.optUl .optLi{
    float: left;
    width: 23%;
    margin-right: 2%;
    box-sizing: border-box;

}
.optUl .optLi .optDiv{
    text-align: center;
    background-color: white;
    padding: 10px 20px;
    height: 300px;
    box-shadow: 0 0 15px #ccc;
    transition: all 0.3s;
}
.optUl .optLi:hover .optDiv{
    box-shadow: 0 0 15px skyblue;
    transform: translateY(-15px);
}
.optDiv img{
    padding: 20px 0;
}
.optDiv p{
    font-size: 14px;
    color: gray;
    line-height: 1.8;
}
.optDiv h3{
    padding: 15px 0;
    font-weight: normal;
}

.OurRanking{
    margin-top: 40px;
}
.OurRul .OurRli{
    width: 48%;
    float: left;
}
.OurRul .OurRli.left{
    float: left;
}
.OurRul .OurRli.right{
    float: right;
}
.OurRdiv{
    border-radius: 20px;
    overflow: hidden;
}
.OurRdiv h3{
    text-align: center;
    color: white;
    line-height: 45px;

}
.OurRli.left .OurRdiv h3{
    background-color: #b5b5b5;
}
.OurRli.right .OurRdiv h3{
    background-color: #18b7ff;
}
.OurRdiv div{
    padding: 20px 30px;
}
.OurRli.left .OurRdiv div{
    background-color: #f4f4f4;
}
.OurRli.right .OurRdiv div{
    background-color: #ddf4ff;
}
.OurRdiv div p{
    line-height: 35px;
    font-size: 17px;
    background: url("lsitgougou.png") no-repeat 0 center;
    padding-left: 30px;
}
.OurRdiv div p img{
    vertical-align: middle;
    margin-right: 8px;
}
.OurRdiv div p span{
    vertical-align: middle;
}
.OurRul{
    position: relative;
    height: 381px\9;
}
.OurRul .pklogo{
    position: absolute;
    left: 50%;
    margin-left: -48px;
    margin-top: -48px;
    top: 50%;
    transition: all 1s;
}
.OurRul .pklogo:hover{
    transform: rotateY(360deg);
}



.Camyu .kefu_btn{
    background: #00D9A2;
}
.protection .kefu_btn{
    background: #2370E9;
}
.scenariosBox{
    margin-top: 20px;
}
.scenariosUl,.pageTab{
    zoom: 1;
}
.scenariosUl::after,.pageTab::after{
    content: "";
    clear: both;
    display: block;
}
.scenariosUl{
    margin-right: -2%;
    height: 600px\9;
}
.LevelThree{
    height: 300px\9;
}
.LevelThree .scenariosLi{
    width: 30%;
    margin-right: 3%;
}
.scenariosLi{
    float: left;
    width: 23%;
    margin-right: 2%;
    box-sizing: border-box;
    margin-top: 20px;
}
.scenariosDiv{
    text-align: center;
    background-color: white;
    padding: 10px 20px;
    height: 260px;
    transition: all 0.3s;
    border-radius: 15px;
    box-shadow: 0 0 15px #ccc;
}
.scenariosDiv:hover{
    box-shadow: 0 0 15px #00D9A2;
    transform: translateY(-15px);
}
.LevelThree .scenariosDiv:hover{
    box-shadow: 0 0 15px #2370E9;
    transform: translateY(-15px);
}
.scenariosDiv img{
    padding: 20px 0;
}
.scenariosDiv h3{
    padding: 15px 0;
    font-weight: normal;
}
.scenariosDiv p{
    font-size: 14px;
    color: gray;
    line-height: 1.8;
}
.Camyu .advisory .btn{
    background: #00D9A2;
    width: 240px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    border-radius: 40px;
}



.pageTabBox{
    margin: 0 auto;
    width: 50%;
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}
.pageTab{
    width: 100%;
}
.pageTab li{
    width: 50%;
    text-align: center;
    height: 50px;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    transition: .3s;
}

.moveBox{
    background-color: #e9f2ff;
    position: absolute;
    z-index: 0;
    top: 50px;
    left: -100%;
    border: 1px solid  #e9f2ff;
}
.pageTab .left{
    float: left;
}
.pageTab .right{
    float: left;
}
.pageTab li div{
    border: 1px solid gainsboro;
    line-height: 48px;
}
.pageTab li.sel div{
    border: 1px solid #e9f2ff;
    color: #2370e7;
}
.pageTab .left div{

}

.pageView{

}
.pageItem{
    display: none;
}
.pageItem.sel{
    display: block;
}

.PriceImgBox{
    text-align: center;
    margin-top: 20px;
}
.PriceImgBox img{
    max-width: 100%;
}

@media screen and (max-width: 1499px){
    .move-ul{
        width: 510px;
    }
    .mo-text .m-t-logo{
        margin-top: 15px;
    }
    .wheel.seeding .m-t-logo img{
        max-width: 40%;
        margin: 5px 0;
    }
}
@media screen and (max-width: 1399px){
    .move-ul{
        width: 435px;
    }
    .mo-text{
        padding: 20px;
    }
    .mo-text .m-t-logo{
        margin-top: 8px;
    }
    .m-t-div div{
        width: 120px;
    }
    .wheel.seeding .m-t-logo img{
        max-width: 40%;
        margin: 5px 0;
    }
    .m-t-div .mtd-text{
        font-size: 13px;
        padding: 0 5px 8px 5px;
    }
}
@media screen and (max-width: 1299px){
    .move-ul{
        width: 400px;
    }
    .m-t-div div{
        width: 110px;
    }

    .wheel.seeding .m-t-logo img{
        margin: 5px 0;
        max-width: 40%;
    }
    .m-t-div .mtd-text{
        font-size: 12px;
    }
}

 .li-border{
     border: 1px solid skyblue;
     box-sizing: border-box;
 }
@media screen and (min-width: 999px){
}
/*最大999*/
@media screen and (max-width: 999px){
    .packageBox{
        width: 70%;
    }
    .TestingBox{
        display: block;
    }
    .useNullLeft .useNullCom{
        margin-right: 0px;
        height: auto;
        padding: 20px;
    }
    .useNullRight .useNullCom{
        margin-left: 0px;
        height: auto;
        padding: 20px;
    }
    .useNullLeft{
        margin-bottom: 20px;
    }
    .useNullRight,.useNullLeft{
        width: 100%;
        float: none;
    }
    .productPrice{
        display: none;
    }
    .main_img #btn_prev{
        left: 20px;
    }
    .main_img #btn_next{
        right: 20px;
    }


    h2.h-j-h2{
        padding: 0 0 30px 0;
    }
    .h-l-text p.h-span{
        font-size: 14px;
    }
}

@media screen and (max-width: 1199px){
    .OurRul .OurRli{
        width: 100%;
        float: none !important;
    }
    .OurRul .OurRli.right{
        margin-top: 30px;
    }
    .OurRul .pklogo{
        margin-top: -35px;
        margin-left: -35px;
        display: none;
    }
    .OurRdiv div{
        padding: 15px 20px;
    }
    .OurRdiv div p{
        font-size: 15px;
    }
    .OurRul .pklogo img{
        max-width: 70px;
        height: auto;
    }
    .optUl{
        margin-right: 0;
    }
    .optUl .optLi{
        width: 50%;
        margin-right: 0;
    }
    .optLi .optDiv{
        margin:  20px;
    }
    .optDiv img{
        max-width: 100px;
        height: auto;
    }
    .CoverUpUl{
        margin-right: 0;
    }
    .CoverUpUl .CoverUpLi{
        width: 50%;
        margin-right: 0;
    }
    .CoverUpUl .CoverUpLi .CoverUpDiv{
        margin: 0 20px;
    }
    .CoverUpUl .CoverUpLi img{
        width: 100%;
    }
    .Delivery-ul .Delivery-li{
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .Delivery-ul{
        margin: 0;
    }
    .features-li{
        width: 100%;
        float: none;
    }
    .yuan .features-li{
        padding-bottom: 20px;
    }
    .features-div{
        padding-right: 0;
    }
    .PlatformFu-ul .PlatformFu-li{
        width: 50%;
    }
    .productionBox.yuan p{
        font-size: 17px;
    }




    .he-t-box{
        display: none;
    }
    .ETFpc{
        display: none;
    }
    .ETFph{
        display: block;
    }
    .nav-sj{
        position: fixed;
        top: 0;
        left: 0;
        height: 40px;
        z-index: 99;
    }
    .he-t-box,.nav-box{
        display: none;
    }
    #phone{
        display: block;
        -webkit-tap-highlight-color: transparent;
    }
    .maxWidth{
        padding: 0 10px;
    }
    .CooperationUL{
        background: transparent;
    }
    .CooperationCon span{
        display: none;
    }
    .CooperationCon i{
        background: transparent;
    }
    .eleLeft, .eleRight{
        float: none;
        width: 100%;
    }
    .eleRight img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .Services-ul li{
        width: 33.3%;
    }
    .Services-ul li.li-1199{
        margin-top: 30px;
    }
    .advantageUl .advantageLi{
        width: 100%;
        float: none;
    }
    .advantageImg{
        width: 25%;
    }
    .advantageText{
        width: 75%;
    }
    .advantageImg img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .strengthLi{
        width: 50%;
    }
    .strengthLi.li-1199{
        margin-top: 60px;
    }
    .CooperationLi{
        width: 33.3%;
    }
    .eleRight img{
        margin-top: 30px;
    }
    .eleLeft{
        margin-top: 30px;
    }
    .max1199{
        padding: 20px 0;
    }

    .pageTabBox{
        width: 70%;
    }
    .scenariosLi{
        width: 50%;
        margin-right: 0;
    }
    .LevelThree .scenariosLi{
        width: 100%;
        float: none;
    }
    .scenariosUl{
        margin-right: 0;
    }
    .scenariosDiv{
        margin: 0 30px;
    }

    .useNullLeft,.useNullRight{
        width: 100%;
        float: none;
    }
    .useNullLeft .useNullCom{
        margin-right: 0;
    }
    .useNullRight .useNullCom{
        margin-left: 0;
        margin-top: 20px;
    }

}
@media screen and (max-width: 1199px) {
    html body{
        max-width: 100%;
        width: 100%;
}
                         /*最大1190到最小1000*/
@media screen and (max-width: 1199px) and (min-width: 1000px){
   
    }
    .ma-sub,.he-text,.n-pc-sj,.hot-cen,.classic-cen,.outer-box{
        max-width: 1000px;
        margin: 0 auto;
        width: 100%;
    }
    .m-s-text,.m-s-img{
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .n-m-ul li{
        padding: 0 10px;
    }
    .h-t-2,.h-t-3{
    }
    .classic-ul li{
        height: 320px;
    }
    .cu-div-la{
        height: 88px;
    }
    .cu-div-la p{
        padding-top: 20px;
        font-size: 20px;
    }
    .cu-div-la div a{
        font-size: 14px;
    }
    .c-ul-img img{
        margin: 25px 0 35px 0 ;
    }
    .c-ul-text div img{
        margin: 60px 0 30px 0;
    }
    .c-ul-text h3{
        font-size: 20px;
    }
    .c-ul-text div.sj-c-box p.c-ul-p{
        font-size: 14px;
        line-height: 1.5;
    }


    .mo-text .m-t-logo{
        margin-top: 12px;
    }
 
}
                                                    /*最大1080*/
@media screen and (max-width: 1080px){
    .n-m-ul li{
        padding: 0 8px;
    }
    .strengthLi{
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .PlatformFu-li div img{
        max-width: 100px;
        height: auto;
    }
    .CommonLeft,.CommonRight{
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    .CommonLeft .CommonCom,.CommonRight .CommonCom{
       margin: 0;
        height: auto;
    }
    .CommonUl{
        padding: 0;
    }
    .CommonUl.two{
        padding: 0;
    }
    .adindex .CommonUl{
        padding: 5px;
    }
    .adindex .CommonUl.two{
        padding: 0 5px;
    }
}
@media screen and (max-width: 840px){

} /*800到999 */
@media screen and (max-width: 999px) and (min-width: 800px){
    div.point{
        bottom: 10px;
    }
    html body{
      
        width: 100%;
    }
    .ma-sub,.he-text,.n-pc-sj,.hot-cen,.classic-cen{
        max-width: 900px;
        width: 100%;
        margin: 0 auto;
    }
    .hot-ul .hot-li{
        height: 350px;
    }
    .h-t-3,.h-t-2{

    }
    .h-t-4{

    }
    .m-s-img{
        float: none;
        padding-left: 0;
    }
    .m-s-text{
        float: none;
        padding-left: 0;
        text-align: center;
    }
    .classic-ul li{
        height: 270px;
    }
    .cu-div-la{
        height: 81px;
        font-size: 19px;
    }
    .cu-div-la p{
        padding-top: 20px;
    }
    .cu-div-la div a{
        font-size: 14px;
    }
    .c-ul-img img{
        width: 160px;
        margin: 10px 0 15px 0;
    }
    .classic-ul{
        padding-top: 20px;
    }
    .c-ul-text div.sj-c-box h3{
        font-size: 15px;
    }
    .c-ul-text div img{
        margin: 25px 0 25px 0;
    }
    .c-ul-text div.sj-c-box p.c-ul-p{
        font-size: 14px;
    }
}
                                                    /*最大799*/
@media screen and (max-width: 799px){
    .advisory p.ato{
        padding: 0;
        font-size: 20px;
    }
    .packageBox{
        width: 80%;
    }
    .c-ul-text h3{
        font-size: 18px;
    }
    .c-ul-text div.sj-c-box p.c-ul-p{
        font-size: 15px;
        line-height: 1.5;
    }
    .h-li-div{
        width: 100%;
        border: none;
    }
    .h-li-div:after{
        content: "";
        display: block;
        clear: both;
    }
    div.point{
        bottom: 10px;
    }
    .ma-sub,.he-text,.n-pc-sj,.hot-cen,.classic-cen{
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }

    .hot-ul{
        border: 1px solid gainsboro;
        border-bottom: none;
        padding: 0;
        padding-bottom: 30px;
    }
    .classic-box{
        padding-bottom: 0;
    }
    .i-i-ul{
        padding-bottom: 30px;
    }
    .hot-ul .hot-li{
        text-align: left;
        float: none;
        width: 100%;
        height: 150px;
        overflow: hidden;
        border-bottom: 1px solid gainsboro;
    }
    .h-t-3,.h-t-2{
        margin-left: 0;
    }
    .h-t-2,.h-t-4{

    }
    .h-l-img{
        height: 100%;
    }
    .hot-ul .hot-li:after{
        content: "";
        display: block;
        clear: both;
    }
    .h-l-img{
        float: left;
        width: 20%;
    }
    .h-l-img img{
        width: 70%;
    }
    .hot-ul .hot-li img{
        margin-top: 35px;
    }

    .h-l-text{
        float: left;
        width: 70%;
        margin-top: 50px;
    }
    .h-l-text p{
        font-size: 16px;
    }
    .h-l-text p.h-span{
        padding-top: 10px;
        font-size: 14px;
        color: gray;
    }
    .m-s-img{
        float: none;
        padding-left: 0;
    }
    .m-s-text{
        float: none;
        padding-left: 0;
        text-align: center;
    }
    .c-ul-img{
        display: none;
    }
    .classic-ul{
        border-top: 1px solid #e8e8e8;
        padding: 0;
    }
    .classic-ul li{
        float: none;
        width: 100%;
        text-align: left;
        height: 150px;
        border-bottom: 1px solid #e8e8e8;
    }
    .classic-ul li div.sj-c-box{
        border: none;
        text-align: left;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
    }
    .classic-ul li div.sj-c-box:after{
        content: "";
        display: block;
        clear: both;
    }
    .sj-c-l{
        float: left;
        width: 20%;
        text-align: center;
    }

    .c-ul-text div img{
        margin: 30px 0 0 0;
    }
    .sj-c-l img{
        width: 70%;
    }
    .sj-c-r{
        float: left;
        width: 70%;
    }
    .sj-c-r h3{
        margin-top: 30px;
    }
    .c-ul-text div.sj-c-box p.c-ul-p{
        padding: 0;
    }
    .classic-ul .c-ul-tie{
        display: block;
    }
}
                                                    /*最大640*/
@media screen and (max-width: 640px){
    .pageTabBox{
        width: 90%;
        height: 40px;
    }
    .pageTab li div{
        line-height: 38px;
    }
    .optUl .optLi{
        width: 100%;
        float: none;
    }
    .optUl .optLi .optDiv{
        margin: 10px;
        height: 260px;
    }
    .CommonUl li{
        margin-top: 10px;
    }
    .tit-2 .fuTitle{
        font-size: 15px;
    }
    .CoverUpUl .CoverUpLi{
        float: none;
        width: 100%;
    }
    .CoverUpUl .CoverUpLi .CoverUpDiv{
        margin: 0 10px;
    }
    .Delivery-ul .Delivery-li{
        padding-bottom: 7%;
    }
    .Delivery-div .delImg{
        width: 60px;
    }
    .Delivery-div .delImg img{
        max-width: 60px;
    }
    .Delivery-div .delText{
        padding-left: 70px;
    }
    .Delivery-div .delText h3{
        font-size: 17px;
    }
    .Delivery-div .delText p{
        font-size: 14px;
    }
    .packageBox{
        width: 100%;
    }
    .packageItem span{
        font-size: 16px;
    }
    .WeChatText p{
        font-size: 15px;
    }
    .PlatformFu-li div img{
        max-width: 80px;

    }
    .PlatformFu-li div{
        height: 130px;
    }
    .features-div .feaLeft img{
        width: 160px;
        height: auto;
        margin-top: 15px;
    }
    .features-div .feaRight{
        padding-left: 170px;
    }
    .features-div .feaLeft{
        width: 160px;
    }
    .h-li-div{
        padding: 0;
    }
    .se-li-te h4{
        font-size: 15px;
    }
    .se-li-te p{
        font-size: 14px;
    }
    .mass{
        padding: 20px 0 20px 0;
    }
    #starlist{
        width: 100%;
    }

    .ma-sub .m-s-ul{
        padding: 0;
    }
    .ma-sub .m-s-ul li{
        float: none;
        border-bottom: 1px solid gainsboro;
        width: 100%;
        text-align: left;
        padding: 10px 0;
    }
    .ma-sub .m-s-ul .last-q-l{
        border-bottom: 1px solid gainsboro;
    }
    .m-s-img{
        float: left;
        padding-left: 20px;
        width: 20%;
    }
    .m-s-text{
        float: left;
        padding-left: 20px;
        text-align: left;
        width: 70%;
    margin-top: 15px;
    }
    .m-s-text p{
        font-size: 15px;
    }
    .m-s-text p span{
        font-size: 13px;
    }
    .h-l-img{
        height: 100%;
        padding-left: 10px;
    }
    .hot-ul .hot-li img{
        margin-top: 40px;
    }
    .h-l-text{
        margin-top: 40px;
    }
    .hot-ul .hot-li{
        padding: 0;
    }
   h2.h-j-h2{
        font-size: 20px;
    }
    h2.h-j-h2 img{
        width: 20px;
    }
    .classic-ul li{
        height: 130px;
    }
    .c-ul-text div img{
        margin: 30px 20px 0 0;
    }
    .classic-ul li div.sj-c-box{
        border: none;
    }
    .sj-c-r h3{
        margin-top: 25px;
        font-size: 16px;
    }
    .c-ul-text div.sj-c-box p.c-ul-p{
        padding: 0;
        font-size: 14px;
    }
    .j-text-box{
        height: 200px;
        margin: 0 10px;
    }
    .i-i-ul li img{
        width: 80px;
        height: 80px;
    }

    .advantageImg img{
        margin-top: 20px;
    }
    .eleLeft h3{
        font-size: 30px;
    }
    .eleLeft h4{
        font-size: 18px;
    }
    .CooperationLi{
        width: 50%;
    }
    .CooperationCon h3{
        font-size: 18px;
    }
    .CooperationCon p{
        line-height: 1.5;
    }
    .consultingBox button{
        width: 150px;
        height: 40px;
        margin-top: 30px;
    }
    .advantageText p{
        padding-right: 0;
    }
    .scenariosDiv{
        margin: 0 10px;
        height: 200px;
    }
    .scenariosDiv img{
        width: 80px;
        padding: 15px 0;
    }
}
                                                    /*最大480*/
@media screen and (max-width: 480px){
    .adindex.banner .adnav.wxyx{
        bottom: -10px;
    }
    .adindex.banner .adnav.wxyx span{
        width: 10px;
        height: 10px;
    }
    .PlatformFu-li div img{
        max-width: 60px;
    }
    .PlatformFu-li div p{
        font-size: 15px;
    }
    .PlatformFu-li div{
        height: 100px;
        margin: 0 5px;
        padding: 25px 10px;
    }
    .PlatformFu-ul .PlatformFu-li{
        margin-bottom: 10px;
    }
    .features-div .feaLeft{
        width: 110px;
    }
    .features-div .feaLeft img{
        width: 110px;
        height: auto;
        margin-top: 30px;
    }
    .features-div .feaRight{
        padding-left: 120px;
    }
    .features-div .feaRight p{
        font-size: 14px;
    }
    .features-div .feaRight h3{
        padding-bottom: 10px;
        font-size: 18px;
    }
    .CommonCom h2{
        font-size: 18px;
        padding-top: 10px;
    }
    .CommonCom{
        padding: 10px 20px;
    }
    .CommonCom p{
        line-height: 1.8;
        font-size: 15px;
    }

    .classic-ul .c-ul-tie p{
        font-size: 18px;
    }
    .classic-ul .c-ul-tie{
        height: 80px;
    }
    .classic-ul .c-ul-tie .cu-time{
        padding-top: 20px;
    }
    .classic-ul .c-ul-tie div a{
        font-size: 14px;
    }
    .classic-ul .c-ul-tie div.cu-tiImg img{
        width: 70px;
    }
    .hot-box{
        padding-bottom: 20px;
    }
    .mass{
        padding: 0 0 20px 0;
    }
    .t-menu-li .m-li-ti{
        padding: 15px;
        font-size: 15px;
    }
    .second-menu{
        padding-left: 10px;
    }
    .se-li-te{
    }
    .se-li-te h4{
        font-size: 14px;
    }
    .se-li-te p{
        font-size: 13px;
    }
    .se-li-te p span{
        margin: 0 0
    }
    .se-li-te p span.se-d-span{
       margin: 0 10px;
    }
    .m-s-img{
        float: left;
        padding-left: 0;
    }
    .m-s-text{
        float: left;
        padding-left: 10px;
    }
    .m-s-text p{
        font-size: 14px;
    }
    .m-s-text p span{
        font-size: 12px;
    }
    .hot-ul .hot-li img{
        margin-top: 40px;
    }
    .h-l-text{
        margin-top: 30px;
    }
    .hot-ul{
        padding: 0;
        border-top: 1px solid gainsboro;
    }
    .c-ul-text div img{
        margin: 30px 0 0 0;
    }
    .hot-ul .hot-li{
        height: 160px;
        padding: 0;
        box-shadow: 0 0 0 0;
        border-bottom: 1px solid gainsboro;
    }
    div.point{
        bottom: 10px;
    }
    .j-t-ul li p{
        font-size: 14px;
        line-height: 1.5;
    }
    .i-i-ul li img{
        width: 60px;
        height: 60px;
    }
    .i-i-ul{
        margin-top: 25px;
    }
    .triangle{
        top: -25px;
        border-top: 20px solid white
    }


    .maxTop{
        padding: 20px 0;
    }
    .noBackTop{
        padding: 20px 0 30px 0;
    }
    .Shanghai-title{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .Shanghai-title img{
        max-width: 60%;
        height: auto;
    }
    .InterfaceBox p{
        font-size: 14px;
    }
    .InterfaceBox{
        padding-bottom: 30px;
    }
    .InterfaceBox .wheel.seeding .adnav{
        bottom: -30px;
        width: 300px;
        margin-left: -150px;
    }
    .System-introduction p{
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .Services-ul li{
        width: 50%;
        margin-top: 30px;
    }
    .advantageText h3{
        font-size: 18px;
        padding: 10px;
    }
    .advantageText p{
        font-size: 14px;
        padding-left: 10px;
    }
    .advantageImg img{
        margin-top: 40px;
    }
    .eleLeft h3{
        font-size: 22px;
    }
    .eleLeft h4{
        font-size: 17px;
        line-height: 1.5;
    }
    .eleLeft p{
        font-size: 14px;
    }
    .eleLeft button{
        height: 40px;
        width: 120px;
        font-size: 15px;
    }
    .eleRight img{
        margin-top: 30px;
    }
    .eleLeft{
        margin-top: 30px;
    }
    .strengthRight{
        margin-left: 8px;
    }
    .strengthUl li.strengthLi{
        margin-top: 30px;
    }
    .strengthLeft img{
        margin-top: 15px;
        max-width: 80%;
        height: auto;
    }
    .strengthCon{
        margin: 0;
    }
    .strengthRight h3{
        font-weight: normal;
    }
    .strengthRight p{
        line-height: 1.5;
    }
    .CooperationLi{

    }
    .CooperationImg{
        height: 110px;
    }
    .CooperationImg img{
        top: 15px;
    }
    .advantageUl .advantageLi{
        margin-bottom: 10px;
    }
    .Services-ul h3{
        font-size: 18px;
        padding-top: 20px;
    }
    .Services-ul p{
        padding-top: 10px;
    }
    .CooperationCon p{
        font-size: 14px;
    }
    .scenariosDiv{
        margin: 0 5px;
    }
    .scenariosDiv img{
        width: 60px;
    }
    .scenariosDiv h3{
        padding: 10px 0;
        font-size: 16px;
    }

}
@media screen and (max-width: 325px) {
   .tit-2 .tit-name{
	font-size: 26px
	}
}                                              /*最大380*/
@media screen and (max-width: 380px) {
        .sj-t-tb{
            display: none;
        }
      
        div.point{
            bottom: 5px;
        }
        .i-i-ul li img{
            width: 40px;
            height: 40px;
        }
    .se-li-te p a{
        font-size: 13px;
    }
    .se-li-te p .se-d-span{
        font-size: 13px;
       margin-right: 12px;
    }
    .strengthLeft img{

    }

}

.wheel.seeding {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    overflow: hidden
}

.wheel.seeding.pcscroll{
    display: block
}

.wheel.seeding.mobilescroll {
    display: none
}
.wheel.seeding img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}
.wheel.seeding .adpic {
    position: relative;
    z-index: 0;
    max-width: 1920px;
    margin: auto;
    overflow: hidden
}

.wheel.seeding .adr {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    text-align: center;
   
}

.wheel.seeding .adr ~ .adr {
    z-index: 0
}
.wheel.seeding .adr a {
    display: block
}
.wheel.seeding .adr.icur {
    position: relative;
    z-index: 2
}
.wheel.seeding .adr.prev {
    position: absolute;
    left: -100%;
    z-index: 2
}
.wheel.seeding .adr.next {
    position: absolute;
    left: 100%;
    z-index: 2
}

.wheel.seeding .adnav {
    position: absolute;
    z-index: 999;
    left: 50%;
    bottom: 10px;
    width: 200px;
    margin-left: 15px;
    text-align: center
}

.wheel.seeding .adnav center {
    display: inline-block
}

.wheel.seeding .adnav span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #434053;
    border-radius: 50%;
    border: 2px solid #434053
}

.wheel.seeding .adnav span ~ span {
    margin-left: 5px
}

.wheel.seeding .adnav span.icur {
    border: 2px solid white;
    background: white;
}

.wheel.seeding .btn_prev, .wheel.seeding .btn_next {
    width: 48px;
    height: 84px;
    position: absolute;
    z-index: 3;
    top: 50%;
    margin-top: -42px
}

.wheel.seeding .btn_prev {
    left: 0px;
    background: url("prevnext.png") no-repeat 0 0
}

.wheel.seeding .btn_next {
    right: 0px;
    background: url("prevnext.png") no-repeat -48px 0
}


@media screen and (max-width: 1199px){
    .wheel.seeding.mobilescroll {
        display: block;
    }
    .wheel.seeding.pcscroll {
        display: none;
    }
    .wheel.seeding .adnav{
        bottom: 5px;
        margin-left: -100px;
    }

}
@media screen and (max-width: 719px){
    .InterfaceBox .wheel.seeding .adnav.seo span{
        width: 30px;
    }
    .InterfaceBox .wheel.seeding .adnav.seo span.icur{
        width: 30px;
    }
    .InterfaceBox .wheel.seeding .adnav span{
        width: 50px;
    }
    .InterfaceBox .wheel.seeding .adnav span.icur{
        width: 50px;
    }
}
    @media screen and (max-width: 719px) and (min-width: 640px){

    .wheel.seeding .adnav{
        bottom: 0;
    }
    .wheel.seeding .adnav span.icur,.wheel.seeding .adnav span ~ span,.wheel.seeding .adnav span{
        width: 10px;
        height: 10px;
    }

}
@media screen and (max-width: 639px){
    .wheel.seeding .adnav span.icur,.wheel.seeding .adnav span ~ span,.wheel.seeding .adnav span{
        width: 8px;
        height: 8px;
    }
}
@media screen and (max-width: 639px) and (min-width: 568px){
    .wheel.seeding .adnav{
        bottom: 0;
    }
}
@media screen and (max-width: 567px) and (min-width: 480px){
    .wheel.seeding .adnav{
        bottom: 0;
    }
}
@media screen and (max-width: 479px) and (min-width: 425px){
    .wheel.seeding .adnav{
        bottom: 0;
    }
}
@media screen and (max-width: 424px) and (min-width: 375px){
    .wheel.seeding .adnav{
        bottom: 0;
    }
}
@media screen and (max-width: 374px) and (min-width: 360px){
    .wheel.seeding .adnav{
        bottom: 0;
    }
}
@media screen and (max-width: 359px) and (min-width: 0px){
    .adindex.seeding .adnav{
        bottom: 0;
    }
    .se-li-te p a{
        font-size: 13px;
    }
    .se-li-te p .se-d-span{
        margin-right: 8px;
    }
    .WeChatText p{
        font-size: 14px;
    }
    .PlatformFu-ul .PlatformFu-li{
        margin-bottom: 10px;
    }
    .PlatformFu-li div p{
        font-size: 14px;
    }
    .PlatformFu-li div{
        height: 100px;
        padding: 25px 10px;
        margin: 0 5px;
    }
    .PlatformFu-li div img{
        max-width: 60px;
    }
    .features-div .feaLeft img{
        width: 80px;
        height: auto;
        margin-top: 50px;
    }
    .features-div .feaLeft{
        width: 80px;
    }
    .features-div .feaRight{
        padding-left: 90px;
    }
    .features-div .feaRight h3{
        font-size: 17px;
        padding-bottom: 10px;
    }
    .features-div .feaRight p{
        font-size: 14px;
    }
    .CommonCom h2{
        font-size: 18px;
        padding-top: 10px;
    }
    .CommonCom{
        padding: 10px 20px;
    }
    .CommonCom p{
        line-height: 1.8;
        font-size: 14px;
    }
    .CommonLeft .CommonCom, .CommonRight .CommonCom{
        height: auto;
    }
}



@media screen and (min-width: 799px){
    .classic-ul li:hover .sj-c-box{
        border: 1px solid #00AEFF;
        box-shadow: 0 0 10px #ccc;
    }
}


.c-move{
    width: 500px;
    position: absolute;
    left: 220px;
    height: 440px;
    display: none;
    background-color: #26203A;
}
.custom-ul li:hover .c-move{
    display: block;
}

.c-move.cm-2{
    top: -101%;
    +top: 106%;
}
.c-move.cm-3{
    top: -203%;
    +top: 212%;
}
.c-move.cm-4{
    top: -304%;
    +top: 319%;
}
.c-move.cm-5{
    top: -400%;
    +top: 422%;
}