.z_banner {
    background: url(/uploads/image/twimages/0555.jpg) center top repeat;
    text-align: center;
    padding: 170px 0;
    overflow: hidden;
}

.z_banner_title {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px;
}

.z_banner_text {
    font-size: 16px;
    color: #aedaff;
}

.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.span12 {
    width: 100%;
}

.container {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
}

/*platform_advantage section start*/
.platform_advantage {
    background: #fff  center top;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.platform_advantage_content {
    margin-left: -100px;
    overflow: hidden;
}

.platform_advantage_list {
    display: block;
    overflow: hidden;
    margin: 0 0 60px 100px;
}

.platform_advantage_img {
    float: left;
}

.platform_advantage_brief {
    float: left;
    color: #fff;
    padding-left: 50px;
}

.platform_advantage_brief .brief_title {
    font-size: 18px;
}

.platform_advantage_brief .brief_text {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.waves_box {
    width: 70%;
    margin: 0 auto;
}

.waves_box .left {

}

.waves_box .right {
    text-align: right;
}

.waves_box .corp-text {
    color: #ffffff;
    font-weight: 100;
    font-size: 16px;
    line-height: 40px;
    text-indent: 40px;
}

.waves_box .corp-text span {
    display: block;
    padding: 0 70px;
}

.waves_box canvas {
    height: 150px !important;
    width: 100% !important;
    margin-bottom: 30px;
}

.response_shows .response_shows_box {
    padding: 0 0 100px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.response_shows .response_shows_box img {
    width: 100%;
}

.response_shows .response_shows_width {
    position: relative;
}

.response_shows .response_shows_box .pic {
    overflow: hidden;
    position: absolute;
    float: none;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.response_shows .response_shows_box .pc {
    position: relative;
    margin-top: -2%;
    max-width: 75%;
    width: 100%;
}

.response_shows .response_shows_box .pc .pic {
    top: 2.5%;
    bottom: 20%;
    left: 2.22%;
    right: 1.5%;
}

.response_shows .response_shows_box .pad {
    position: absolute;
    bottom: 2%;
    right: 0px;
    max-width: 40%;
    width: 100%;
}

.response_shows .response_shows_box .pad .pic {
    top: 3%;
    bottom: 6%;
    left: 2%;
    right: 1.6%;
    overflow: hidden;
}

.response_shows .response_shows_box .phone {
    position: absolute;
    bottom: 0;
    right: 38%;
    max-width: 15%;
    width: 100%;
}

.response_shows .response_shows_box .phone .pic {
    top: 8%;
    bottom: 10.5%;
    left: 5%;
    right: 5%;
}

.response_shows .response_shows_box .item {
    width: 100%;
    height: 101%;
    position: relative;
    float: left;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.response_shows .response_shows_box .thumb {
    width: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: -15%;
}

.response_shows .response_shows_box .thumb span {
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 0 0 10px;
}

.response_shows .response_shows_box .thumb span:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    border: solid 1px #2d9edd;
    background: #fff;
    z-index: 1;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

.response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {
    background: #2d9edd;
}

.platform_advantage_bg {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.platform_advantage_bg li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -160px;
    -webkit-animation: square 28s infinite;
    animation: square 28s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg_z li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -300px;
    -webkit-animation: square_z 22s infinite;
    animation: square_z 22s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
    left: 10%
}

.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 17s;
    animation-duration: 17s
}

.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-color: rgba(255, 255, 255, .25)
}

.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
    left: 70%
}

.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, .2)
}

.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
    left: 32%;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s
}

.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, .3)
}

.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
    left: 90%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}

@-webkit-keyframes square {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
    100% {
        -webkit-transform: translatey(-1700px) rotate(600deg);
        transform: translatey(-1700px) rotate(600deg)
    }
}

@keyframes square {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
    100% {
        -webkit-transform: translatey(-1700px) rotate(600deg);
        transform: translatey(-1700px) rotate(600deg)
    }
}

@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
    100% {
        -webkit-transform: translatey(-700px) rotate(500deg);
        transform: translatey(-700px) rotate(500deg)
    }
}

