.xczq-0 {
    background: url(../images/xc/0.png) no-repeat;
    height: 500px;
    background-position: center;
}
.xczq-1 li {
    float: left;
    text-align: center;
    margin-left: 125px;
}
.xczq-1 li:first-child{
    margin-left: 0px;
}
.xczq-1 li img{}
.xczq-1 li h1 {
    color: #333;
    font-size: 25px;
    margin: 5px 0px 5px 0px;
}
.xczq-1 li p {
    color: #999;
    font-size: 16px;
}
.xczq-2 {
    text-align: center;
    font-size: 30px;
    color: #333;
}
.xczq-3 {
    color: #999;
    font-size: 20px;
    text-align: center;
    font-weight: lighter;
    margin-top: 8px;
}
.xczq-3 span {
    color: #F70000;
}
.xczq-4{
    float: left;
}
.xczq-5{
    float: right;
    width: 570px;
}
.xczq-5 p {
    color: #666;
    font-size: 16px;
}
.xczq-5 h1 {
    color: #F70000;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0px;
}
.xczq-5 input {
    width: 565px;
    border: 1px solid #707070;
    line-height: 40px;
    font-size: 16px;
    text-indent: 22px;
    margin: 10px 0px;
}
.xczq-5 button {
    background: #F70000;
    border: 0px;
    color: #FFF;
    text-align: center;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
}
.xczq-6 a img{
    transition: all .4s;
}
.xczq-6 a {
    float: left;
    margin-bottom: 25px;
    margin-left: 29px;
    /* width: 278px;
    height: 229px;
    overflow: hidden; */
}
.xczq-6 a:nth-child(4n+1){
    margin-left: 0px;
}
.xczq-6 a img:hover{
    /* transform: scale(1.03);  */   
    -webkit-animation: tada 1s .1s ease both;
    -moz-animation: tada 1s .1s ease both;
    
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}

    10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}

    30%, 50%, 70%, 90%{-webkit-transform:scale(1.01) rotate(3deg);}

    40%, 60%, 80%{-webkit-transform:scale(1.01) rotate(-3deg);}

    100%{-webkit-transform:scale(1) rotate(0);}
}

@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}

    10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}

    30%, 50%, 70%, 90%{-moz-transform:scale(1.01) rotate(3deg);}

    40%, 60%, 80%{-moz-transform:scale(1.01) rotate(-3deg);}

    100%{-moz-transform:scale(1) rotate(0);}
}

@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}

40%{-webkit-transform:perspective(400px) rotateY(-10deg);}

70%{-webkit-transform:perspective(400px) rotateY(10deg);}

100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
}

@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}

40%{-moz-transform:perspective(400px) rotateY(-10deg);}

70%{-moz-transform:perspective(400px) rotateY(10deg);}

100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}
}

.xczq-7 a {
    background: #EEEEEE;
    text-align: center;
    float: left;
    color: #333;
    font-size: 16px;
    width: 185px;
    line-height: 40px;
    margin-bottom: 20px;
    border-radius: 100px;
    margin-left: 18px;
}
.xczq-7 a：hover{}
.xczq-7 a:nth-child(6n+1){
    margin-left: 0px;
}
.xczq-7 a:hover{
    background: #ff7700;
    color: #FFF;
    -webkit-animation: tada 1s .1s ease both;
    -moz-animation: tada 1s .1s ease both;
}
.xczq-8{
    text-align: center;
}
.xczq-8 a:nth-child(even){
    color: #FFF;
    background: #F70000;
    width: 215px;
    line-height: 45px;
    border: 1px solid;
    display: inline-block;
    font-size: 18px;
    border-radius: 59px;}
.xczq-8 a:nth-child(odd) {
    color: #F70000;
    width: 215px;
    line-height: 45px;
    border: 1px solid;
    display: inline-block;
    font-size: 18px;
    border-radius: 59px;
    margin-right: 30px;
}
.xczq-8 a:hover{
    -webkit-animation: tada 1s .1s ease both;
    -moz-animation: tada 1s .1s ease both;
}
.xczq-9{    
    background: url(../images/xc/26.png) no-repeat;
    height: 425px;
    background-position: center;
}
.xczq-3 i{
    color: #666666;
    font-style: normal;
}
.xczq-10 {
    float: left;
    background: #FFF;
    height: 183px;
    margin-top: 7px;
    border-radius: 5px;
    margin-left: 228px;
    width: 360px;
}
.xczq-10 img {
    float: left;
    margin: 32px 0px 0px 12px;
}
.xczq-10 h1 {
    float: left;
    font-size: 22px;
    color: #333;
    margin: 28px 0px 0px 27px;
    width: 195px;
}
.xczq-10 p {
    float: left;
    font-size: 15px;
    color: #666;
    margin: 9px 0px 0px 27px;
    width: 185px;
    line-height: 23px;
}
.xczq-11 {
    float: left;
    background: #FFF;
    height: 183px;
    margin-top: 7px;
    border-radius: 5px;
    margin-left: 25px;
    width: 360px;
}
.xczq-11 img {
    float: left;
    margin: -24px 0px 0px 15px;
}
.xczq-11 h1 {
    float: left;
    font-size: 22px;
    color: #333;
    margin: 28px 0px 0px 20px;
    width: 195px;
}
.xczq-11 p {
    float: left;
    font-size: 15px;
    color: #666;
    margin: 9px 0px 0px 20px;
    width: 185px;
    line-height: 23px;
}
.xczq-12{
    float: right;
    width: 470px;
}
.xczq-12 input {
    width: 467px;
    border: 1px solid #707070;
    line-height: 40px;
    font-size: 16px;
    text-indent: 22px;
    margin: 10px 0px;
}
.xczq-12 button {
    background: #F70000;
    border: 0px;
    color: #FFF;
    text-align: center;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
}
.xczq-12 h1 {
    color: #E8E8E8;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
}
.xczq-12 h2 {
    text-align: center;
    color: #F70000;
    font-size: 26px;
    margin-top: -26px;
}