body {
    height: 100%;
}

#index-scroll {
    height: 500px;
}

.De-DIV {
    text-align: left;
    width: 745px;
    margin: auto;
    margin-bottom: 10px;
}

#index-main {
    height: auto;
    width: 100%;
    margin: 0 auto;
    /*border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;*/
}

.index-title {
    font-size: 36px;
    font-weight: 400;
    /*color: #323232;*/
    margin-bottom: 10px;
}

.index-service-title span {
    height: 50px;
}

.index-service-title {
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    color: #333333;
    /*padding-left: 10px;
    margin-bottom: 10px;*/
    background-color: #e0e0e0;
}

#silder-con {
    float: left;
    width: 9999px;
    white-space: nowrap;
    height: 500px;
    position: absolute;
    height: auto;
}

.index-service-item-padd:hover {
    cursor: pointer;
    box-shadow: 0 0px 0px #c5c5c5, 0 0px 0px #c5c5c5, 0 0px 0px #c5c5c5, 0 10px 10px #999999;
}

.index-service-item {
    height: 298px;
    width: 298px;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #f5f5f5;
    margin-bottom: 50px;
}

.index-service-item-padd {
    width: 298px;
    margin: 0 auto;
    border: 2px solid #d5d5d5;
    height: 300px;
    overflow: hidden;
    background-color: #000000;
    /*border-top: 4px solid #ff6700;*/
}
/*.index-img:hover {
     background-size:110% 110%;
}*/
.index-img {
    overflow: hidden;
    height: 250px;
    width: 298px;
    margin: 0 auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.index-word {
    width: 298px;
    font-size: 14px;
    height: 50px;
    /*color: #323232;*/
    /*padding-left: 10px;
    white-space: normal;
    margin-bottom:20px;*/
}

#index-3D-img {
    background-image: url(../Images/service/sanwei.JPG);
}

#index-GY-img {
    background-image: url(../Images/service/Gongyi.JPG);
}

#index-al-jc-img {
    background-image: url(../Images/service/exap1.JPG);
}

#index-al-dzh1-img {
    background-image: url(../Images/service/exap2.JPG);
}

#index-al-dzh2-img {
    background-image: url(../Images/service/exap3.JPG);
}

#index-al-yt-img {
    background-image: url(../Images/service/exap4.JPG);
}

#index-al-swsm-img {
    background-image: url(../Images/service/exap5.JPG);
}

#index-al-zhy-img {
    background-image: url(../Images/service/exap6.JPG);
}

#index-al-azh-img {
    background-image: url(../Images/service/exap7.JPG);
}

#index-3-img {
    background-image: url(../Images/service/saomiao.JPG);
}
/*.index-service-more{
     display:none;
 }*/
.index-service-more ul li img {
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 10px;
}

.index-service-more ul {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
    margin-top: 30px;
}

    .index-service-more ul li {
        height: 24px;
        color: #406caa;
        font-size: 14px;
        font-weight: 400;
        float: left;
        clear: both;
    }

.index-service-main {
    /*border-top:3px solid #ff6700;*/
    background-color: #f5f5f5;
    height: 100%;
    margin-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    /*float: left;*/
}

.index-service-layout {
    margin: 0 auto;
    height: auto;
    /*background-color: #fff;*/
    padding-bottom: 20px;
    text-align: center;
    background-color: #f5f5f5;
    /*border-top: 3px solid #ff6700;*/
}

#index-bim-img {
    background-image: url(../Images/service/bim.JPG);
}

#index-dev-img {
    background-image: url(../Images/service/Dev.JPG);
}

#index-unity-img {
    background-image: url(../Images/service/suzi.JPG);
}

#head-infor {
    float: right;
    margin-right: 20px;
}

.inex-title-about {
    padding-top: 80px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 24px;
    height: 42px;
}

.index-exap-item {
    text-align: left;
    height: 250px;
    margin: 20px;
    border: solid 2px #d5d5d5;
}

    .index-exap-item:hover {
        cursor: pointer;
        box-shadow: 0 0px 0px #c5c5c5, 0 0px 0px #c5c5c5, 0 0px 0px #c5c5c5, 0 10px 10px #999999;
    }
