/*index*/
.head-log {
    height: 78px;
    /*padding-top: 7px;*/
}

.slide_div, .slide_div .slide_img_ul, .slide_div .slide_img_ul li {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.slide_option {
    position: absolute;
    z-index: 999;
    bottom: 0px;
    width: 100%;
    background: black;
    opacity: 0.5;
    text-align: center;
    display: block;
    list-style: none;
}

.check_li {
    background: #179eda !important;
    opacity: 1 !important;
}

.slide_option li {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f0f0f0;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
}
/*条幅图片字体样式*/
.braner-label {
    margin: 0 auto;
    width: 1000px;
    text-align: left;
    height: 250px;
    margin-top: 170px;
}

    .braner-label h1 {
        font-size: 60px;
    }

    .braner-label h5, .braner-label h4 {
        text-align: right;
        font-size: 20px;
        margin-top: 20px;
    }

.braner-label-1 h5, .braner-label-1 h4 {
    padding-right: 90px;
}

.braner-label-2 h5, .braner-label-2 h4 {
    padding-right: 190px;
}

.braner-label {
    color: #fff;
    text-align: center;
    padding-top: 10px;
}
/*banner结束*/
/*首页栏目标题*/
.index-Cloumtitle {
    padding-top: 80px;
    padding-left: 60px;
}

    .index-Cloumtitle h1 {
        font-size: 26px;
    }

    .index-Cloumtitle span {
        color: #a3a3a3;
        font-size: 14px;
        padding-top: 15px;
        display: block;
    }
/*首页服务栏目*/
.service-tab {
    padding-top: 80px;
}

.tab-content {
    display: none;
    width: 100%;
    height: 100%;
}

.tab-content-curren {
    display: block;
}

.service-tab-title a {
    display: block;
    text-align: center;
    color: #464646;
}

    .service-tab-title a:hover {
        text-decoration: none;
    }

    .service-tab-title a .service-tab-title-curren {
        color: #179eda;
    }

    .service-tab-title a p {
        font-size: 18px;
        padding-top: 20px;
        cursor: default;
    }

    .service-tab-title a .icon {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        display: block;
    }

#s-1 a .icon-1 {
    background: url("../images/service/icon-1.png") no-repeat 0px 3px;
}

#s-1 a .curren {
    background: url("../images/service/icon-1.png") no-repeat 0px -97px;
}

#s-2 a .icon-2 {
    background: url("../images/service/icon-2.png") no-repeat 0px 4px;
}

#s-2 a .curren {
    background: url("../images/service/icon-2.png") no-repeat 0px -97px;
}

#s-3 a .icon-3 {
    background: url("../images/service/icon-3.png") no-repeat 0px 3px;
}

#s-3 a .curren {
    background: url("../images/service/icon-3.png") no-repeat 0px -97px;
}

#s-4 a .icon-4 {
    background: url("../images/service/icon-4.png") no-repeat 0px 3px;
}

#s-4 a .curren {
    background: url("../images/service/icon-4.png") no-repeat 0px -97px;
}

#s-5 a .icon-5 {
    background: url("../images/service/icon-5.png") no-repeat 0px 3px;
}

#s-5 a .curren {
    background: url("../images/service/icon-5.png") no-repeat 0px -97px;
}

#tab-content-box #t-1, #tab-content-box #t-2, #tab-content-box #t-3, #tab-content-box #t-4, #tab-content-box #t-5 {
    position: relative;
}

    #tab-content-box #t-1 .b-img img {
        width: 600px;
        height: 380px;
        padding-top: 30px;
    }

    #tab-content-box #t-1 .col-xs-5 {
        margin-top: 100px;
    }

    #tab-content-box #t-2 .b-img img {
        width: 460px;
        height: 380px;
    }

    #tab-content-box #t-2 .col-xs-6 {
        margin-top: 100px;
    }

    #tab-content-box #t-3 .b-img img {
        width: 460px;
        height: 380px;
    }

    #tab-content-box #t-3 .col-xs-6 {
        margin-top: 100px;
    }

    #tab-content-box #t-4 .b-img img {
        width: 460px;
        height: 380px;
        padding-top: 20px;
    }

    #tab-content-box #t-4 .col-xs-6 {
        margin-top: 100px;
    }

    #tab-content-box #t-5 .b-img img {
        width: 450px;
        height: 380px;
    }

    #tab-content-box #t-5 .col-xs-6 {
        margin-top: 100px;
    }


