#newBridge .icon-right-bottom{
  top:50% !important;
  margin-top:-25px !important;
  bottom:auto !important;
}
.label1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.label1 .label2 {
    display: inline-block;
}

.header {
    width: 100%;
}

.header .pc {
    width: 100%;
}

.header .pc .hp-top {
    padding: 23px 0;
    height: 54px;
}
.fengye{
    text-align: right;
}
.header .pc .hp-bot {
    height: 52px;
    background: #1054c1;
    position: relative;
}

.header .pc .logo {
    width: 518px;
    height: 64px;
    display: table;
    float: left;
    margin-left: 0px;
}
  
.header .pc .logo img {
    max-width: 518px;
       max-height: 84px;
    margin-top: -16px;
    margin-left: 25px;
}

.header .pc .search {
    float: right;
    margin-right: 60px;
    margin-top: 9px;
    position: relative;
    font-size:32px;
	color:#f08200;
}

.header .pc .search input[type=text] {
    width: 240px;
    height: 34px;
    border: 1px solid #d5d5d5;
    float: left;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    font-size: 16px;
    line-height: 34px;
    color: #333;
    background: none;
}

.header .pc .search input[type=submit] {
    background: #3c3f4b;
    border: 1px solid #3c3f4b;
    float: left;
    margin-left: -10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    height: 36px;
    width: 65px;
    position: relative;
    z-index: 1;
}

.header .pc .search img {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 21px;
    top: 9px;
    z-index: 0;
}

