*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
    font-family: Arial,'微软雅黑';
    user-select: none;
}
html{
    font-size: 16px;
}
a{
    text-decoration: none;
}
li{
    list-style:none;
}
button{
    border:0px;
    background-color:transparent;
}
.tc{
    text-align: center;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
} 
.clearfloat{
    zoom:1
} 
.bg{
    background-color: #ecf1f4;
}
.pd80 {
    padding: 80px 0;
}
.pd70 {
    padding: 70px 0;
}
.pd50 {
    padding: 50px 0;
}
.pd30 {
    padding: 30px 0;
}
.pd20 {
    padding: 20px 0;
}
.pd15 {
    padding: 15px 0;
}
.pd10 {
    padding: 10px 0;
}
.pd5 {
    padding: 5px 0;
}
.pd2 {
    padding: 2px 0;
}
.f16{
    font-size: 16px;
}
.wd50{
    padding:0 50px;
}
.wd30{
    padding-right:30px;
}
.ml-100{
    margin-left:-100px;
}
.ml100{
    margin-left:100px;
}
h5{
    color:#8d8d8d;
}
/* 整体 start */
#digitalIndex{
    width:100%;
    height:100%;
}
/* 头部 start */
.headerBanner{
    width:100%;
    position:relative;
}
.headerBanner img{
    width:100%;
}
.headerBanner .digital_headerButton{
    width:168px;
    height:54px;
    position:absolute;
    left:12%;
    top:60%;
    border:1px solid #f2f2f2;
    border-radius:4px;
    font-size:18px;;
    color:#e9e9e9;
}
.headerBanner .digital_headerButton:hover{
    background-color: #ffc61f;
    border-color:#ffc61f;
    color:#fff;
}
/* 头部 end */


/* content start */
.content_1_title p{
    color:#565656;
    font-size: 16px;
    padding:8px;
    font-weight: bold;
}
.content_1_title .firstP{
    color:#c6c6c6;
}
#pro1 img,
#pro2 img,
#pro3 img{
    margin:0 auto;
}
#pro1 h2{
    padding:10px 0;
}
#pro1 span{
    display:block;
    font-size: 16px;
    color:#8d8d8d;
    padding:3px 0;
}
#pro1 .pro1_btn{
    width:196px;
    height:56px;
    border:1px solid #8d8d8d;
    color:#8d8d8d;
    border-radius:8px;
}
#pro1 .pro1_btn:hover{
    background-color: #ffc61f;
    border-color:#ffc61f;
    color:#fff;
}
#pro1 .pro1_span{
    padding-bottom:50px;
}
#pro1 .pro1_span1{
    padding-bottom:25px;
}
.pro2Bg{
    background: url(../images/digitalImage/digPro2_bg.png) no-repeat;
}
#pro2 h1{
    color:#fff;
    padding-top:70px;
}
#pro2 h3{
    color:#fff;
}
#pro2 .second_h3{
    padding-bottom:60px;
}
#pro3 .pro3_border{
    width:96%;
    height:300px;
    border:2px solid #fff;
    border-radius:2px;
    box-shadow: 0px 0px  5px 5px rgb(255,198,32,0.2);
}
#pro3 img{
    padding-top:20px;
}
.pro3_border h3{
    font-size: 22px;
    padding: 20px;
}
.pro3_border h5{
    font-size: 16px;
    padding:3px;
}
#pro3 .img1{
    padding-top:33px;
}
#pro3 .img2{
    padding-top:28px;
}
#pro3 .img3{
    padding-top:35px;
}
#pro3 .img4{
    padding-top:38px;
}
#pro3 .img5{
    padding-top:30px;
}
#pro4 h4{
    font-size: 20px;
    color:#535353;
    font-weight:bold;
}
#pro4 .pro4_btn{
    width:196px;
    height:56px;
    border:1px solid #8d8d8d;
    color:#8d8d8d;
    border-radius:8px;
    margin-top: 60px;
}
#pro4 .pro4_btn:hover{
    background-color: #ffc61f;
    border-color:#ffc61f;
    color:#fff;
}
/* CSS3实现鼠标移入图片旋转放大效果 */
@-webkit-keyframes test{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(0,10px)
    }
    100%{
        transform:translate(0,0)
    }
}
#pro1 img:hover,
#pro3 img:hover{
    -webkit-animation:test 0.25s ease-in 3;
}

#pro2 img{
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}


#pro2 img:hover {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
/* CSS3实现鼠标移入图片旋转放大效果 */