a,a:hover,a:focus{ text-decoration: none;}
a:hover{ color:#5485E8;}
body{background-color:#fff!important;}
.solution-bg{margin:80px auto 0; height:500px;text-align: center;}
.solution-title{position:relative; margin:56px 0;font-size:30px; text-align:center;color: #333333;
    letter-spacing: 1px;}
.solution-title::before{    
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 153px;
    height: 1px;
    background: #AFAFAF;
    margin-right: 37px;
    opacity: .7;
}
.solution-title::after{    
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 153px;
    height: 1px;
    background: #AFAFAF;
    margin-left: 37px;
    opacity: .7;
}
.solution-bg img{width:1920px;height:500px;}
.solution-list-wrapper{
    width:100%;
    background: url('/img/index/solution-list-bg.jpg') repeat;
    text-align: center;
  }
  .solution-list-wrapper .see-all{color:#5485E8;padding-top:40px;display:block;}
  .solution-list{margin:0 auto; width:1200px; padding-bottom:30px;  display: -webkit-flex;display: flex; flex-direction: row;flex-wrap:wrap;}
  .solution-list .solution-item{width:276px;height:363px; margin-right:32px;flex-shrink: 0; margin-bottom:32px;box-sizing:border-box; background-color: #fff;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);transition: box-shadow .5s; }
  .solution-list .solution-item:nth-child(4n), .solution-list .solution-item:last-child{margin-right:0;}

  .solution-list .solution-item a img{width:276px; height:295px;}
  .solution-list .solution-item a{text-align: center; position:relative; display: block;transition: all .7s;}
  .solution-list .solution-item a:hover{transition: all .5s; }
  .solution-list .solution-item a:hover .hovermsg{
    position: absolute;
    display:block;
    top:0; left:0;
    width:100%;
    height:295px;
    background:#131824;
    opacity: 0.76;
    color:#333;
    box-sizing: border-box;
    padding:45px;
    transition: all .5s ease;  
  }
  .solution-list .solution-item a .hovermsg{
    display:none;
    height:0;
    transition: all .5s ease;
    opacity: 1;
  }
  .solution-list .solution-item a .hovermsg p{
      display:block;
      width:100%;
      height:100%;
      overflow:hidden;
      line-height:26px;
      text-align:left;
      color:#fff;
  }
  .solution-list .solution-item a .hovermsg .hoverbtn{
    position: absolute;
    bottom:20px;
    left:33%;
    width: 99px;
    height: 30px;
    line-height: 30px;
    opacity: 1;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color:#fff;
  }
  .solution-list .solution-item a .tip{width:80%;margin:0 auto;height:64px;font-size:16px;color:#666;line-height:65px;}
  .solution-list .solution-item a:hover .tip,.solution-list .solution-item a:hover{text-decoration: none;}

 .solution-d-top-wrapper{width:100%;position:fixed; background-color:#eee;height:100px; margin-top:80px;z-index:2}
 .solution-d-top{ width:1200px; margin:0 auto;}
 .solution-menu{position:relative; float:left;}
 .solution-menu .menu-header{ padding:34px 0;}
 .solution-menu .menu-header h3{display:inline-block;font-size:22px; color:#333;}
 .solution-menu .menu-header .list-icon{ float:left;font-size:26px;margin: 0 8px 0 0;cursor: pointer;}
 .solution-menu .menu-content{position: absolute; border-radius: 2px; min-width: 220px;top:75px;left:-10px;background-color: #2C2C2C; padding:20px;opacity: 0.94; display:none;}
 .solution-menu .menu-content .triangle{position:absolute;top:-6px;left:18px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.85);overflow:hidden}
 .solution-menu .menu-content a{ display:block;font-size:16px; line-height:35px;color:#fff;}
 .solution-menu .menu-content li{ display:block;padding:0;}
 .solution-menu .menu-content a:hover{ color:#5485E8; text-decoration: none;}
 .scroll-banner{width:290px; margin:0 auto;padding:32px 0;}
 .scroll-banner a{display:block;float:left;
    width: 112px;
    height: 36px;
    opacity: 0.8;
    background: #fff;
    border-radius: 18px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color:#666;
}
.scroll-banner a:hover,.scroll-banner a.active{color:#5485E8; text-decoration: none;box-shadow: 0px 0px 10px 0px rgba(1,30,145,0.14); }
.scroll-banner a.mr{margin-right:60px;}   
.solution-con{width:1200px; margin:180px auto 0;box-shadow: 5px 0px 5px -5px rgb(0 0 0 / 10%), -5px 0px 5px -5px rgb(0 0 0 / 10%);}
.solution-detail-title{position:relative; margin:45px 0;font-size:22px; text-align:center;color: #333333;font-weight:700;
    letter-spacing: 1px;}
.solution-detail-title::before{    
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 63px;
    height: 1px;
    background: #AFAFAF;
    margin-right: 29px;
}
.solution-detail-title::after{    
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 63px;
    height: 1px;
    background: #AFAFAF;
    margin-left: 29px;
}
.solution-con .solution-doc{
    padding:0 45px 10px;
    line-height: 27px;
    text-align:center;
}
.solution-con .solution-doc p{
    text-align:left;
    margin:0;
}
.api-wrapper{ margin:0 45px; }
.api-wrapper .method-header{
    height: 50px;
    line-height:50px;
    font-size:16px;
}
.api-wrapper .method-header a{
    display:block;
}
.api-wrapper .method-header a .icon-down{
    float: right;
    margin: 15px 0 0;
    color:#9F9F9F;
}
.api-wrapper .panel .panel-heading{padding:0 20px;border-bottom:1px solid #D6D6D6;}
.api-wrapper .panel{
    width:290px;
    float:left;
    margin-right:120px;
    margin-bottom:30px;
    border: 1px solid #d6d6d6;
}
.api-wrapper .panel:nth-child(3n+1){
    clear:left;
}
.api-wrapper .panel:nth-child(3n){
    margin-right:0;
}
.api-wrapper .method-body{padding:0;}
.api-wrapper .panel ul,.api-wrapper .panel ul li{list-style: none;}
.api-wrapper .panel ul{ height:333px; margin-bottom:0;overflow-y: auto; background-color: #F1F1F1;}
.api-wrapper .panel ul li{padding:10px 20px;line-height: 24px; border-bottom:1px solid #fff;}
.api-wrapper .panel li a{display:block; width:100%;color:#333;}
.api-wrapper .panel li a div{width:100%; height:24px;}
.api-wrapper .panel li a:hover{color:#5485E8;}
.none{display:none;}
.panel-group .panel+.panel{margin-top:0!important}