*{padding:0;margin:0;box-sizing: border-box;}
body {font-family:"PingFangSC-Regular", "microsoft YaHei", "Helvetica Neue",ArialMT,Helvetica,Arial,sans-serif;
    font-size: 14px;line-height: 1.5;color: #000000;background-color: #fff!important;position: relative;}
ul, ol, li {padding:0;list-style: none;margin:0;}
input{outline:none;	border:none;border-radius:0;line-height:20px;font-size:14px;background: #FFFFFF;border: 1px solid #E1E4E8;padding:7px 5px;}
input::placeholder{font-size:14px;color: rgba(255,255,255,0.25);color: #BDC2C8\9;}
input:focus,input:hover,select:focus,select:hover{border-color:#67A8F8;}
input::-ms-clear{display:none;}
img{border:0;/*width:100%;*/}
a{text-decoration:none;color:#4C80FF;}
p{margin:0!important;}

.suportIE{
    overflow: hidden;
}
.api .api-banner{position: relative;padding: 6px 0 16px;margin: 40px 0 0 0;background: #F5F8FD;}
.api .api-banner-top{position:absolute;top:-40px;width:100%;height:40px;background: #FFFFFF;box-shadow: 0 6px 6px 0 #E4EEFF;}
.api .api-banner-bommom{position:absolute;bottom:-40px;width:100%;height:40px;background: #FFFFFF;box-shadow: 0 -6px 6px 0 #E4EEFF;}
.api .banner-left{float: left;width: 284px;}
.api .banner-left li{width: 100%;height: 112px;margin:10px 0 0 0;background: #fff;}
.api .banner-left .left-main{float:left;width:calc(100% - 80px);}
.api .banner-left .left-tit{font-size: 18px;color: #000;line-height: 25px;padding: 30px 0 10px 32px;}
.api .banner-left .left-con{font-size: 12px;line-height: 17px;padding: 0 0 0 32px;}
.api .banner-left img{float:left;width: 48px;margin: 32px 24px 0 0;}
.api .banner-left li:hover .left-tit{color: #4C80FF;}
.api .banner-right{width: auto;height: 356px;margin: 0 0 0 294px;padding-top:10px;}
.api .banner-list{position: relative;width: 100%;height: 357px;overflow:hidden;}
.api .banner-list li{float:left;width:100%;height: 357px;}
.api .banner-list li .list-tit{padding:0 0 0 70px;}
.api .banner-list li h4{font-size: 32px;color: #FFFFFF;line-height: 32px;padding: 80px 24px 24px 0;}
.api .banner-list li p{font-size: 16px;line-height: 32px;padding: 0 24px 72px 0;color: #FFFFFF;}
.api .banner-list li a{display:block;width:90px;height:34px;line-height:34px;}
.api .banner-list .bx-controls-direction{display:none;}
.api .banner-list .bx-controls{position:absolute;bottom:24px;width:100%;height:3px;}
.api .banner-list .bx-pager{width:100%;height:3px;text-align:center;}
.api .banner-list .bx-pager-item{display: inline-block;*zoom: 1;*display:inline;width:80px;height:4px;margin:0 6px 0 0;cursor:pointer;background: rgba(255,255,255,0.25);background:#000\9;opacity: 0.25\9;filter:Alpha(opacity=25)\9;border-radius: 2.5px;}
.api .banner-list .bx-pager-item a{display:block;height:3px;text-indent: -9999px;}
.api .banner-list .bx-pager-item a.active{width:100%;background:#fff;opacity: 1;filter:Alpha(opacity=100);border-radius: 2.5px;animation:load 5S ease-in;-webkit-animation:load 5S linear;}
.api .list .container{overflow:visible;}
.api .list .business-tit{padding-top: 70px;}
.api .list .business-line{margin-bottom: 56px;}
.api .list-con{width:101.5%;padding:0 2px 16px 2px;}
.api .list-con li{position:relative;float:left;width:23.5%;margin:0 1.5% 16px 0;height:272px;text-align: center;overflow: hidden;}
.api .list-con .list-tit{font-size: 16px;line-height: 22px;padding:24px 37px 16px;}
.api .list-con .list-con{font-size: 12px;line-height: 18px;height: 36px;padding: 0 37px;}
.api .list-con img{width:48px;margin:24px auto;}
.api .list-con .list-num{font-size: 12px;color: #FC6120;line-height:36px;}
.api .list-con .list-num span{font-family: ArialMT;font-size: 32px;}
.api .list-con .list-bottom{position:absolute;bottom:0px;left:0;right:0;width:100%;height:42px;text-align:center;}
.api .list-con .list-bottom a{display:block;width:100%;height:42px;text-align:center;line-height:42px;/*color:#fff;background: #4C80FF;*/}

.container {
    margin: 0px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}
@media (min-width: 1221px)
.container {
    width: 1200px;
    margin: 0px auto;
}
.business-tit {
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    padding: 46px 0 16px;
}
.business-line {
    width: 66px;
    height: 2px;
    margin: 0 auto;
    background: #2343B3;
    background-image: linear-gradient(270deg, #4C80FF 2%, #2343B3 100%);
}
.api .list-con {
    width: 101.5%;
    padding: 0 2px 16px 2px;
}
.api .list-con li {
    text-align: left;
    width: 23.23%;
    height: 211px;
    margin: 0 24px 24px 0;
    position: relative;
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.api .list-con li:nth-of-type(4n+4) {
    margin: 0 0 24px;
}
.list-con .card:hover {
    box-shadow: 0 0 24px #E4EEFF;
}
.card {
    box-shadow: 0 2px 6px 0 #E4EEFF;
    border: 1px solid #E4EEFF \9;
}
.api .list-con .list-tit {
    padding: 27px 20px 0;
    font-size: 16px;
    line-height: 22px;
}
.o-85 {
    color: rgba(0, 0, 0, 0.85);
    color: #000 \9;
    opacity: 0.85 \9;
    filter: Alpha(opacity = 85) \9;
}
.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.api .list-con .list-con {
    font-size: 12px;
    line-height: 18px;
    height: 49px;
    padding: 13px 20px 0;
}
.api .list-con {
    width: 101.5%;
    padding: 0 2px 16px 2px;
}
.ell-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.o-45 {
    color: rgba(0, 0, 0, 0.45);
    color: #000 \9;
    opacity: 0.45 \9;
    filter: Alpha(opacity = 45) \9;
}

.ell-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.api .list-con .list-num {
    padding: 20px;
    color: rgba(0, 0, 0, 0.45);
    line-height: 20px;
    height: 63px;
}
.api .list-con .list-num {
    font-size: 12px;
    color: #FC6120;
    line-height: 36px;
}
.api .list-con .company-name {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 20px;
    padding: 10px 0 0;
    margin: 0 20px;
    border-top: 1px solid #E9EDF3;
}

a:link {
    text-decoration: none;
    outline: none;
}
.common-btn-s {
    color: #fff;
    background: #4C80FF;
    border-radius: 2px;
    border: 0 none;
}



.foot2 {
    padding-top: 25px;
    padding-bottom: 20px;
    height: 130px;
    border-top: 1px solid #303030;
    display: block;
    background-color: #000;
    border-bottom: 1px solid #212121;
    margin-top: 40px;
}
.foot-dnav {
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #a9a9a9;
}
.foot-dnav a {
    color: #a9a9a9;
    text-decoration: none;
    background-color: transparent;
}
.foot-dnav span {
    padding-left: 10px;
    padding-right: 10px;
    color: #505050;
}
.foot2 img {
    display: inline-block;
    vertical-align: -5px;
    padding-left: 5px;
    padding-top: 3px;
}