/*首页软件环境*/
#environment {
    background-image: url("../images/environment/b1.jpg");
    height: 600px;
    position: relative;
}

    #environment .mask {
        background-color: #464646;
        opacity: 0.4;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #environment .index-Cloumtitle {
        color: #fff;
        position: relative;
    }

        #environment .index-Cloumtitle span {
            color: #fff;
        }

    #environment .content {
    }

    #environment .environmentnav-box {
        margin-top: 100px;
        padding: 30px;
    }

        #environment .environmentnav-box div {
            color: #fff;
            text-align: center;
        }

            #environment .environmentnav-box div img {
                padding-bottom: 20px;
                transition: all 0.8s;
            }

                #environment .environmentnav-box div img:hover {
                    transform: scale(1.6);
                }

            #environment .environmentnav-box div p {
                font-size: 16px;
            }

/*首页开发技术*/
#cooperation .col-xs-2 {
    padding: 10px;
    text-align: center;
    width: 320px;
    height: 200px;
}

    #cooperation .col-xs-2 img {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;
    }

#xc {
    height: 240px;
}

#cooperation .col-xs-3 p {
    margin-top: 10px;
}

#cooperation .col-xs-3 img {
    transition: all 0.8s;
}

    #cooperation .col-xs-3 img:hover {
        transform: scale(1.6);
    }
/*首页留言*/
#msg {
    position: relative;
    margin-top: 40px;
    height: 700px;
}

    #msg .back-box, #msg .mask {
        width: 100%;
        height: 700px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
    }

    #msg .mask {
        background-color: #464646;
        opacity: 0.5;
        z-index: 1;
    }

    #msg .video {
        width: 100%;
        height: 700px;
    }

    #msg .content .index-Cloumtitle, #msg .content .index-Cloumtitle span {
        color: #fff;
        z-index: 10;
        position: relative;
    }

    #msg .msgform {
        padding-top: 50px;
        color: #fff;
        font-size: 16px;
        z-index: 10;
        position: relative;
    }

        #msg .msgform div {
            padding-bottom: 10px;
        }

        #msg .msgform .iput {
            border: 0px;
            height: 30px;
            border-radius: 6px;
            width: 250px;
            color: #464646;
            padding-left: 5px;
            font-size: 14px;
        }

        #msg .msgform .col-xs-1 {
            padding-top: 4px;
            text-align: right;
        }

        #msg .msgform ul li {
            display: block;
            float: left;
            margin-right: 5px;
        }

            #msg .msgform ul li label {
                font-weight: normal;
                font-size: 14px;
            }

        #msg .msgform .ibtn {
            margin-left: 140px;
        }

            #msg .msgform .ibtn:hover {
                color: #fff;
            }

    #msg .content-form {
        padding: 10px;
        width: 600px;
        height: 400px;
        position: absolute;
        left: 55%;
        top: 195px;
        z-index: 10;
        border-left: solid 1px #fff;
        color: #fff;
    }

        #msg .content-form h4 {
            margin-bottom: 15px;
            vertical-align: text-bottom;
        }

        #msg .content-form p {
            font-size: 18px;
            padding-left: 35px;
            font-weight: normal;
        }

        #msg .content-form h4 i {
            display: block;
            width: 28px;
            height: 31px;
            float: left;
            margin-right: 5px;
        }

        #msg .content-form h4 .icon-1 {
            background: url("../images/msg/icon-2.png") no-repeat;
            background-size: 20px 20px;
        }

        #msg .content-form h4 .icon-2 {
            background: url("../images/msg/icon-1.png") no-repeat;
            background-size: 20px 20px;
        }

        #msg .content-form h4 .icon-3 {
            background: url("../images/msg/icon-3.png") no-repeat;
        }

        #msg .content-form h4 .icon-4 {
            background: url("../images/msg/icon-4.png") no-repeat;
            background-size: 20px 20px;
        }

/* display */
.dn {
    display: none;
}

