@charset "utf-8";
/* CSS Document */
.kb-banner{ background:url(kb-banner.jpg) no-repeat center; width:100%; height:450px; position:relative}
.kb-banner .btn{ position:absolute; width:220px; height:50px; background:rgba(255,255,255,.1);border:#fff solid 1px; border-radius:30px;left:50%;bottom:100px; margin-left:-110px; text-align:center; line-height:50px; color:#fff;
font-size:20px; font-weight:bold;transition:.4s;}
.kb-banner .btn i{ font-weight:normal; font-size:20px; padding-left:8px}
.kb-banner .btn:hover{ background:rgba(255,255,255,.2)}
.kb-box{ background:#fff; border-radius:10px; height:100px; margin-top:-50px; box-shadow: 0 10px 20px rgba(14,5,10,.05)}
.kb-box ul li{ width:20%; text-align:center; position:relative; display:table; float:left; height:100px}
.kb-box ul li:after{content: "";position: absolute;right: 0;top: 25px;width: 1px;height: 57px;opacity: 1;border-right: 1px solid;
-o-border-image: linear-gradient(180deg,#fff,#e0e3e7 32%,#f1f2f4 73%,#fff) 1 1;
border-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(32%,#e0e3e7),color-stop(73%,#f1f2f4),to(#fff)) 1 1;
border-image: linear-gradient(180deg,#fff,#e0e3e7 32%,#f1f2f4 73%,#fff) 1 1;}
.kb-box ul li h3{ color:#19232b; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
.kb-box ul li h3 em{font-size:18px; vertical-align:text-top}
.kb-box ul li p{ color:#616a72; font-size:16px;}
.middle-inner{display: table-cell;vertical-align:middle;}
.kb-title{ font-size:32px; color:#19232b; padding:80px 0 0px; text-align:center; font-weight:bold; font-family:Arial}
.kb-title span{ color:#e51f2e}
.kb-list{font-family:Arial}
.kb-list .item{ width:48%; float:left; margin-top:50px;margin-right: 4%}
.kb-list .item:nth-child(2n){ margin-right: 0}
.kb-list .item .t{border-bottom:#eee solid 1px; clear:both; display:block; overflow:hidden; padding-bottom:20px}
.kb-list .item .t .icon{ width:36px; height:36px; text-align:center; border-radius:100%; float:left;background: linear-gradient(120deg,#095fff,#078dff);}
.kb-list .item:nth-child(2) .t .icon{background: linear-gradient(120deg,#01aaad,#19c4ba);}
.kb-list .item:nth-child(3) .t .icon{background: linear-gradient(120deg,#ef5536,#f36e55);}
.kb-list .item:nth-child(4) .t .icon{background: linear-gradient(120deg,#f88300,#fdb833);}
.kb-list .item:nth-child(5) .t .icon{background: linear-gradient(120deg,#7e1bf5,#603efe);}
.kb-list .item:nth-child(6) .t .icon{background: linear-gradient(120deg,#02bd76,#40de94);}
.kb-list .item:nth-child(7) .t .icon{background: linear-gradient(120deg,#4299fa,#6db1fc);}
.kb-list .item:nth-child(8) .t .icon{background: linear-gradient(120deg,#444f91,#666fb0);}
.kb-list .item:nth-child(9) .t .icon{background: linear-gradient(120deg,#095fff,#078dff);}
.kb-list .item:nth-child(10) .t .icon{background: linear-gradient(120deg,#01aaad,#19c4ba);}
.kb-list .item:nth-child(11) .t .icon{background: linear-gradient(120deg,#ef5536,#f36e55);}
.kb-list .item:nth-child(12) .t .icon{background: linear-gradient(120deg,#f88300,#fdb833);}
.kb-list .item:nth-child(13) .t .icon{background: linear-gradient(120deg,#7e1bf5,#603efe);}
.kb-list .item:nth-child(14) .t .icon{background: linear-gradient(120deg,#02bd76,#40de94);}
.kb-list .item:nth-child(15) .t .icon{background: linear-gradient(120deg,#4299fa,#6db1fc);}
.kb-list .item:nth-child(16) .t .icon{background: linear-gradient(120deg,#444f91,#666fb0);}
.kb-list .item .t .icon i{ line-height:36px; color:#fff; font-size:20px}
.kb-list .item .t h3{ font-size:20px; float:left; line-height:36px; padding-left:10px}
.kb-list .item ul li{border-bottom:#eee solid 1px; padding:15px 0; font-size:18px; overflow:hidden; line-height:36px}
.kb-list .item ul li .t1{ width:43%; float:left; color:#19232b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kb-list .item ul li .t2{ width:22%; float:left; color:#19232b; text-align:left;font-family:"Microsoft YaHei"}
.kb-list .item ul li .t3{ width:15%; float:left; color:#e51f2e}
.kb-list .item ul li .t3 i{ padding-left:5px}
.kb-list .item ul li .t3 span{ color:#666}
.kb-list .item ul li .t4{ width:20%; float:right; color:#19232b}
.kb-list .item ul li .t4 .btn{ border:#e51f2e solid 1px; float:right; color:#e51f2e; border-radius:5px; padding:0 10px; line-height:36px;transition:.4s;}
.kb-list .item ul li .t4 .btn:hover{ background:#e51f2e; color:#fff;}
.kb-list .item ul li .t4 .btn1{ border:#999 solid 1px; color:#666;}
.kb-list .item ul li .t4 .btn1:hover{ background:#eee;color:#666;}
.kb-qq{ background:#f3f6f9; overflow:hidden; margin-top:80px; padding-bottom:80px}
.kb-qq ul{ padding:20px 0 0 0; position:relative; width:1400px}
.kb-qq ul li{ float:left; background:#fff; background:#fff; border-radius:10px; width:320px; margin:20px 20px 0 0; padding:20px 0 }
.kb-qq ul li .icon{ float:left; width:80px; height:80px; text-align:center; background:rgba(100,156,240,.08); border-radius:100%; line-height:80px; margin:8px 20px 0 20px}
.kb-qq ul li .icon i{ font-size:32px; color:#649cf0}
.kb-qq ul li .r{ width:160px;float:left; }
.kb-qq ul li .r h4{ font-size:18px; font-weight:normal;}
.kb-qq ul li .r p{ font-size:16px; padding:8px 0 15px; color:#333}
.kb-qq ul li .r .btn{border:#649cf0 solid 1px;color:#649cf0; border-radius:3px; padding:3px 8px; font-size:14px; display: inline-block;transition:.4s;}
.kb-qq ul li .r .btn:hover{ background:#649cf0; color:#fff}
.kb-qq ul li .more{ text-align:center; padding:15px 0}
.kb-qq ul li .more i{ font-size:36px;color:#649cf0; font-weight:bold}
.kb-qq ul li .more h4{font-size:16px; font-weight:normal; color:#333; padding:8px 0 0 0}

@media screen and (max-width:1600px) {
.kb-qq ul{ position:relative; width:1220px}	
.kb-qq ul li{ width:285px}
}