/*.index-exp-item {
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    background-color: #f5f5f5;
    margin-bottom: 50px;
    border: solid 1px #333333;
}*/

.Bin {
    float: left;
    display: inline-block;
    clear: both;
}

.borImg {
    margin-right: 20px;
    width: 298px;
    height: 250px;
    background-color: #000000;
}

#index-SheBei-img {
    background-image: url(../Images/service/shebeisheji.JPG);
}

#index-JieGou-img {
    background-image: url(../Images/service/jiegousheji.JPG);
}

#index-yibiao-img {
    background-image: url(../Images/service/yibiaosheji.JPG);
}

#index-dianqi-img {
    background-image: url(../Images/service/dianqisheji.JPG);
}

#index-gongcha-img {
    background-image: url(../Images/service/gongchang.JPG);
}

#index-huanbao-img {
    background-image: url(../Images/service/huanbaosheji.JPG);
}

#index-eap1-img {
    background-image: url(../Images/service/exap1.jpg);
}

#index-eap2-img {
    background-image: url(../Images/service/exap2.JPG);
}

#index-eap3-img {
    background-image: url(../Images/service/exap3.JPG);
}

#index-eap4-img {
    background-image: url(../Images/service/exap4.JPG);
}

#index-eap5-img {
    background-image: url(../Images/service/exap5.JPG);
}

#index-eap6-img {
    background-image: url(../Images/service/exap6.JPG);
}

#index-eap7-img {
    background-image: url(../Images/service/exap7.JPG);
}

#about-img-container img {
    width: 600px;
    /*height: 240px;*/
    border: 2px solid #d5d5d5;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/*main*/
.imgContainer {
    width: 745px;
    margin: 20px auto;
    padding: 10px;
    box-shadow: 1px 0 6px 0 rgba(180, 180, 180, 0.4);
}

.imgUl {
    position: relative;
    width: 2500px;
}

.box {
    width: 684px;
    margin-left: 30px;
    overflow: hidden;
}

.detailImg,
.smallImg {
    position: relative;
}
/*detailImg*/
#detailImg-box {
    min-height: 200px;
}

.detailImg {
    text-align: center;
}

    .detailImg img {
        max-width: 684px;
    }

    .detailImg p {
        text-align: left;
        color: #999;
    }

#detailImg-pre,
#detailImg-next {
    position: absolute;
    width: 30px;
    height: 46px;
    top: 50%;
    background: url(../Images/page_button.gif) 0 0 no-repeat;
    cursor: pointer;
    text-indent: -9999px;
}

#detailImg-pre {
    left: 0;
    background-position: -35px 0;
}

#detailImg-next {
    right: 0;
    background-position: -99px 0;
}

#detailImg-pre:hover {
    background-position: -35px -47px;
}

#detailImg-next:hover {
    background-position: -99px -47px;
}
/*smallImg*/
#smallImg-box {
    height: 92px;
}

.smallImg li {
    float: left;
    width: 76px;
}

    .smallImg li a {
        display: block;
        width: 70px;
        height: 70px;
        border: 3px solid #fff;
        overflow: hidden;
        vertical-align: middle;
        margin: 5px auto;
    }

.smallImg img {
    width: 70px;
    height: 70px;
}

.smallImg li a:hover,
.smallImg .cur a {
    border-color: #F45E5E;
}

#smallImg-pre,
#smallImg-next {
    position: absolute;
    top: 0;
    height: 92px;
    width: 28px;
    margin: 0;
    background: url(../Images/album-arrow.png) 0 0 no-repeat;
    cursor: pointer;
}

#smallImg-pre {
    left: 0;
}

#smallImg-next {
    right: 0;
    background-position: 0 -94px;
}

#smallImg-pre:hover {
    background-position: -28px 0;
}

#smallImg-next:hover {
    background-position: -28px -94px;
}