.header .pc .en {
    float: right;
    margin-right: 60px;
    width: 70px;
    height: 25px;
    margin-top: 13px;
    text-align: center;
    display: block;
    border-radius: 5px;
    background: #ffffff;
    font-size: 12px;
    line-height: 25px;
    color: #3c3f4b;
    font-family: Arial;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.header .pc .en img {
    margin-right: 10px;
}

.header .pc .en:hover {
    color: #005bac;
}

.header .pc .nav {
    float: right;
}

.header .pc .nav-list {
    margin: 0 30px;
    float: left;
}

.header .pc .nav-list>a {
    font-size: 16px;
    line-height: 52px;
    color: #cccccc;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.header .pc .nav-list.cur>a,
.header .pc .nav-list:hover>a {
    color: #fff;
}

.header .pc .nav-main {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 60px 0 70px;
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 10;
}

.header .pc .nav-con {
    width: 1100px;
    margin: 0 auto;
}

.header .pc .hpn-left {
    width: 680px;
    float: left;
}

.header .pc .hpn-tit {
    font-size: 24px;
    line-height: 24px;
    color: #333333;
}

.header .pc .hpn-c1 {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    height: 60px;
    margin-top: 20px;
}

.header .pc .hpn-link a {
    width: 138px;
    height: 36px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin-top: 25px;
    float: left;
    margin-right: 15px;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color border;
    -webkit-transition-property: background color border;
    -ms-transition-property: background color border;
    -o-transition-property: background color border;
}

.header .pc .hpn-link a:hover {
    background: #2673b8;
    border-color: #2673b8;
    color: #fff;
}

.header .pc .hpn-right {
    position: relative;
    width: 320px;
    height: 145px;
    float: right;
    margin-top: 25px;
}

.header .pc .hpn-right img {
    width: 100%;
    height: 100%;
}

.header .pc .hpn-s1 {
    width: 315px;
    height: 8px;
    position: absolute;
    top: -8px;
    right: 0;
    background: #cccccc;
}

.header .pc .hpn-s2 {
    width: 5px;
    position: absolute;
    right: -5px;
    top: -8px;
    height: 140px;
    background: #cccccc;
}

.header .phone {
    width: 100%;
    height: 60px;
    background: #fff;
    display: none;
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.header .phone .logo {
    width: 133px;
    height: 60px;
    display: table;
    float: left;
    margin-left: 5vw;
}

.header .phone .logo img {
    max-height: 60px;
    max-width: 133px;
}

.header .phone .nav-btn {
    float: right;
    display: table;
    width: 50px;
    height: 60px;
    margin-right: 2vw;
    background-image: url(../image/sj_cd.png);
    background-size: 19px 18px;
    background-repeat: no-repeat;
    background-position: center center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.header .phone .nav-btn img {
    max-width: 50px;
    height: 60px;
}

.header .phone .nav-btn.cur {
    background-image: url(http://www.njzkiot.net/img/index/close.png);
}

.header .phone .nav {
    position: fixed;
    left: 0;
    top: 60px;
    width: 100vw;
    background: rgba(46, 60, 70, 0.95);
    height: calc(100vh - 60px);
    display: none;
    z-index: 100;
    background: rgba(46, 60, 70, 0.95);
}

.header .phone .nav .nav-ul {
    position: relative;
    width: 40vw;
    height: calc(100vh - 60px);
    background: rgba(46, 60, 70, 0.99);
}

.header .phone .nav .nav-list {
    width: 30vw;
    padding: 0 5vw;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.1);
    background: rgba(46, 60, 70, 0.99);
    margin-top: 1px;
    border-right: 1vw solid rgba(46, 60, 70, 0.95);
    position: relative;
}

.header .phone .nav .nav-list>a,
.header .phone .nav .nav-list>span {
    display: block;
    font-size: 16px;
    line-height: 50px;
    color: #f0f0f0;
    color: #c3c5c6;
    color: #cccccc;
    background-image: url(http://www.njzkiot.net/img/index/icon24_06.png);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: right center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.header .phone .nav .nav-list ul {
    width: 60vw;
    position: absolute;
    top: 0;
    left: 41vw;
    width: 59vw;
    display: none;
}

.header .phone .nav .nav-list ul li {
    width: 55vw;
    float: left;
    position: relative;
    height: 50px;
}

.header .phone .nav .nav-list ul li a {
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 50px;
    color: #cccccc;
}

.header .phone .nav .nav-list ul li span {
    width: 5vw;
    height: 2px;
    background: rgba(121, 121, 121, 0.9);
    display: block;
    position: absolute;
    left: 25vw;
    bottom: 0;
}

.header .phone .nav .nav-list.cur,
.header .phone .nav .nav-list.on {
    border-right-color: #5c9ed0;
}

.header .phone .nav .nav-list.cur>a,
.header .phone .nav .nav-list.cur>span,
.header .phone .nav .nav-list.on>a,
.header .phone .nav .nav-list.on>span {
    color: #5c9ed0;
    background-image: url(http://www.njzkiot.net/img/index/icon24_03.png);
}

.header .phone .nav .nav-list.cur ul {
    display: block;
}

.header .phone .nav .tel {
    border-top: 1px solid #f2f2f2;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    color: #444;
    background: #fdfdfd;
}

@media screen and (max-width: 1200px) {
    .header .pc .nav-con {
        width: 900px;
    }
    .header .pc .hpn-left {
        width: 550px;
    }
}

@media screen and (max-width: 1000px) {
    .header .pc {
        display: none;
    }
    .header .phone {
        display: block;
    }
}

.footer .pc .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.footer .pc .fp-top {
    width: 100%;
    padding: 20px 0;
    background: #efefef;
}

.footer .pc .fp-top a {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    float: left;
}

.footer .pc .fp-top span {
    width: 1px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 25px;
    background: #a2a2a2;
}

.footer .pc .fp-mid {
    padding: 50px 0;
    background: #efefef;
    display: none;
    border-top: 1px solid #d4d4d4;
}

.footer .pc .fp-nav li {
    float: left;
    margin-right: 50px;
    width: 130px;
}

.footer .pc .fp-nav a {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.footer .pc .fp-nav .tit {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
}

.footer .pc .fp-nav a:hover,
.footer .pc .fp-nav .tit:hover {
    color: #005bac;
}

.footer .pc .fp-link a {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    margin-right: 50px;
    float: left;
}

.footer .pc .fp-link a:hover {
    color: #005bac;
}

.footer .pc .fp-bot {
    border-top: 1px solid #d4d4d4;
    padding: 50px 0;
}

.footer .pc .fp-bot .fpb-left {
    float: left;
}

.footer .pc .fp-bot .fpplt .tit {
    float: left;
    border-right: 1px solid #cccccc;
}

.footer .pc .fp-bot .fpplt .t1 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    float: left;
    margin-left: 20px;
}

.footer .pc .fp-bot .fpplt .t1 span {
    font-weight: bold;
    font-family: Arial;
    font-size: 24px;
}

.footer .pc .fp-bot .fpplm {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
    /*text-transform: uppercase;*/
}

.footer .pc .fp-bot .fpplb {
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    margin-top: 10px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    position: relative;
    top: -25px;
}

.footer .pc .fp-bot .fpplb a {
    color: #999999;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.footer .pc .fp-bot .fpplb a:hover {
    color: #005bac;
}

.footer .pc .fp-bot .fpb-right {
    float: right;
    margin-top: 15px;
}

.footer .pc .fp-bot .code {
    width: 133px;
    height: 133px;
    float: right;
    border: 1px solid #e6e6e6;
}

.footer .pc .fp-bot .code img {
    width: 100%;
    height: 100%;
}

.footer .pc .fp-bot .fpbrf {
    float: right;
    margin-right: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    margin-top: 73px;
    text-align: right;
}

.footer .pc .fp-bot .fpbrf strong {
    font-weight: bold;
    color: #2673b8;
}

@media screen and (max-width: 1280px) {
    .footer .pc .fp-nav li {
        margin-right: 50px;
    }
}

@media screen and (max-width: 1000px) {
    .footer .pc .fp-top {
        display: none;
    }
    .footer .pc .fp-bot .fpplt .tit {
        border-width: 0;
    }
    .footer .pc .fp-bot .fpplt .t1 {
        margin-left: 0;
        margin-top: 10px;
    }
    .footer .pc .fp-bot .fpb-right {
        width: 100%;
    }
    .footer .pc .fp-bot .fpb-right .code {
        float: none;
        margin: 0 auto;
    }
    .footer .pc .fp-bot .fpbrf {
        margin-top: 20px;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .footer .pc .fp-bot .fpplb {
        text-align: center;
        top: 0;
    }
    .footer .fp-top a:nth-child(1) {
        display: none;
    }
    .footer .fp-top span:nth-child(2) {
        display: none;
    }
}


.index-wrap .banner ,.index-wrap .banner-zhqphone{
    width: 100%;
    height: 415px;
    overflow: hidden;
    position: relative;
}

.index-wrap .banner .img , .index-wrap  .banner-zhqphone .img{
    width: 1920px;
    position: absolute;
    top: 0;
    left: calc(50vw - 960px);
    height: 100%;
}
@media screen and (min-width: 1000px) {
	.index-wrap .banner img , .index-wrap  .banner-zhqphone img{
    width: 100%;
    height: 100%;
}
}

.index-wrap .banner .swiper-slide , .index-wrap  .banner-zhqphone .swiper-slide{
  overflow: hidden;
}

.index-wrap .banner .font , .index-wrap  .banner-zhqphone .font{
    width: 80%;
    position: absolute;
    left: 10%;
    top: 0;
    z-index: 1;
}

.index-wrap .banner .ind_ban_tit , .index-wrap  .banner-zhqphone  .ind_ban_tit{
    font-size: 36px;
    line-height: 46px;
    color: #3c3f4b;
    padding-top: 105px;
}

.index-wrap .banner .ind_ban_t1 , .index-wrap  .banner-zhqphone .ind_ban_t1 {
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    margin-top: 15px;
}

.index-wrap .banner .ind_ban_c1 , .index-wrap  .banner-zhqphone .ind_ban_c1{
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    margin-top: 35px;
}

.index-wrap .ind_solu {
    background: #2f313c;
    height: 195px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    float: right;
}

.index-wrap .ind_solu li {
    width: calc(16.5vw - 1px);
    height: 195px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    float: left;
    display: table;
}

.index-wrap .ind_solu li p {
    margin: 20px 0;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
}

.index-wrap .ind_solu li {
    background: #272a36;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.index-wrap .ind_solu li.l1 {
    background: #414451;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.index-wrap .ind_solu .ind_solu_list {
    float: left;
    width: 100vw;
}

    .index-wrap .ind_solu .inso_l1_con {
        width: calc(19.9vw - 17px);
        height: 179px;
        background: #79a9e7;
        display: table;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
        position: relative;
        margin-left: 4px;
        margin-top: 8px;
    }

.index-wrap .ind_solu .inso_l1_con p {
    width: 90%;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 0 5%;
    text-align: left;
}

    .index-wrap .ind_solu .inso_l1_con:hover {
        background: #79a9e7;
    }

.index-wrap .ind_solu .inso_posi {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 22px;
    top: 27px;
    overflow: hidden;
}

.index-wrap .ind_solu .insolc_img1 {
    width: 100%;
    height: 100%;
}

.index-wrap .ind_solu .insolc_img2 {
    width: 24px;
    height: 16px;
    position: absolute;
    left: 7px;
    top: 11px;
}

.index-wrap .ind_solu .inso_l1 {
    border-width: 0;
}

.index-wrap .ind_pro {
    background: #2f313c;
    height: 195px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    float: right;
}

.index-wrap .ind_pro li {
    width: calc(16.5vw - 1px);
    height: 195px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    float: left;
    display: table;
}

.index-wrap .ind_pro li p {
    margin: 5px 0;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
}

.index-wrap .ind_pro li.l1 {
    background: #272a36;
}

.index-wrap .ind_pro li.l1:hover {
    background: #fff;
}

.index-wrap .ind_pro li {
    background: #414451;
}

.index-wrap .ind_pro .ind_solu_list {
    float: left;
    width: 100vw;
}

    .index-wrap .ind_pro .inso_l1_con {
        width: calc(19.9vw - 17px);
        height: 179px;
        background: #4a90e8;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
        display: table;
        position: relative;
        margin-left: 4px;
        margin-top: 8px;
    }

.index-wrap .ind_pro .inso_l1_con p {
    width: 90%;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 0 5%;
    text-align: left;
}

    .index-wrap .ind_pro .inso_l1_con:hover {
        background: #4a90e8;
    }

.index-wrap .ind_pro .inso_posi {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 22px;
    top: 27px;
    overflow: hidden;
}

.index-wrap .ind_pro .insolc_img1 {
    width: 100%;
    height: 100%;
}

.index-wrap .ind_pro .insolc_img2 {
    width: 24px;
    height: 16px;
    position: absolute;
    left: 7px;
    top: 11px;
}

.index-wrap .ind_pro .inso_l1 {
    border-width: 0;
    background: #272a36;
}

.index-wrap .ind_solu.pc {
    width: 99.6vw;
}

.index-wrap .ind_solu.pc li {
    width: calc(19.9vw - 1px);
    float: right;
}

    .index-wrap .ind_solu.pc li.l1 {
        background: #79a9e7;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
    }

    .index-wrap .ind_solu.pc li {
        background: #79a9e7;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
    }

        .index-wrap .ind_solu.pc li:hover,
        .index-wrap .ind_solu.pc li.l1:hover ,.ind_solu li:hover{
            background: #508ad6 !important;
        }

.index-wrap .ind_solu.phone .swiper-slide li:nth-child(2n) {
    background: #3a3d49;
}

.index-wrap .ind_pro.pc {
    width: 99.6vw;
}

.index-wrap .ind_pro.pc li {
    width: calc(19.9vw - 1px);
    float: right;
}

    .index-wrap .ind_pro.pc li.l1 {
        background: #4a90e8;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
    }

    .index-wrap .ind_pro.pc li {
        background: #4a90e8;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
    }

        .index-wrap .ind_pro.pc li:hover,
        .index-wrap .ind_pro.pc li.l1:hover {
            background: #1c66c2;
        }

.index-wrap .ind_pro.phone .inso_l1 {
    background: none;
}

.index-wrap .ind_pro.phone .swiper-slide li:nth-child(2n) {
    background: #272a36;
}

.index-wrap .phone {
    width: 100%;
    display: none;
}

.index-wrap .phone li {
    border-width: 0;
    width: 50vw;
}

.index-wrap .phone li p {
    font-size: 18px;
}

.index-wrap .phone .inso_l1_con {
    width: calc(50vw - 17px);
    margin-left: 8px;
}
@media screen and (max-width: 767px) {
.index-wrap .phone .inso_l1_con {
    width: 94%;
    margin-left: 8px;
}
}

.index-wrap .phone .inso_l1_con p {
    font-size: 24px;
}

@media screen and (max-width: 1000px) {
    .index-wrap .pc {
        display: none;
    }
    .index-wrap .phone {
        display: block;
    }
    .index-wrap .phone li {
        width: calc(50vw - 12px);
    }
    .index-wrap .banner .ind_ban_tit {
        font-size: 24px;
        padding-top: 50px;
    }
    .index-wrap .banner .ind_ban_t1 {
        font-size: 20px;
        margin-top: 10px;
    }
    .index-wrap .banner .ind_ban_c1 {
        font-size: 14px;
        margin-top: 20px;
    }
    .about-con {
        width: 100% !important;
        float:none;
        padding-left: 0 !important;
        border-left: 1px solid #d8d9db;
    }
    .news-con {
        width:100% !important;
        padding: 0!important;
        float:none;
        border-top: 1px solid #cccccc;
    }
    .news-con li .news-img {
        width: 100% !important;
        height: 150px;
        float: none;
        margin-top: 15px;
    }
    .news-con li .news-c1{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .news-con li{
        box-sizing: border-box;
        padding: 20px;
        margin-top: 10px !important;
    }
    .news-con li .news-more{
        float: left !important;
    }
    .fengye{
        text-align: center;
    }
}

@media screen and (max-width: 770px) {
    .index-wrap .phone {
        display: block;
    }
    .index-wrap .phone li {
        width: 50%;
    }
}

@media screen and (max-width: 1000px) {
    .main {
        margin-top: 60px;
    }
}

.about-wrap {
    border-bottom: 4px solid #2f313c;
}

.about-wrap .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.about-wrap .banner .img {
    width: 1920px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 960px);
    overflow: hidden;
}

.about-wrap .banner .img img {
    width: 100%;
    height: 100%;
    transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.about-wrap .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.about-wrap .banner .main-wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

.about-wrap .banner p {
    margin: 10px 0;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
}

.about-wrap .banner p img {
    margin-left: 57px;
}

.about-wrap .page-posi {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.about-wrap .page-posi .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.about-wrap .page-posi p,
.about-wrap .page-posi a {
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    text-align: right;
}

.about-wrap .page-posi .more {
    color: #000000;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.about-wrap .page-posi .more:hover {
    color: #2673b9;
}

.about-wrap .page-nav {
    padding: 0 30px;
    float: left;
    padding-top: 30px;
}

.about-wrap .page-nav .nav-list {
    /*padding: 0 22px 0 33px;*/
    width: 230px;
    /*height: 60px;*/
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    margin-bottom: 5px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.about-wrap .page-nav .nav-list a {
    padding: 0 22px 0 33px;
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    display: block;
    background-image: url(http://www.njzkiot.net/img/index/icon7_03.png);
    background-size: 6px 13px;
    background-repeat: no-repeat;
    background-position: right 22px center;
}

.about-wrap .page-nav .nav-list:hover {
    background: #fff;
}

.about-wrap .page-nav .nav-list:hover a {
    color: #2673b9;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.about-wrap .page-nav .nav-list.cur {
    background: #fff;
}

.about-wrap .page-nav .nav-list.cur a {
    color: #2673b9;
    font-weight: bold;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
    border-bottom: 1px solid #e6e5e5;
}
.about-wrap .page-nav .nav-list .nav-list1 {
    width: 100%;
    height: auto;
    position: relative;
}
.about-wrap .page-nav .nav-list .nav-list1 a{
    padding: 10px 22px 10px 10px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    width: 145px;
        font-weight: inherit;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #e6e5e5;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    background-image: url(http://www.njzkiot.net/img/service/icon7_05.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: right 0 center;
}
.about-wrap .page-nav .nav-list .nav-list1 a:hover{
    background-image: url(http://www.njzkiot.net/img/service/icon7_08.png);
    color: #2673b9;
}
    

.about-con {
    width: 77%;
    float: left;
    padding-left: 60px;
    border-left: 1px solid #d8d9db;
}

.tit {
    font-size: 36px;
    line-height: 46px;
    color: #333333;
    padding-top: 45px;
    padding-bottom: 35px;
}

about-con {
    padding-bottom: 160px;
}

.about-wrap .about-con .top-left {
    font-size: 18px;
    line-height: 38px;
    color: #666666;
    float: left;
    width: 60%;
    position: relative;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-property: opacity left right top bottom;
    -webkit-transition-property: opacity left right top bottom;
    -ms-transition-property: opacity left right top bottom;
    -o-transition-property: opacity left right top bottom;
    left: -50px;
    text-align: justify;
}

.about-wrap .about-con .top-right {
    width: 35%;
    float: right;
    position: relative;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-property: opacity left right top bottom;
    -webkit-transition-property: opacity left right top bottom;
    -ms-transition-property: opacity left right top bottom;
    -o-transition-property: opacity left right top bottom;
    right: -50px;
}

.about-wrap .about-con .top-right img {
    width: 100%;
    height: 100%;
}

.about-wrap .about-con .about-bot {
    margin-top: 70px;
}

.about-wrap .about-con .about-bot .tit {
    display: none;
}

.about-wrap .about-con .about-bot select {
    width: 100%;
    height: 40px;
    padding: 0 5%;
    font-size: 20px;
    line-height: 40px;
    color: #333;
    display: none;
}

.about-wrap .about-con .his-nav {
    height: 60px;
    position: relative;
    width: 100%;
}

.about-wrap .about-con .his-nav .line {
    width: 100%;
    height: 1px;
    background: #d8d9db;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.about-wrap .about-con .his-nav .line1 {
    width: 100%;
    height: 1px;
    background: #d8d9db;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.about-wrap .about-con .his-nav .his-tit {
    width: 155px;
    height: 60px;
    background: #2673b9;
    position: relative;
    z-index: 1;
    margin-left: 50px;
    font-size: 24px;
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    float: left;
}

.about-wrap .about-con .his-nav .his-year {
    font-size: 20px;
    line-height: 60px;
    color: #666666;
    float: left;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    background: none;
    cursor: pointer;
    position: relative;
    font-family: Arial;
    margin-left: 60px;
}

.about-wrap .about-con .his-nav .his-year span {
    display: block;
    width: 100%;
    height: 12px;
    text-align: center;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    bottom: -6px;
    left: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
}

.about-wrap .about-con .his-nav .his-year img {
    display: block;
    width: 12px;
    margin: 0 auto;
}

.about-wrap .about-con .his-nav .his-year:hover,
.about-wrap .about-con .his-nav .his-year.cur {
    color: #2673b9;
}

.about-wrap .about-con .his-nav .his-year:hover span,
.about-wrap .about-con .his-nav .his-year.cur span {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}

.about-wrap .about-con .his-nav .his-year.cur {
    font-weight: bold;
}

.about-wrap .about-con .his-con {
    margin-top: 60px;
}

.about-wrap .about-con .hc-tit {
    float: left;
    font-size: 36px;
    line-height: 36px;
    color: #2673b9;
    margin-left: 80px;
    width: 180px;
    font-weight: bold;
    font-family: Arial;
    margin-top: 10px;
}

.about-wrap .about-con .hc-con {
    float: left;
    margin-left: 25px;
}

.about-wrap .about-con .hc-con li {
    list-style-type: disc;
    font-size: 18px;
    line-height: 48px;
    color: #666666;
}

.about-wrap .about-con .about-hon {
    margin-top: 40px;
}

.about-wrap .about-con .hor-left {
    width: 230px;
    height: 245px;
    padding: 35px 55px;
    background: #f5f5f5;
    float: left;
}

.about-wrap .about-con .hor-left img {
    width: 100%;
    height: 100%;
}

.about-wrap .about-con .hon-right {
    float: left;
    border-top: 20px solid #f5f5f5;
}

.about-wrap .about-con .hon-right li {
    margin-top: 40px;
}

.about-wrap .about-con .hon-right li .p1 {
    width: 200px;
    text-align: right;
    font-size: 20px;
    line-height: 30px;
    color: #666666;
    float: left;
}

.about-wrap .about-con .hon-right li .p2 {
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #2673b9;
    width: 630px;
}

.about-wrap .about-bot {
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-property: opacity left right top bottom;
    -webkit-transition-property: opacity left right top bottom;
    -ms-transition-property: opacity left right top bottom;
    -o-transition-property: opacity left right top bottom;
    bottom: -50px;
}

.news-con {
    width: 1150px;
    padding: 0 25px;
    float: left;
    border-top: 1px solid #cccccc;
}


.news-con li {
    margin-top: 40px;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-property: opacity left right top bottom;
    -webkit-transition-property: opacity left right top bottom;
    -ms-transition-property: opacity left right top bottom;
    -o-transition-property: opacity left right top bottom;
    bottom: -50px;
}

.news-con li .news-tit {
    font-size: 24px;
    line-height: 34px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    float: left;
}

.news-con li .news-time {
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    font-family: Arial;
    width: 100%;
    float: left;
}

.news-con li .news-img {
    width: 200px;
    height: 150px;
    float: left;
    margin-top: 15px;
}

.news-con li .news-img img{
    width: 100%;
    height: 100%;
}


.news-con li .news-c1 {
    font-size: 18px;
    line-height: 30px;
    color: #999999;
    margin-top: 5px;
    float: left;
    margin-left: 25px;
    height: 114px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
    width: 765px;
}

.news-con li .news-more {
    width: 125px;
    height: 38px;
    border: 1px solid #e6e5e5;
    border-radius: 5px;
    display: block;
    float: right;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    color: #333333;
    margin-top: 15px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
}

.news-con li .news-more:hover {
    background: #005bac;
    color: #fff;
    border-color: #005bac;
}

.news-con li.list {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0;
}

.about-wrap .news-nav {
    width: 250px;
    border: 1px solid #e7e6e6;
    float: right;
}

.about-wrap .news-nav li {
    width: 190px;
    padding: 0 30px;
    border-top: 1px solid #e7e6e6;
    background: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.about-wrap .news-nav a {
    font-size: 16px;
    line-height: 50px;
    color: #333333;
    display: block;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.about-wrap .news-nav li:hover,
.about-wrap .news-nav li.cur {
    background: #ebebed;
}

.about-wrap .news-nav li:hover a,
.about-wrap .news-nav li.cur a {
    color: #005bac;
}

.about-wrap .news-nav select {
    display: none;
}

.about-wrap .hon-list {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.about-wrap .hl-tit {
    font-size: 24px;
    line-height: 34px;
    color: #333333;
}

.about-wrap .hon-con {
    margin-top: 25px;
}

.about-wrap .hon-con li {
    width: 31%;
    margin-left: 2%;
    float: left;
    font-size: 18px;
    line-height: 40px;
    color: #666666;
}

.about-wrap .hon-img {
    margin-left: 4%;
    margin-top: 50px;
}

.about-wrap .hon-img li {
    width: 180px;
    height: 125px;
    float: left;
    margin: 10px;
    display: table;
}

.about-wrap .hon-img li img {
    max-width: 180px;
    max-height: 125px;
}

.about-wrap .info-con {
    width: 100%;
    padding-top: 50px;
}

.about-wrap .info-con .t1 {
    font-size: 24px;
    line-height: 44px;
    color: #333;
    text-align: center;
}

.about-wrap .info-con .time {
    font-size: 16px;
    line-height: 26px;
    color: #999;
    text-align: center;
}

.about-wrap .info-con .con {
    font-size: 18px;
    line-height: 44px;
    color: #666;
    margin-top: 30px;
}

.about-wrap .info-con .bot {
    margin-top: 100px;
}

.about-wrap .info-con .bot .left {
    width: 80%;
    float: left;
    margin-left: 2.5%;
}

.about-wrap .info-con .bot .left a {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #999999;
    width: 100%;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.about-wrap .info-con .bot .left a:hover {
    color: #2673b9;
}

.about-wrap .info-con .bot .right {
    width: 15%;
    float: right;
    margin-right: 2.5%;
}

.about-wrap .info-con .bot .right a {
    width: 98px;
    height: 33px;
    display: block;
    float: right;
    border: 1px solid #999999;
    text-align: center;
    font-size: 16px;
    line-height: 33px;
    color: #999999;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color border;
    -webkit-transition-property: background color border;
    -ms-transition-property: background color border;
    -o-transition-property: background color border;
}

.about-wrap .info-con .bot .right a:hover {
    background: #2673b9;
    color: #fff;
    border-color: #2673b9;
}

.about-wrap .hon-img1 {
    margin-left: 4%;
    margin-top: 50px;
}

.about-wrap .hon-img1 li {
    width: 180px;
    height: 250px;
    float: left;
    margin: 10px;
    display: table;
}

.about-wrap .hon-img1 li img {
    max-width: 180px;
    max-height: 250px;
}

.about-wrap .banner.list .img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.about-wrap .about-top.list .top-left {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
}

.about-wrap .about-top.list .top-right {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    right: 0;
}

.about-wrap .about-bot.list {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0;
}
.about-wrap .news-con li .news-c1{
    width: 900px;
}

@media screen and (max-width: 1800px) {
    .about-wrap .about-con {
        width: 77%;
    }
    .about-wrap .news-con {
        width: 1000px;
        padding: 0 20px;
    }
    .about-wrap .news-nav {
        width: 180px;
    }
    .about-wrap .news-nav li {
        width: 150px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 1600px) {
    .about-wrap .about-con {
        width: 74%;
    }
    .about-wrap .about-con .hon-right li .p1 {
        width: 130px;
        margin-left: 20px;
    }
    .about-wrap .about-con .hon-right li .p2 {
        width: 450px;
        padding-right: 30px;
    }
    .about-wrap .about-con .his-nav .his-year {
        margin-left: 40px;
    }
    .about-wrap .news-con {
        width: 100%;
        box-sizing:border-box;
    }
    .about-wrap .news-con li .news-c1 {
        width: calc(100% - 230px);
    }
    .about-wrap .news-nav {
        width: 170px;
    }
    .about-wrap .news-nav li {
        width: 140px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 1430px) {
    .about-wrap .about-con {
        width: 70%;
    }
    .about-wrap .about-con .hor-left {
        padding: 35px 25px;
    }
    .about-wrap .about-con .hon-right li .p1 {
        width: 130px;
        margin-left: 20px;
    }
    .about-wrap .about-con .hon-right li .p2 {
        width: 400px;
        padding-right: 30px;
    }
    .about-wrap .about-con .his-nav .his-year {
        margin-left: 20px;
    }
    .about-wrap .news-con {
        /*width: 650px;*/
        width: 100%;
        box-sizing:border-box;
    }
    .about-wrap .news-con li .news-c1 {
        /*width: 400px;*/
        width: calc(100% - 230px);
    }

}

@media screen and (max-width: 1280px) {
    .about-wrap .page-nav li {
        width: 145px;
        /*padding: 0 11px 0 16px;*/
    }
    .about-wrap .about-con {
        padding-left: 30px;
        width: 75%;
        box-sizing: border-box;
    }
    .about-wrap .about-con .hor-left {
        padding: 35px 25px;
    }
    .about-wrap .about-con .hon-right li .p1 {
        width: 130px;
        margin-left: 20px;
    }
    .about-wrap .about-con .hon-right li .p2 {
        width: 350px;
        padding-right: 30px;
    }
    .about-wrap .about-con .his-nav .his-tit {
        margin-left: 20px;
    }
    .about-wrap .about-con .his-nav .his-year {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .about-wrap .about-con {
        width:70%;
        position: relative;
    }
    .about-wrap .about-con .hor-left {
        padding: 35px 25px;
    }
    .about-wrap .about-con .hon-right li .p1 {
        width: 130px;
        margin-left: 20px;
    }
    .about-wrap .about-con .hon-right li .p2 {
        width: 350px;
        padding-right: 30px;
    }
    .about-wrap .about-con .his-nav .his-tit {
        margin-left: 20px;
    }
    .about-wrap .about-con .his-nav .his-year {
        margin-left: 10px;
    }
    .about-wrap .news-nav {
        position: absolute;
        left: -200px;
        top: 300px;
    }
    
    
}


@media screen and (max-width: 1150px) {
    .about-wrap .about-con .top-left {
        font-size: 16px;
    }
    .about-wrap .about-con .his-nav .his-year {
        font-size: 18px;
    }
    .about-wrap .about-con .hc-con li {
        font-size: 16px;
    }
    .about-wrap .about-con .hor-left {
        padding: 20px 10px;
    }
    .about-wrap .about-con .hon-right li .p1 {
        width: 120px;
        font-size: 18px;
        margin-left: 10px;
    }
    .about-wrap .about-con .hon-right li .p2 {
        font-size: 18px;
        padding-right: 0;
    }
    .about-wrap .news-con{
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .about-wrap .banner .img {
        left: -960px;
    }
    .about-wrap .page-nav {
        display: none;
    }
     .tit {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 10px;
        text-align: center;
    }
    .about-wrap .about-con {
        width: 90%;
        float: none;
        padding: 0;
        border-width: 0;
        margin-left: 5%;
    }
    .about-wrap .about-con .top-right {
        width: 100%;
    }
    .about-wrap .about-con .top-left {
        width: 100%;
        margin-top: 30px;
        line-height: 30px;
    }
    .about-wrap .about-con .hon-list {
        margin-top: 20px;
    }
    .about-wrap .about-con .hl-tit {
        font-size: 20px;
        line-height: 20px;
        text-align: center;
    }
    .about-wrap .about-con .about-bot .tit {
        display: block;
    }
    .about-wrap .about-con .about-bot select {
        display: block;
        margin-top: 20px;
    }
    .about-wrap .about-con .about-bot .his-nav {
        display: none;
    }
    .about-wrap .about-con .about-bot .his-con {
        margin-top: 20px;
    }
    .about-wrap .about-con .about-bot .hc-tit {
        font-size: 24px;
        margin-left: 0;
    }
    .about-wrap .about-con .about-bot .hc-con li {
        line-height: 30px;
    }
    .about-wrap .about-con .about-bot .hor-left {
        width: 80vw;
        height: 80vw;
        padding: 5vw;
    }
    .about-wrap .about-con .about-bot .hon-right {
        border-width: 0;
        padding-bottom: 50px;
    }
    .about-wrap .about-con .about-bot .hon-right li {
        margin-top: 20px;
    }
    .about-wrap .about-con .about-bot .hon-right li .p1 {
        width: 30vw;
        margin: 0;
        font-size: 16px;
        line-height: 26px;
    }
    .about-wrap .about-con .about-bot .hon-right li .p2 {
        width: 60vw;
        font-size: 16px;
        line-height: 26px;
        text-align: justify;
    }
    .about-wrap .about-con .hon-con li {
        width: 100%;
        margin: 0;
        font-size: 16px;
        line-height: 30px;
    }
    .about-wrap .about-con .hon-img li {
        width: 40vw;
        height: calc(40vw * 125 / 180);
        margin: 1vw;
    }
    .about-wrap .about-con .hon-img li img {
        max-width: 40vw;
        max-height: 27.77778vw;
    }
    .about-wrap .about-con .hon-img1 li {
        width: 40vw;
        height: calc(40vw * 250 / 180);
        margin: 1vw;
    }
    .about-wrap .about-con .hon-img1 li img {
        max-width: 40vw;
        max-height: 55.55556vw;
    }
    .about-wrap .news-con {
        width: 100%;
        padding: 0;
        border-width: 0;
        padding-bottom: 50px;
    }
    .about-wrap .news-con li .news-img {
        width: 100%;
        height: calc(90vw * 150 / 200);
    }
    .about-wrap .news-con li img {
        width: 100%;
        height: 100%;
    }
    .about-wrap .news-con li .news-c1 {
        width: 100%;
        margin-left: 0;
    }
    .about-wrap .news-con li .news-more {
        margin-right: calc(45vw - 64px);
    }
    .about-wrap .news-nav {
        left: 0;
        width: 100%;
        top: 110px;
        padding-bottom: 20px;
        border-width: 0;
        border-bottom: 1px solid #dbdbdb;
    }
    .about-wrap .news-nav ul {
        display: none;
    }
    .about-wrap .news-nav select {
        display: block;
        width: 100%;
        height: 40px;
        padding: 0 5%;
        font-size: 20px;
        line-height: 40px;
        color: #333;
    }
    .about-wrap .info-con .bot .left {
        width: 100%;
        float: none;
    }
    .about-wrap .info-con .bot .right {
        float: none;
        margin: 30px auto;
    }
    .about-wrap .info-con .bot .right a {
        float: none;
    }
    .about-wrap .info-con .t1 {
        font-size: 20px;
        line-height: 30px;
    }
    .about-wrap .info-con .con {
        padding-bottom: 50px;
        padding-top: 30px;
        margin-top: 25px;
        font-size: 16px;
        line-height: 30px;
        border-bottom: 1px solid #bdbdbd;
        border-top: 1px solid #bdbdbd;
    }
    .about-wrap .info-con .bot {
        margin-top: 50px;
    }
}

.app-wrap {
    border-bottom: 4px solid #2f313c;
}

.app-wrap .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.app-wrap .banner .img {
    width: 1920px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 960px);
}

.app-wrap .banner .img img {
    width: 100%;
    height: 100%;
    transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.app-wrap .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.app-wrap .banner .main-wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

.app-wrap .banner p {
    margin: 10px 0;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
}

.app-wrap .banner p img {
    margin-left: 57px;
}

.app-wrap .page-posi {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.app-wrap .page-posi .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.app-wrap .page-posi p,
.app-wrap .page-posi a {
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    text-align: right;
}

.app-wrap .page-posi .more {
    color: #000000;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.app-wrap .page-posi .more:hover {
    color: #2673b9;
}

.app-wrap .page-nav {
    padding: 0 30px;
    float: left;
    padding-top: 30px;
}

.app-wrap .page-nav li {
    padding: 0 22px 0 33px;
    width: 175px;
    height: 60px;
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    margin-bottom: 5px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.app-wrap .page-nav li a {
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    display: block;
    background-image: url(http://www.njzkiot.net/img/index/icon7_03.png);
    background-size: 6px 13px;
    background-repeat: no-repeat;
    background-position: right center;
}

.app-wrap .page-nav li:hover {
    background: #fff;
}

.app-wrap .page-nav li:hover a {
    color: #2673b9;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.app-wrap .page-nav li.cur {
    background: #fff;
}

.app-wrap .page-nav li.cur a {
    color: #2673b9;
    font-weight: bold;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.app-wrap .app-con {
    width: 77%;
    float: left;
    padding-left: 60px;
    border-left: 1px solid #d8d9db;
}

.app-wrap .tit {
    font-size: 36px;
    line-height: 46px;
    color: #333333;
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 135px;
    background-position: left center;
    background-image: url(http://www.njzkiot.net/img/index/icon14_03.png);
    background-size: 100px 97px;
    background-repeat: no-repeat;
    background-position: left 5px center;
    border-bottom: 2px solid #3c3f4b;
    padding-bottom: 45px;
}

.app-wrap .tit-t1 {
    font-size: 36px;
    line-height: 46px;
    color: #333333;
}

.app-wrap .tit-t2 {
    font-size: 24px;
    line-height: 46px;
    color: #333333;
}

.app-wrap .c1 {
    font-size: 18px;
    line-height: 36px;
    color: #666666;
    margin-top: 20px;
    text-indent: 36px;
    /*text-align: center;*/
}
@media screen and (min-width: 1000px) {
    .app-wrap .c1 img {
    max-width:67%;}

}
.index-wrap .banner.banner-zhqpc{
        display: none;
    }
     .index-wrap .banner.banner-zhqphone{
        display: block;
    }

    @media screen and (min-width: 1000px) {
            .index-wrap .banner.banner-zhqphone{
        display: none;
    }
     .index-wrap .banner.banner-zhqpc{
        display: block;
    }

    }
    @media screen and (max-width: 1000px) {
       .index-wrap .banner.banner-zhqpc{
        display: none;
    }
     .index-wrap .banner.banner-zhqphone{
        display: block;
    } 
    }



.app-wrap .c1 img {
    text-align: center;
    /* max-width: 67%; */
    display: block;
    /* display: inline-block; */
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin: atuo;
    /* margin-top: 50px; */
}
@media screen and (max-width: 1000px) {
 .app-wrap .c1 img {
        width: 100%;
       box-sizing: border-box;
      /* padding-left: 20px;*/
       padding-right: 20px;
       /*margin-left: -36px;*/
 }
 
}


.app-wrap .t2 {
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    margin-top: 70px;
}

.app-wrap .app-list {
    width: 45%;
    padding: 30px 2%;
    float: left;
    background: #f5f5f5;
    margin-right: 1%;
    margin-top: 15px;
}

.app-wrap .al-t1 {
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 25px;
}

.app-wrap .al-c1 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

.app-wrap .case-list {
    padding-bottom: 70px;
}

.app-wrap .case-list li {
    margin-top: 15px;
    margin-right: 1.5%;
    width: 23%;
    float: left;
}

.app-wrap .case-list li .img {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.app-wrap .case-list li img {
    width: 100%;
    height: 100%;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.app-wrap .case-list li .font {
    width: 100%;
    height: 90px;
    border: 1px solid #e5e5e5;
    display: table;
    background: #f7f7f7;
}

.app-wrap .case-list li p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.app-wrap .case-list li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 1600px) {
    .app-wrap .app-con {
        width: 70%;
    }
}

.app-wrap .banner.list .img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 1230px) {
    .app-wrap .app-con {
        width: 67%;
        padding-left: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .app-wrap .app-con {
        width: 90%;
        padding-left: 0;
        margin-left: 5vw;
        border-width: 0;
    }
    .app-wrap .page-nav {
        display: none;
    }
    .app-wrap .t2 {
        margin-bottom: 30px;
    }
    .app-wrap .tit {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 50px;
        padding-top: 50px;
        text-align: center;
    }
    .app-wrap .tit-t1 {
        font-size: 24px;
        line-height: 36px;
        text-align: left;
    }
    .app-wrap .tit-t2 {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
    }
    .app-wrap .app-list {
        width: 90vw;
        padding: 30px 5vw;
        margin-left: -5vw;
        text-align: justify;
        margin-right: 0;
    }
    .app-wrap .case-list li {
        width: 88vw;
        margin: 1vw;
    }
    .app-wrap .case-list li .img {
        height: 230px;
    }
    .app-wrap .case-list li p {
        font-size: 18px;
        line-height: 24px;
    }
}

.service-wrap {
    border-bottom: 4px solid #2f313c;
}

.service-wrap .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.service-wrap .banner .img {
    width: 1920px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 960px);
}

.service-wrap .banner .img img {
    width: 100%;
    height: 100%;
    transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.service-wrap .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.service-wrap .banner .main-wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

.service-wrap .banner p {
    margin: 10px 0;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
}

.service-wrap .banner p img {
    margin-left: 57px;
}

.service-wrap .page-posi {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.service-wrap .page-posi .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.service-wrap .page-posi p,
.service-wrap .page-posi a {
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    text-align: right;
}

.service-wrap .page-posi .more {
    color: #000000;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.service-wrap .page-posi .more:hover {
    color: #2673b9;
}

.service-wrap .page-nav {
    padding: 0 30px;
    float: left;
    padding-top: 30px;
}

.service-wrap .page-nav li {
    padding: 0 22px 0 33px;
    width: 175px;
    height: 60px;
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    margin-bottom: 5px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.service-wrap .page-nav li a {
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    display: block;
    background-image: url(http://www.njzkiot.net/img/index/icon7_03.png);
    background-size: 6px 13px;
    background-repeat: no-repeat;
    background-position: right center;
}

.service-wrap .page-nav li:hover {
    background: #fff;
}

.service-wrap .page-nav li:hover a {
    color: #2673b9;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.service-wrap .page-nav li.cur {
    background: #fff;
}

.service-wrap .page-nav li.cur a {
    color: #2673b9;
    font-weight: bold;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.service-wrap .service-con {
    width: 77%;
    float: left;
    padding-left: 60px;
    border-left: 1px solid #d8d9db;
    padding-bottom: 120px;
    position: relative;
}

.service-wrap .tit {
    font-size: 30px;
    line-height: 46px;
    color: #333333;
    padding-top: 45px;
    padding-bottom: 35px;
}

.service-wrap .ser-tel {
    padding-left: 80px;
    margin-top: 50px;
    background-image: url(http://www.njzkiot.net/img/service/icon2_03.png);
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: left center;
}

.service-wrap .st-t1 {
    font-size: 30px;
    line-height: 36px;
    color: #2673b9;
}

.service-wrap .st-t2 {
    font-size: 20px;
    line-height: 24px;
    color: #666666;
}

.service-wrap .ser-con {
    margin-top: 70px;
}

.service-wrap .ser-con li {
    width: 188px;
    height: 270px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #f5f5f5;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-property: background opacity left;
    -webkit-transition-property: background opacity left;
    -ms-transition-property: background opacity left;
    -o-transition-property: background opacity left;
    border: 1px solid #e6e5e5;
    float: left;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    left: 50px;
}

.service-wrap .ser-con li.list {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
}

.service-wrap .ser-con div {
    width: 100%;
    height: 180px;
    background-image: url(http://www.njzkiot.net/img/service/icon2_21.png);
    background-size: 66px 66px;
    background-repeat: no-repeat;
    background-position: center center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.service-wrap .ser-con p {
    font-size: 20px;
    line-height: 30px;
    color: #666666;
    text-align: center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.service-wrap .ser-con li:hover {
    background: #154f84;
}

.service-wrap .ser-con li:hover p {
    color: #fff;
}

.service-wrap .ser-con .l1 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_21.png);
    background-size: 66px 66px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l2 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_07.png);
    background-size: 68px 76px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l3 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_09.png);
    background-size: 76px 76px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l4 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_12.png);
    background-size: 70px 72px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l5 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_18.png);
    background-size: 60px 67px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l6 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_15.png);
    background-size: 74px 70px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l7 div {
    background-image: url(http://www.njzkiot.net/img/service/icon2_24.png);
    background-size: 72px 66px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l1:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_17.png);
    background-size: 66px 66px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l2:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_03.png);
    background-size: 68px 76px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l3:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_05.png);
    background-size: 76px 76px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l4:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_08.png);
    background-size: 70px 72px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l5:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_14.png);
    background-size: 60px 67px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l6:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_11.png);
    background-size: 74px 70px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .ser-con .l7:hover div {
    background-image: url(http://www.njzkiot.net/img/service/icon3_20.png);
    background-size: 72px 66px;
    background-repeat: no-repeat;
    background-position: center center;
}

.service-wrap .down-list {
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.service-wrap .down-list .down-tit {
    font-size: 24px;
    line-height: 34px;
    color: #333333;
}

.service-wrap .down-list li {
    width: 40%;
    margin-right: 3%;
    border: 1px solid #e2e2e2;
    float: left;
    padding: 0 2.5%;
    background: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background border;
    -webkit-transition-property: background border;
    -ms-transition-property: background border;
    -o-transition-property: background border;
    height: 60px;
    margin-top: 10px;
}

.service-wrap .down-list a {
    width: 90%;
    padding-right: 10%;
    background-image: url(../images/icon1_06.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 18px;
    line-height: 60px;
    color: #666666;
    display: block;
    height: 60px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.service-wrap .down-list span {
    font-size: 12px;
    color: #999999;
    margin-left: 15px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.service-wrap .down-list li:hover {
    background: #2673b9;
    border-color: #2673b9;
}

.service-wrap .down-list li:hover a {
    color: #fff;
    background-image: url(http://www.njzkiot.net/img/service/icon1_03.png);
}

.service-wrap .down-list li:hover span {
    color: #fff;
}

.service-wrap .ser-numc1 {
    font-size: 18px;
    line-height: 40px;
    color: #666666;
    position: relative;
    z-index: 1;
}

.service-wrap .ser-num {
    margin-top: 15px;
    position: relative;
    z-index: 1;
    float: left;
}

.service-wrap .ser-num li {
    font-size: 30px;
    line-height: 60px;
    color: #666666;
    margin-top: 40px;
}

.service-wrap .ser-num li span {
    font-size: 60px;
    color: #2673b9;
    display: block;
    float: left;
    width: 120px;
    font-family: Arial;
}

.service-wrap .ser-map {
    height: 1100px;
}

.service-wrap .map {
    width: 1140px;
    height: 940px;
    position: absolute;
    right: 130px;
    top: 120px;
    /*background-image: url(../img/service/icon10_03.png);*/
     background-image: url(http://www.njzkiot.net/img/service/yapai_map.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
}

.service-wrap .map li {
    position: absolute;
    width: 13px;
    height: 13px;
}

.service-wrap .map li .spit {
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
    height: 13px;
    background-image: url(http://www.njzkiot.net/img/service/icon11_07.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
    cursor: pointer;
}

.service-wrap .map li .spit img {
    width: 41px;
    height: 41px;
    position: absolute;
    left: -14px;
    top: -14px;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
}

.service-wrap .map li .city {
    font-size: 16px;
    line-height: 16px;
    color: #2673b9;
    position: absolute;
    top: -16px;
    right: -16px;
    width: 48px;
    cursor: pointer;
}

.service-wrap .map li .cinfo {
    width: 290px;
    padding: 35px 45px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #2673b9;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
}

.service-wrap .map li .cinfo p {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
}

.service-wrap .map li .cinfo p span {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.service-wrap .map li.cur {
    z-index: 1;
}

.service-wrap .map li.cur .spit {
    background-image: url(http://www.njzkiot.net/img/service/icon11_11.png);
}

.service-wrap .map li.cur .spit img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
}

.service-wrap .map li.cur .city {
    color: #db0101;
}

.service-wrap .map li.cur .cinfo {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}

.service-wrap .map li:nth-child(1) {
    right: 156px;
    top: 298px;
}

.service-wrap .map li:nth-child(2) {
    right: 279px;
    top: 347px;
}

.service-wrap .map li:nth-child(3) {
    right: 259px;
    top: 367px;
}

.service-wrap .map li:nth-child(3) .city {
    right: -30px;
}

.service-wrap .map li:nth-child(4) {
    right: 294px;
    top: 408px;
}

.service-wrap .map li:nth-child(5) {
    right: 354px;
    top: 431px;
}

.service-wrap .map li:nth-child(6) {
    right: 198px;
    top: 450px;
}

.service-wrap .map li:nth-child(7) {
    right: 442px;
    top: 442px;
}

.service-wrap .map li:nth-child(8) {
    right: 331px;
    top: 523px;
}

.service-wrap .map li:nth-child(9) {
    right: 198px;
    top: 547px;
}

.service-wrap .map li:nth-child(9) .spit {
    width: 26px;
    height: 25px;
    background-image: url(http://www.njzkiot.net/img/service/icon11_03.png);
}

.service-wrap .map li:nth-child(9) .spit img {
    display: none;
}

.service-wrap .map li:nth-child(9) .city {
    font-size: 18px;
    color: #db0101;
    font-weight: bold;
}

.service-wrap .map li:nth-child(10) {
    right: 191px;
    top: 567px;
}

.service-wrap .map li:nth-child(10) .city {
    top: 16px;
}

.service-wrap .map li:nth-child(11) {
    right: 174px;
    top: 567px;
}

.service-wrap .map li:nth-child(11) .city {
    right: -20px;
}

.service-wrap .map li:nth-child(12) {
    right: 157px;
    top: 567px;
}

.service-wrap .map li:nth-child(12) .city {
    right: -48px;
    top: 0;
}

.service-wrap .map li:nth-child(13) {
    right: 229px;
    top: 581px;
}

.service-wrap .map li:nth-child(14) {
    right: 152px;
    top: 589px;
}

.service-wrap .map li:nth-child(14) .city {
    right: -48px;
    top: 0;
}

.service-wrap .map li:nth-child(15) {
    right: 547px;
    top: 616px;
}

.service-wrap .map li:nth-child(16) {
    right: 304px;
    top: 611px;
}

.service-wrap .map li:nth-child(17) {
    right: 154px;
    top: 616px;
}

.service-wrap .map li:nth-child(17) .city {
    top: 16px;
}

.service-wrap .map li:nth-child(18) {
    right: 466px;
    top: 719px;
}

.service-wrap .map li:nth-child(19) {
    right: 331px;
    top: 682px;
}

.service-wrap .map li:nth-child(20) {
    right: 172px;
    top: 719px;
}

.service-wrap .map li:nth-child(21) {
    right: 325px;
    top: 808px;
}

.service-wrap .map-list {
    display: none;
}

.service-wrap .map-list .cinfo {
    width: 86vw;
    padding: 35px 2vw;
    background: #2673b9;
    margin-top: 20px;
}

.service-wrap .map-list .cinfo p {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
}

.service-wrap .map-list .cinfo p span {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.service-wrap .map-list .more {
    width: 100%;
    height: 40px;
    background: #ccc;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    margin-top: 50px;
    text-align: center;
}

.service-wrap .banner.list .img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 1600px) {
    .service-wrap .service-con {
        width: 74%;
    }
    .service-wrap .map {
        right: 0;
        top: 120px;
    }
}
@media screen and (max-width: 1500px) {
	 .service-wrap .map {
    	width: 100%;
    	background-size: 100% auto;
        right: 0;
        top: 120px;
    }
	}

@media screen and (max-width: 1400px) {
    .service-wrap .service-con {
        width: 70%;
    }
    .service-wrap .map {
    	width: 100%;
    	background-size: 100% auto;
        right: 0;
        top: 120px;
    }
}

@media screen and (max-width: 1200px) {
    .service-wrap .service-con {
        width: 67%;
        padding-left: 30px;
    }
    .service-wrap .map {
        right: 0;
        top: 220px;
        width: 95%;
        background-size: 100% auto;
        height: 750px;
    }
    .service-wrap .map li:nth-child(1) {
        right: 126px;
        top: 248px;
    }
    .service-wrap .map li:nth-child(2) {
        right: 224px;
        top: 277px;
    }
    .service-wrap .map li:nth-child(3) {
        right: 207px;
        top: 293px;
    }
    .service-wrap .map li:nth-child(4) {
        right: 238px;
        top: 326px;
    }
    .service-wrap .map li:nth-child(5) {
        right: 283px;
        top: 345px;
    }
    .service-wrap .map li:nth-child(6) {
        right: 158px;
        top: 360px;
    }
    .service-wrap .map li:nth-child(7) {
        right: 353px;
        top: 353px;
    }
    .service-wrap .map li:nth-child(8) {
        right: 265px;
        top: 418px;
    }
    .service-wrap .map li:nth-child(9) {
        right: 158px;
        top: 437px;
    }
    .service-wrap .map li:nth-child(10) {
        right: 152px;
        top: 453px;
    }
    .service-wrap .map li:nth-child(11) {
        right: 138px;
        top: 453px;
    }
    .service-wrap .map li:nth-child(12) {
        right: 125px;
        top: 453px;
    }
    .service-wrap .map li:nth-child(13) {
        right: 193px;
        top: 465px;
    }
    .service-wrap .map li:nth-child(14) {
        right: 121px;
        top: 471px;
    }
    .service-wrap .map li:nth-child(15) {
        right: 437px;
        top: 493px;
    }
    .service-wrap .map li:nth-child(16) {
        right: 243px;
        top: 489px;
    }
    .service-wrap .map li:nth-child(17) {
        right: 123px;
        top: 493px;
    }
    .service-wrap .map li:nth-child(18) {
        right: 373px;
        top: 575px;
    }
    .service-wrap .map li:nth-child(19) {
        right: 265px;
        top: 545px;
    }
    .service-wrap .map li:nth-child(20) {
        right: 137px;
        top: 575px;
    }
    .service-wrap .map li:nth-child(21) {
        right: 260px;
        top: 646px;
    }
}

@media screen and (max-width: 1000px) {
    .service-wrap .banner .img {
        left: -960px;
    }
    .service-wrap .service-con {
        width: 90%;
        padding-left: 0;
        margin-left: 5vw;
        border-width: 0;
    }
    .service-wrap .page-nav {
        display: none;
    }
    .service-wrap .ser-map {
        /*height: auto;*/
        height: 830px;
    }
    .service-wrap .tit {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 20px;
        padding-top: 50px;
        text-align: center;
    }
    .service-wrap .ser-numc1 {
        font-size: 16px;
        line-height: 30px;
    }
    .service-wrap .ser-num {
        float: none;
    }
    .service-wrap .ser-num li {
        font-size: 22px;
        line-height: 40px;
        margin-top: 20px;
    }
    .service-wrap .ser-num li span {
        font-size: 40px;
    }
  /*  .service-wrap .map {
        display: none;
    }*/
   /* .service-wrap .map-list {
        display: block;
    }*/
    .service-wrap .st-t1 {
        font-size: 20px;
        line-height: 26px;
    }
    .service-wrap .st-t2 {
        font-size: 18px;
    }
    .service-wrap .ser-con li {
        width: 42vw;
        margin: 1vw;
        height: 170px;
    }
    .service-wrap .ser-con li div {
        height: 120px;
    }
    .service-wrap .down-list li {
        width: 84vw;
        padding: 0 2.5vw;
        margin-left: 0;
    }
}
@media screen and (max-width: 500px) {
    .service-wrap .ser-map {
        /*height: auto;*/
        height: 695px;
    }
}
.join-wrap {
    border-bottom: 4px solid #2f313c;
}

.join-wrap .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.join-wrap .banner .img {
    width: 1920px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 960px);
}

.join-wrap .banner .img img {
    width: 100%;
    height: 100%;
    transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.join-wrap .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.join-wrap .banner .main-wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

.join-wrap .banner p {
    margin: 10px 0;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
}

.join-wrap .banner p img {
    margin-left: 57px;
}

.join-wrap .page-posi {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.join-wrap .page-posi .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.join-wrap .page-posi p,
.join-wrap .page-posi a {
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    text-align: right;
}

.join-wrap .page-posi .more {
    color: #000000;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.join-wrap .page-posi .more:hover {
    color: #2673b9;
}

.join-wrap .page-nav {
    padding: 0 30px;
    float: left;
    padding-top: 30px;
}

.join-wrap .page-nav li {
    padding: 0 22px 0 33px;
    width: 175px;
    height: 60px;
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    margin-bottom: 5px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.join-wrap .page-nav li a {
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    display: block;
    background-image: url(http://www.njzkiot.net/img/index/icon7_03.png);
    background-size: 6px 13px;
    background-repeat: no-repeat;
    background-position: right center;
}

.join-wrap .page-nav li:hover {
    background: #fff;
}

.join-wrap .page-nav li:hover a {
    color: #2673b9;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.join-wrap .page-nav li.cur {
    background: #fff;
}

.join-wrap .page-nav li.cur a {
    color: #2673b9;
    font-weight: bold;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.join-wrap .service-con {
    width: 77%;
    float: left;
    padding-left: 60px;
    border-left: 1px solid #d8d9db;
    padding-bottom: 120px;
}

.join-wrap .tit {
    font-size: 36px;
    line-height: 46px;
    color: #333333;
    padding-top: 45px;
    padding-bottom: 35px;
}

.join-wrap .jt-c1 {
    font-size: 24px;
    line-height: 34px;
    color: #2673b9;
    margin-top: 15px;
}

.join-wrap .jt-con {
    margin-top: 35px;
}

.join-wrap .jt-con li {
    width: 220px;
    height: 78px;
    float: left;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    margin-left: -35px;
    margin-top: 20px;
}

.join-wrap .jt-con p {
    display: inline-block;
    width: 185px;
    background-position: right center;
    background-image: url(http://www.njzkiot.net/img/service/icon4_07.png);
    background-size: 8px 17px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-size: 24px;
    line-height: 78px;
    color: #ffffff;
}

.join-wrap .jt-con.stu li {
    width: 200px;
    margin-left: -30px;
}

.join-wrap .jm {
    margin-top: 35px;
    padding: 45px 0 60px;
    font-size: 20px;
    line-height: 40px;
    color: #2673b9;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.join-wrap .jm span {
    font-size: 18px;
    color: #666666;
}

.join-wrap .jb {
    margin-top: 40px;
}

.join-wrap .jb .jb-left {
    width: 80%;
    float: left;
}

.join-wrap .jb .jb-right {
    width: 15%;
    float: right;
    height: 100%;
    display: table;
}

.join-wrap .jb .jb-right input {
    width: 71px;
    height: 57px;
    background: none;
    border-width: 0;
    background-image: url(http://www.njzkiot.net/img/service/icon4_16.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 10px;
}

.join-wrap .jb .jb-right a {
    width: 168px;
    height: 44px;
    background: #2673b9;
    display: block;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    border-radius: 5px;
    display: none;
}

.join-wrap .jb .jb-right a img {
    margin-right: 15px;
}

.join-wrap .jb .jb-tit {
    font-size: 24px;
    line-height: 34px;
    color: #2673b9;
}

.join-wrap .jb li {
    width: 90%;
    margin-left: 1%;
    padding: 15px 4%;
    border: 1px solid #cdcccc;
    background: #fff;
    margin-top: 20px;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    bottom: 50px;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-property: background opacity bottom;
    -webkit-transition-property: background opacity bottom;
    -ms-transition-property: background opacity bottom;
    -o-transition-property: background opacity bottom;
}

.join-wrap .jb li:hover,
.join-wrap .jb li.cur {
    background: #f7f7f7;
}

.join-wrap .jb li:hover .jb-t1,
.join-wrap .jb li.cur .jb-t1 {
    color: #316db5;
}

.join-wrap .jb li.cur .jb-left {
    border-right: 1px solid #dcdcdc;
}

.join-wrap .jb li.cur .jb-right input {
    display: none;
}

.join-wrap .jb li.cur .jb-right a {
    display: block;
}

.join-wrap .jb li.list {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0px;
    left: 0;
}

.join-wrap .jb .jb-t1 {
    font-size: 24px;
    line-height: 34px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.join-wrap .jb .jb-t2 {
    font-size: 18px;
    line-height: 28px;
    color: #999999;
    margin-top: 10px;
}

.join-wrap .jb .jb-t2 span {
    display: inline-block;
    width: 1px;
    height: 18px;
    margin-top: 5px;
    background: #d6d6d6;
    margin: 0 40px;
}

.join-wrap .jb .jb-c1 {
    font-size: 18px;
    line-height: 38px;
    color: #666666;
    margin-top: 15px;
    display: none;
}

.join-wrap .jb.stu li {
    width: 27%;
    float: left;
    margin: 0;
    margin-bottom: 70px;
    margin-top: 20px;
    margin-right: 2%;
    padding: 25px 2% 65px;
    height: 210px;
    background: #f7f7f7;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background left bottom;
    -webkit-transition-property: background left bottom;
    -ms-transition-property: background left bottom;
    -o-transition-property: background left bottom;
    position: relative;
    bottom: 0;
    left: 50px;
}

.join-wrap .jb.stu li.list {
    left: 0;
}

.join-wrap .jb.stu .jb-t1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #316db5;
}

.join-wrap .jb.stu .jb-t2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.join-wrap .jb.stu .jb-t2 span {
    margin: 0 20px;
}

.join-wrap .jb.stu li a {
    width: 168px;
    height: 44px;
    background: #2673b9;
    display: block;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
}

.join-wrap .jb.stu li a img {
    margin-right: 15px;
}

.join-wrap .jb.stu li a {
    position: absolute;
    bottom: -44px;
    left: 50px;
}

.join-wrap .jb.stu .jb-c1 {
    display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
}

.join-wrap .jt-con1 {
    margin-top: 25px;
}

.join-wrap .jt-con1 li {
    width: 248px;
    height: 60px;
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    font-size: 20px;
    line-height: 60px;
    color: #666666;
    text-align: center;
    float: left;
    margin-right: 10px;
    border-radius: 30px;
    margin-top: 10px;
}

.join-wrap .jm1 {
    font-size: 20px;
    line-height: 40px;
    color: #666666;
    padding: 25px 0 25px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin-top: 35px;
}

.join-wrap .jm1 .jt-c1 {
    margin-bottom: 10px;
}

.join-wrap .jb1 {
    margin-top: 35px;
    font-size: 20px;
    line-height: 40px;
    color: #666666;
}

.join-wrap .jb1 .jt-c1 {
    margin-bottom: 10px;
}

.join-wrap .jb1 li {
    width: 45%;
    float: left;
    margin-right: 3%;
    margin-top: 30px;
    height: 300px;
}

.join-wrap .jb1 li .img {
    width: 100%;
    height: 235px;
    overflow: hidden;
}

.join-wrap .jb1 li img {
    height: 100%;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.join-wrap .jb1 li .font {
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    color: #666666;
    margin-top: 10px;
}

.join-wrap .jb1 li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.join-wrap .banner.list .img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 1600px) {
    .join-wrap .service-con {
        width: 70%;
    }
    .join-wrap .jt-con li {
        width: 200px;
    }
    .join-wrap .jt-con li p {
        width: 175px;
    }
    .join-wrap .jt-con1 li {
        width: 218px;
    }
}

@media screen and (max-width: 1400px) {
    .join-wrap .service-con {
        width: 64%;
    }
    .join-wrap .jb .jb-left {
        width: 70%;
    }
}

@media screen and (max-width: 1200px) {
    .join-wrap .service-con {
        width: 64%;
    }
}

@media screen and (max-width: 1000px) {
    .join-wrap .banner .img {
        left: -960px;
    }
    .join-wrap .service-con {
        width: 90%;
        padding-left: 0;
        margin-left: 5vw;
        border-width: 0;
    }
    .join-wrap .page-nav {
        display: none;
    }
    .join-wrap .ser-map {
        height: auto;
    }
    .join-wrap .tit {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 20px;
        padding-top: 50px;
        text-align: center;
    }
    .join-wrap .jt-con li {
        height: 58px;
        margin-left: -15px;
        width: 180px;
    }
    .join-wrap .jt-con li p {
        line-height: 58px;
        height: 58px;
    }
    .join-wrap .jb li.cur .jb-left {
        border-width: 0;
    }
    .join-wrap .jb .jb-left {
        width: 100%;
        float: none;
        border-width: 0;
    }
    .join-wrap .jb .jb-t2 span {
        width: 100%;
        height: 1px;
        background: none;
    }
    .join-wrap .jb .jb-right {
        float: none;
        margin: 20px auto;
    }
    .join-wrap .jt-con.stu li {
        margin-left: -15px;
        width: 180px;
    }
    .join-wrap .jb.stu li {
        width: 90vw;
        height: auto;
        left: -5vw;
        bottom: -50vw;
        padding: 25px 5vw 65px;
        border-left-width: 0;
        border-right-width: 0;
    }
    .join-wrap .jb.stu li a {
        left: calc(50vw - 84px);
    }
    .join-wrap .jb.stu li.list {
        left: -5vw;
        bottom: 0;
    }
    .join-wrap .jb.stu .jb-t1 {
        white-space: inherit;
    }
    .join-wrap .jb.stu .jb-c1 {
        overflow: inherit;
        height: auto;
        -webkit-line-clamp: inherit;
    }
    .join-wrap .jt-con1 li {
        width: 42vw;
        margin-right: 2vw;
    }
    .join-wrap .jb1 li {
        width: 89vw;
        margin-right: 0;
    }
}

.contact-wrap {
    border-bottom: 4px solid #2f313c;
}

.contact-wrap .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.contact-wrap .banner .img {
    width: 1920px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 960px);
}

.contact-wrap .banner .img img {
    width: 100%;
    height: 100%;
    transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.contact-wrap .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.contact-wrap .banner .main-wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

.contact-wrap .banner p {
    margin: 10px 0;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
}

.contact-wrap .banner p img {
    margin-left: 57px;
}

.contact-wrap .page-posi {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.contact-wrap .page-posi .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.contact-wrap .page-posi p,
.contact-wrap .page-posi a {
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    text-align: right;
}

.contact-wrap .page-posi .more {
    color: #000000;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.contact-wrap .page-posi .more:hover {
    color: #2673b9;
}

.contact-wrap .page-nav {
    padding: 0 30px;
    float: left;
    padding-top: 30px;
}

.contact-wrap .page-nav li {
    padding: 0 22px 0 33px;
    width: 175px;
    height: 60px;
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    margin-bottom: 5px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.contact-wrap .page-nav li a {
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    display: block;
    background-image: url(http://www.njzkiot.net/img/index/icon7_03.png);
    background-size: 6px 13px;
    background-repeat: no-repeat;
    background-position: right center;
}

.contact-wrap .page-nav li:hover {
    background: #fff;
}

.contact-wrap .page-nav li:hover a {
    color: #2673b9;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.contact-wrap .page-nav li.cur {
    background: #fff;
}

.contact-wrap .page-nav li.cur a {
    color: #2673b9;
    font-weight: bold;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.contact-wrap .service-con {
    width: 77%;
    float: left;
    padding-left: 60px;
    border-left: 1px solid #d8d9db;
    padding-bottom: 120px;
}

.contact-wrap .tit {
    font-size: 36px;
    line-height: 46px;
    color: #333333;
    padding-top: 45px;
    padding-bottom: 35px;
}

.contact-wrap .con-c {
    margin-top: 15px;
}

.contact-wrap .con-left {
    float: left;
    width: 550px;
    border-right: 1px solid #ebebeb;
}

.contact-wrap .con-tit {
    font-size: 24px;
    line-height: 40px;
    color: #2673b9;
}

.contact-wrap .con-c1 {
    font-size: 18px;
    line-height: 40px;
    color: #666666;
}

.contact-wrap .con-right {
    float: left;
    margin-left: 70px;
    position: relative;
}

.contact-wrap .con-right img {
    width: 120px;
    height: 120px;
    border: 1px solid #e6e6e6;
    float: left;
}

.contact-wrap .con-right p {
    margin-left: 20px;
    float: left;
    font-size: 18px;
    line-height: 36px;
    color: #666666;
}

.contact-wrap .con-right p span {
    font-weight: bold;
    color: #2673b8;
}

.contact-wrap .con-right a {
    width: 190px;
    height: 50px;
    background: #2673b9;
    border-radius: 5px;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    margin-top: 30px;
}

.contact-wrap .con-right a img {
    margin-right: 5px;
    width: 22px;
    height: 21px;
    border-width: 0;
    float: none;
}

.contact-wrap .map {
    width: 1000px;
    height: 430px;
    margin-top: 50px;
}

.contact-wrap .con-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    display: table;
    top: 0;
    left: 0;
    display: none;
}

.contact-wrap .con-pop .con {
    width: 620px;
    padding: 30px;
    position: relative;
    background: #fff;
    border-radius: 5px;
}

.contact-wrap .con-pop .con div {
    width: 320px;
    margin: 0 auto;
    margin-top: 20px;
}

.contact-wrap .con-pop .close {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 43px;
    top: 43px;
    background-image: url(http://www.njzkiot.net/img/service/icon6_03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.contact-wrap .con-pop p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
    color: #2673b9;
}

.contact-wrap .con-pop input[type=text] {
    width: 580px;
    height: 43px;
    border: 1px solid #cdcccc;
    padding: 0 20px;
    margin-top: 15px;
    font-size: 18px;
    line-height: 44px;
    color: #333;
}

.contact-wrap .con-pop textarea {
    width: 580px;
    height: 156px;
    border: 1px solid #cdcccc;
    margin-top: 15px;
    padding: 6px 20px;
    font-size: 18px;
    line-height: 28px;
    color: #333;
}

.contact-wrap .con-pop input[type=submit] {
    width: 148px;
    height: 44px;
    background: #3b81c0;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    margin: 0 6px;
    border: 1px solid #3b81c0;
    float: left;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.contact-wrap .con-pop input[type=submit]:hover {
    background: #fff;
    color: #3b81c0;
}

.contact-wrap .con-pop input[type=reset] {
    width: 148px;
    height: 44px;
    background: #474747;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    margin: 0 6px;
    border-width: 0;
    float: left;
    border: 1px solid #474747;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.contact-wrap .con-pop input[type=reset]:hover {
    background: #fff;
    color: #474747;
}

.contact-wrap .banner.list .img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 1600px) {
    .contact-wrap .service-con {
        width: 70%;
    }
}

@media screen and (max-width: 1400px) {
    .contact-wrap .con-left {
        width: 450px;
    }
    .contact-wrap .con-right {
        margin-left: 30px;
    }
    .contact-wrap .map {
        width: 90%;
    }
}

@media screen and (max-width: 1200px) {
    .contact-wrap .service-con {
        width: 64%;
    }
    .contact-wrap .con-left {
        width: 100%;
        border-width: 0;
    }
    .contact-wrap .con-right {
        margin-left: 0;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .contact-wrap .service-con {
        width: 90%;
        padding-left: 0;
        margin-left: 5vw;
        border-width: 0;
    }
    .contact-wrap .page-nav {
        display: none;
    }
    .contact-wrap .ser-map {
        height: auto;
    }
    .contact-wrap .tit {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 20px;
        padding-top: 50px;
        text-align: center;
    }
    .contact-wrap .map {
        width: 100%;
    }
    .contact-wrap .con-pop .con {
        width: 90vw;
        padding: 30px 5vw;
    }
    .contact-wrap .con-pop input[type=text] {
        width: 85vw;
        padding: 0 2.5vw;
    }
    .contact-wrap .con-pop textarea {
        width: 85vw;
        padding: 6px 2.5vw;
    }
}

.product-wrap {
    border-bottom: 4px solid #2f313c;
}

.product-wrap .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.product-wrap .banner .img {
    width: 1920px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 960px);
}

.product-wrap .banner .img img {
    width: 100%;
    height: 100%;
    transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.product-wrap .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.product-wrap .banner .main-wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

.product-wrap .banner p {
    margin: 10px 0;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
}

.product-wrap .banner p img {
    margin-left: 57px;
}

.product-wrap .page-posi {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.product-wrap .page-posi .main-wrap {
    width: 90%;
    margin: 0 auto;
}

.product-wrap .page-posi p,
.product-wrap .page-posi a {
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    text-align: right;
}

.product-wrap .page-posi .more {
    color: #000000;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.product-wrap .page-posi .more:hover {
    color: #2673b9;
}

.product-wrap .page-nav {
    padding: 0 30px;
    float: left;
    padding-top: 30px;
}

.product-wrap .page-nav .nav-list {
    width: 230px;
    border: 1px solid #e6e5e5;
    background: #f5f5f5;
    margin-bottom: 5px;
    position: relative;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.product-wrap .page-nav .nav-list>a {
    padding: 0 22px 0 33px;
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    display: block;
    height: 60px;
    background-image: url(http://www.njzkiot.net/img/index/icon7_03.png);
    background-size: 6px 13px;
    background-repeat: no-repeat;
    background-position: right 22px center;
}

.product-wrap .page-nav .nav-list .nav-ul1 {
    display: none;
}

.product-wrap .page-nav .nav-list .nav-list1 {
    width: 100%;
    height: auto;
    position: relative;
}

.product-wrap .page-nav .nav-list .nav-list1>a {
    padding: 10px 22px 10px 10px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    width: 145px;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #e6e5e5;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.product-wrap .page-nav .nav-list .nav-list1 ul {
    position: absolute;
    bottom: 0px;
    left: 231px;
    border: 1px solid #e6e5e5;
    border-bottom-width: 0;
    display: none;
    z-index: 10;
}

.product-wrap .page-nav .nav-list .nav-list1 ul li {
    width: 350px;
    padding: 5px 20px;
    min-height: 36px;
    border-bottom: 1px solid #e6e5e5;
    background: rgba(245, 245, 245, 0.8);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.product-wrap .page-nav .nav-list .nav-list1 ul li a {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    display: block;
}

.product-wrap .page-nav .nav-list .nav-list1 ul li:hover,
.product-wrap .page-nav .nav-list .nav-list1 ul li.cur2 {
    background: #fff;
}

.product-wrap .page-nav .nav-list .nav-list1 ul li:hover a,
.product-wrap .page-nav .nav-list .nav-list1 ul li.cur2 a {
    color: #2673b9;
}

.product-wrap .page-nav .nav-list .nav-list1.on>a {
    background-image: url(http://www.njzkiot.net/img/service/icon7_05.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: right 0 center;
}

.product-wrap .page-nav .nav-list .nav-list1.on:hover>a,
.product-wrap .page-nav .nav-list .nav-list1.on.cur1>a {
    background-image: url(http://www.njzkiot.net/img/service/icon7_08.png);
    color: #2673b9;
}

.product-wrap .page-nav .nav-list .nav-list1.on.cur1>a {
    font-weight: bold;
}

.product-wrap .page-nav .nav-list:hover {
    background: #fff;
}

.product-wrap .page-nav .nav-list:hover>a {
    color: #2673b9;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
}

.product-wrap .page-nav .nav-list.cur,
.product-wrap .page-nav .nav-list.on {
    background: #fff;
}

.product-wrap .page-nav .nav-list.cur>a,
.product-wrap .page-nav .nav-list.on>a {
    color: #2673b9;
    font-weight: bold;
    background-image: url(http://www.njzkiot.net/img/index/icon7_06.png);
    border-bottom: 1px solid #e6e5e5;
}

.product-wrap .page-nav .nav-list.cur .nav-ul1,
.product-wrap .page-nav .nav-list.on .nav-ul1 {
    display: block;
}

.product-wrap .service-con {
    width: 77%;
    float: left;
    padding-left: 60px;
    border-left: 1px solid #d8d9db;
    padding-bottom: 120px;
}

.product-wrap .pro-tit {
    padding: 60px 0 20px;
    border-bottom: 1px solid #3c3f4b;
}

.product-wrap .pro-tit .t1 {
    font-size: 36px;
    line-height: 48px;
    color: #333333;
}

.product-wrap .pro-tit .t1 span {
    color: #2673b9;
}

.product-wrap .pro-tit .t2 {
    font-size: 24px;
    line-height: 48px;
    color: #333333;
}

.product-wrap .pi-tit {
    padding: 60px 0 40px;
    border-bottom: 1px solid #3c3f4b;
    margin-bottom: 30px;
}

.product-wrap .pi-tit .t1 {
    font-size: 36px;
    line-height: 48px;
    color: #333333;
}

.product-wrap .pi-tit .t1 span {
    color: #2673b9;
}

.product-wrap .pi-tit .t2 {
    font-size: 18px;
    line-height: 48px;
    color: #333333;
}

.product-wrap .pro-con li {
    width: 23%;
    height: 330px;
    border: 1px solid #e5e5e5;
    margin-right: 1.5%;
    margin-top: 25px;
    border-radius: 20px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.7);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow opacity left;
    -webkit-transition-property: box-shadow opacity left;
    -ms-transition-property: box-shadow opacity left;
    -o-transition-property: box-shadow opacity left;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    left: 50px;
    float: left;
}

.product-wrap .pro-con li .img {
    width: 100%;
    height: 265px;
    display: table;
}

.product-wrap .pro-con li .img img {
    max-width: 250px;
    max-height: 250px;
}

.product-wrap .pro-con li .font {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    text-align: center;
    /*height: 56px;*/
    height: 28px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1;
    /** 显示的行数 **/
    overflow: hidden;
}

.product-wrap .pro-con li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.product-wrap .pro-con li.list {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    left: 0px;
}

.product-wrap .pi-img {
    width: 470px;
    height: 355px;
    border: 20px solid #d6d6d6;
    float: left;
    display: table;
}

.product-wrap .pi-img img {
    max-width: 470px;
    max-height: 355px;
}

.product-wrap .pi-pro-in {
    float: right;
    width: 55%;
}

.product-wrap .pi-pro-in .t1 {
    font-size: 24px;
    line-height: 34px;
    color: #333333;
    padding: 15px;
    border-bottom: 1px solid #eaeaea;
}

.product-wrap .pi-pro-in li {
    font-size: 18px;
    line-height: 48px;
    color: #666666;
}

.product-wrap .pi-pro {
    float: right;
    width: 100%;
    margin-top: 15px;
}

.product-wrap .pi-pro .t1 {
    font-size: 24px;
    line-height: 34px;
    color: #333333;
    padding: 15px;
    border-bottom: 1px solid #eaeaea;
}

.product-wrap .pi-pro li {
    font-size: 18px;
    line-height: 48px;
    color: #666666;
}

.product-wrap .banner.list .img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 1600px) {
    .product-wrap .service-con {
        width: 70%;
    }
    .product-wrap .pro-con li .img img {
        max-width: 200px;
        max-height: 250px;
    }
    .product-wrap .pi-pro-in {
        width: 45%;
    }
}

@media screen and (max-width: 1400px) {
    .product-wrap .pi-pro-in {
        width: 35%;
    }
}

@media screen and (max-width: 1300px) {
    .product-wrap .service-con {
        width: 67%;
    }
    .product-wrap .pro-con li {
        width: 30%;
        margin-right: 2%;
    }
    .product-wrap .pro-con li .img img {
        max-width: 200px;
        max-height: 250px;
    }
}

@media screen and (max-width: 1400px) {
    .product-wrap .pi-pro-in {
        width: 100%;
        float: left;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1100px) {
    .product-wrap .service-con {
        width: 64%;
        padding-left: 30px;
    }
    .product-wrap .pro-con li {
        width: 30%;
        margin-right: 2%;
    }
    .product-wrap .pro-con li .img {
        height: 230px;
    }
    .product-wrap .pro-con li .img img {
        max-width: 180px;
        max-height: 220px;
    }
}

@media screen and (max-width: 1000px) {
    .product-wrap .service-con {
        width: 90%;
        padding-left: 0;
        margin-left: 5vw;
        border-width: 0;
    }
    .product-wrap .page-nav {
        display: none;
    }
    .product-wrap .pro-tit .t1 {
        font-size: 24px;
        line-height: 34px;
    }
    .product-wrap .pro-tit .t2 {
        font-size: 20px;
        line-height: 30px;
    }
    .product-wrap .pi-img {
        width: calc(90vw - 40px);
    }
    .product-wrap .pi-img img {
        max-width: calc(90vw - 40px);
    }
    .product-wrap .pro-con li {
        width: 42vw;
        margin: 1vw;
        height: 230px;
    }
    .product-wrap .pro-con li .img {
        height: 160px;
    }
    .product-wrap .pro-con li .img img {
        max-width: 40vw;
        height: 130px;
    }
}

.paging {
    margin-top: 50px;
    position: static;
}

.paging a {
    display: block;
    min-width: 10px;
    padding: 0 10px;
    height: 30px;
    position: static;
    float: left;
    margin-right: 5px;
    background: #fff;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    border: 1px solid #666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background border;
    -webkit-transition-property: color background border;
    -ms-transition-property: color background border;
    -o-transition-property: color background border;
}

.paging a:hover,
.paging a.active {
    background: #666;
    color: #fff;
    border-color: #666;
}
@media (min-width: 1000px) {
    .callzhq{
        display: none;
}
    }

@media (max-width: 1000px) {
/*.callzhq{
    width: 190px;
    height: 50px;position: absolute;  background-color: #2673b9;  top: 0;
        line-height: 40px;
        bottom: 0;
        margin: auto;
        border-radius: 5px;
        text-align: center;
        right: 0;
}*/


.callzhq {
    width: 190px;
    height: 50px;
    position: absolute;
    background-color: #2673b9;
    top: 152px;
    line-height: 40px;
    /* bottom: 0; */
    /* margin: auto; */
    border-radius: 5px;
    text-align: center;
    right: -48px;
}
.contact-wrap .con-right .callzhq a{
    color: #fff;
   
    font-size: 18px;
    margin-top: 0px;
    width: 100%
}
}
@media (max-width: 465px) {
    .contact-wrap .con-right a{
        width: 45%;
    }
    .callzhq {
    width: 45%;
    line-height: 40px;
    /* bottom: 0; */
    /* margin: auto; */
    border-radius: 5px;
    text-align: center;
    right: 5%;
}


    }
    @media (max-width: 400px) {
  .callzhq {
    top: 225px;
  }


    }




     .index-wrap .banner-zhqphone {
        display: none;
    }
    @media (max-width: 1000px) {
         .index-wrap .banner-zhqphone {
        display: block;
    }



    .index-wrap .banner .img, .index-wrap  .banner-zhqphone .img{
    	left: 0;
    	
    }

    .index-wrap  .banner-zhqphone .img{
    	width: 100%;
    	height: 100%
    }
     .index-wrap  .banner-zhqphone .img img{ 
     	height: 100%;
     	width: auto;

     }
    }


  .contact-wrap .banner .img.phone , .join-wrap .banner .img.phone , .service-wrap .banner .img.phone , .product-wrap .banner .img.phone , .app-wrap .banner .img.phone ,.about-wrap .banner .img.phone{
        display: none;
    }
     @media (max-width: 767px) {
      .contact-wrap .banner .img.pc , .join-wrap .banner .img.pc , .service-wrap .banner .img.pc , .product-wrap .banner .img.pc , .app-wrap .banner .img.pc , .about-wrap .banner .img.pc{
        display: none;
    }
.contact-wrap .banner .img.phone , .join-wrap .banner .img.phone , .service-wrap .banner .img.phone , .product-wrap .banner .img.phone , .app-wrap .banner .img.phone , .about-wrap .banner .img.phone{
        display: block;

          width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    }



.contact-wrap .banner .img.phone img, .join-wrap .banner .img.phone img, .service-wrap .banner .img.phone img, .product-wrap .banner .img.phone img, .app-wrap .banner .img.phone img, .about-wrap .banner .img.phone img{
        width: 100%;
        height: auto;
    }


 .index-wrap .banner-zhqphone .ind_ban_tit {
    font-size: 22px;
    line-height: 35px;
    color: #3c3f4b;
    padding-top: 20px;
}
 .index-wrap .banner-zhqphone .ind_ban_t1 {
    font-size: 19px;
    line-height: 30px;
    color: #ffffff;
    margin-top: 13px;
}


.product-wrap .banner .img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

     }


            @media (max-width: 500px) {



    .index-wrap .banner, .index-wrap .banner-zhqphone{
    	height: 200px
    }
.contact-wrap .banner .img.phone img, .join-wrap .banner .img.phone img, .service-wrap .banner .img.phone img, .product-wrap .banner .img.phone img, .app-wrap .banner .img.phone img, .about-wrap .banner .img.phone img{
        width: auto;
        height: 100%;
    }
.product-wrap .banner .img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}



}

/*# sourceMappingURL=style.css.map */