*{ text-align: center; margin: 0px; padding: 0px; }
body{  background: url("../imagesz/g_bg010.gif") repeat #000;font-size:1.1em;color:#fff;font-family: "Arial","Helvetica Neue","Helvetica","Hiragino Sans GB","Microsoft YaHei","Arial"; }
img{ max-width:100%; border:0px;}
p{ margin:0; padding:0;}
h1{margin: 0; padding: 0; border: 0;}
.spa10{ height:10px;clear:both;}
.fw{ font-weight: bold;}
article{width:99%; margin:0px auto;}
section{ margin-bottom: 10px;}
.taright{float: right;}
.mainp{width:98%;text-align:center; margin:0px auto; max-width:640px;overflow:hidden;}
.top{width: 100%;}

.myfirst{
    background: url("../imagesz/9573972_3.gif"), url("../imagesz/tp_sdlr1.gif");
    background-repeat: no-repeat;
    float: left;
    width: 210px;height: 210px;
    position:relative;
    animation:myfirst 3s;
    -moz-animation:myfirst 3s; /* Firefox */
    -webkit-animation:myfirst 3s; /* Safari and Chrome */
    -o-animation:myfirst 3s; /* Opera */
    left:10%;
    top:35px;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes myfirst
{
    0%   { left:10%; top:35px;}
    50%  { left:30%; top:35px;}
    100% { left:10%; top:35px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   { left:10%; top:35px;}
    50%  { left:30%; top:35px;}
    100% { left:10%; top:35px;}
}

.mycolor1{
    color: green;
    animation:mycolor1 1s;
    -moz-animation:mycolor1 1s; /* Firefox */
    -webkit-animation:mycolor1 1s; /* Safari and Chrome */
    -o-animation:mycolor1 1s; /* Opera */
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes mycolor1 /* Safari and Chrome */
{
    0%   { color: green;}
    50%  { color: #FF0000;}
    100% {color: green;}
}
.mycolor2{
    color: red;
    -webkit-animation: neon1 0.5s ease-in-out infinite alternate;
    -moz-animation: neon1 0.5s ease-in-out infinite alternate;
    animation: neon1 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 3px #fff,
        0 0 5px  #fff,
        0 0 7px  #fff,
        0 0 12px  #FF1177,
        0 0 16px  #FF1177,
        0 0 20px  #FF1177,
        0 0 24px #FF1177,
        0 0 28px #FF1177;
    }
    to {
        text-shadow: 0 0 2px #fff,
        0 0 3px #fff,
        0 0 4px #fff,
        0 0 8px #FF0000,
        0 0 10px #FF0000,
        0 0 12px #FF0000,
        0 0 14px #FF0000,
        0 0 16px #FF0000;
    }
}

.mycolor3{
    color: green;
    animation:mycolor3 1s;
    -moz-animation:mycolor3 1s; /* Firefox */
    -webkit-animation:mycolor3 1s; /* Safari and Chrome */
    -o-animation:mycolor3 1s; /* Opera */
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes mycolor3 /* Safari and Chrome */
{
    0%   { color: green;}
    25%  { color: #FFFC00;}
    50%  { color: #FF0000;}
    75%  { color: #FF0084;}
    100% {color: green;}
}

.myco_green2{

    -webkit-animation: neon3 0.5s ease-in-out infinite alternate;
    -moz-animation: neon3 0.5s ease-in-out infinite alternate;
    animation: neon3 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes neon3 {
    from {

        text-shadow: 0 0 2px #fffc00,
        0 0 3px  #fffc00,
        0 0 4px  #fffc00,
        0 0 7px #FF0600,
        0 0 14px #FF0600,
        0 0 18px #FF0600,
        0 0 22px #FF0600,
        0 0 26px #ff3472;
    }
    to {

        text-shadow: 0 0 2px #fffc00,
        0 0 4px #fffc00,
        0 0 4px #fffc00,
        0 0 7px #4EFF00,
        0 0 16px #4EFF00,
        0 0 20px #4EFF00,
        0 0 24px #4EFF00,
        0 0 28px #4EFF00;
    }
}

.tacenter {text-align: center;}

/*input*/
.contact_form input {
    height:36px;
    /*width:188px;*/
    width:100%; opacity:.85;
    padding:0px 0px 0px 5px;
    font-size: 20px; line-height:1.8em;
    display:inline; color:#1A2615;font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}

.contact_form input, .contact_form textarea {
    border:4px solid #009907;

    font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
.contact_form input:focus, .contact_form textarea:focus {

    border:4px solid #009907;
    box-shadow: 0 0 3px #008900;
}
/* Button Style */
button.submit {
    background-color: #FAF700;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAF700), to(#C8B118));
    background: -webkit-linear-gradient(top, #FAF700, #C8B118);
    background: -moz-linear-gradient(top, #FAF700, #C8B118);
    background: -ms-linear-gradient(top, #FAF700, #C8B118);
    background: -o-linear-gradient(top, #FAF700, #C8B118);
    background: linear-gradient(top, #FAF700, #C8B118);
    border: 1px solid #BB980A;
    border-bottom: 1px solid #BB980A;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: #E93100;
    font-weight: bold;
    padding: 0px 20px 2px 20px;
    text-align: center;
    font-size: 22px;opacity:.85;
    line-height: 1.8em;
    height:38px; width:55%;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer;
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
}