/*公共样式*/

  @font-face {
    font-family: 'iconfont';  /* project id 208314 */
    src: url('//at.alicdn.com/t/font_208314_tcstkjhjpy.eot');
    src: url('//at.alicdn.com/t/font_208314_tcstkjhjpy.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_208314_tcstkjhjpy.woff') format('woff'),
    url('//at.alicdn.com/t/font_208314_tcstkjhjpy.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_208314_tcstkjhjpy.svg#iconfont') format('svg');
    }
 
    @font-face {
        font-family: 'iconfont-num';  /* project id 620096 */
        src: url('//at.alicdn.com/t/font_620096_u69pt7wsiadr6bt9.eot');
        src: url('//at.alicdn.com/t/font_620096_u69pt7wsiadr6bt9.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_620096_u69pt7wsiadr6bt9.woff') format('woff'),
        url('//at.alicdn.com/t/font_620096_u69pt7wsiadr6bt9.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_620096_u69pt7wsiadr6bt9.svg#iconfont') format('svg');
    }

    * {
        padding: 0;
        margin: 0;
    }
    body{
        overflow:hidden;
        min-width: 0px!important;
    }
    html,
    body {
        background: white;
        font-family: "webfont","Helvetica",'Microsoft YaHei';
        overflow-x: hidden;
        font-size: 16px;
        max-width: 3000px;
    }

    li {
        list-style: none;
    }

    a {
        text-decoration: none;
        color: #666666;
        cursor:pointer!important;
    }
    .sectionTitle,.sectionThirdTitle {
        font-size: 28px;
        line-height: 28px;
        padding-top: 66px;
        color: #333333;
        padding-bottom: 25px;
        font-weight: 600;
        opacity: 0.8;

    }
    .sectionSmallTitle {   
        font-size: 16px;
        line-height: 0px;
        color: #666666;
        margin-bottom: 30px;
    } 

    .sectionTitle,
    .sectionSmallTitle,
    .sectionThirdTitle {
        font-family: "webfont","Helvetica";
        text-align: center;
        opacity: 0;
    }

    .aniText-item-1 {
        opacity: 0;
        animation: aniTextShow 1s forwards;
        -webkit-animation:aniTextShow 1s forwards;
    }

    .aniText-item-2 {
        opacity: 0;
        animation: aniTextShow 1s .4s forwards;
        -webkit-animation:aniTextShow 1s .4s forwards;
    }

    .aniText-item-3 {
        opacity: 0;
        animation: aniTextShow 1s forwards;
        -webkit-animation:aniTextShow 1s forwards;
    }
    .infomation1.aniText-item-3{
        animation: aniTextShow 1.2s .8s forwards;
        -webkit-animation:aniTextShow 1.2s .8s forwards;

    }
     .infomation2.aniText-item-3{
        animation: aniTextShow 1.2s 1s forwards;
        -webkit-animation:aniTextShow 1.2s 1s forwards;

        
    }

    @keyframes aniTextShow {
        0% {
            opacity: 0;
            transform: translateY(50px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @-webkit-keyframes aniTextShow {
        0% {
            opacity: 0;
            transform: translateY(50px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }

    }

    /*第1层*/

    .bannerWrap {
        width: 100%;
        background: #0d1019;
        height: 500px;
    
      
    }
    .bgWrap{
        width: 100%;
        height: 500px;
         background-attachment: fixed;
        background:url('/UploadFile/20190107/智能硬件-banner-1920x500.png') no-repeat center;
        position:fixed;
    }

    h2{
        color:#fff;
        font-size:42px;
        line-height: 62px;
        letter-spacing:3px;
        font-weight: 600;
        margin-left:2px;
    }
    .logoimg{

        margin: auto;
        padding-top: 165px;
        padding-left: 1%;
        max-width: 1180px;
    }
    .logoimg img{
        height:70px;
        margin-bottom:15px;
        margin-top: 5%;
    }
    /*第2层 导航*/

    .navWrap {
        background: #fff;
        min-height: 250px;
        margin: 0 auto;
        width: 100%;
        background: #fff;
        font-family: "webfont","Helvetica";
        position:relative;
        
    }
     .navWrap:hover{
        cursor:pointer!important; 
     }


    .nav {
        width: 750px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 15px;
        padding-bottom: 15px;
        cursor: pointer;
    }

    .tab a {
        color: #666666;
        list-style-type: none;
        width: 500px;
        height: 30px;
         font-size:16px;
        line-height: 30px;
        overflow: hidden;
         width: 100%;
    }

    .tab li {
        padding: 0 0 0 26px;
        float: left;
    }
    .tab li:first-child{
        margin-left: 6%;
    }

    .tab li a:hover,
    .active a {
        color: #3692fa!important;
        cursor: pointer;
        
    }
    .active::after {
        border-bottom: 2px solid #3692fa;
        content: '';
        display: block;
        animation:tabshow .5s ease;
        -webkit-animation:tabshow .5s ease;
    }
    .navInfo{
        height: auto!important;
            width: 100%;
            min-width: 750px;
            max-width: 1280px;
            margin: auto;
    }

    #navContent {
        font-size: 16px;
        margin: auto;
       
    }
     #navContent:hover{
         cursor:pointer;
     }

    #navContent ul {
        width: 100%;
        margin-left: 5%;
    }
    #navContent ul:hover{
        cursor:pointer;
    }

    #navContent ul li {
        text-align: center;
        width: 215px;
        display:inline-block;
        padding: 0px 0px 30px 0px;
        cursor: pointer;
        opacity: 0;
      
    }
    #navContent ul>:first-child{
       animation:navshow 1s 0s forwards;
       -webkit-animation: navshow 1s 0s forwards;
       
    }
     #navContent ul>li:nth-of-type(2){
      animation:navshow 1s .2s forwards;
      -webkit-animation: navshow 1s .2s forwards;
    }
    #navContent ul>li:nth-of-type(3){
      animation:navshow 1s .4s forwards;
      -webkit-animation:navshow 1s .4s forwards;
    }
     #navContent ul>li:nth-of-type(4){
      animation:navshow 1s .6s forwards;
      -webkit-animation: navshow 1s .6s forwards;
    }
     #navContent ul>li:nth-of-type(5){
      animation:navshow 1s .8s forwards;
      -webkit-animation: navshow 1s .8s forwards;
    }

     #navContent ul>li:nth-of-type(6){
       animation:navshow 1s 1s forwards;
       -webkit-animation: navshow 1s 1s forwards;
       
    }
     #navContent ul>li:nth-of-type(7){
      animation:navshow 1s 1.2s forwards;
      -webkit-animation: navshow 1s 1.2s forwards;
    }
    #navContent ul>li:nth-of-type(8){
      animation:navshow 1s 1.4s forwards;
      -webkit-animation:navshow 1s 1.4s forwards;
    }
     #navContent ul>li:nth-of-type(9){
      animation:navshow 1s 1.6s forwards;
      -webkit-animation: navshow 1s 1.6s forwards;
    }
     #navContent ul>li:nth-of-type(10){
      animation:navshow 1s 1.8s forwards;
      -webkit-animation: navshow 1s 1.8s forwards;
    }
     #navContent ul>li:nth-of-type(11){
       animation:navshow 1s 2s forwards;
       -webkit-animation: navshow 1s 2s forwards;
       
    }
     #navContent ul>li:nth-of-type(12){
      animation:navshow 1s 2.2s forwards;
      -webkit-animation: navshow 1s 2.2s forwards;
    }
    #navContent ul>li:nth-of-type(13){
      animation:navshow 1s 2.4s forwards;
      -webkit-animation:navshow 1s 2.4s forwards;
    }
     #navContent ul>li:nth-of-type(14){
      animation:navshow 1s 2.6s forwards;
      -webkit-animation: navshow 1s 2.6s forwards;
    }
     #navContent ul>li:nth-of-type(15){
      animation:navshow 1s 2.8s forwards;
      -webkit-animation: navshow 1s 2.8s forwards;
    }
     #navContent ul>li:nth-of-type(16){
      animation:navshow 1s 3s forwards;
      -webkit-animation:navshow 1s 3s forwards;
    }
     #navContent ul>li:nth-of-type(17){
      animation:navshow 1s 3.2s forwards;
      -webkit-animation: navshow 1s 3.2s forwards;
    }
     #navContent ul>li:nth-of-type(18){
      animation:navshow 1s 3.4s forwards;
      -webkit-animation: navshow 1s 3.4s forwards;
    }
    
    .img{
        display:block;
        margin: auto;
    }
    .img img{
        height:172px;
        width:172px;
    }
    
    @keyframes navshow {

        0% {
            opacity: 0;
            transform: translateX(18px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @-webkit-keyframes navshow{
        0% {
            opacity: 0;
            transform: translateX(18px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }

    }
    @keyframes tabshow {
         0% {
            width:0%;
        }
        100% {
           width:100%;
        }
    }

    @-webkit-keyframes tabshow{
       0% {
            width:0%;
        }
        100% {
           width:100%;
        }

    }
    .smarttitle {
        color: #333333;
        margin-left:-10px;
    }

    .dd_icon {
           display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 0px 3px;
        font-size: 12px;
        border-radius: 4px;
        margin-bottom: 4px;

    }

    .price {
        color: #3692fa;
        margin-top: 20px;
    }
    .price:nth-of-type(1) span{
        font-family: iconfont-num;
        letter-spacing: -12px;
    }
    .price:nth-of-type(2) span{
        font-size:16px;
    }
    .jiantou{
        display:none;
    }
    /*第3层 主体硬件设备*/

    .contentWrap {
        width: 100%;
        background: #f5f6f7;
        margin: 0 auto;
         position:relative;
          overflow-x: hidden;
    }
    .deviceInfo{
        min-width: 1200px;
        width: 1200px;
        height: 530px;
        overflow: hidden;
        margin:10px auto;
        box-shadow: 0px 0px 15px 3px #f7f7f7;
        
    }
    .slideDevice{ 
        width: 100%;
         height: 100%;
        margin:auto;
        overflow:hidden;
        position:relative;
        float: left;
        /* margin-left: 40px; */
    }
    .slideContent{
        width:4375px;
        height:530px;
        position:absolute;
        font-size:0;
    }

    .slideContent a{
        display:block;
        width:875px;
        height:530px;
        float:left;
    }
    .slideContent a img{
        width:100%;
        height:100%;
      
    }

    #focus{
        position: relative;
        bottom: -5px;
        width: 102%;
    }
    .swiper-container{
        height:100%;
    }
    #focus .swiper-pagination-bullet-active{
        background:#3692fa!important;
    }
   
    #focus .swiper-pagination-bullet{
        width:10px;
        height:10px;
        border:1px solid #3692fa;
        display:inline-block;
        cursor:pointer;
        border-radius: 50%;
        margin-right: 10px;
        opacity: 1;
        background: none;
        outline: none;
    }
    #left,#right{
        font-size: 26px;
        text-align: center;
        cursor: pointer;
        font-family: iconfont;
        color: #fff;
        background: #000;
        height: 62px;
        width: 36px;
        opacity: 0.3;
        line-height: 62px;
        background-image: none;
        display: none;
        outline:none;
       
    }
    #left{
        float:left;
        border-radius: 0 10px 10px 0px;
        left: 0px;
    }
    #right{
        float:right;
        border-radius: 10px 0px 0px 10px;
        right: 0px;
    }
    .detail{
        cursor:pointer;
    }

    .goBuy{
        height:530px;
        width:325px;
        background: #fff;
        text-align: center;
        position: absolute;
        right: 0%;
        top: 0%;
    }
    .detailImg{
        display: block;
        height: 170px;
        width:170px;
        margin-top: 90px;
        position: relative;
        left: 25%;
        margin-bottom: 20px;
        font-size: 34px;
        cursor:pointer;
    }
    .detailImg img{
        height: 100%;
        width:100%;
    }
   .smartTitle {
        font-size: 26px;
        color: #333333;
        font-weight: 600;
        font-family: "webfont","Helvetica";

    }
    .introduce{
        font-size:14px;
        color:#666666;
        line-height: 2.5;
        font-family: "webfont","Helvetica";
    }
    .buy{
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
    }
    #buybtn{
        height: 80px;
        background: #3692fa;
        line-height: 80px;
        position: relative;
        bottom: -50px;
        opacity: 0;
        cursor:pointer;
        
    }
    #buybtn a{
       width: 100%;
        height: 100%;
        display: block;
    }

    #buybtn:hover{
        cursor:pointer;
    }
    .swiper-container{
        background:#fff;
    }
    .swiper-slide{
        width:876px;
        height:530px;
    }
    .buybtnUp{
        animation: buyShow .1s forwards;
        -webkit-animation:buyShow .1s forwards;
    }
    .buybtnDown{
        animation: buyHide .1s forwards;
         -webkit-animation:buyHide .1s forwards;
    }
    #buybtn a{
        color:#fff;
        font-size: 22px;
        cursor:pointer;
    }

    @keyframes buyShow {

        0% {
            opacity: 0;
            transform: translateY(80px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @-webkit-keyframes buyShow{
        0% {
            opacity: 0;
            transform: translateY(80px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }

    }
    @keyframes buyHide {

        0% {
            opacity: 1;
            transform: translateY(0px);
        }
        100% {
             opacity: 0;
          transform: translateY(80px);
         }
    }

    @-webkit-keyframes buyHide{
        0% {
            opacity: 1;
            transform: translateY(0px);
        }
        100% {
             opacity: 0;
          transform: translateY(80px);
         }

    }

    @keyframes aniboxShow {
       
        100% {
        
            transform: translateY(-2px);
        }
    }

    @-webkit-keyframes aniboxShow {
        100% {
           
            transform: translateY(-2px);
        }

    }
    @keyframes aniboxdown {
       
        100% {
        
            transform: translateY(2px);
        }
    }

    @-webkit-keyframes aniboxdown {
        100% {
           
            transform: translateY(2px);
        }

    }
   

    /*第4层 钉钉生态*/

    .ecologyWrap {
        width: 100%;
        background: #fff;
        height: 670px;
        min-width: 1280px;
        margin: auto;
        position:relative;
        z-index: 11;
        margin-top: -20px;

    }
    .ecology{
        width: 1200px;
        margin: 0 auto;
    }
     .ecology img{
        width: 1200px;
    }

    /*第5层 钉钉服务*/

    .serviceWrap {
        width: 100%;
        background: #f5f6f7;
        height: 660px;
        min-width: 1280px;
        margin: 0 auto;
         position:relative;

    }
    .service{
        padding-top: 25px;
        text-align: center;
        color:#fff;
        width: 1200px;
        margin: auto;
        height: 100%;
        line-height: 1.7;
    }
    .service img{
        padding: 90px 0 10px 0;

    }
    .service span{
        font-size: 12px;
        opacity: 0.8;
        color:#f2f4f7; 
    }
    .service a{
        display: block;
        line-height: 37px;
        color: #3691fa;
        border: 1px solid #3691fa;
        text-align: center;
        margin: 50px auto;
        height: 42px;
        width: 142px;
        font-size:16px;
        position: relative;
        z-index: 1;
        font-weight: 600;
        letter-spacing: 1px;
        border-radius: 3px;
    }

    .serviceBtn,
    .serviceBtn::after {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
            transition: all 0.2s;
    }

    .serviceBtn::before,
    .serviceBtn::after {
        background: #3691fa;
        content: '';
        position: absolute;
        z-index: -1;
    }

    .serviceBtn:hover {
      color: #fff;
    }
    .serviceBtn::after {
        height: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .serviceBtn:hover:after {
          height: 100%;
    }
    .serviceCard1,.serviceCard2{
        height:400px;
        width:582px;
    }
    .serviceCard1{
        margin-right: 35px;
        float:left;
        background: url('https://img.alicdn.com/tfs/TB10VDVvj7nBKNjSZLeXXbxCFXa-582-400.jpg')

    }
    .serviceCard2{
        float:right;
        background: url('https://img.alicdn.com/tfs/TB1i3wqvoOWBKNjSZKzXXXfWFXa-582-400.jpg')
    }
   
    .bottomInfo{
        position:relative
    }
    .wrap,.wrap2{
        height:400px;
        width:582px;
        overflow:hidden;
        position:absolute;
    }
    .wrap2{
       right:0;
    }
    .infomation1,.infomation2{
      height: 200px;
        width: 20%;
        margin-right: 35px;
        position: absolute;
        opacity:0;
     }
    .infomation1{
        left: 15%;
    }
    .infomation2{
        right: 12%;
    }
    /* <!-- 免责 --> */

    .bottomwrap{
            height:100px;
            width:100%;
            background:#dfdfdf;
             position:relative;
        }
    .statement{
        font-size:12px;
        text-align:center;
        color:#68696b;
        padding-top:45px;

    }

    .sortbox{
          position: absolute;
          display:none;
        }
    .sortdown{
        display:none;
    }
     .goTop{
         display:none;
         opacity:0;
     }
     .icon{
             width: auto!important;
     }
    

    @media screen and (max-width: 828px) {
         .ding-head-menu-container{
            top:0px;
            position:fixed;
            z-index:9999;
        }
        .ding-head{
            position:fixed!important;
            z-index: 1000;
        }
        html{
            font-size: 76px!important;
        }

        body{
            font-size:26px!important;
        }
        .sectionSmallTitle{
            width:100%;
            font-size:24px;
        }
        .sectionTitle, .sectionThirdTitle{
                font-size: 42px;
                margin-bottom: 20px;
                padding-top:90px;
        }
        .nav{
            padding-top: 40px;
            padding-bottom: 90px;
            margin-top: -5px;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .nav::-webkit-scrollbar{
            display:none!important;
        }
        .navWrap{
            z-index:9;
        }
        .navInfo{
            position: relative;
            z-index: 9;
            background: #fff;
            margin-top: -35px;
        }
        .tab{
            height: 45px;
            width: 149%;
            line-height: 43px;
        }
        .tab a{
            font-size:32px;
            color:#282828;
        }
        .tab li:first-child{
            margin-left: 0%;

        }
        .tab li {
            padding: 0px 0 0 40px;
            float: left;
        }
        .img img{
            width:146px;
            height:146px;
            margin-top: 10%;
        }
        #navContent{
           margin: 0 1%;
            width: 98%;
        }
        #navContent ul{
            margin-left:0;
        }
        #navContent ul li{
            width:235px;
        }
        #navContent ul li{
            padding:0;
        }
        .dd_icon{
            position: absolute;
            left: 43%;
            top: -3%;
            font-size: 20px;
            padding: 0px 6px;
        }
        
        .price{
            margin-bottom:20%;
        }
        .price span{
            font-size:28px!important;
        }
       
        .contentWrap{
            height:auto;
            z-index:9;
            padding-bottom: 10%;
            margin-top: -3px;
        }
        .deviceInfo{
           min-width: 375px;
            min-height: 774px;
            margin: 10px auto;
            width: 93%;
            max-width: 1200px;
            border-radius: 6px;
            border: 1px solid #ececec;
            box-shadow: 0px 0 19px 5px #ececec;
            z-index: 2;
            position: relative;
        }
        .slideDevice{
            min-height: 774px;
            margin: auto;
            float: inherit;
            max-width: 1200px;
            z-index: 1;
            width: 100%;
        }
        .leftbanner{
            height: 64%;
            width: 112%;
        }
        .goBuy{
            background: #fff;
            text-align: center;
            position: relative;
            height:270px;
                width: 100%;
        }
        
        .detailImg{
                display: block;
            height: 170px;
            width: 170px;
            margin: 25px;
            position: absolute;
            left: 0%;
            font-size: 34px;
            cursor: pointer;
        }
        .smartTitle{
            font-size: 32px;
            color: #333333;
            font-weight: 600;
            font-family: "webfont","Helvetica";
            padding-top: 50px;
            padding-top: 40px;
            width: 100%;
            text-align: left;
            margin-left: 33%;
            padding-bottom: 1.5%;
        }
        .smarttitle span{
            font-size:26px;
        }
        .introduce{
            font-size: 24px;
            color: #666666;
            font-family: "webfont","Helvetica";
            width: 100%;
            display: block;
            width: 52%;
            text-align: left;
            margin-left: 33%;
            line-height: 1.5;
        }

        .detail .price{
            text-align: left;
            margin-left: 33%;
                margin-bottom: 10%;
        }
         .detail .price  span:nth-of-type(1){
               font-size: 35px!important;
                letter-spacing: -16px!important;
        }
        .detail .price  span:nth-of-type(2){
            font-size: 28px;
        }
        .swiper-container1 .detail .price{
            margin-bottom:5%;
    
        }
        #focus .swiper-pagination-bullet{
            height:15px;
            width:15px;

        }
        #buybtn{
            display:none;
        }
        .ecologyWrap{
            min-width:375px;
            margin-top:-3px;
            z-index:9;
            height:800px;
        }
        .ecology {
            width: 100%;
          /*  margin: 0px -30%; */
            
        }
        .ecology img:nth-of-type(1){
          /*  margin: 80px 0 40px 0!important; */
               margin: 80px 0 100px 4%!important;
                width: 92%;
                border-radius: 4px;
        }
        .serviceWrap{
            min-width:375px;
            height:auto;
            z-index:9;
            margin-top: -3px;
        }
        
        .serviceWrap .sectionSmallTitle{
                width: 80%;
            margin-left: 10%;
            line-height: 30px;
            margin-top:-10px;
        }

        .bottomInfo{
            position: relative;
            left: 3.4%;
            height: 100%;
            margin-bottom: 5%;
        }
        .swiper-container{
            z-index:0!important;
            border-radius: 6px;
        } 
        .infomation1, .infomation2{
           height: 200px;
            width: 85%;
            position: absolute;
            z-index: 8;
            top: 0%;
            left: 5%;
        }
        .wrap, .wrap2{
            height: 462px;
            width: 699px;
        }
        .serviceCard1, .serviceCard2 {
            height: 462px;
            width: 699px;
            border-radius: 15px;
        }
        .service img{
               height: 100%;
                 width: 18%;
        }
        .wrap, .wrap2{
            position:relative;
        }
        .infomation1 p,.infomation2 p{
            font-size:30px!important;
        }
        .service{
            width:100%;
            padding-bottom: 10px;
        }
        .service span{
            font-size:22px;
        }
        .service a{
            font-size:26px;
            margin: 30px auto;
            height: 70px;
            width: 180px;
            line-height: 68px;
            background: #3691fa;
            color: #fff
        }
        .bgWrap{
           display: block;
            position: absolute;
            width: 100%;
            left: 0;
            top: 7%;
            z-index: 1;
            height: 0px;
        }
        .bannerWrap{
            max-width:750px;
            height:600px;
        }
        .bgWrap:before {
           content: '';
            background: url('https://img.alicdn.com/tfs/TB1sGX7n6TpK1RjSZKPXXa3UpXa-1500-1200.jpg') no-repeat center;
            position: fixed;
            z-index: -3;
            right: 0;
            bottom: 0;
            left: 0;
            top: 81px;
            height: 610px;
            background-size: contain;

        }
        .logoimg{
            position:fixed;
            z-index:0;
            width:100%;
            text-align:center;
        }
        h2{
            font-size:58px;
        }
        .logoimg img{
            height:32px;
            width:360px;
        }
        
        .bottomwrap{
            z-index:9;
            margin-top:-3px;
        }
        .jiantou{
            display:block;
            position:absolute;
            right:5%;
            bottom: 45%;
            font-family: iconfont;
                color: #3692fa;

        }
        .serviceCard1{
            background:url('https://img.alicdn.com/tfs/TB1wOFXolLoK1RjSZFuXXXn0XXa-699-462.png')
        }
        .serviceCard2{
            background:url('https://img.alicdn.com/tfs/TB1ayxgocfpK1RjSZFOXXa6nFXa-699-462.png')
        }
        .sortdown{
            position: absolute;
            right: -5%;
            width: 85px;
            height: 88px;
            bottom: 103%;
            display: block;
            background: linear-gradient(to right, #fff, #fff);
            color: transparent;
            opacity: .5;
        }
        .sortbox{
            display:none;
          position: absolute;
          height: 100%;
         
        }

        .tab2{
            position: relative;
            background: #fff;
            display: flex;
          animation:shownavbox .3s forwards;
          -webkit-animation:shownavbox .3s forwards;
            padding-top: 80px;
            flex-wrap: wrap;
           
        }
        

         @keyframes shownavbox {
             0% {
                
                min-height: 200px;
            }
        
            100% {
                  z-index: 10;
                 position: relative;
                min-height: 420px;
            }
        }

        @-webkit-keyframes shownavbox {
             0% {
                
                min-height: 200px;
            }
        
            100% {
                  z-index: 10;
                 position: relative;
                min-height: 420px;
            }

        }
        .tab .active::after {
            border-bottom: 3px solid #3692fa;
        }
        .mask{
            
            background: #000;
            opacity: 0.5;
            width: 100%;
            z-index: 10;
            overflow: hidden;
            display: none;
             position: absolute;
             min-height:1120px;
        }
        .sortup{
                position: absolute;
            height: 60px;
            width: 80px;
            top: 28px;
            right: 2%;
            z-index:11;
             text-align: center;
            line-height: 60px;
            display:none;
        }
        .bottomwrap{
            height:180px;
        }
        .statement{
            width: 90%;
           margin: 0px 5%;
          font-size: 24px;
        }
        .goTop{
            position: fixed;
            right: 4%;
            top: 84%;
            z-index: 11;
            font-family: iconfont;
            color: #717070;
            font-size: 33px;
            font-weight: bolder;
            height: 70px;
            width: 70px;
            background: #fff;
            text-align: center;
            line-height: 70px;
            opacity: 1;
            border: 1px solid #979797;
            border-radius: 10px;
        }
        .dd-footer{
            display:none;
        }

        .swiper-button-prev{
            display:none!important;
        }
        .swiper-button-next{
              display:none!important;
        }
        .slideWrap{
          min-width: 750px;
            height: 65%;
        }
        .leftbanner1{
            width: 111%;
            padding-right: 70px;
            margin-left: 0%;
            position: relative;
            height: 490px;
        }
        .leftbanner2{
            width: 105%;
            padding-right: 70px;
            margin-left: 0%;
            position: relative;
            height: 490px;
        }


    }