/*框架*/
#tabContainer{ width:100%; height:auto;background-color:#FAFAFA;}
.tab_body {display:block;width: auto;}
#tab0{ height:480px;}
#tab1{ height:auto;margin-left:150px;margin-right:150px;}
/*#tab2{ height:900px;margin-left:150px;margin-right:150px;}
#tab3{ height:900px;margin-left:150px;margin-right:150px;}
#tab4{ height:900px; background:#0ad;margin-left:150px;margin-right:150px;}
#tab5{ height:900px; background:#0d0;margin-left:150px;margin-right:150px;}
#tab6{ height:900px; background:#0f0;margin-left:150px;margin-right:150px;}
#tab7{ height:900px; background:#dd4;margin-left:150px;margin-right:150px;}*/
.tab_header_group{ width:80px; height:350px; position: fixed; left:50px; top:360px;}
.tab_header_us{color:#4F4F4F;background:#F0F0F0;border-bottom:10px solid #FAFAFA;}
.tab_header_group .active a{background:#c40000; color:#fff;}
.tab_body_group .active { display:block;}
.tab_header_group a{width:80px; text-align:center; height:40px; line-height:40px; font-size:14px; margin:0; padding:0; cursor:pointer;color:#4F4F4F;}
.tab_header_group p{ display:inline-block; display:none; width:80px; height:60px; margin:0 auto; background:#F0F0F0; color:#4F4F4F;  vertical-align:middle; cursor:pointer;}
.tab_header_group p span{ display:block; width:30px; height:44px; line-height:22px;font-size:14px; line-height:22px; text-align:center; margin:5px 25px; _margin:-10px 0 0 16px;}
.tab_header_group p:hover{ background:#000; color:#fff; zoom:1;}
.tab_header_group a:hover{ background:#c40000; color:#fff;}
/*智慧城市*/
.pro_title{background-image: url(../img/title_bj1.png);background-position: center;background-repeat: no-repeat;width:100%;height:66px;margin:0 auto;}
.pro_content{width:70%;margin:10px auto 0 auto;text-indent:2em;font-size:18px;color:#4F4F4F;line-height:40px;}
#pro_box{width:70%;margin:10px auto 0 auto;}
.pro_img_off1{background-image: url(../img/pro_off_img1.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on1{background-image: url(../img/pro_on_img1.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off2{background-image: url(../img/pro_off_img2.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on2{background-image: url(../img/pro_on_img2.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off3{background-image: url(../img/pro_off_img23.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on3{background-image: url(../img/pro_on_img23.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off4{background-image: url(../img/pro_off_img3.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on4{background-image: url(../img/pro_on_img3.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off5{background-image: url(../img/pro_off_img4.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on5{background-image: url(../img/pro_on_img4.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off6{background-image: url(../img/pro_off_img5.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on6{background-image: url(../img/pro_on_img5.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off7{background-image: url(../img/pro_off_img6.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on7{background-image: url(../img/pro_on_img6.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off8{background-image: url(../img/pro_off_img7.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on8{background-image: url(../img/pro_on_img7.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off9{background-image: url(../img/pro_off_img8.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on9{background-image: url(../img/pro_on_img8.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off10{background-image: url(../img/pro_off_img9.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on10{background-image: url(../img/pro_on_img9.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off11{background-image: url(../img/pro_off_img10.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on11{background-image: url(../img/pro_on_img10.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off12{background-image: url(../img/pro_off_img11.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on12{background-image: url(../img/pro_on_img11.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off13{background-image: url(../img/pro_off_img32.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on13{background-image: url(../img/pro_on_img32.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off14{background-image: url(../img/pro_off_img33.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on14{background-image: url(../img/pro_on_img33.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off15{background-image: url(../img/pro_off_img35.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on15{background-image: url(../img/pro_on_img35.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off16{background-image: url(../img/pro_off_img36.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on16{background-image: url(../img/pro_on_img36.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_table_off{background-image: url(../img/pro_table_off_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;width:33%;float: left;margin-top:10px;}
.pro_table_on{background-image: url(../img/pro_table_on_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;width:33%;float: left;margin-top:10px;}
/*.pro_table_off1{margin-left:7%;}*/
.pro_table_off2{margin-right: 0.5%;margin-left: 0.5%}
/*.pro_table_off3{margin-right:7%;}*/
.pro_table tr th{font-size:20px;height:80px;color:#4F4F4F;overflow: hidden;display:block;line-height:80px;}
.pro_table tr td{text-align: center;}
.pro_syn{height:60px;overflow: hidden;display:block;}
.pro_table tr td p{font-size:16px;line-height:30px;color:#4F4F4F;}
.pro_but{height:80px;}
.pro_but_off{display: inline-block;width:50%;height:56px;line-height:56px;font-size:16px;color:#4F4F4F;background-image: url(../img/pro_bur_off_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;}
.pro_but_on{display: inline-block;width:50%;height:56px;line-height:56px;font-size:16px;color:#FFFFFF;background-image: url(../img/pro_bur_on_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;}
.case_title{background-image: url(../img/title_bj2.jpg);background-position: center;background-repeat: no-repeat;width:100%;height:96px;clear: both;}
@media screen and (max-width: 1450px) {
/*框架*/
#tabContainer{ width:100%; height:auto;background-color:#FAFAFA;}
.tab_body {display:block;width: auto;}
#tab0{ height:480px;}
#tab1{ height:auto;margin-left:80px;margin-right:80px;}

/*#tab2{ height:900px;margin-left:80px;margin-right:80px;}
#tab3{ height:900px;margin-left:80px;margin-right:80px;}
#tab4{ height:900px; background:#0ad;margin-left:80px;margin-right:80px;}
#tab5{ height:900px; background:#0d0;margin-left:80px;margin-right:80px;}
#tab6{ height:900px; background:#0f0;margin-left:80px;margin-right:80px;}
#tab7{ height:900px; background:#dd4;margin-left:80px;margin-right:80px;}*/
.tab_header_group{ width:80px; height:350px; position: fixed; left:0px; top:360px;}
.tab_header_us{color:#4F4F4F;background:#F0F0F0;border-bottom:10px solid #FAFAFA;}
.tab_header_group .active a{background:#c40000; color:#fff;}
.tab_body_group .active { display:block;}
.tab_header_group a{width:80px; text-align:center; height:40px; line-height:40px; font-size:14px; margin:0; padding:0; cursor:pointer;color:#4F4F4F;}
.tab_header_group p{ display:inline-block; display:none; width:80px; height:60px; margin:0 auto; background:#F0F0F0; color:#4F4F4F;  vertical-align:middle; cursor:pointer;}
.tab_header_group p span{ display:block; width:30px; height:44px; line-height:22px;font-size:14px; line-height:22px; text-align:center; margin:5px 25px; _margin:-10px 0 0 16px;}
.tab_header_group p:hover{ background:#000; color:#fff; zoom:1;}
.tab_header_group a:hover{ background:#c40000; color:#fff;}
/*智慧城市*/
.pro_title{background-image: url(../img/title_bj1.png);background-position: center;background-repeat: no-repeat;width:100%;height:66px;margin:0 auto;}
.pro_content{width:80%;margin:10px auto 0 auto;text-indent:2em;font-size:18px;color:#4F4F4F;line-height:40px;}
#pro_box{width:80%;margin:10px auto 0 auto;}
.pro_img_off1{background-image: url(../img/pro_off_img1.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on1{background-image: url(../img/pro_on_img1.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off2{background-image: url(../img/pro_off_img2.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on2{background-image: url(../img/pro_on_img2.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off3{background-image: url(../img/pro_off_img23.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on3{background-image: url(../img/pro_on_img23.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off4{background-image: url(../img/pro_off_img3.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on4{background-image: url(../img/pro_on_img3.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off5{background-image: url(../img/pro_off_img4.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on5{background-image: url(../img/pro_on_img4.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off6{background-image: url(../img/pro_off_img5.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on6{background-image: url(../img/pro_on_img5.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off7{background-image: url(../img/pro_off_img6.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on7{background-image: url(../img/pro_on_img6.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off8{background-image: url(../img/pro_off_img7.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on8{background-image: url(../img/pro_on_img7.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off9{background-image: url(../img/pro_off_img8.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on9{background-image: url(../img/pro_on_img8.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off10{background-image: url(../img/pro_off_img9.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on10{background-image: url(../img/pro_on_img9.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off11{background-image: url(../img/pro_off_img10.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on11{background-image: url(../img/pro_on_img10.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off12{background-image: url(../img/pro_off_img11.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on12{background-image: url(../img/pro_on_img11.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off13{background-image: url(../img/pro_off_img32.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on13{background-image: url(../img/pro_on_img32.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off14{background-image: url(../img/pro_off_img33.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on14{background-image: url(../img/pro_on_img33.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off15{background-image: url(../img/pro_off_img35.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on15{background-image: url(../img/pro_on_img35.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_off16{background-image: url(../img/pro_off_img36.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_img_on16{background-image: url(../img/pro_on_img36.png);background-position: center;background-repeat: no-repeat;height:230px;}
.pro_table_off{background-image: url(../img/pro_table_off_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;width:33%;float: left;margin-top:10px;}
.pro_table_on{background-image: url(../img/pro_table_on_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;width:33%;float: left;margin-top:10px;}
/*.pro_table_off1{margin-left:7%;}*/
.pro_table_off2{margin-right: 0.5%;margin-left: 0.5%}
/*.pro_table_off3{margin-right:7%;}*/
.pro_table tr th{font-size:20px;height:80px;color:#4F4F4F;overflow: hidden;display:block;line-height:80px;}
.pro_table tr td{text-align: center;}
.pro_syn{height:66px;overflow: hidden;display:block;}
.pro_table tr td p{font-size:16px;line-height:30px;color:#4F4F4F;}
.pro_but{height:80px;}
.pro_but_off{display: inline-block;width:50%;height:56px;line-height:56px;font-size:16px;color:#4F4F4F;background-image: url(../img/pro_bur_off_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;}
.pro_but_on{display: inline-block;width:50%;height:56px;line-height:56px;font-size:16px;color:#FFFFFF;background-image: url(../img/pro_bur_on_bj.png);background-position: center;background-repeat: no-repeat;background-size:100% 100%;}
.case_title{background-image: url(../img/title_bj2.jpg);background-position: center;background-repeat: no-repeat;width:100%;height:96px;clear: both;}
}

.CustomDevelopment_title {
    background-image: none;
    overflow: hidden;
    height: auto;
    margin-top: 30px;
}

.CustomDevelopment_title img {
    margin-top: 20px;
    max-width: 100%;
}

@media (max-width: 640px) {
    .CustomDevelopment_title img {
        max-width: 180%;
        width: 180%;
        margin-left: -40%;
    }
}

.title {
    color: #ce1b1c;
    font-weight: bold;
    text-indent: 0;
    margin-top: 20px;
}

.index_main {
    width: 100%;
    height: 250px;
    background: #fafafa;
    margin-top: 20px;
    margin-bottom: 30px;
    border-style: solid;
    border-color: #c8c8c8;
    padding-right: 2%;
}

#menu {
    float: left;
    width: 13%;
    background: #fafafa;
}

#m1, #m3 {
    margin-top: 6px;
    margin-left: 18%;
    height: 55px;
}

#menu li {
    text-align: right;
    cursor: pointer;
}

#m2 {
    margin-top: 6px;
    margin-left: 18%;
    height: 59px;
}

#m4 {
    margin-top: 3px;
    margin-left: 18%;
    height: 52px;
}

#content {
    float: left;
    width: 82%;
    margin-left: 5%;
    background: #fafafa;
}

.index_xd {
    width: 3px;
    height: 240px;
    margin-top: 5px;
    margin-right: 5%;
    float: left;
    background: #c8c8c8;
}

#c1 p, #c2 p, #c3 p, #c4 p {
    font-size: 18px;
    text-align: left;
    color: #000;
    padding-top: 4%;
    line-height: 40px;
    height: auto;
    display: block;
    overflow: auto;
}

.index_xd1 {
    width: 100%;
    height: 3px;
    margin-left: 10%;
    margin-top: 10px;
    background: #c8c8c8;
}

@media (max-width: 1000px) {
    .index_main {
        height: 280px;
    }

    #menu {
        background: transparent;
    }

    #m1, #m3, #m2, #m4 {
        margin-top: 10px;
        height: 60px;
    }

    .index_xd1 {
        margin-top: 10px;
    }

    .index_xd {
        height: 265px;
        margin-right: 10px;
    }

    #c1 p, #c2 p, #c3 p, #c4 p {
        height: 265px;
        padding-top: 6px;
        font-size: 14px;
        line-height: 30px;
        padding-right: 5px;
    }

}

.websiteLogo {
    margin: 30px auto;
    overflow: hidden;
}

.websiteLogo li {
    width: 33.3%;
    padding: 10px 0;
    float: left;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.websiteLogo li.borderR {
    border-right: 1px solid #323232;
}

.websiteLogo li.borderB {
    border-bottom: 1px solid #323232;
}

.websiteLogo li img {
    max-width: 80%;
}

#menu ul li img {
    width: 100%;
    padding-left: 10%;
    margin-left: -20%;
    vertical-align: middle;
}

@media (max-width: 640px) {
    #menu {
        width: 16%;
    }

    #content {
        width: 79%;
    }

    #m1 img, #m3 img, #m2 img, #m4 img {
        width: 180% !important;
        padding-left: 0 !important;
        margin-left: -110% !important;
    }
}

.CustomDevelopment_title img {
    max-width: 160%;
    width: 100%;
    margin: auto;
}

#tab1 {
    width: 60%;
    margin: auto;
}

@media (max-width: 640px) {
    .CustomDevelopment_title img {
        max-width: 200%;
        width: 200%;
        margin-left: -50%;
    }

    #content {
        width: 75%;
        margin-left: 9%;
    }

    #tab1 {
        width: 100%;
        margin: auto;
    }
}