/*幻灯片*/
.fullSlide {width:100%;position:relative;height:500px;}
.fullSlide .bd {width:100%;overflow:hidden;margin:0 auto;position:relative;z-index:0;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul { text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.border li{border-bottom:1px dashed #ccc;}
.border li span{color:#ccc;}
.content{ position:relative;width:1200px; margin:0 auto;}

/*app开发服务*/
.strengths {
    float: none;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    height: 520px;
    z-index: 1;
    width: 100%;
}
.strengths .strengths-wrap {
    float: none;
    margin: 0 auto;
    padding-top: 80px;
    position: relative;
    z-index: 3;
}
.strengths .strengths-wrap .title-top {
    float: none;
    margin: 0 auto;
    padding: 0px;
}
.strengths .title-top .title-con {
    float: none;
    text-align: center;
    margin: 0  auto  13px;
}
.strengths .strengths-wrap .title-top .title-con h2 {
    margin: 0px; padding: 0px;
    color: #3f3f3f;
    font-size: 32px;
    font-weight: bold;
}
.strengths .strengths-wrap .title-top .title-con p {
    margin-top: 10px;
    font-size: 18px;
    color: #999999;
    padding-top: 0;
}
.strengths .strengths-wrap .title-top p {
    padding-top: 7px;
    font-size: 13px;
    color: #999999;
    text-align: center;
}



.service-bottom{float: none;margin: 0 auto; width: 1180px; background: #F5F5F5}
.service-bottom a{ text-decoration: none}

.strengths .strengths-wrap .service-bottom .service-list .service-item {
    width: 236px;
    float: left;
    text-align: center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon a {
    background: url("../images/service01-h.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-an a {
    background: url("../images/service02-h.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-wx a {
    background: url("../images/service03-h.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-ht a {
    background: url("../images/service04-h.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-web a {
    background: url("../images/service05-h.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item:hover h3 a {
    color: #fe7100;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon {
    text-align: center;width: 100%;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon a {
    display: inline-block;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    background: url("../images/service01.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-an a {
    background: url("../images/service02.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-wx a {
    background: url("../images/service03.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-ht a {
    background: url("../images/service04.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-web a {
    background: url("../images/service05.png") no-repeat center;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item h3 {
    margin: 25px 0 15px;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item h3 a {
    color: #3f3f3f;
    font-size: 20px;
    font-weight: 600;
}
.strengths .strengths-wrap .service-bottom .service-list .service-item p {
    color: #888888;
    font-size: 12px;
    line-height: 18px;
}
.strengths .service-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    height: 520px;
    width: 1920px;
    background: #f5f5f5;
}


/*apply where*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
/*marketing_01*/
/*01-标题*/
.titleyx{width: 100%; height: auto; background: #e6e6e6; position: relative; padding: 15px 0; overflow: hidden; min-width: 1200px;}
.titleCon{font-weight: normal; font-size: 30px; color: #595757; width: 424px; height: 60px; line-height: 78px; margin: 0 auto; text-align: center;}
.titleBot{font-size: 16px; color: #595757; text-align: center; width: 380px; height: 30px; line-height: 30px; border-radius: 20px; margin: 0 auto; font-weight: 500;}
/*01-内容*/
.square{width: 100%; height: auto;}
.square ul{width: 100%;  overflow: hidden; min-width: 1270px; padding-bottom: 1px;}
.square ul li{ width: 24.87%; padding-bottom:15%; background: #2e98cf; float: left; border-right: 2px solid #fff; border-top: 2px solid #fff; position: relative; cursor: pointer;overflow: hidden; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -mc-transition: all 1s; -o-transition: all 1s;}
.square ul li.li28{background: #8bd346;}
.square ul li.li35{background: #f2a010;}
.square ul li.li46{background: #ef504e;}
.square .width50 li{width: 49.87%;}
.square002 ul li{width: 19.87%; padding-bottom: 25%; background: #c4c4c5; margin-bottom: 1px;}
.square01{width: 116px;color: #fff; font-size: 18px; text-align: center; vertical-align: middle; margin:-50px 0 0 -58px; position: absolute; left: 50%; top: 50%; line-height: 40px;}
.square01.square02{width: 190px; margin-left: -94px;}
.square08{width: 188px; margin:-50px 0 0 -94px;}
.square002 .square08{ margin:-78px 0 0 -94px;}
.square01 span{display: inline-block; height: 73px; width: 66px; text-align: center;}
.hoverSquare{width: 100%; height: auto; position: absolute; left: 50%; top: 50%; margin: -93px 0 0 -50%; display: none;}
.hoverSquare p:nth-child(1){width: 280px; padding: 5px 0; color: #fff; background: #cc1c22; border-radius: 30px; margin: 25px auto 0; font-size: 24px; text-align: center;}
.hoverSquare p:nth-child(2){color: #fff; font-size: 14px; line-height: 24px; padding: 20px 10% 0; margin: 0 auto;}
.square ul li:hover{background: #ef504e;}
.square ul li:hover .square01{display: none;}
.square ul li:hover .hoverSquare{display: block;}

/*liucheng*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; margin:0 auto;}/*ie7*/
.clearfix {display:block; margin:0 auto;}
.content{float:none; position:relative;width:1200px; margin:0 auto; padding-bottom:30px;}


.wall{ float:none;position:relative; margin:50px 0;height:60px; border-left:10px solid #9b74a1; padding-left:10px;}
.wall_title{float:left; margin: 0px; position:absolute; top:0; font-weight:500; font-size:2em;}
.wall_eng{float:left;margin: 0px;position:absolute; bottom:0; font-weight:100; color:#9d9d9d;font-size:1.4em;}
.wall_more{position:absolute; right:0;text-align: right;line-height:60px;font-size:1.6em; font-weight:100;}