.about_banner{width: 100%;}
.about_banner img{width: 100%; height:auto;}

.sub_title, .about_subnav, .introduction, .about_data{width: 900px; margin: auto;}
.sub_title{margin-top: 20px; color: #7f7f7f;font-size: 14px;}
.about_subnav{border-bottom: 1px #e0e0e0 solid; margin-bottom: 25px;}
.about_subnav ul{float: right; height: 60px;}
.about_subnav ul li{float: left; font-size: 14px; color: #7f7f7f;line-height: 57px; margin-left: 28px;}
.about_subnav ul li:hover{border-bottom: 3px #069bff solid;}
.about_subnav ul li.active{border-bottom: 3px #069bff solid;}
/*简介*/
.about_data h4{font-size: 32px; color: #6e6e6e; margin-top: 58px; text-align: center; font-weight: normal;}
.data_list{float: left;margin-left: 90px;}
.data_show{width: 120px; height: 120px;color: #fff;  text-align: center; -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari 和 Chrome */
    position: relative;
    behavior:url(PIE.htc);
    border-radius: 50%;
   font-size: 17px;/*新增*/
}
.green{background: #66cc99;}
.orange{background: #f4b350;}
.red{background:#f1a9a0;}
.blue{background: #64baf3;}
.data_show span{
    font-size: 36px;
    display: inline-block;
    padding-top: 30px;
}
.data_list p{font-size: 16px; color: #2f2f2f; text-align: center; margin-top: 17px; max-width: 120px;}
.video{margin-top: 60px;border-top: 16px #3b3b3b solid;border-bottom: 16px #3b3b3b solid;border-left: 30px #3b3b3b solid; border-right: 30px #3b3b3b solid;}

/*公司理念*/
.ideaone{width: 100%;}
.ideaone img, .ideatwo img{width: 100%; height: auto;}
.ideatwo{width: 100%; margin-top: 60px;}
.idea_content{width: 900px; margin: auto;}
/*团队文化*/
.team{width: 766px; margin: auto;text-align: center;}

/*荣誉资质*/
.zz_title .activeCol{color: #069bff; background: #fff;}
.zz_title{width: 100%;  height: 80px; background-color: #f5f5f5; margin-top: 50px; margin-bottom: 40px;}
.zz_title ul{width:500px ; height: 80px; margin: auto;}
.zz_title li{float:left; color: #6d6d6d; font-size: 18px;width:250px; text-align: center; line-height: 80px;}
.zz_title li .blueicon{display: none;}
.zz_title li:hover{color: #069bff; background: #fff;}
.zz_title li:hover .greyicon{display: none;}
.zz_title li:hover .blueicon{display: inline-block;}
.qyzz{width: 846px; margin: auto;}
.qyzz_list{width: 202px; height: 190px; overflow: hidden; float: left; margin-left: 40px; margin-right: 40px; margin-bottom: 24px; text-align: center; font-size: 12px; color: #666; position: relative;cursor: pointer;}
.qyzz_list>img{width: auto; height: auto; max-height: 140px; max-width: 100%;}
.qyzz_list>p{
    margin-top: 10px;
}
.qyzz_list>p > img{
    position: relative;
    top: 2px;
    left: -4px;
}
.img_mask{position: absolute; top: -100%; left: 0; width: 202px; height: 143px; background: rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); text-align: center; transition: all ease 0.5s;-moz-transition:all ease 0.5s; /* Firefox 4 */
    -webkit-transition:all ease 0.5s; /* Safari and Chrome */
    -o-transition:all ease 0.5s; /* Opera */}
.img_mask > img{
    display: block;
    margin: 50px auto;
}
.qyzz_list:hover .img_mask{top: 0;}
.zoom_mask{width: 100%; height: 100%;background: rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); position: fixed;left: 0; top: 0; z-index:99; display: none;}
.zoom_content{position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); translate(-50%,-50%); }
.close{position: absolute;top: -30px; right: -60px; cursor: pointer; }

/*联系积成*/
.contact{width: 900px; margin:auto;}
.contact_left{float: left; width: 435px;}

.contact_right{float: right; width: 435px;}
.contact_left h6{font-size: 18px; color: #262626; margin-top: 20px; font-weight: normal;}
.contact_left p{font-size: 14px; color: #808080;line-height: 26px;}
.contact_right label{display: block; font-size: 16px; color: #262626; margin-bottom: 15px;}
.contact_right input[type="text"]{width: 100%; border: none; border: 1px #ccc solid; height: 40px; line-height: 40px; padding-left: 12px; margin-bottom: 15px; }
.contact_right textarea{resize: none; width: 100%; height: 100px;border: none; border: 1px #ccc solid; text-indent: 10px; margin-bottom: 15px;}
.contact_right #yzm{width: 350px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  { color: #b3b3b3;font-size: 14px;} /* WebKit browsers */
input:-moz-placeholder, textarea:-moz-placeholder {color: #b3b3b3; font-size: 14px;}/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder, textarea::-moz-placeholder {color: #b3b3b3;font-size: 14px;}/* Mozilla Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #b3b3b3;font-size: 14px;} /* Internet Explorer 10+ */
.submit, .reset{width: 110px; height: 40px; border: none; font-size: 16px; -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari 和 Chrome */
    position: relative;
    behavior:url(PIE.htc);
    border-radius: 4px;
}
.submit{color: #fff; background: #069bff; margin-right: 20px;}
.reset{color: #069bff; background: #eee;}
.company{width: 900px; margin: auto; margin-top: 40px;}
.cpy_list{width: 450px; float: left; margin-bottom: 25px;}
.cpy_list a{
    color: #13a4e7;
}
.cpy_list_right{
    float: right;
}
.com-l{
    float: left;
    width: 50%;
}
.cpy_list h6{font-size: 18px; font-weight: normal; color: #262626; margin-bottom: 8px;}
.cpy_list p{font-size: 14px; color: #808080; line-height: 26px;}

/*响应式*/
@media (max-width:767px) {

    .sub_title, .about_subnav, .introduction, .about_data{
        width: 94%;
    }
    .sub_title{
        margin-top: 5px;
        margin-left: 3%;
    }
    .about_subnav{
        display: none;
    }
    .autoTapa{
        display: block;
    }
    /*以上加到public.css*/
    /*公司简介*/
    .about_data h4{
        font-size: 0.5rem;
        margin-top: 10px;
       font-weight: 600;
    }
    .about_data>div{
        margin-top: 20px !important;
    }
    .data_list{
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 18px;
    }
    .data_show{
        width: 3.125rem;
        height: 3.125rem;
    }
    .data_show span{
        font-size: 0.875rem;
    }
    .data_list p{
        font-size: 0.437rem;
        margin-top: 6px;
    }
    .video{
        margin-top: 30px;
        border-left: 10px #3b3b3b solid;
        border-right: 10px #3b3b3b solid;
    }

    /*公司理念*/
    .idea_content{
        width: 94%;
    }
    .idea_content h6{
        font-size: 0.437rem;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .idea_content p{
        font-size: 0.375rem;
        line-height:0.625rem;
    }
    .ideaone{
        margin-top: 10px;
    }
    .ideatwo{
        margin-top: 20px;
    }

    /*团队文化*/
    .team{
        width: 94%;
    }
    .team h4{
        font-size: 0.5rem;
        margin-top: 10px;
        font-weight: 600;
    }
    .team p{
        font-size: 0.375rem;
        line-height: 0.625rem;
    }

    /*荣誉资质*/
    .zz_title{
        margin-top: 20px;
        margin-bottom: 30px;
        height: 1.25rem;
    }
    .zz_title ul{
        width: 100%;
        height: 1.25rem;
    }
    .zz_title li{
        line-height: 1.25rem;
        width: 50%;
        font-size: 0.437rem;
    }
    .qyzz{
        width: 94%;
    }
    .qyzz_list{
        width: 46%;
        height: 160px;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 14px;
    }
    .qyzz_list>img{
        max-height: 3.06rem;
    }
    .viewImg-main{
        z-index: 9999999;
    }
    .img_mask{
        display: none;
    }
    /*联系我们*/
    .contact{
        width: 94%;
    }
    .contact_left, .contact_right{
        float: none;
        width: 100%;
    }
    .contact_right{
        margin-top: 10px;
    }
    .contact_left h6{
        font-size: 0.437rem;
    }
    .contact_left p{
        font-size: 0.375rem;
        line-height: 0.625rem;
    }
    .contact_right label{
        font-size: 0.437rem;
        margin-bottom: 0;
    }
    .contact_right textarea{
        margin-bottom: 7px;
    }
    .company{
        width: 94%;
    }
    .com-l{
        width: 100%;
        float: left;
    }
    .cpy_list{
        width: 100%;
    }
    .cpy_list h6{
        font-size: 0.437rem;
    }
    .cpy_list p{
        font-size: 0.375rem;
        line-height: 0.625rem;
    }

}
@media (max-width:480px) {

}