.nav> li {
    margin-left:15px !important;
}
@media (max-width: 750px){
	.nav> li {
	    margin-left:0px !important;
	}
}
.container_developer{
    width: 100%;
    margin:0 auto;
}
.banner-d{
    width:100%;
    height:340px;
    background-image:url(http://developer.h3c.com/tres/SubSite/developer/images/hz-20191212-banner.jpg);
}
.hz-20191212-banner_txt{
    color: #fff;
    margin-top: 9.2%;
    font-weight: 600 !important;
}
.hz-20191212-banner_txt>p{
    font-size: 50px;
    font-weight: 600;
}
.hz-20191212-banner_txt>div{
    font-size: 28px;
    font-weight: 600;;
}
.hz-20191212-banner_btn{
    width: 13.5%;
    border-radius: 30px;
    background: #E60011;
    font-size: 18px;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    margin-top: 3%;
}
.hz-20191212-content{
    margin:30px auto 0;
}
.hz-20191212-tab{
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    background: #F2F2F2;
}
.hz-20191212-ul{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
}
.hz-20191212-ul img{
    width: 100%;
}
.hz-20191212-ul>li{
    width: 33.3%;
    float: left;
    padding: 20px 0 25px;
    position: relative;
    border-top: 3px solid #f2f2f2;
    cursor: pointer;
}
.hz-20191212-ul li.active{
    border-top: 3px solid #E70000;
    background: #fff;
}
.hz-20191212-con{
    width: 100%;
    overflow: hidden;
    border-right: 2px solid #E5E5E5;
}
/*.hz-20191212-ul li:first-child .hz-20191212-con{
    border-right: 0;
}*/
.hz-20191212-ul li:last-child .hz-20191212-con{
    border-right: 0;
}
.hz-20191212-ul li.active .hz-20191212-con{
    border-right: 0;
}
.hz-20191212-li{
    width: 28.5%;
    margin:0 auto;
}
.hz-20191212-con.active{
    border-right: 0;
}

.hz-20191212-tab-icon1{
    float: left;
    margin-right: 10px;
}
.hz-20191212-tab-tit{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.hz-20191213-case .api-ul li{
    margin-bottom: 10px;
    padding-bottom: 30px;
}
/*加载更多*/
.hz-20191213-more{
    width: 198px;
    margin:30px auto;
    border:1px solid #E40011;
    /*padding:8px 40px;*/
    overflow: hidden;
    cursor: pointer;
}
.hz-20191213-more-txt{
    float: left;
    font-size: 22px;
    color: #E40011;
    margin:5.5% auto;
    margin-right: 5%;
    margin-left:20%;
}
.hz-20191213-more-img{
    width: 20px;
    float: left;
    margin-top: 8.5%;
}
.hz-20191213-more-img img{
    width: 100%;
}
.hz-20191213-v2{
    display: none;
}
.hz-20191213-more:hover .hz-20191213-v1{
    display: none;
}
.hz-20191213-more:hover .hz-20191213-v2{
    display: block;
}
.hz-20191213-more:hover{
    background: #E40011;
}
.hz-20191213-more:hover .hz-20191213-more-txt{
    color: #fff;
}
.hz-20191212-spi_show {
    display:none;
}

.hz-20191212-api_bottom.bottom {
    position:static;
}
@media (max-width: 1400px) {
	.hz-20191212-banner_txt>p{
	    font-size: 40px;
	}
	.hz-20191212-banner_txt>div{
	    font-size: 22px;
	}
}
@media (max-width: 1200px) {
    .main,.banner-c,.hz-20191212-ul {
        width:960px;
    }
    .hz-20191212-banner_txt {
        margin-top:7.5%;
    }
    .bd {
        width:960px;
    }
    .hz-20191212-li {
        width:36.5%;
    }
    .case-main {
        width:960px;
    }
    .api-ul li {
        width:23.8%;
    }
    .api-cont-p1 {
        font-size:22px;
    }
}

@media (max-width: 750px){
    .main,.banner-c,.hz-20191212-ul,.case-main {
        width:100%;
    }
    .api-ul li {
        width: 48.5%;
    }
    .container_developer .banner-d{
        background: none;
        height: auto;
    }
    .hz-20191212-banner_txt>p {
        font-size: 7.4vw;
        text-align: left;
        margin-left: 3.6%;
    }
    .hz-20191212-banner_txt>div {
        font-size: 4vw;
        text-align: left;
        margin-left: 3.6%;
    }
    .hz-20191212-banner_btn {
        width: 27.5%;
        font-size: 3vw;
        padding: 1.5% 0;
        margin-left: 3.6%;
    }
    /*案例*/
    .hz-20191212-content{
        margin:0 auto 4%;
    }
    .hz-20191213-swiper{
        width: 120%;
        margin:0 auto;
        background: #f2f2f2;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .hz-20191213-swiper::-webkit-scrollbar {
        display: none;
    }  
    .hz-20191213-contaner {
        width:120%;
        overflow-y: hidden;
    }
    /*.hz-20191213-swiper-contaner .swiper-slide {
        text-align: center;
        font-size: 3.46vw;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }*/
    .hz-20191213-slide-con{
        width: 20.5%;
        margin:0 auto;
        padding: 1% 0 1%;
        text-align: center;
        float: left;
        border-top: 3px solid #f2f2f2;
    }
    .hz-20191213-slide-txt{
        font-size: 3.8vw;
    }
    .hz-20191213-case .api-ul li {
        margin-bottom:0;
    }
    .hz-20191213-slide-icon{
        width: 9%;
        margin: 0 auto;
        margin-top: 1%;
        display: none;
    }
    .hz-20191213-slide-icon img{
        width: 100%;
    }
    .hz-20191213-slide-con.active{
        background: #fff;
         border-top: 3px solid #E40011;
         border-bottom: 1px solid #f2f2f2;
    }
    .hz-20191213-slide-con.active .hz-20191213-slide-icon{
        display: block;
    }
    .hz-20191213-case .api-cont-p1{
        /*height: 6vh;*/
        display: -webkit-box;
        overflow: hidden;
        white-space: normal !important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .hz-20191213-case .api-cpnt-p2{
        display: -webkit-box;
        overflow: hidden;
        white-space: normal !important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .hz-20191213-more {
        width: 30.4%;
        margin: 3% auto;
        /*border: 1px solid #E40011;*/
        background: #E40011;
        /*padding: 1% 5%;*/
        overflow: hidden;
        cursor: pointer;
    }
    .hz-20191213-more-txt {
        float: left;
        font-size: 3.2vw;
        color: #fff;
        margin-right: 5%;
    }
    .hz-20191213-more-img {
        width: 11%;
        float: left;
        margin-top: 7%;
    }
    .hz-20191213-v2{
        display: block;
    }
    .hz-20191212-api_bottom {
        position:static !important;
    }

}

body {
    background-color:#fff;
}
.hz-20191212-deve_con {
    background:url(http://www.h3c.com/cn/BizPortal/Js/images/cre-main.jpg);
    background-size:cover;
}
/*.hz-20191212-sdk_banner {
    height:340px;
}*/
.hz-20191212-sdk_banner .banner-txt {
    color:#fff;
    font-weight:600;
}
.hz-20191212-sdk_xz {
    background-color:#f2f2f2;
    margin-top:1.7%;
    padding:1.5% 0;
}
.hz-20191212-sdk_xz img {
    width:100%;
}
.hz-20191212-sdk_xz_con {
    width:100%;
    overflow:hidden;
}
.hz-20191212-sdk_xz_left {
    float:left;
    padding:0.3% 0;
    font-size:18px;
    color:#000;
}
.hz-20191212-sdk_xz_right {
    float:right;
    width:92.4%;
}
.hz-20191212-sdk_xz_ul1 {
    width:100%;
    overflow:hidden;
}
.hz-20191212-sdk_xz_ul1 li {
    float:left;
    padding:0.6% 2.15% 0.75%;
    font-size:16px;
    border:1px solid #f2f2f2;
    color:#666666;
    cursor: pointer;
    line-height:1;
}
.hz-20191212-sdk_xz_ul1 li:hover {
    color:#e60012;
}
.hz-20191212-sdk_xz_ul1 li.hz-20191212-sdk_active {
    border:1px solid #e60012;
    color:#e60012;
}
.hz-20191212-sdk_xz_con2 {
    width:100%;
    overflow:hidden;
    margin-top:1%;
}

.hz-20191212-sdk_con {
    width:100%;
    margin-top:1.5%;
    display:none;
}
.hz-20191212-sdk_con img {
    width:100%;
}
.hz-20191212-sdk_con2 {
    width:100%;
    margin-top:1.5%;
    display:none;
}
.hz-20191212-sdk_con2 img {
    width:100%;
}
.hz-20191212-sdk_con_ul {
    width:100%;
    overflow:hidden;
}
.hz-20191212-sdk_con_ul li {
    width:48.4%;
    float:left;
    margin-left:2.6%;
    border:1px solid #e5e5e5;
    padding:2.5% 0;
    margin-bottom:2.5%;
}
.hz-20191212-sdk_con_ul li:first-child {
    margin-left:0;
}
.hz-20191212-sdk_con_box {
    width:100%;
    overflow:hidden;
}
.hz-20191212-sdk_con_left {
    width:8.6%;
    margin-left:9.8%;
    float:left;
}
.hz-20191212-sdk_con_right {
    width:69.8%;
    margin-left:6.2%;
    float:left;
}
.hz-20191212-sdk_con_tit {
    font-size:22px;
    color:#000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.hz-20191212-sdk_con_txt {
    font-size:14px;
    color:#999999;
    margin-top:1.5%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hz-20191212-sdk_con_btn {
    width:100%;
    margin-top:6%;
    overflow:hidden;
}
.hz-20191212-sdk_con_b {
    width:29.8%;
    float:left;
    overflow:hidden;
}
.hz-20191212-sdk_con_b a {
    font-size:16px;
    color:#333333;
}
.hz-20191212-sdk_con_b a:hover {
    color:#e60012;
}
.hz-20191212-sdk_con_b img {
    width:18px;
    display:inline-block;
    margin-right:5%;
    vertical-align:middle;
}

.hz-20191212-sdk_more {
    width:198px;
    margin:1% auto 2.5%;
    border:1px solid #e60012;
    text-align:center;
    vertical-align:middle;
    font-size:22px;
    overflow:hidden;
    cursor: pointer;
}
.hz-20191212-sdk_more a {
    display:block;
    color:#e60012;
    padding:7% 19.7%;
    line-height:1em;
    overflow:hidden;
}
.hz-20191212-sdk_more:hover {
    background-color:#e60012;
}
.hz-20191212-sdk_more:hover a {
    color:#fff;
}
.hz-20191212_sdk_more_left {
    float:left;
    margin-right:3%;
}
.hz-20191212_sdk_more_right {
    width:23px;
    float:right;
}
.hz-20191212-sdk_more_pic1 {
    display:block;
}
.hz-20191212-sdk_more_pic2 {
    display:none;
}
.hz-20191212-sdk_more:hover .hz-20191212-sdk_more_pic1 {
    display:none;
}
.hz-20191212-sdk_more:hover .hz-20191212-sdk_more_pic2 {
    display:block;
}

.hz-20191212-sdk_more2 {
    width:198px;
    margin:1% auto 2.5%;
    border:1px solid #e60012;
    text-align:center;
    vertical-align:middle;
    font-size:22px;
    overflow:hidden;
    cursor: pointer;
}
.hz-20191212-sdk_more2 a {
    display:block;
    color:#e60012;
    padding:7% 19.7%;
    line-height:1em;
    overflow:hidden;
}
.hz-20191212-sdk_more2:hover {
    background-color:#e60012;
}
.hz-20191212-sdk_more2:hover a {
    color:#fff;
}
.hz-20191212-sdk_more2:hover .hz-20191212-sdk_more_pic1 {
    display:none;
}
.hz-20191212-sdk_more2:hover .hz-20191212-sdk_more_pic2 {
    display:block;
}
.hz-20191212-sdk_show {
    display:none;
}
.hz-20191212-sdk_show2 {
    display:none;
}

.bottom.hz-20191216-bottom {
    position:static;
}

@media (max-width: 1400px) {
    .hz-20191212-sdk_banner .banner-txt {
        margin-top:10%;
    }
}
@media (max-width: 1200px) {
    .main {
        width:960px;
    }
    .banner-c {
        width:960px;
    }
    .hz-20191212-sdk_banner {
        height:250px;
    }
    .hz-20191212-sdk_bd {
        width:960px;
        margin-top:17px;
    }
    .hz-20191212-sdk_xz_left {
        font-size:16px;
    }
    .hz-20191212-sdk_xz_right {
        width:91.4%;
    }
}
@media (max-width: 768px) {
    .hz-20191212-deve_con {
        background:none;
        background-size:none;
    }
    .hz-20191212-deve_con .cre-1200 {
        top:auto;
        bottom:14.8vw;
    }
    .hz-20191212-deve_nav {
        position:relative;
        z-index:1;
    }
    .main,.banner-c,.hz-20191212-sdk_bd {
        width:100%;
    }
    .hz-20191212-sdk_banner {
        height:auto;
    }
    .top.nb {
        display: none;
        border-bottom: 1px solid #d9d9d9;
    }
    .hz-20191212-sdk_banner .banner-txt {
        margin-top:23%;
        text-align:left;
        margin-left:3.6%;
        font-size:7.4vw;
    }
    .hz-20191212-sdk {
        width:100%;
        position:relative;
    }
    .hz-20191212-sdk_xz {
        margin-top:0;
    }
    .hz-20191212-sdk_content-w {
        width:100%;
        background-color:#f2f2f2;
        position:relative;
        z-index:1;
    }
    .hz-20191212-sdk_ul-w {
        width:93.6%;
        margin:0 auto;
        overflow:hidden;
    }
    .hz-20191212-sdk_ul-w>li {
        width:50%;
        float:left;
        text-align:center;
        color:#666666;
        font-size:3.8vw;
        line-height:2.5em;
        border-top:2px solid #f2f2f2;
        padding-bottom:1%;
    }
    .hz-20191212-sdk_ul-w>li.hz-sdk_active {
        color:#e60012;
        background-color:#fff;
        border-top:2px solid #e60012;
    }
    .hz-20191212-sdk_ul-w>li img {
        width:4.5%;
        display:inline-block;
        vertical-align:middle;
        margin-left:2.6%;
    }
    .hz-20191212-sdk_box_w {
        width:100%;
        background-color:#fff;
        padding:4% 0;
        position:absolute;
        top:100%;
        left:0;
        display:none;
    }
    .hz-20191212-sdk_list-w {
        width:93.6%;
        margin:0 auto;
        overflow:hidden;
    }
    .hz-20191212-sdk_list-w>li {
        width:31.6%;
        float:left;
        margin-left:1.5%;
        border:1px solid #e6e6e6;
        text-align:center;
        padding:2% 0;
        font-size:3.2vw;
        color:#666;
        margin-bottom:2%;
        line-height:1.5em;
    }
    /*.hz-20191212-sdk_list-w.w2>li:first-child {
        line-height:1em;
    }*/
    .hz-20191212-sdk_list-w>li.hz-sdk_active {
        color:#e60012;
        border:1px solid #e60012;
    }
    .hz-20191212-sdk_cover {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background:rgba(0, 0, 0, 0.7);
        display:none;
    }

    .hz-20191212-sdk_con_ul {
        width:93.6%;
        margin:5% auto 1%;
    }
    .hz-20191212-sdk_con_ul li {
        width:99%;
        margin:0 auto 4%;
        padding:5% 0;
    }

    .hz-20191212-sdk_con_left {
        width:14.1%;
        margin-left: 4.8%;
    }
    .hz-20191212-sdk_con_right {
        width:70.3%;
    }
    .hz-20191212-sdk_con_tit {
        font-size:3.8vw;
    }
    .hz-20191212-sdk_con_txt {
        font-size:3.2vw;
    }
    .hz-20191212-sdk_con_b {
        width:37.3%;
    }
    .hz-20191212-sdk_con_b a {
        font-size:3.2vw;
        line-height:1em;
    }
    .hz-20191212-sdk_con_b img {
        width:14%;
    }
    .hz-20191212-sdk_more {
        width:30.4%;
        font-size:3.2vw;
        background-color:#e60012;
        margin: 4% auto 5.5%;
    }
    .hz-20191212-sdk_more a {
        color:#fff;
        padding: 8.68% 19.4%;
    }
    .hz-20191212-sdk_more2 {
        width:30.4%;
        font-size:3.2vw;
        background-color:#e60012;
        margin: 4% auto 5.5%;
    }
    .hz-20191212-sdk_more2 a {
        color:#fff;
        padding: 7% 21.2%;
    }
    .hz-20191212_sdk_more_right {
        width:18%;
    }
    .hz-20191212-sdk_more_pic1 {
        display:none;
    }
    .hz-20191212-sdk_more_pic2 {
        display:block;
    }
    .hz-20191212_sdk_more_left {
        margin-top:1%;
    }
}


/*修改导航栏和banner*/
.banner-d.api {
	height:340px !important;
}

.container {
	width:100% !important;
}
.hz-20191212-sdk_xz_ul1 {
	margin-bottom: 0;
}
.hz-20191212-sdk_xz_ul1>li>p{
	margin-bottom:0;
}
/*.hz-20191212-sdk_banner .banner-txt {
	font-weight: normal !important;
}*/
@media (max-width: 768px) {
	.banner-d.api {
		height:auto !important;
	}
}