/* banner */
.intell-banner{
    width:100%;
    height:418px;
}
.intell-banner-tit{
    position: absolute;
    left:100px;
    top:86px;
}
.intell-banner-tit h2{
    font-size:46px;
    color:#fff;
    line-height:46px;
    margin-bottom:16px;
}
.intell-banner-tit p{
    font-size:26px;
    line-height:28px;
    color:#fff;
    color:rgba(255,255,255,0.7);
}
.intell-banner-list{
    position: absolute;
    top:226px;
    right:36px;
}
.intell-banner-list li{
    margin-right:30px;
}
.intell-banner-list li img{
    display:block;
    width:35px;
    margin-right:6px;
}
.intell-banner-listText h6{
    font-size:26px;
    color:#fff;
    line-height:28px;
}
.intell-banner-listText p{
    font-size:16px;
    color:#fff;
    line-height:18px;
}
/* common title */
.intell-title{
    font-size:26px;
    font-weight: 700;
    line-height:36px;
    color:#333333;
    padding-bottom:12px;
}
.intell-title::after{
    content:'';
    display:block;
    width:50px;
    height:5px;
    background:#0e56a0;
    position: absolute;
    bottom:0;
    left:0;
}
/* 五大方向 */
.intell-direction{
    padding-top:30px;
}
.intell-direction-list{
    width:100%;
    height:720px;
    position: relative;
    margin-top:12px;
}
.intell-direction-list li{
    width:545px;
    height:260px;
}
.intell-direction-list li:nth-of-type(2n-1){
    margin-right:110px;
}
.intell-direction-list li:last-child{
    height:auto;
    position: absolute;
    bottom:0;
    right:0;
    margin-right:0;
}
.intell-direction-list li.lastchild{
    height:auto;
    position: absolute;
    bottom:0;
    right:0;
    margin-right:0;
}
.intell-direction-des{
    font-size:16px;
    color:#666666;
    line-height:30px;
    margin-top:20px;
}
.intell-direction-tit{
    height:80px;
    padding-top:45px;
    font-size:26px;
    line-height:26px;
    color:#333333;
    padding-left:100px;
    position: relative;
}
.intell-direction-tit img{
    width:70px;
    margin-right:26px;
    vertical-align:bottom;
}
.intell-direction-svg{
    width:80px;
    height:80px;
    position: absolute;
    bottom:-5px;
    left:0;
}
.intell-direction-svg{
    fill:none;
    stroke:#0e56a0;
    stroke-width:19;
    stroke-miterlimit:10;
    stroke-linecap:round;
    opacity:0;
    stroke-dasharray: 3000;
    -webkit-animation: draw-path 12s infinite;
    -moz-animation: draw-path 12s infinite;
    -ms-animation: draw-path 12s infinite;
    -o-animation: draw-path 12s infinite;
    animation: draw-path 12s infinite;
}
.intell-direction-list li:nth-of-type(1) .intell-direction-svg{
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.intell-direction-list li:nth-of-type(1) .intell-direction-svg:nth-of-type(1){
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -ms-animation-delay: 7s;
    -o-animation-delay: 7s;
    animation-delay: 7s;
}
.intell-direction-list li:nth-of-type(2) .intell-direction-svg{
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.intell-direction-list li:nth-of-type(2) .intell-direction-svg:nth-of-type(1){
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -ms-animation-delay: 8s;
    -o-animation-delay: 8s;
    animation-delay: 8s;
}
.intell-direction-list li:nth-of-type(3) .intell-direction-svg{
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}
.intell-direction-list li:nth-of-type(3) .intell-direction-svg:nth-of-type(1){
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    -ms-animation-delay: 9s;
    -o-animation-delay: 9s;
    animation-delay: 9s;
}
.intell-direction-list li:nth-of-type(4) .intell-direction-svg{
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -ms-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}
.intell-direction-list li:nth-of-type(4) .intell-direction-svg:nth-of-type(1){
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -ms-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s;
}
.intell-direction-list li:nth-of-type(5) .intell-direction-svg{
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}
.intell-direction-list li:nth-of-type(5) .intell-direction-svg:nth-of-type(1){
    -webkit-animation-delay: 11s;
    -moz-animation-delay: 11s;
    -ms-animation-delay: 11s;
    -o-animation-delay: 11s;
    animation-delay: 11s;
}
@-webkit-keyframes draw-path {
    0% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    1% {
      opacity:1;
    }
    30% {
        stroke-dashoffset: 0;
        opacity:1;
    }
    49%{
        stroke-dashoffset: 3000;
        opacity:1;
    }
    50% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    100%{
      stroke-dashoffset: 3000;
      opacity:0;
    }
  }
  @-moz-keyframes draw-path {
    0% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    1% {
      opacity:1;
    }
    30% {
        stroke-dashoffset: 0;
        opacity:1;
    }
    49%{
        stroke-dashoffset: 3000;
        opacity:1;
    }
    50% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    100%{
      stroke-dashoffset: 3000;
      opacity:0;
    }
  }
  @-ms-keyframes draw-path {
    0% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    1% {
      opacity:1;
    }
    30% {
        stroke-dashoffset: 0;
        opacity:1;
    }
    49%{
        stroke-dashoffset: 3000;
        opacity:1;
    }
    50% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    100%{
      stroke-dashoffset: 3000;
      opacity:0;
    }
  }
  @-o-keyframes draw-path {
    0% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    1% {
      opacity:1;
    }
    30% {
        stroke-dashoffset: 0;
        opacity:1;
    }
    49%{
        stroke-dashoffset: 3000;
        opacity:1;
    }
    50% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    100%{
      stroke-dashoffset: 3000;
      opacity:0;
    }
  }
@keyframes draw-path {
    0% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    1% {
      opacity:1;
    }
    30% {
        stroke-dashoffset: 0;
        opacity:1;
    }
    49%{
        stroke-dashoffset: 3000;
        opacity:1;
    }
    50% {
      stroke-dashoffset: 3000;
      opacity:0;
    }
    100%{
      stroke-dashoffset: 3000;
      opacity:0;
    }
  }
  
/* 理论蓝图 */
.intell-bluemap{
    height:390px;
    padding-top:90px;
}
.intell-bluemap .intell-title{
    color:#fff;
    margin-bottom:18px;
}
.intell-bluemap .intell-title::after{
    background:#fff;
}
.intell-text{
    font-size:20px;
    color:#fff;
    line-height:30px;
}
.intell-bluemap-btn{
    display:block;
    padding:10px 10px 10px 20px;
    border:1px solid #fff;
    float:left;
    margin-right:20px;
    color:#fff;
    font-size:14px;
    line-height:16px;
    margin-top:18px;
}
.intell-bluemap-btn svg{
    display:inline-block;
    width:22px;
    height:18px;
    margin-top:-4px;
    margin-left:8px;
    vertical-align: middle;
}
.intell-bluemap-btn path{
    stroke: #fff;
}
/* 三大方向 */
.intell-field{
    padding:0;
    -webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:0 10px 10px -10px rgba(0,0,0,0.2) inset;
    -ms-box-shadow:0 10px 10px -10px rgba(0,0,0,0.2) inset;
    -o-box-shadow:0 10px 10px -10px rgba(0,0,0,0.2) inset;
    box-shadow:0 10px 10px -10px rgba(0,0,0,0.2) inset;
}
.intell-field-top{
    padding-top:30px;
    padding-bottom:44px;
}
.intell-field-toplist{
    margin-top:30px;
    z-index:2;
}
.intell-field-toplist,.intell-field-toplist ul{
    width:100%;
    height:364px;
}
.intell-field-toplist li{
    width:33.33%;
    height:100%;
    border-right:1px solid #fff;
}
.intell-field-toplist li .overflow{
    width:100%;
    height:100%;
}
.intell-field-toplist li img{
    width:auto;
    height:100%;
    position: absolute;
    left:50%;
    margin-left:-320px;
}
.intell-field-toplist li:last-child{
    border:none;
}
.intell-field-topText{
    padding-top:50px;
}
.intell-field-topText p{
    text-align: center;
    font-size:16px;
    color:#000000;
    line-height:30px;
}
.intell-back{
    width:100%;
    height:60px;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    opacity: 0.8;
}
.intell-field-color{
    width:100%;
    height:60px;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    line-height:60px;
    font-size:22px;
    color:#fff;
}
.color_01{
    background:#0d57a0;
}
.color_02{
    background:#1177db;
}
.color_03{
    background:#338ee9;
}
.intell-svg{
    width:32px;
    height:20px;
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-20px;
    display:none;
}
.intell-field-toplist li.active .intell-svg{
    display:block;
}
.intell-field-toplist li.active .intell-back{
    opacity: 1;
}
.intellbottom-images{
    width:100%;
    display:none;
}
.intellbottom-images.active{
    display:block;
}
/* news */
.intell-news{
    padding-top:20px;
    padding-bottom:30px;
    background:#f6f6f6;
}
.intell-news .intell-title{
    margin-bottom:20px;
}
.intell-news-list{
    margin-top:30px;
}
.intell-news-box{
    width:380px;
    height:442px;
    margin-right:30px;
    background:#fff;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
.intell-news-box:last-child{
    margin-right:0;
}
.intell-news-box:hover{
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.intell-news-img{
    display:block;
    width:100%;
    height:260px;
    overflow:hidden;
}
.intell-news-img img{
    display:block;
    width:100%;
}
.intell-news-text{
    padding:30px 30px 0;
}
.intell-news-text h3{
    font-size:22px;
    color:#333333;
    line-height:24px;
    margin-bottom:16px;
}
.intell-news-text p{
    height:48px;
    font-size:16px;
    color:#666666;
    line-height:24px;
}
.intell-news-more{
    font-size:14px;
    color:#000000;
    position: absolute;
    right:28px;
    bottom:26px;
}