.banner .contentInfo .sub {

	animation:sub .5s ease-in-out 0s both;

	-moz-animation:sub .5s ease-in-out 0s both;

	-webkit-animation:sub .5s ease-in-out 0s both;

	-o-animation:sub .5s ease-in-out 0s both;

}

@keyframes sub {

0% {

height:0px;

}

100% {

height:120px;

}

}

@-moz-keyframes sub {

0% {

height:0px;

}

100% {

height:120px;

}

}

@-webkit-keyframes sub {

0% {

height:0px;

}

100% {

height:120px;

}

}

@-o-keyframes sub {

0% {

height:0px;

}

100% {

height:120px;

}

}

.banner .contentInfo .quan {

	animation:quan .2s ease-in-out .5s both;

	-moz-animation:quan .2s ease-in-out .5s both;

	-webkit-animation:quan .2s ease-in-out .5s both;

	-o-animation:quan .2s ease-in-out .5s both;

}

@keyframes quan {

0% {

transform:scale(0);

}

100% {

transform:scale(1);

}

}

@-moz-keyframes quan {

0% {

-moz-transform:scale(0);

}

100% {

-moz-transform:scale(1);

}

}

@-webkit-keyframes quan {

0% {

-webkit-transform:scale(0);

}

100% {

-webkit-transform:scale(1);

}

}

@-o-keyframes quan {

0% {

-o-transform:scale(0);

}

100% {

-o-transform:scale(1);

}

}

.banner .contentInfo .title {

	animation:tranx .8s ease-in-out .5s both;

	-moz-animation:tranx .8s ease-in-out .5s both;

	-webkit-animation:tranx .8s ease-in-out .5s both;

	-o-animation:tranx .8s ease-in-out .5s both;

}

.banner .contentInfo .info {

	animation:tranx .8s ease-in-out .7s both;

	-moz-animation:tranx .8s ease-in-out .7s both;

	-webkit-animation:tranx .8s ease-in-out .7s both;

	-o-animation:tranx .8s ease-in-out .7s both;

}

.banner .contentInfo .btn {

	animation:tranx .8s ease-in-out .9s both;

	-moz-animation:tranx .8s ease-in-out .9s both;

	-webkit-animation:tranx .8s ease-in-out .9s both;

	-o-animation:tranx .8s ease-in-out .9s both;

}

@keyframes tranx {

0% {

transform:translateX(-700px);

}

100% {

transform:translateX(0);

}

}

@-moz-keyframes tranx {

0% {

-moz-transform:translateX(-700px);

}

100% {

-moz-transform:translateX(0);

}

}

@-webkit-keyframes tranx {

0% {

-webkit-transform:translateX(-700px);

}

100% {

-webkit-transform:translateX(0);

}

}

@-o-keyframes tranx {

0% {

-o-transform:translateX(-700px);

}

100% {

-o-transform:translateX(0);

}

}

 @keyframes bannerNavChildOn {

0% {

background:#fff;

transform:scale(1);

}

50% {

transform:scale(0);

}

100% {

background:#000;

transform:scale(1);

}

}

@-moz-keyframes bannerNavChildOn {

0% {

background:#fff;

-moz-transform:scale(1);

}

50% {

transform:scale(0);

}

100% {

background:#000;

-moz-transform:scale(1);

}

}

@-webkit-keyframes bannerNavChildOn {

0% {

background:#fff;

-webkit-transform:scale(1);

}

50% {

transform:scale(0);

}

100% {

background:#000;

-webkit-transform:scale(1);

}

}

@-o-keyframes bannerNavChildOn {

0% {

background:#fff;

-o-transform:scale(1);

}

50% {

transform:scale(0);

}

100% {

background:#000;

-o-transform:scale(1);

}

}

.mainContent .bj_botton {
    height: 44px;
    border: 1px solid #4294f9;
    width: 160px;
    background: linear-gradient(to bottom,#2274d8,#175198);
    border-bottom-color: #4183d4;
    border-radius: 8px;
    color: #0085da;
    box-shadow: 5px 5px 5px #bbb;
    text-indent: 0;
    text-align: center;
    float: right;
    margin: 1.5em;
}

.mainContent .modify .bj_botton {
    height: 60px;
    border: 1px solid #2274d8;
    float: right;
    width: 210px;
    background: linear-gradient(to bottom,#2274d8,#175198);
    border-bottom-color: #2274d8;
    background-color: #2274d8;
    border-radius: 8px;
    color: #fff;
    box-shadow: 5px 5px 5px #bbb;
    margin: 1% auto;
    text-align: center;
    padding: 0;
}

.mainContent .bj_botton:hover{background: linear-gradient(to bottom,#4a9bff,#0a5cbf);}

.mainContent .bj_botton a{
	color:#fff;
	font-size:  26px;
	line-height: 40px;
}

.mainContent .modify .bj_botton a{

display:  inline;

color:#fff;

font-size:  40px;

line-height: 57px;

text-align:center;
}



@media (max-width: 640px) {

.mainContent .bj_botton {
    height: 35px;
    border: 1px solid #3d81d4;
    font-size: 16px;
    width: 120px;
    border-radius: 5px;
    box-shadow: 3px 3px 1px #bbb;
}

.mainContent .modify .bj_botton {
    height: 40px;
    border: 1px solid #e89f0e;
    float: right;
    width: 140px;
    background: linear-gradient(to bottom,#fcb10a,#f18e06);
    border-bottom-color: #cf7f01;
    background-color: #fca000;
    border-radius: 8px;
    color: #fff;
    box-shadow: 5px 5px 5px #bbb;
    margin: 1% auto;
    text-align:  center;
    padding:  0;
}

.mainContent .modify .bj_botton a{

display:  inline;

color:#fff;

font-size:  25px;

line-height: 38px;

text-align:center;
}



	.mainContent .bj_botton a{color:#fff;font-size:  20px;line-height: 30px;}

}