@charset "utf-8";
.saas-adcontent,.saas-sqtg{ width: 100%; height: auto; background-color: #50b8ea; height: 560px;position: relative; color: #fff;}
.saas-sqtg{background-color: #2aae67;}
.banner{height: auto;}
.saas-adcontent .banner-box,.saas-sqtg .banner-box{ width: 1190px;height: 560px;  margin: 0 auto;}
.saas-adcontent .banner-box small{line-height: 32px; text-align: right;float: right;font-size: 12px;padding-top: 20px;}
.saas-adcontent .banner-box h1{text-align: left;font-size: 42px;line-height: 60px;padding-top: 65px;color: #fff;font-weight: 300;}
.saas-adcontent .banner-box h1 b{ font-size: 58px; font-weight: 400;}
.saas-adcontent .banner-box .tab{ width: 100%; font-size: 20px; line-height: 40px; margin-top: 40px; font-weight: 500;}
.saas-adcontent .banner-box .tab a{ color: #fff;margin-right: 20px;cursor: pointer; padding-bottom: 6px;} 
.saas-adcontent .banner-box .tab a:hover,.saas-adcontent .banner-box .tab .fw{border-bottom: 2px solid #fff;}
.saas-adcontent .banner-box .search { width: 100%; height: 70px; margin: 25px auto auto; font-size: 0;  text-align: left;position: relative;  box-shadow: 0 7px 25px 0 rgba(0,0,0,.05); display: flex;}
.saas-adcontent .banner-box .search .want { width: 175px; overflow: hidden; border-radius: 2px 0 0 2px; background: #fff;color: #1467b6; border: 0; margin: 0 2px 0 0; font-size: 16px;height: 70px;box-sizing: border-box;display: flex;}
.saas-adcontent .banner-box .search .want input { width: 175px;text-overflow: ellipsis; overflow: hidden;padding: 10px 16px 10px 53px;text-align: left; border-radius: 2px 0 0 2px; outline: none; border: none; font-weight: 400; font-size: 14px;}
.saas-adcontent .banner-box .search .key{ width: 850px; overflow: hidden; border-radius: 2px 0 0 2px;background: #fff;color: #1467b6;border: 0;font-size: 16px;height: 70px;box-sizing: border-box;display: flex;}
.saas-adcontent .banner-box .search .key input{width: 90%; color: #606266;text-overflow: ellipsis;overflow: hidden;padding: 10px 16px 10px 53px;text-align: left;border-radius: 2px 0 0 2px;outline: none;border: none;font-weight: 400;font-size: 14px;}
.saas-adcontent .banner-box .search  .btn{width: 175px;color: #fff;height: 70px;font-size: 16px;cursor: pointer;background: linear-gradient(90deg,#ffb732 0,#ff9e09);display: flex;align-items: center;justify-content: center;}

.h5_ad_1 {
 width:997px;
 height:85px;
 background:url(./../images/sjad1.png) repeat-x;
 _background:url(./../images/sjad-ie6.png) repeat-x;
 position:absolute;
 top:501px;
 width:400%;
 left:-236px;
 z-index:999;
 animation:sjad1 25s linear .4s infinite normal;
 -moz-animation:sjad1 25s linear .4s infinite normal;
 -webkit-animation:sjad1 25s linear .4s infinite normal;
 -o-animation:sjad1 25s linear .4s infinite normal
}
.h5_ad_2 {
 width:1009px;
 height:100px;
 background:url(./../images/sjad2.png) repeat-x;
 _background:0 0;
 position:absolute;
 top:486px;
 width:400%;
 left:0;
 z-index:998;
 animation:sjad2 60s linear .4s infinite normal;
 -moz-animation:sjad2 60s linear .4s infinite normal;
 -webkit-animation:sjad2 60s linear .4s infinite normal;
 -o-animation:sjad2 60s linear .4s infinite normal
}
@-webkit-keyframes sjad1 {
 from {
  left:-236px
 }
 to {
  left:-1233px
 }
}
@-moz-keyframes sjad1 {
 from {
  left:-236px
 }
 to {
  left:-1233px
 }
}
@-o-keyframes sjad1 {
 from {
  left:-236px
 }
 to {
  left:-1233px
 }
}
@keyframes sjad1 {
 from {
  left:-236px
 }
 to {
  left:-1233px
 }
}
@-webkit-keyframes sjad2 {
 from {
  left:0
 }
 to {
  left:-1009px
 }
}
@-moz-keyframes sjad2 {
 from {
  left:0
 }
 to {
  left:-1009px
 }
}
@-o-keyframes sjad2 {
 from {
  left:0
 }
 to {
  left:-1009px
 }
}
@keyframes sjad2 {
 from {
  left:0
 }
 to {
  left:-1009px
 }
}

/*list_func*/
.list_func{ width: 1190px; height:510px; margin: 0 auto;border-bottom: 1px solid #ededed;}
.list_func ul{display:-webkit-box;display:-moz-box;display:box;margin:auto;margin-top:30px; overflow: hidden;}
.list_func li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:left;width: 320px; margin-right: 20px; padding: 10px;border-radius: 8px;}
.list_func .box1{background-color: rgba(163,226,247,.8); color: #4b96de;}
.list_func .box2{background-color: #ffe746; color: #101010;}
.list_func .box3{background-color: #ef6ac5;color: #fff;}
.list_func li h2{ font-size: 20px; line-height: 30px; padding: 8px; margin-bottom: 10px;}
.list_func li div{ background-color: #fff;border-radius: 8px;padding: 12px;}
.list_func li dl {padding-left: 54px;margin-bottom: 40px;width: 280px;text-overflow: ellipsis;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.list_func li dl dt{font-size: 18px;font-weight: 700;color: #333;padding-bottom: 7px;}
.list_func li dl  dd {font-size: 12px;color: #4c4c4c;}

.center-com{ width: 1190px; height:400px; margin: 42px auto 0; }
.center-com .left-box{ width: 70%; float: left;}
.center-com .left-box .index-tab{color: #999; font-size: 16px; height: 30px;border-bottom: 1px solid #e9e9eb;}
.center-com .left-box .index-tab a{ padding:0 20px;}
.center-com .left-box .index-tab a:hover{ color: #49bcf3;}
.center-com .left-box .index-tab a:last-child{float: right;}
.center-com .left-box .index-tab .is-active{color: #49bcf3;border-bottom: 1px solid #49bcf3; padding-bottom: 10px;}
.center-com .left-box .index-com{display:-webkit-box;display:-moz-box;display:box;margin:auto;overflow: hidden;}
.center-com .left-box .index-com li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:left; padding: 10px;border-bottom: 1px solid #f5f7f9; border-right: 1px solid #f5f7f9;height: 120px;padding: 16px 2.91971%;}
/*.center-com .left-box .index-com li:nth-child(3n){  border-right:0 none}*/
.center-com .left-box .index-com li:first-child{ border-left: 1px solid #f5f7f9;}
.center-com .left-box .index-com li:hover{border: 1px solid #e9e9eb;}
.center-com .left-box .index-com li dt{ width: 100%;display: flex;}
.center-com .left-box .index-com li dt span{-ms-flex-negative: 0;flex-shrink: 0;margin-right: 12px;width: 60px;height: 60px;border-radius: 4px;display: block;}
.center-com .left-box .index-com li dl{flex-grow: 1;line-height: 16px; font-size: 12px;}
.center-com .left-box .index-com li dl dd{margin: 3px 0;color: #303133;}
.center-com .left-box .index-com li dl dd:first-child{font-size: 14px;  font-weight: 400;}
.center-com .left-box .index-com li dl dd:last-child{ color: red;}
.center-com .left-box .index-com li .item{display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;margin-top: 10px;font-size: 12px;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;color: #909399;}
.center-com .right-box{ width: 26%; height: 400px;float: right; margin-left: 2%; overflow: hidden;border-left: 1px #f5f7f9 solid; }
.center-com .right-box .sec-list{ margin: 6px; padding-left: 10px; }
.center-com .right-box .sec-list h3{font-weight: 700; color: #424a5e; font-size: 15px;}
.center-com .right-box .sec-list ul{padding-top: 13px;padding-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.center-com .right-box .sec-list ul li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px #f5f7f9 solid;width: 100%;float: left;overflow: hidden; }
.center-com .right-box .sec-list ul li:last-child{border:0;}
.center-com .right-box .sec-list ul li dt{width: 60px;height: 60px; float: left;}
.center-com .right-box .sec-list ul li dl{margin-left: 5px; overflow: hidden; float: left;width: 225px;}
.center-com .right-box .sec-list ul li dl dd a{color: ##414a60;line-height: 24px;font-size: 16px;}
.center-com .right-box .sec-list ul li dl dd em{display: inline-block;width: 1px;height: 12px;vertical-align: middle;background: #e0e0e0;margin: 0 10px;font-style: normal;}
.center-com .right-box .sec-list ul li dl dd span{ font-size: 10px;}
.center-com .right-box .sec-list ul li dl dd {line-height: 28px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-line-clamp: 1;font-size: 13px;}
.center-com .right-box .sec-list .more-box{display: block;
border: 1px #e3e7ed solid;
height: 40px;
line-height: 40px;
text-align: center;margin-top: -23px;}