header {
        width: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 100px;
        line-height: 100px;
        z-index: 10;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1)
    }

    header .search-box {
        width: 3%;
        height: 100%;
        display: block;
        float: right;
        background: #b4b4b4 url(../images/head01.png) no-repeat center;
        position: relative;
        z-index: 3;
        transition: background .3s
    }

    header .link {
        font-size: 14px;
        color: #fff;
        padding: 0 10px;
        float: right;
        transition: color .3s;
        background: url(../images/en02.png) no-repeat right center;
        margin-right: 1%
    }

    header .enght {
        float: right;
        margin-left: 2%;
        padding-left: 0px;
        font-size: 15px;
       color: #666;
        position: relative;
        z-index: 1;
        height: 100%;
        background: url(../images/en01.png) no-repeat left center;
        transition: color .3s, background .3s
    }

    header .enght a {
        color: #666!important;
        display: block;
        transition: color .3s
    }

    header .enght a.tit {
        padding-right: 20px;
         background: url(../images/global-down.png) no-repeat right center; background-size: 12% 7%;
        height: 100%;
        width: 100%;
        transition: color .3s, background .3s;
		 color: #fff!important;
    }
	  
    header .enght .con {
        position: absolute;
        top: 100%;
        left: -10%;
        display: none;
        background: #fff;
        width: 130%;
        padding-top: 20px;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
        height: 120px;
        overflow: auto
    }

    header .enght .con a {
        width: 100%;
        font-size: 15px;
        height: 35px;
        text-align: center;
        line-height: 35px;
	
		
    }

    header .enght .con::-webkit-scrollbar {
        width: 1px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    header .enght .con a:hover { color: #fff!important; background:#0055a6
  
    }

    header .enght:hover a.tit {
        color: #fff!important;
        background: url(../images/global-down.png) no-repeat right center;
		   background-size: 12% 7%
		
    }

    header .enght a:hover {
        color: #000
    }

    header .nav-box { padding-left:35%
  
    }

    header .nav-box ul {
        width: 100%
    }

    header .nav-box li { padding-left:13px; padding-right:13px;
        float: left;
        text-align: center
    }

    header .nav-box a.tit {
        font-size: 16px;
        color: #fff;
        height: 100%;
        display: block;
        width: 100%;
        transition: color .3s
    }

    header .nav-box .tit span {
        width: 9px;
        height: 6px;
        display: inline-block;
        background: url(../images/head02.png) no-repeat center;
        background-size: 100% 100%;
        margin-left: 6px
    }
	   header .nav-box .tit p {
        width: 9px;
        height: 6px;
        display: inline-block;
        background: none;
        background-size: 100% 100%;
        margin-left: 6px
    }

    header .nav-box li:hover a.tit {
        color: #fff; 
    }

    header .nav-box li:hover .tit span {
        background: url(../images/global-down.png) no-repeat;
        background-size: 100% 100%
    }

    header .nav-box .con {
        position: absolute;
        top: 70px;
		height:440px;
        left:0%;
		width:100%;
        background: #fff;
        display: none;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        z-index: 5
    }

    header .nav-box .left {
        float: left;
        background: #f5f5f5;
        padding: 59px 1.9% 150px 10.9%;
        width: 35%
    }

    header .nav-box .link-b {
        width: 100%;
        display: block;
        padding-left: 12%;
        text-align: left;
        font-size: 15px;
        color: #333;
		border-bottom:#e5e5e5 solid 1px;
        line-height: 40px;
        margin-bottom: 5px;
        transition: background .3s, color .3s
    }

    header .nav-box .link-b a{

        color: #fff!important;
    }
 
    header .nav-box .link-b.cur:hover  {

       background-color: #0055a6!important; color:#fff!important;

    }

    header .nav-box .link-b span {
        width: 100%;
        display: block;
        background: 0
    }

    header .nav-box .pro-li .left {
        padding: 59px 1.9% 150px 8.9%;
        height: 450px
    }


    header .nav-box .pro-li dl {
        width: 50%;
        float: left
    }
	
    header .nav-box .pro-li dd {
        width: 75%;
        float: left;
    }

 header .nav-box .pro-li dd .link-b {
        background-position: 0% center;
        background-repeat: no-repeat
    }
	
  header .nav-box .pro-li dd .link-b1{
        background: #0055a6!important;  width: 100%; line-height:48px; font-size:15px; margin-bottom:1px;
        float: left;
    }

  header .nav-box .pro-li dd .link-b1 a{
        background: #0055a6!important;
    }

  
    header .nav-box .pro-li .right .link-k {
        display: none
    }

    header .nav-box .pro-li .right {
        padding: 60px 3.5% 0 7%
    }

    header .nav-box .pro-li .right .content {
        width: 100%
    }




  header .nav-box .link-b {
    }

    header .nav-box .link-b.cur span {
        background: url(../images/head05.png) no-repeat right 5% center
    }


    header .nav-box .link-b.ico_1 {
        background: url(../images/head09.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_2 {
        background: url(../images/head201.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_3 {
        background: url(../images/a2.png) no-repeat 2% center
    }
	  header .nav-box .link-b.ico_33 {
        background: url(../images/head07.png) no-repeat 2% center
    }


    header .nav-box .link-b.ico_4 {
        background: url(../images/a3.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_5 {
        background: url(../images/a4.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_6 {
        background: url(../images/head06.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_7 {
        background: url(../images/head16.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_8 {
        background: url(../images/head15.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_9 {
        background: url(../images/head08.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_10 {
        background: url(../images/head17.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_11 {
        background: url(../images/head18_new.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_12 {
        background: url(../images/head19.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_13 {
        background: url(../images/head20.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_14 {
        background: url(../images/head21.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_15 {
        background: url(../images/head22.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_16 {
        background: url(../images/head23.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_17 {
        background: url(../images/head24.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_18 {
        background: url(../images/head25.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_19 {
        background: url(../images/head26.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_20 {
        background: url(../images/head27.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_21 {
        background: url(../images/head28.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_22 {
        background: url(../images/head29.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_23 {
        background: url(../images/ico_23.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_24 {
        background: url(../images/ico_24.png) no-repeat 2% center
    }

   header .nav-box .link-b.ico_25 {
        background: url(../images/head13.png) no-repeat 2% center
    }
	   header .nav-box .link-b.ico_26 {
        background: url(../images/head14.png) no-repeat 2% center
    }
  

    header .nav-box .link-b.ico_1 a {
        background: #0055a6; color:#FFFFFF
    }

    header .nav-box .link-b.ico_2  a {
        background: #0055a6 url(../images/a1_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_3 a {
        background: #0055a6 url(../images/a2_h.png) no-repeat 2% center
    }
	header .nav-box .link-b.ico_33 a {
        background: #0055a6 url(../images/head07.png) no-repeat 2% center
    }
	

    header .nav-box .link-b.ico_4  a {
        background: #0055a6 url(../images/a3_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_5  a {
        background: #0055a6 url(../images/a4_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_6 a {
        background: #0055a6 url(../images/a6_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_7 a {
        background: #0055a6 url(../images/head16_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_8 a {
        background: #0055a6 url(../images/head15_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_9 a {
        background: #0055a6 url(../images/head08_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_10 a {
        background: #0055a6 url(../images/head17_h.png) no-repeat 2% center
    }


    header .nav-box .link-b.ico_1:hover {
        background: #0055a6 url(../images/head09_h.png) no-repeat 2% center
    }
    header .nav-box .link-b.ico_2:hover {
        background: #0055a6 url(../images/head201_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_3:hover {
        background: #0055a6 url(../images/a2_h.png) no-repeat 2% center
    }
	  header .nav-box .link-b.ico_33:hover {
        background: #0055a6 url(../images/head07_h.png) no-repeat 2% center
    }


    header .nav-box .link-b.ico_4:hover {
        background: #0055a6 url(../images/a3_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_5:hover {
        background: #0055a6 url(../images/a4_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_6:hover {
        background: #0055a6 url(../images/head06_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_7:hover {
        background: #0055a6 url(../images/head16_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_8:hover {
        background: #0055a6 url(../images/head15_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_9:hover {
        background: #0055a6 url(../images/head08_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_10:hover {
        background: #0055a6 url(../images/head17_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_11:hover {
        background: #0055a6 url(../images/head18_h_new.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_12:hover {
        background: #0055a6 url(../images/head19_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_13:hover {
        background: #0055a6 url(../images/head20_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_14:hover {
        background: #0055a6 url(../images/head21_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_15:hover {
        background: #0055a6 url(../images/head22_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_16:hover {
        background: #0055a6 url(../images/head23_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_17:hover {
        background: #0055a6 url(../images/head24_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_18:hover {
        background: #0055a6 url(../images/head25_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_19:hover {
        background: #0055a6 url(../images/head26_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_20:hover {
        background: #0055a6 url(../images/head27_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_21:hover {
        background: #0055a6 url(../images/head28_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_22:hover {
        background: #0055a6 url(../images/head29_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_23:hover {
        background: #0055a6 url(../images/ico_23_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_24:hover {
        background: #0055a6 url(../images/ico_24_h.png) no-repeat 2% center
    }

 header .nav-box .link-b.ico_25:hover {
        background: #0055a6 url(../images/head13_h.png) no-repeat 2% center
    }
	 header .nav-box .link-b.ico_26:hover {
        background: #0055a6 url(../images/head14_h.png) no-repeat 2% center
    }
    .nav-box .link-k {
        width: 23%
    }

    .nav-box .link-k.none {
        display: none
    }

    .nav-box .link-k h2 {
        font-size: 24px;
        color: #333;
        line-height: 24px;
        padding-bottom: 30px;
        text-align: left
    }

    .nav-box .link-k h2 a {
        color: #333
    }

    .nav-box .link-k a.on {
        display: block;
        width: 100%;
        font-size: 14px;
        text-align: left;
        color: #666;
        line-height: 30px;
        transition: color .3s
    }

    .nav-box .content .more {
        width: 155px;
        height: 40px;
        line-height: 40px;
        padding-left: 36px;
        font-size: 14px;
        background: #0055a6;
        display: block;
        text-align: left;
        color: #fff;
        margin-top: 5px
    }

    .nav-box .link-k a:hover {
        color: #0055a6
    }

    .nav-box .content {
        width: 42%
    }

    .navigation {
        width: 100%;
        display: none
    }

    .nav-box .content img {
        max-width: 100%
    }

    .supplier-notice-box .left img {
        max-width: 100%
    }

   
    .nav-box .content p {
        text-align: left;
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 22px
    }

    header .nav-box .right {
        width: 65%;
        padding: 60px 13.5% 0 6%;
        float: right
    }

    header .nav-box .con.none .left {
        width: 50%;
        padding: 59px 16.9% 150px 10.9%
    }

    header .nav-box .pro-li .con.none .left {
        padding: 59px 1.9% 150px 8.9%
    }

    header .nav-box .con.none .right { 
        width: 50%
    }

    header .nav-box .con.none .content {
        float: left;
        width: 71.5%
    }

    header .nav-box .about-li .con.none .left {
	height:440px;
        padding: 59px 5.9% 150px 21.9%
    }

    header .nav-box .case-li .con.none .left {
        padding: 59px 1.9% 120px 6.9%
    }

    header .nav-box .case-li .con.none .link-b {
        width: 50%;
        float: left
    }

    header .nav-box .case-li .con.none .link-b {
        padding-left: 10%
    }

    .nav-box .case-li .con.none .content p {
        margin-top: 12px
    }

    .nav-box .case-li .con.none .content .more {
        margin-top: 16px
    }

    header .nav-box .ser-li .con.none .left {
        width: 62%;
        padding: 59px 4.9% 50px 7.9%
    }

    header .nav-box .ser-li.buli .con.none .left {
        padding: 59px 4.9% 250px 7.9%
    }

    header .nav-box .ser-li .link-b {
        padding-left: 22.6%
    }

    header .nav-box .ser-li .con.none .right {
        width: 32%;
        padding: 50px 5.5% 0 3%
    }

    header .nav-box .ser-li .con.none .content,
    header .nav-box .pro-li .con.none .right .content {
        width: 92.6%
    }

    header .nav-box .ser-li .con.none .log-four {
        width: 25%;
        float: left
    }

    header .nav-box .ser-li .log-four .font {
        padding-left: 22.6%;
        font-size: 13px;
        color: #666;
        display: block;
        width: 100%;
        line-height: 27px;
        text-align: left
    }

    .flex-direction-nav a {
        z-index: 1 !important
    }

    header .nav-box .ser-li .log-four .font:hover {
        color: #d9271b
    }

    .search-send {
        position: absolute;
        z-index: 2;
        background-color: #222;
        right: -34%;
        top: 0;
        width: 25%;
        transition: right .3s
    }

    .search-send.on {
        right: 3%
    }

    .search-send .close {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/head03.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -9px;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: transform .3s ease 0s
    }

    .search-send .close:hover {
        transform: rotateZ(90deg);
        transition: transform .3s ease 0s
    }

    .search-send form {
        width: 100%;
        height: 100%
    }

    .search-send .text {
        border: 0;
        font-size: 18px;
        height: 100%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        color: #555;
        background: 0;
        padding: 0 5% 0 13%;
        outline: 0
    }

    .search-send .submit {
        cursor: pointer;
        border: 0;
        background: url(../images/head01.png) no-repeat center;
        background-color: #bb0327;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        outline: 0
    }

    .search-send .text::-webkit-input-placeholder {
        color: #555
    }

    .search-send .text:-moz-placeholder {
        color: #555
    }

    .search-send .text::-moz-placeholder {
        color: #555
    }

    .search-send .text:-ms-input-placeholder {
        color: #555
    }


    header .nav-box .link-b.ico_40 {
        background: url(../images/head/网络安全（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_40.cur {
        background: #0055a6 url(../images/head/网络安全（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_41 {
        background: url(../images/head/联系支持（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_41.cur {
        background: #0055a6 url(../images/head/联系支持（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_42 {
        background: url(../images/head/工具专区（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_42.cur {
        background: #0055a6 url(../images/head/工具专区（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_43 {
        background: url(../images/head/培训认证（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_43.cur {
        background: #0055a6 url(../images/head/培训认证（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_44 {
        background: url(../images/head/维修服务（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_44.cur {
        background: #0055a6 url(../images/head/维修服务（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_45 {
        background: url(../images/head/产品支持中心（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_45.cur {
        background: #0055a6 url(../images/head/产品支持中心（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_46 {
        background: url(../images/head/解决方案支持中心（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_46.cur {
        background: #0055a6 url(../images/head/解决方案支持中心（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_47 {
        background: url(../images/head/多媒体（未选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_47.cur {
        background: #0055a6 url(../images/head/多媒体（选中）.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_48 {
        background: url(../images/head15.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_48.cur {
        background: #0055a6 url(../images/head15_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_49 {
        background: url(../images/head08.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_49.cur {
        background: #0055a6 url(../images/head08_h.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_50 {
        background: url(../images/head/library.png) no-repeat 2% center
    }

    header .nav-box .link-b.ico_50.cur {
        background: #0055a6 url(../images/head/library_h.png) no-repeat 2% center
    }

    .pn-retract {
        display: none;
    }
@media(max-width:1024px) {
    .pn-retract {
        width: 30px;
        height: 80px;
        position: fixed;
        top: 50%;
        margin-top: -175px;
        left: -92%;
        z-index: 9;
        background: #d9271b;
        cursor: pointer;
        color: #fff;
        font-size: 20px;
        font-family: 'Microsoft YaHei',微软雅黑;
        font-weight: bold;
        line-height: 80px;
        text-align: center;
        border-radius: 0 10px 10px 0;
        transition: left .5s;
        display: block;
    }
}

.announcement{
    padding-left: 64px;
    display: flex;
    justify-content: space-between;
    background: url(../images/announcement.png) no-repeat left center;
}

.announcement:hover{
    background: url(../images/announcement_h.png) no-repeat left center;
}

   
header .nav-box .link-b.ico_tools {
    background: url(../support_new_icon/menu_icon_tools_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_tools.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_tools_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_video {
    background: url(../support_new_icon/menu_icon_vidios_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_video.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_vidios_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_safe {
    background: url(../support_new_icon/menu_icon_cyber_security_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_safe.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_cyber_security_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_partner {
    background: url(../support_new_icon/menu_icon_partner_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_partner.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_partner_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_train {
    background: url(../support_new_icon/menu_icon_training_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_train.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_training_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_after {
    background: url(../support_new_icon/menu_icon_service_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_after.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_service_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_sdk {
    background: url(../support_new_icon/menu_icon_SDK_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_sdk.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_SDK_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_service {
    background: url(../support_new_icon/menu_icon_requirement_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_service.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_requirement_h.png) no-repeat 2% center
}

header .nav-box .link-b.ico_bulletin {
    background: url(../support_new_icon/menu_icon_announcement_n.png) no-repeat 2% center
}

header .nav-box .link-b.ico_bulletin.cur {
    background: #0055a6 url(../support_new_icon/menu_icon_announcement_h.png) no-repeat 2% center
}