/*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;*/
    text-align:center;
}

    .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: #f7f9fc;
    background-size: cover;
    height: 550px;
}

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

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

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

    #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 {
    background-size: cover;
    height: 750px;
}
#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 1s ease-out, opacity .5s 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/service/9_17.png') no-repeat;background-size:cover;
    position:relative;
    height:700px;

}
.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: 702px;background:url('../images/service/index_line_15.jpg') no-repeat center top;}
.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: 800px;background:#eee;}
.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;
}