.di {
    display: inline;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

div.dib {
    *display: inline;
    *zoom: 1;
}
/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0 {
    height: 0;
}

.h16 {
    height: 14px;
}

.h16 {
    height: 16px;
}

.h18 {
    height: 18px;
}

.h20 {
    height: 20px;
}

.h22 {
    height: 22px;
}

.h24 {
    height: 24px;
}

.h30 {
    height: 30px;
}
/* width */

/* percent width value */
.pct10 {
    width: 10%;
}

.pct15 {
    width: 15%;
}

.pct20 {
    width: 20%;
}

.pct25 {
    width: 25%;
}

.pct30 {
    width: 30%;
}

.pct33 {
    width: 33.3%;
}

.pct40 {
    width: 40%;
}

.pct50 {
    width: 50%;
}

.pct60 {
    width: 60%;
}

.pct66 {
    width: 66.6%;
}

.pct70 {
    width: 70%;
}

.pct75 {
    width: 75%;
}

.pct80 {
    width: 80%;
}

.pct90 {
    width: 90%;
}

.pct100 {
    width: 100%;
}
/* line-height */
.lh0 {
    line-height: 0;
}

.lh16 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}

.lh18 {
    line-height: 18px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.lh30 {
    line-height: 30px;
}
/* margin */
.m0 {
    margin: 0;
}

.ml1 {
    margin-left: 1px;
}

.ml2 {
    margin-left: 2px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.mr1 {
    margin-right: 1px;
}

.mr2 {
    margin-right: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mb1 {
    margin-bottom: 1px;
}

.mb2 {
    margin-bottom: 2px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}
/* margin negative */
.ml-1 {
    margin-left: -1px;
}

.mr-1 {
    margin-right: -1px;
}

.mt-1 {
    margin-top: -1px;
}

.mb-1 {
    margin-bottom: -1px;
}

.ml-3 {
    margin-left: -3px;
}

.mr-3 {
    margin-right: -3px;
}

.mt-3 {
    margin-top: -3px;
}

.mb-3 {
    margin-bottom: -3px;
}

.ml-20 {
    margin-left: -20px;
}

.mr-20 {
    margin-right: -20px;
}

.mt-20 {
    margin-top: -20px;
}

.mb-20 {
    margin-bottom: -20px;
}
/* padding */
.p0 {
    padding: 0;
}

.p1 {
    padding: 1px;
}

.pl1 {
    padding-left: 1px;
}

.pt1 {
    padding-top: 1px;
}

.pr1 {
    padding-right: 1px;
}

.pb1 {
    padding-bottom: 1px;
}

.p2 {
    padding: 2px;
}

.pl2 {
    padding-left: 2px;
}

.pt2 {
    padding-top: 2px;
}

.pr2 {
    padding-right: 2px;
}

.pb2 {
    padding-bottom: 2px;
}

.pl5 {
    padding-left: 5px;
}

.p5 {
    padding: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p15 {
    padding: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pt15 {
    padding-top: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.p30 {
    padding: 30px;
}

.pl30 {
    padding-left: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pr30 {
    padding-right: 30px;
}

.pb30 {
    padding-bottom: 30px;
}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc {
    border: 1px solid #ccc;
}

.blc {
    border-left: 1px solid #ccc;
}

.brc {
    border-right: 1px solid #ccc;
}

.btc {
    border-top: 1px solid #ccc;
}

.bbc {
    border-bottom: 1px solid #ccc;
}

.bdd {
    border: 1px solid #ddd;
}

.bld {
    border-left: 1px solid #ddd;
}

.brd {
    border-right: 1px solid #ddd;
}

.btd {
    border-top: 1px solid #ddd;
}

.bbd {
    border-bottom: 1px solid #ddd;
}

.bde {
    border: 1px solid #eee;
}

.ble {
    border-left: 1px solid #eee;
}

.bre {
    border-right: 1px solid #eee;
}

.bte {
    border-top: 1px solid #eee;
}

.bbe {
    border-bottom: 1px solid #eee;
}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh {
    background-color: #fff;
}

/* safe color */
.g0 {
    color: #000;
}

.g3 {
    color: #333;
}

.g6 {
    color: #666;
}

.g9 {
    color: #999;
}

.gc {
    color: #ccc;
}

.wh {
    color: white;
}
/* font-size */
.f0 {
    font-size: 0;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f28 {
    font-size: 28px;
}
/* font-family */
.fa {
    font-family: Arial;
}

.ft {
    font-family: Tahoma;
}

.fv {
    font-family: Verdana;
}

.fs {
    font-family: Simsun;
}

.fl {
    font-family: 'Lucida Console';
}

.fw {
    font-family: 'Microsoft Yahei';
}
/* font-style */
.n {
    font-weight: normal;
    font-style: normal;
    white-space: normal;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}
/* text-align */
.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tj {
    text-align: justify;
}
/* text-decoration */
.tdl {
    text-decoration: underline;
}

.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
    text-decoration: none;
}
/* letter-spacing */
.lt-1 {
    letter-spacing: -1px;
}

.lt0 {
    letter-spacing: 0;
}

.lt1 {
    letter-spacing: 1px;
}
/* white-space */
.nowrap {
    white-space: nowrap;
}
/* word-wrap */
.bk {
    word-wrap: break-word;
}
/* vertical-align */
.vm {
    vertical-align: middle;
}

.vtb {
    vertical-align: text-bottom;
}

.vb {
    vertical-align: bottom;
}

.vt {
    vertical-align: top;
}

.v-1 {
    vertical-align: -1px;
}

.v-2 {
    vertical-align: -2px;
}

.v-3 {
    vertical-align: -3px;
}

.v-4 {
    vertical-align: -4px;
}

.v-5 {
    vertical-align: -5px;
}
/* float */
.l {
    float: left;
}

.r {
    float: right;
}
/* clear */
.cl {
    clear: both;
}
/* position */
.rel {
    position: relative;
}

.abs {
    position: absolute;
}
/*z-index*/
.zx1 {
    z-index: 1;
}

.zx2 {
    z-index: 2;
}
/* cursor */
.poi {
    cursor: pointer;
}

.def {
    cursor: default;
}
/* overflow */
.ovh {
    overflow: hidden;
}

.ova {
    overflow: auto;
}
/* visibility */
.vh {
    visibility: hidden;
}

.vv {
    visibility: visible;
}
/* opacity */
.opa0 {
    opacity: 0;
    filer: alpha(opacity=0);
}
/* zoom */
.z {
    *zoom: 1;
}


/* ------------------- multiply CSS ------------------ */

/* 块状元素水平居中 */
.auto {
    margin-left: auto;
    margin-right: auto;
}
/* 清除浮动*/
.fix {
    *zoom: 1;
}

    .fix:after {
        display: table;
        content: '';
        clear: both;
    }
/*清除浮动*/
.clearfix:after {
    display: block;
    height: 0;
    content: '.';
    clear: both;
    overflow: hidden;
}
/* 基于display:table-cell的自适应布局 */
.cell {
    display: table-cell;
    *display: inline-block;
    width: 2000px;
    *width: auto;
}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2 {
    overflow: hidden;
    _display: inline-block;
}
/* 单行文字溢出虚点显 示*/
.ell {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* css3过渡动画效果 */
.trans {
    -webkit-transition: all .15s;
    transition: all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading {
    background: url(about:blank) no-repeat center;
}
/* 无框文本框文本域 */
.bd_none {
    border: 0;
    outline: none;
}
/* 绝对定位隐藏 */
.abs_out {
    position: absolute;
    left: -999em;
    top: -999em;
}

.abs_clip {
    position: absolute;
    clip: rect(0 0 0 0);
}
/* 按钮禁用 */
.disabled {
    outline: 0 none;
    cursor: default !important;
    opacity: .4;
    filer: alpha(opacity=40);
    -ms-pointer-events: none;
    pointer-events: none;
}
/*inline-block与float等宽列表*/
.inline_box {
    font-size: 1em;
    letter-spacing: -.25em;
    font-family: Arial;
}

.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any {
    display: inline-block;
    *display: inline;
    letter-spacing: 0;
    vertical-align: top;
    *zoom: 1;
}

.float_two, .float_three, .float_four, .float_five, .float_six {
    float: left;
}

.inline_two, .float_two {
    width: 50%;
    *width: 49.9%;
}

.inline_three, .float_three {
    width: 33.33333%;
    *width: 33.3%;
}

.inline_four, .float_four {
    width: 25%;
    *width: 24.9%;
}

.inline_five, .float_five {
    width: 20%;
    *width: 19.9%;
}

.inline_six, .float_six {
    width: 16.66666%;
    *width: 16.6%;
}

.inline_fix {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.w1000 {
    width: 80%;
    margin: 0 auto;
}

.event_wrap {
    position: relative;
}

    .event_wrap .middle_line {
        position: absolute;
        left: 50%;
        top: 0;
        width: 8px;
        margin-left: 0px;
        border-left: 1px solid #000;
        height: 100%;
    }

        .event_wrap .middle_line i {
            display: block;
            height: 3.31%;
            border-bottom: 1px solid #000;
            width: 60%;
        }

            .event_wrap .middle_line i.first {
                padding-top: 75px;
            }

            .event_wrap .middle_line i.last {
                margin-bottom: 25px;
            }

.big_squre {
    margin-left: -30px;
    left: 50%;
    display: block;
    position: absolute;
    top: 8px;
    width: 60px;
    height: 60px;
    background-color: #6e6e6e;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

    .big_squre i {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        display: block;
        position: absolute;
        left: 11px;
        color: #fff;
        top: 11px;
        font-size: 18px
    }

.small_squire {
    position: absolute;
    top: 11px;
    display: block;
    height: 12px;
    width: 12px;
    padding: 3px;
    border-radius: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #6e6e6e;
}

    .small_squire i {
        display: block;
        width: 12px;
        height: 12px;
        background-color: #fff;
        border-radius: 3px;
    }

.event_wrap .list {
    height: 300px;
    position: relative;
    padding-top: 75px;
}

.aActiveWid {
    width: 50% !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

.event_wrap .list:last-child {
    height: 275px;
}

.event_wrap .list .ev_text {
    position: absolute;
    opacity: 0.1;
    filter: alpha(opacity=10);
    width: 0px;
    overflow: hidden;
    -o-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

.event_wrap .list_right .ev_text_odd, .event_wrap .list_left .ev_text_event {
    text-align: left;
    left: 50%;
}

.event_wrap .list_right .ev_text_event, .event_wrap .list_left .ev_text_odd {
    text-align: right;
    left: initial;
    right: 50%;
}

.event_wrap .list .ev_t1 {
    top: 55px;
}

.event_wrap .list .ev_t2 {
    top: 80px;
}

.event_wrap .list .ev_t3 {
    top: 105px;
}

.event_wrap .list .ev_t4 {
    top: 130px;
}

.event_wrap .list .ev_t5 {
    top: 155px;
}

.event_wrap .list .ev_t6 {
    top: 180px;
}

.event_wrap .list .ev_t7 {
    top: 205px;
}

.event_wrap .list .ev_t8 {
    top: 230px;
}

.event_wrap .list .ev_t9 {
    top: 255px;
}

.event_wrap .list .ev_t10 {
    top: 280px;
}

.event_wrap .list .ev_t11 {
    top: 305px;
}

.event_wrap .list .ev_t12 {
    top: 330px;
}

.event_wrap .list_right .small_squire, .event_wrap .list_left .ev_text_event .small_squire {
    left: 4px;
}

.event_wrap .list_left .small_squire, .event_wrap .list_right .ev_text_event .small_squire {
    right: 3px;
    left: inherit;
}

.event_wrap .list .small_line, .event_wrap .list_left .ev_text_event .samll_line {
    display: inline-block;
    position: absolute;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #000;
    top: 19px;
    left: 24px;
    width: 13%;
}

.event_wrap .list_left .ev_text_odd .small_line, .event_wrap .list_right .ev_text_event .small_line {
    right: 23px;
    left: initial;
}

.ev_text h3 {
    font-size: 18px;
    padding-left: 20%;
    width: 80%
}

.ev_text p {
    line-height: 20px;
    padding-left: 20%;
    width: 80%;
    height: 40px;
    overflow: hidden;
}

.list_right .ev_text_event h3, .list_right .ev_text_event p, .list_left .ev_text_odd h3, .list_left .ev_text_odd p {
    padding-right: 100px;
    padding-left: inherit
}

/*首页项目合作流程*/

bg1 .service_list {
    height: auto;
    overflow: hidden;
    padding: 50px 0 30px;
    width: 100%;
    margin: 0 auto;
    float: none;
}

.bg1 .service_banimg, .about_banimg, .about_hisImg img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 100%;
}

.bg1 .service_banimg, .about_banimg {
    top: 70px;
}

.bg1 .service_banimg {
    height: 750px;
}

.about_banimg {
    height: 650px;
}

.bg1 .service_wel {
    color: #333;
    font-size: 15px;
    padding-top: 28px;
}

.bg1 .service_list ul {
    width: 1300px;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: 200px;
}

.bg1 .service_list li {
    float: left;
    width: 130px;
    position: relative;
    text-align: center
}

    .bg1 .service_list li .zoomNav-li {
        position: absolute;
        left: 0;
        top: 50%;
        width: 80px;
        height: 80px;
        border-radius: 80px;
        transition: all .2s ease-in-out;
    }

    .bg1 .service_list li:hover .zoomNav-li {
        width: 194px;
        height: 194px;
        border-radius: 272px;
        color: #fff;
        z-index: 0;
        background: #06b0f0;
        top: -30px;
        left: -40px
    }

.bg1 .service_icon {
    display: block;
    background-image: url('../images/process/service_tip.png');
    width: 88px;
    height: 88px;
    margin-left: 16px;
}

.bg1 .service_icon1 {
    background-position: 0 0;
}

.bg1 .service_icon2 {
    background-position: -120px 0;
}

.bg1 .service_icon3 {
    background-position: -240px 0;
}

.bg1 .service_icon4 {
    background-position: -360px 0;
}

.bg1 .service_icon5 {
    background-position: -480px 0;
}

.bg1 .service_icon6 {
    background-position: -600px 0;
}

.bg1 .service_icon7 {
    background-position: -720px 0;
}

.bg1 .service_icon8 {
    background-position: -840px 0;
}

.bg1 .service_icon9 {
    background-position: -960px 0;
}

.bg1 .service_icon10 {
    background-position: -1080px 0;
}

.bg1 .service_list li:hover .service_icon {
    display: none
}

.service_name, .service_intro {
    width: 120px;
    padding-left: 18px;
    text-align: center;
}

.bg1 .service_name {
    color: #333;
    font-size: 14px;
    padding: 12px 0 0 0;
    display: block
}

.bg1 .service_intro {
    color: #484848;
}

.bg1 .service_list li:hover span {
    color: #000;
}

.bg1 .service_list li:hover .service_name {
    color: #fff;
    font-size: 18px;
    position: relative;
    z-index: 3
}

.bg1 .service_list .tree {
    position: absolute;
    top: 30px;
    left: -30px;
    width: 172px;
    height: 186px;
    margin-top: 20px;
    background: url('../images/process/icon_project.png') no-repeat 50% 0;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: margin .5s ease-out, opacity .2s ease-out;
}

    .bg1 .service_list .tree .item-r {
        position: absolute;
        left: 50%;
        top: 25px;
        height: 18px;
        line-height: 18px;
        margin-left: 10px;
        margin-top: 10px;
        opacity: 0;
        transition: margin .2s ease-out, opacity .1s ease-out;
    }

    .bg1 .service_list .tree .item-r1 {
        top: 96px;
    }

    .bg1 .service_list .tree .item-l {
        position: absolute;
        right: 50%;
        top: 62px;
        height: 18px;
        line-height: 18px;
        margin-right: 0px;
        margin-top: 10px;
        opacity: 0;
        transition: margin .2s ease-out, opacity .1s ease-out;
    }

    .bg1 .service_list .tree .item-b {
        position: absolute;
        left: 0;
        top: 170px;
        width: 100%;
        height: 18px;
        margin-top: 5px;
        line-height: 18px;
        text-align: center;
        color: #999;
        opacity: 0;
        transition: margin .2s ease-out, opacity .1s ease-out;
    }

    .bg1 .service_list .tree .circle {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 2px solid #ffffff;
        border-radius: 10px;
        margin-right: 10px;
        background-color: #3291ea;
    }

    .bg1 .service_list .tree .item-l .circle {
        float: right;
        margin: 4px 0 0 6px;
    }

.bg1 .service_list li:hover .tree {
    visibility: visible;
    transition-delay: .2s;
    margin-top: 0;
    opacity: 1;
}

.bg1 .service_list li:hover .item-r {
    transition-delay: .5s;
    margin-left: -5px;
    opacity: 1;
}

.bg1 .service_list li:hover .item-r1 {
    transition-delay: 1.2s;
}

.bg1 .service_list li:hover .item-l {
    transition-delay: .9s;
    margin-right: -5px;
    opacity: 1;
}

.bg1 .service_list li:hover .item-b {
    transition-delay: 1.3s;
    margin-top: 0;
    opacity: 1;
}

.box_h {
    padding-bottom: 5px !important;
    padding-top: 110px !important;
}

/*新闻动态*/
#news {
    margin-top: 100px;
    margin-bottom: 80px;
    height: 800px;
    background: url('../images/news/bgnews.png') no-repeat;
    background-size: cover;
}

#news {
    color: #fff;
}

    #news span {
        color: #fff;
    }

.newsbox {
    margin-top: 100px;
}

.col-xs-3 {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}

.newsbox .col-xs-3:hover {
    background: #06b0f0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.col-xs-3:hover .yx_left {
    color: #fff;
}

.col-xs-3:hover .newsboxcot p {
    color: #fff;
}

.yx_left {
    margin-left: 30px;
    transition: .8s;
    -webkit-transition: .8s;
    color: #8b8b8b;
    font-weight: lighter;
    font-size: 26px;
    width: 85px;
    border: 2px solid #fff;
    border-radius: 8px;
}

    .yx_left span {
        display: block;
        transition: .8s;
        -webkit-transition: .8s;
        color: #545454;
        font-size: 40px;
        line-height: 48px;
    }

.newsboxcot {
    padding: 30px;
    text-align: left;
}

    .newsboxcot a {
        color: #fff;
        font-size: 16px;
    }

    .newsboxcot p {
        margin-top: 10px;
        color: #999;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

/*首页底部简单介绍*/
.col-xs-4 {
    text-align: center;
    cursor: pointer;
}

.hex_li1 {
    border-right: 1px solid #c7c7c7;
}

    .hex_li1 b {
        background: url('../images/dynamic/HOURS.png')no-repeat center;
        transition: .35s;
        -webkit-transition: .35s;
        color: #8c8c8c;
        font-weight: lighter;
        font-size: 34px;
        line-height: 150px;
        display: block;
        height: 150px;
        margin-top: -20px;
    }

.hex_li2 b {
    background: url('../images/dynamic/num_09.png')no-repeat center;
    transition: .35s;
    -webkit-transition: .35s;
    color: #8c8c8c;
    font-weight: lighter;
    font-size: 34px;
    line-height: 150px;
    display: block;
    height: 150px;
    margin-top: -20px;
}

.hex_li2 {
    border-right: 1px solid #c7c7c7;
}

.las_li {
    border: none;
}

    .las_li b {
        background: url('../images/dynamic/HOURS.png')no-repeat center;
        transition: .35s;
        -webkit-transition: .35s;
        color: #8c8c8c;
        font-weight: lighter;
        font-size: 34px;
        line-height: 150px;
        display: block;
        height: 150px;
        margin-top: -20px;
    }

b span {
    transition: .35s;
    -webkit-transition: .35s;
    font-size: 40px;
}

.col-xs-4 div { /*margin-top:15px;*/
    font-size: 14px;
    line-height: 21px;
    color: #555;
}

    .col-xs-4 div span {
        display: block;
        color: #ccc;
        font-size: 12px;
    }

.hex_li1 b:hover {
    background: url('../images/dynamic/HOURS1.png')no-repeat center;
    color: #06b0f0;
}

.hex_li2 b:hover {
    background: url('../images/dynamic/num1_09.png')no-repeat center;
    color: #06b0f0;
}

.las_li b:hover {
    background: url('../images/dynamic/HOURS1.png')no-repeat center;
    color: #06b0f0;
}

.col-xs-4 b:hover span {
    color: #06b0f0;
}

/*电商平台*/
.Electronics {
    width: 100%;
    height: 400px;
}

    .Electronics h1 {
        margin: 30px auto;
    }

    .Electronics .braner-label {
        margin-top: -75px;
    }

.zixun {
    margin-top: 50px;
}

    .zixun a {
        padding: 10px 100px 10px 100px;
        background: #06b0f0;
        border-radius: 6px;
        color: #fff;
    }

/*各种模式*/
.section_3 {
    background: url('../images/Industry/kongzhibg.png') no-repeat;
    background-size: cover;
    position: relative;
    height: 1000px;
}

.board2 {
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}

.f2 {
    overflow: hidden;
    padding: 85px 0;
    position: relative;
}

.f2_right {
    font-family: 'fzlantinghei-el-gbkregular';
    color: #c90b0b;
    font-size: 30px;
    font-weight: lighter;
    line-height: 47px;
    position: absolute;
    background-color: #fff;
    right: 70px;
    top: 0;
    width: 220px;
    padding: 0 30px;
    height: 251px;
}

    .f2_right span {
        font-family: "Microsoft YaHei";
        display: block;
        margin-top: 125px;
    }

.f2_left {
    width: 130px;
    position: absolute;
    left: 10%;
    top: 28%;
    color: #fff;
}

    .f2_left span {
        transition: .5s;
        -webkit-transition: .5s;
        display: inline-block;
        cursor: pointer;
        margin-bottom: 18px;
        line-height: 30px;
        height: 30px;
        border-radius: 15px;
        padding: 0 20px;
        color: #333;
    }

        .f2_left span:hover, .f2_left span.f2_left_span {
            background-color: #06b0f0;
            color: #fff;
        }

.yd_title {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #000;
}

    .yd_title span {
        font-family: "Microsoft YaHei" !important;
        display: block;
        height: 55px;
        margin: 5px auto;
    }

.yd_sm {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: center;
    margin: 30px 0 30px 0;
    height: 40px;
}

.yingx {
    display: none;
    padding-top: 115px;
}

.yin_ul .yingx:first-child {
    display: block;
}

.yd_zs {
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
}

    .yd_zs li {
        text-align: center;
    }

        .yd_zs li img {
            transition: .5s;
        }



#YouShi {
    width: 100%;
    height: 1000px;
    background: url('../images/Industry/bierenbg .png') no-repeat;
}

.YouShiTop {
    height: 175px;
    width: 100%;
    text-align: center
}

    .YouShiTop span {
        font-size: 35px;
        /*line-height: 83px;*/
        padding-top: 39px;
        display: block;
        color: #333;
    }

    .YouShiTop p {
        font-size: 16px;
        color: #999
    }

.YouShiBot {
    width: 1200px;
    height: 412px;
    margin: 0 auto;
}

.box1 {
    width: 382px;
    height: 412px;
    background-color: #fff;
    float: left;
}

    .box1 h3 {
        font-size: 24px;
        line-height: 50px;
        margin: 13px 0 0 29px;
        color: #06b0f0;
    }

    .box1 p {
        font-size: 16px;
        line-height: 30px;
        color: #999;
        padding: 0 20px;
        padding-top: 15px;
    }

.box2 {
    width: 382px;
    height: 412px;
    background-color: #fff;
    float: left;
    margin-left: 27px;
}

    .box2 h3 {
        font-size: 24px;
        line-height: 50px;
        margin: 13px 0 0 29px;
        color: #06b0f0;
    }

    .box2 p {
        font-size: 16px;
        line-height: 30px;
        color: #999;
        padding: 0 20px;
        padding-top: 15px;
    }

.box4 {
    width: 382px;
    height: 412px;
    background-color: #fff;
    float: left;
    margin-left: 27px;
}

    .box4 h3 {
        font-size: 24px;
        line-height: 50px;
        margin: 13px 0 0 29px;
        color: #06b0f0;
    }

    .box4 p {
        font-size: 16px;
        line-height: 30px;
        color: #999;
        padding: 0 20px;
        padding-top: 15px;
    }


#YiZhanShi {
    width: 100%;
    height: 1000px;
    background: url('../images/Industry/3bg .png') no-repeat;
    background-size:cover;
}

.YiZhanShiBot {
    width: 1164px;
    height: 509px;
    margin: 0 auto;
}

.box3 {
    width: 370px;
    height: 509px;
    background-color: #ffffff;
    float: left;
    text-align: center;
    margin-right: 0px;
    position: relative
}

    .box3 span {
        font-size: 22px;
        line-height: 61px;
        color: #464646;
        padding-top: 18px;
        display: block
    }

    .box3 p {
        font-size: 14px;
        color: #a6a6a6;
        padding: 0 30px;
    }

    .box3 a {
        display: block;
        line-height: 50px;
        width: 239px;
        border: 2px solid #0093dd;
        margin: 0 auto;
        border-radius: 24px;
        font-size: 20px;
        color: #0093dd;
        position: absolute;
        top: 410px;
        left: 72px;
    }

.bannerbottom {
    width: 100%;
    height: 200px;
    background: #06b0f0;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}