*{
    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;
}
.pd100 {
    padding: 130px 0;
}
.pd80 {
    padding: 80px 0;
}
.pd70 {
    padding: 70px 0;
}
.pd60 {
    padding: 60px 0;
}
.pd50 {
    padding: 50px 0;
}
.pd40 {
    padding: 40px 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;
}
/* 整体 start */
#cashLoansIndex{
    width:100%;
    height:100%;
}
/* 头部 start */
.headerBanner{
    width:100%;
    position:relative;
}
.headerBanner img{
    width:100%;
}
.headerBanner .cashLoans_headerButton{
    width:168px;
    height:54px;
    position:absolute;
    left:17%;
    top:53%;
    border:1px solid #f2f2f2;
    border-radius:4px;
    font-size:18px;;
    color:#e9e9e9;
}
.headerBanner .cashLoans_headerButton:hover{
    background-color: #ffc61f;
    border-color:#ffc61f;
    color:#fff;
}
/* 头部 end */

/* content start */
.cashLoans_container{
    width:80%;
    margin:0 auto;
}
.cashLoans_content{
    width:100%;
}
.cashLoans_content .cashLoans_content_1{
    width:100%;
}
.content_1_title p{
    color:#2d2d2d;
    font-size: 16px;
    padding:3px;
}
.content_1_title .firstP{
    font-size: 34px;
    color:#232222;
    padding-bottom:40px;
}
.content_1_main{
    padding-bottom:70px;
}
.content_1_main li{
    float:left;
    width:20%;
    position:relative;
}
.content_1_main img{
  margin:0 auto;
}
.content_1_main span{
    display: block;
    text-align: center;
    padding:5px;
    font-size: 14px;
    color:#282828;
}
h5{
    color:#8d8d8d;
}
#pro span{
    font-size: 16px;
    color:#8d8d8d;
}
#pro img{
    display:inline;
    margin-top:-3px;
}
#pro .img2{
    display:block;
    margin-top:0;
}
#pro .img2:hover{
   transform: scale(1.2);
   transition: all 1s ease 0s;
   -webkit-transform: scale(1.2);
   -webkit-transform: all 1s ease 0s;
}
#pro3 img:hover{
    transform: scale(0.8);
    transition: all 1s ease 0s;
    -webkit-transform: scale(0.8);
    -webkit-transform: all 1s ease 0s;
 }
#pro h1{
    font-size: 34px;
}
#pro .col-md-2{
    width:20%;
}
#pro h4{
    font-size: 16px;
    padding-top:10px;
}
#pro1 h4{
    padding:15px 0;
}
#pro2 h4,
#pro3 h4{
    padding:10px 0;
}
#pro2 h5{
    padding:5px 0;
}
#pro3 h5{
    padding:3px 0;
}
#pro1 img,
#pro2 img,
#pro3 img,
#pro5 img{
    margin:0 auto;
}
#pro3 img{
   padding:20px 0;
}
#pro4 .pro4Img{
    margin-right:0;
    margin-top:0;
}
#pro5 .pro5_h4{
    font-size: 16px;
    color:#8d8d8d;
}
#pro5 h5{
    font-size: 13px;
    padding:10px 0;
}
/* CSS3实现鼠标移入图片旋转放大效果 */
#pro5 .pro5_box{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
#pro5 .pro5_box:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #a4b1b9;
    -moz-box-shadow:0px 5px 15px #a4b1b9;
    box-shadow:0px 5px 15px #a4b1b9;
}

#pro2 .bigImg{
    -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 .bigImg:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

@-webkit-keyframes test{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(0,10px)
    }
    100%{
        transform:translate(0,0)
    }
}
#pro1 .smallImg:hover{
    -webkit-animation:test 0.25s ease-in 3;
}
/* CSS3实现鼠标移入图片旋转放大效果 */