@keyframes square_z {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
    100% {
        -webkit-transform: translatey(-700px) rotate(500deg);
        transform: translatey(-700px) rotate(500deg)
    }
}


/*platform_advantage section end*/





/*公司简介 内容*/
.introduce {
    padding: 100px 0;
}

.container {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
}

.all_title1 {
    margin-bottom: 50px;
    text-align: center;
}

.all_title1 .title {
    font-size: 35px;
    color: #333;
}

.all_title1 .text {
    color: #818181;
}

.introduce_content {
    overflow: hidden;
}

.introduce_list_brief {
    margin: 0 50px 20px 0;
}

.introduce_list_title {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}

.introduce_list_text {
    color: #969696;
}

.introduce_list_text p {
    margin: 10px 0;
    text-indent: 30px;
    line-height: 40px;
}

.span6 {
    width: 50%;
    float: left;
}

.introduce_list_brief {
    margin: 0 50px 20px 0;
}


/*公司简介内容 结束*/

/*时间抽 发展历史*/
#time{background: #e9f0f5;padding-bottom: 20px;}



/*荣誉资质*/
#zz{width: 100%;min-width: 1200px;height:500px;background: url(/uploads/image/twimages/076.jpg) no-repeat center;}
.zz{width: 1200px;margin: 0 auto;height: 300px;padding: 40px 0}
.zz h1{font-size: 25px;color: #fff;text-align: center;line-height: 30px;letter-spacing: 2px}
.zz h3{font-size: 18px;color: #fff;text-align: center;line-height: 30px;letter-spacing: 2px}
/*bottom*/
.bottom{width:1000px;height:210px;margin:0 auto}
.product{width:706px;height:210px;border:1px solid #f00;float:left;margin-left:10px;}

/*产品滚动*/
.mr_frbox { margin-top: 0px;}
.mr_frbtnl {float:left;cursor: pointer ;margin-top:88px}
.mr_frul {height:200px;width:1055px;float:left;margin-top:20px;margin-left: 20px;overflow: hidden}
.mr_frbtnr { float:right; margin-top:88px;cursor:pointer;}
.mr_frul ul li { float: left; height: 181px; width:250px; overflow: hidden;border:1px solid #713837;margin-left:18px;}

.product-1{width:706px;height:36px;background:;border:1px solid #f00;float:left}


/*企业文化*/
.bg-7{background:url(/uploads/image/twimages/bg_k4.jpg) repeat-x -2000px bottom;; height:600px; padding-top:48px;}
.bam1{animation:bam1 60s infinite linear; background-position:-2000px center;}
@keyframes bam1 {
    0% { background-position:-5000px bottom;}
    50% { background-position:0 bottom;}
    100%{ background-position:5000px bottom;}
}

.ititle-1{text-align: center;}
.ititle-1 span{font-size: 25px;color:#3ba1f3}
.ititle-1 p{font-size: 18px;}

.fl{ float: left; }
    .fr{ float: right; }
    .wrapper{ width: 1400px; height: 380px; margin: 0 auto;position: relative }
    .wrapper p{ padding-top: 150px; line-height: 35px; color: #f00; font-size: 20px; text-align: center;letter-spacing: 1px; }
    .wrapper p img{position: absolute;top:0;left: 0;right: 0;margin: 0 auto}
    .tagcloud { position: relative; margin-top:-70px; }
    .tagcloud a{ position: absolute;  top: 0; left: 0;  display: block; padding: 11px 30px; color: #333; font-size: 16px; border: 1px solid #e6e7e8; border-radius: 18px; background-color: #f2f4f8; text-decoration: none; white-space: nowrap;
      -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -ms-filter:"progid:dximagetransform.microsoft.shadow(strength=4,direction=135, color='#000000')";/*兼容ie7/8*/
      filter: progid:dximagetransform.microsoft.shadow(color='#969696', direction=125, strength=9);
      /*strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用ie滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）*/
    }
    .tagcloud a:hover{ color: #3385cf; }