*{padding: 0;margin: 0 auto;}
/***Arial,Tahoma,serif,Microsoft Yahei,Hiragino Sans GB,**/
body{ font-family:SimHei,Hiragino Sans GB;}
header{
    background-image: -moz-linear-gradient( 180deg, rgb(192,60,253) 0%, rgb(123,78,255) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(192,60,253) 0%, rgb(123,78,255) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(192,60,253) 0%, rgb(123,78,255) 100%);
    position: relative;
    z-index: 1;
    height: 5em;
    font-size: 1rem;
}
header>div{max-width: 1000px;height: 5em;line-height: 5em;}
header>div img{vertical-align: middle;height: 3.81em;margin-left: 1.875em;}
header nav{float: right;}
ul{list-style: outside none none;}
nav ul>li{ height: 4.375em;line-height: 4.375em;position: relative;display: inline-block;}
nav ul>li>i{   background: #ffb20c none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 0.666667em;
    left: 50%;
    position: absolute;
    transition: all 0.24s ease 0s;
    width: 0;}
nav ul>li>a {
    border-right: 1px solid #FFFFFF;
    padding: 0 2em;
    position: relative;
    z-index: 1;
}
nav ul>li:last-child>a{border-right:none;}
a {
    text-decoration: none;
}

.jubao{
    border:1px #ffffff solid;
    width:6em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    top:1.5em;
    right:20px;
}
.babyJubao{
    border:1px #ffffff solid;
    width:8em;
    height: 3em;
    line-height: 1.3em;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    top:1.0em;
    left:20px;
    color: #ffffff;
    padding-top:0.2em;
    box-sizing: border-box;
    cursor: pointer;
}

header a{color: #FFFFFF;text-decoration: none;}
footer a{color: #FFFFFF;text-decoration: none;}
section{
    width: 100%;
    overflow: hidden;
}
section.contact .method {
    overflow: hidden;
    padding: 4em;
}

footer {
    font-size: 0.32em;
    background-color: #764BF8;
    box-shadow: 0 0.2rem 0.1rem rgba(0, 0, 0, 0.15) inset;
    padding: 1.86em;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.875em;
}

footer .referralLinks{
    width: 100%;
    font-size:14px;
    color: #ffffff;
    margin-top:10px;
}
footer .referralLinks a{
    cursor: pointer;
    padding-left:20px;
    text-decoration: underline;
}
footer ul li {
    padding: 0 1em;
    display: inline-block;
}
footer address {
    font-style: normal;
    /*margin-top: 1em;*/
}
.index_nav_bg{
    background:url('resources/header-background2.jpg') 100% no-repeat; display: inline-block;width: 100%;}
.index_nav{max-width: 1000px;padding-bottom: 0.48em;position: relative;}
.index_nav .index_yjj_logo{width: 4.3em;position: absolute;right: 6.59em;bottom: 0.45em; font-size: 0.87em;}
.index_nav .index_yjj_logo{
    transform-origin:center bottom;
    -webkit-transform-origin:center bottom;
    animation: ani_index_yjj_logo 2s;
    -moz-animation: ani_index_yjj_logo 2s;
    -webkit-animation: ani_index_yjj_logo 2s;
    -o-animation: ani_index_yjj_logo 2s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes ani_index_yjj_logo
{
    0% {transform:matrix(1,0,0,0.1,0,0)}
    50% {transform:matrix(1,0,0.37,1,0,0)}
    75%{transform:matrix(1,0,0.37,1,0,0)}
    100% {transform:matrix(1,0,0,1,0,0)}
}
@-webkit-keyframes ani_index_yjj_logo {
    0% {-webkit-transform:matrix(1,0,0,0.1,0,0)}
    50% {-webkit-transform:matrix(1,0,0.37,1,0,0)}
    75%{-webkit-transform:matrix(1,0,0.37,1,0,0)}
    100% {-webkit-transform:matrix(1,0,0,1,0,0)}
}
.index_nav .nav_img{ width: 77.7%;vertical-align: middle}
.index_nav .nav_left{max-width: 441px;margin-top: 4%; padding-bottom:0.16em;position: relative;margin-left: 10%;}
.index_nav .nav_left img +img{position: absolute;top: 23.5%;left: -0.3em;width: 70%;}
.index_nav .nav_left img:last-child{position: absolute;top: 51.5%;left: -0.3em;width: 92%;}
.index_nav .nav_left img:first-child{
    animation: nav_left_1_ani 2s;
    -moz-animation: nav_left_1_ani 2s;
    -webkit-animation: nav_left_1_ani 2s;
    -o-animation: nav_left_1_ani 2s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes nav_left_1_ani
{
    0% {transform: translate(-200%,0%)rotate(360deg);}
    100% {transform: translate(0,0)rotate(0deg);}
}
@-webkit-keyframes nav_left_1_ani {
    0% {-webkit-transform: translate(-400px,0)rotate(360deg);}
    100% {-webkit-transform: translate(0,0)rotate(0deg);}
}
.index_nav .nav_left img +img{
    animation: nav_left_2_ani 4s;
    -moz-animation: nav_left_2_ani 4s;
    -webkit-animation: nav_left_2_ani 4s;
    -o-animation: nav_left_2_ani 4s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes nav_left_2_ani
{
    0% {transform: translate(0,-200%);}
    55% {transform: translate(0,-200%);}
    60% {transform: translate(0,0);}
    62% {transform: translate(0,-5px)scale(1.02,0.98);}
    63% {transform: translate(0,0)scale(1,1);}
    100% {transform: translate(0,0);}
}
@-webkit-keyframes nav_left_2_ani {
    0% {-webkit-transform: translate(0,-400px);}
    55% {-webkit-transform: translate(0,-400px);}
    60% {-webkit-transform: translate(0,0)scale(1,1);}
    62% {-webkit-transform: translate(0,-5px)scale(1.02,0.98);}
    63% {-webkit-transform: translate(0,0)scale(1,1);}
    100% {-webkit-transform: translate(0,0);}
}
.index_nav .nav_left img:last-child{
    animation: nav_left_3_ani 4s;
    -moz-animation: nav_left_3_ani 4s;
    -webkit-animation: nav_left_3_ani 4s;
    -o-animation: nav_left_3_ani 4s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes nav_left_3_ani
{
    0% {transform: translate(0,200%);opacity: 0;}
    55% {transform: translate(0,200%);opacity: 0;}
    60% {transform: translate(0,0)scale(1,1);opacity: 1;}
    62% {transform: translate(0,5px)scale(1.02,0.98);}
    63% {transform: translate(0,0)scale(1,1);}
    100% {transform: translate(0,0);}
}
@-webkit-keyframes nav_left_3_ani {
    0% {-webkit-transform: translate(0,400px);opacity: 0;}
    55% {-webkit-transform: translate(0,400px);opacity: 0;}
    60% {-webkit-transform: translate(0,0)scale(1,1);opacity: 1;}
    62% {-webkit-transform: translate(0,5px)scale(1.02,0.98);}
    63% {-webkit-transform: translate(0,0)scale(1,1);}
    100% {-webkit-transform: translate(0,0);}
}

.index_nav .nav_left2{max-width: 540px;padding-top: 0.34em; padding-bottom:0.32em;margin: 0 !important;position: relative;text-align: center;}
.index_nav .nav_left2>img{width: 30% ;margin: 0 1.25%;cursor: pointer;vertical-align: bottom;}
.index_nav .nav_sj{background: url("resources/index_sj.png") no-repeat ;background-size: 100% auto;position: absolute;right: 1em;bottom: 0em;width: 6em;height: 11.1em; font-size: 0.87em;}
.index_nav .nav_sj>div{width: 4.71em;height: 8.36em;box-sizing: border-box;overflow: hidden;position: absolute;left: 0.65em;top: 1.34em;white-space: nowrap;background-color: #000000;}
.index_nav .nav_sj>div img{width: 4.71em;height: 8.36em;vertical-align: middle;}
.ani_xl1{
    animation: xl1 2s;
    -moz-animation: xl1 2s;
    -webkit-animation: xl1 2s;
    -o-animation: lc1 2s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes xl1
{
    0% {transform: translate(-3%,-100%);}
    50% {transform: translate(-3%,0);}
    85% {transform: translate(-3%,0);}
    100% {transform: translate(0,0);}
}
@-webkit-keyframes xl1 {
    0% {-webkit-transform: translate(-3%,-100%);}
    50% {-webkit-transform: translate(-3%,0);}
    85% {-webkit-transform: translate(-3%,0);}
    100% {-webkit-transform: translate(0,0);}
}
.index_nav .nav_sj>div img:first-child{
    animation: sz1 8s;
    -moz-animation: sz1 8s;
    -webkit-animation: sz1 8s;
    -o-animation: sz1 8s;
    animation-direction:normal;
    animation-iteration-count:infinite;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@keyframes sz1
{
    0% {transform: translate(0,0);}
    25% {transform: translate(100%,0);}
    49.5% {transform: translate(100%,0);}
    50% {transform: translate(-100%,0);}
    75% {transform: translate(0%,0);}
    100% {transform: translate(0,0);}
}
@-webkit-keyframes sz1 {
    0% {-webkit-transform: translate(0,0);}
    25% {-webkit-transform: translate(100%,0);}
    49.5% {-webkit-transform: translate(100%,0);}
    50% {-webkit-transform: translate(-100%,0);}
    75% {-webkit-transform: translate(0%,0);}
    100% {-webkit-transform: translate(0,0);}
}
.index_nav .nav_sj>div img +img{

    animation: sz2 8s;
    -moz-animation: sz2 8s;
    -webkit-animation: sz2 8s;
    -o-animation: sz2 8s;
    animation-direction:normal;
    animation-iteration-count:infinite;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@keyframes sz2
{
    0% {transform: translate(-200%,0);}
    25% {transform: translate(-100%,0);}
    50% {transform: translate(0%,0);}
    50.1% {transform: translate(-200%,0);}
    75% {transform: translate(-200%,0);}
    100% {transform: translate(-200%,0);}
}
@-webkit-keyframes sz2 {
    0% {-webkit-transform: translate(-200%,0);}
    25% {-webkit-transform: translate(-100%,0);}
    50% {-webkit-transform: translate(0%,0);}
    50.1% {-webkit-transform: translate(-200%,0);}
    75% {-webkit-transform: translate(-200%,0);}
    100% {-webkit-transform: translate(-200%,0);}
}
.index_nav .nav_sj>div img:last-child{

    animation: sz3 8s;
    -moz-animation: sz3 8s;
    -webkit-animation: sz3 8s;
    -o-animation: sz3 8s;
    animation-direction:normal;
    animation-iteration-count:infinite;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@keyframes sz3
{
    0% {transform: translate(-301%,0);}
    25% {transform: translate(-301%,0);}
    50% {transform: translate(-200%,0);}
    75% {transform: translate(-100%,0);}
    75.1% {transform: translate(-301%,0);}
    100% {transform: translate(-301%,0);}
}
@-webkit-keyframes sz3 {
    0% {-webkit-transform: translate(-301%,0);}
    25% {-webkit-transform: translate(-301%,0);}
    50% {-webkit-transform: translate(-200%,0);}
    75% {-webkit-transform: translate(-100%,0);}
    75.1% {-webkit-transform: translate(-301%,0);}
    100% {-webkit-transform: translate(-301%,0);}
}
.index_content1_bg{background-color:#fdf6ff}
.index_content1{max-width: 1000px;position: relative;height: 12em;width: 95%;visibility: hidden;}
.index_content1>img:first-child{position: absolute;right: 0;bottom: 0;width: 6.54em;z-index: 2;transform: translate(100%,0);transition: transform 1s ease;-webkit-transform: translate(100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content1>img:first-child +img{position: absolute;left: 3.5%;top: 25.6%;width: 35.1%;transform: translate(-100%,0);transition: transform 1s ease;-webkit-transform: translate(-100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content1>.index_c1_3{position: absolute;left: 3.5%;top: 53%;width: 40.6%;transform: translate(-100%,0);transition: transform 2s ease;-webkit-transform: translate(-100%,0);-webkit-transition: -webkit-transform 2s ease;}
.index_content1>.index_c1_4{position: absolute;right: 6.5em;bottom: 0em;width: 20%;z-index: 1;transform: rotatey(180deg);}
.index_content1_ani{visibility: visible;}
.index_content1_ani>img:first-child{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content1_ani>img:first-child +img{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content1_ani>.index_c1_3{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content1_ani>.index_c1_4{
    animation: ani_i_c1_1 2s;
    -moz-animation: ani_i_c1_1 2s;
    -webkit-animation: ani_i_c1_1 2s;
    -o-animation: ani_i_c1_1 2s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes ani_i_c1_1
{
    0% {opacity: 0;transform: translate(120%,0) rotatey(180deg);}
    50% {transform: translate(120%,0) rotatey(180deg);opacity: 0;}
    100% {transform: translate(0,0) rotatey(180deg);opacity: 1;}
}
@-webkit-keyframes ani_i_c1_1 {
    0% {-webkit-transform: translate(120%,0) rotatey(180deg);opacity: 0;}
    50% {-webkit-transform:translate(120%,0) rotatey(180deg);opacity: 0;}
    100% {-webkit-transform:translate(0,0) rotatey(180deg);opacity: 1;}
}
.index_content2_bg{background-color:#ffffff;overflow: hidden;}
.index_content2{max-width: 1000px;position: relative;height: 12em;width: 95%;visibility: hidden;}
.index_content2>img:first-child{position: absolute;left: 0;bottom: 0;width: 6.38em;z-index: 1;transform: translate(-100%,0);transition: transform 1s ease;-webkit-transform: translate(-100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content2>img:first-child +img{position: absolute;right: 0;top: 2.3em;width: 8.14em;transform: translate(100%,0);transition: transform 1s ease;-webkit-transform: translate(100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content2 .index_c2_3{position: absolute;right: 1em;top: 5.6em;width: 6.96em;transform: translate(100%,0);transition: transform 2s ease;-webkit-transform: translate(100%,0);-webkit-transition: -webkit-transform 2s ease;}
.index_content2 .index_c2_4{position: absolute;right: 0;bottom: 0.32em;width: 2.76em;transform: translate(0,120%);-webkit-transform: translate(0,120%);}
.index_content2 .index_c2_5{position: absolute;left: 9.6em;bottom: 0.32em;width: 2.88em;transform: translate(0,120%);-webkit-transform: translate(0,120%);}
.index_content2 .index_c2_6{position: absolute;left: 6.2em;top: 3.25em;width: 2.5em;}
.index_content2 .index_c2_7{position: absolute;right: 2.6em;bottom: 2.5em;width: 2.64em;}
.index_content2 .index_c2_8{position: absolute;left: 12.3em;bottom: 1.6em;width: 2.16em;}
.index_content2 .index_c2_9{position: absolute;left: 7.65em;top: 5.5em;width: 1.96em;transform: rotateY(180deg);}
.index_content2_ani{visibility: visible;}
.index_content2_ani>img:first-child{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content2_ani>img:first-child +img{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content2_ani>.index_c2_3{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content2_ani>.index_c2_4{
    animation: ani_i_c2_4 0.5s;
    -moz-animation: ani_i_c2_4 0.5s;
    -webkit-animation: ani_i_c2_4 0.5s;
    -o-animation: ani_i_c2_4 0.5s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
}
@keyframes ani_i_c2_4
{
    0% {transform: translate(0,120%);}
    100% {transform: translate(0,0);}
}
@-webkit-keyframes ani_i_c2_4 {
    0% {-webkit-transform:translate(0,120%);}
    100% {-webkit-transform:translate(0,0);}
}
.index_content2_ani>.index_c2_5{
    animation: ani_i_c2_5 0.5s;
    -moz-animation: ani_i_c2_5 0.5s;
    -webkit-animation: ani_i_c2_5 0.5s;
    -o-animation: ani_i_c2_5 0.5s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
@keyframes ani_i_c2_5
{
    0% {transform: translate(0,120%);}
    100% {transform: translate(0,0);}
}
@-webkit-keyframes ani_i_c2_5 {
    0% {-webkit-transform:translate(0,120%);}
    100% {-webkit-transform:translate(0,0);}
}
.index_content2_ani>.index_c2_6{
    animation: ani_i_c2_6 5s;
    -moz-animation: ani_i_c2_6 5s;
    -webkit-animation: ani_i_c2_6 5s;
    -o-animation: ani_i_c2_6 5s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite*/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes ani_i_c2_6
{
    0% {transform: translate(-120%,0) rotateY(180deg);visibility: hidden;}
    50% {transform: translate(-120%,0) rotateY(180deg);visibility: hidden;}
    60% {transform: translate(0,0) rotateY(180deg);visibility: visible;}
    100% {transform: translate(0,0) rotateY(180deg);visibility: visible;}
}
@-webkit-keyframes ani_i_c2_6 {
    0% {-webkit-transform: translate(-120%,0) rotateY(180deg);visibility: hidden;}
    50% {-webkit-transform: translate(-120%,0) rotateY(180deg);visibility: hidden;}
    60% {-webkit-transform: translate(0,0) rotateY(180deg);visibility: visible;}
    100% {-webkit-transform: translate(0,0) rotateY(180deg);visibility: visible;}
}
.index_content2_ani>.index_c2_7{
    animation: ani_i_c2_7 5s;
    -moz-animation: ani_i_c2_7 5s;
    -webkit-animation: ani_i_c2_7 5s;
    -o-animation: ani_i_c2_7 5s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes ani_i_c2_7
{
    0% {opacity: 0;}
    40% {opacity: 0;}
    60% {opacity: 1;}
    100% {opacity: 1;}
}
@-webkit-keyframes ani_i_c2_7 {
    0% {opacity: 0;}
    40% {opacity: 0;}
    60% {opacity: 1;}
    100% {opacity: 1;}
}
.index_content2_ani>.index_c2_8{
    animation: ani_i_c2_8 5s;
    -moz-animation: ani_i_c2_8 5s;
    -webkit-animation: ani_i_c2_8 5s;
    -o-animation: ani_i_c2_8 5s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes ani_i_c2_8
{
    0% {opacity: 0;}
    50% {opacity: 0;}
    70% {opacity: 1;}
    100% {opacity: 1;}
}
@-webkit-keyframes ani_i_c2_8 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    70% {opacity: 1;}
    100% {opacity: 1;}
}
.index_content2_ani>.index_c2_9{
    animation: ani_i_c2_9 5s;
    -moz-animation: ani_i_c2_9 5s;
    -webkit-animation: ani_i_c2_9 5s;
    -o-animation: ani_i_c2_9 5s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes ani_i_c2_9
{
    0% {opacity: 0;}
    60% {opacity: 0;}
    80% {opacity: 1;}
    100% {opacity: 1;}
}
@-webkit-keyframes ani_i_c2_9 {
    0% {opacity: 0;}
    60% {opacity: 0;}
    80% {opacity: 1;}
    100% {opacity: 1;}
}
.index_content3_bg{background-color:#fdf6ff}
.index_content3{max-width: 1000px;position: relative;height: 17em;width: 95%;visibility:hidden;}
.index_content3 .index_c3_1{position: absolute;right: 0;bottom: 0em;width: 6.6em;transform: translate(100%,0);transition: transform 1s ease;-webkit-transform: translate(100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content3 .index_c3_2{position: absolute;left: 0.35em;top: 2.08em;width: 10.3em;transform: translate(-100%,0);transition: transform 1s ease;-webkit-transform: translate(-100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content3 .index_c3_3{position: absolute;left: 0.35em;top: 5.3em;width: 9.6em;transform: translate(-100%,0);transition: transform 2s ease;-webkit-transform: translate(-100%,0);-webkit-transition: -webkit-transform 2s ease;}
.index_content3 .index_c3_4{position: absolute;left: 2em;bottom: 0.13em;width: 6.4em;transform: translate(-200%,0);transition: transform 1s ease;-webkit-transform: translate(-200%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content3 .index_c3_5{position: absolute;right: 6.5em;bottom: 0.13em;width: 3.4em;transform: translate(-200%,0);transition: transform 1s ease;-webkit-transform: translate(-200%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content3 .index_c3_6{position: absolute;left: 0.5em;bottom: 1em;width: 5em;transform: translate(-200%,0);transition: transform 1s ease;-webkit-transform: translate(-200%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content3 .index_c3_7{position: absolute;right: 8.0em;bottom: 1em;width: 5em;transform: translate(-200%,0);transition: transform 1s ease;-webkit-transform: translate(-200%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content3 .index_c3_6_title{position: absolute;left: 0.5em;bottom: 0.2em;width: 5em;transform: translate(-200%,0);transition: transform 1s ease;-webkit-transform: translate(-200%,0);-webkit-transition: -webkit-transform 1s ease;text-align: center;}
.index_content3 .index_c3_7_title{position: absolute;right: 8.0em;bottom: 0.2em;width: 5em;transform: translate(-200%,0);transition: transform 1s ease;-webkit-transform: translate(-200%,0);-webkit-transition: -webkit-transform 1s ease;text-align: center;}
.index_c3_6_title span,.index_c3_7_title span{font-size:0.32em;}
.index_content3_ani{visibility: visible;}
.index_content3_ani>.index_c3_1{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_2{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_3{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_4{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_5{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_6{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_7{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_6_title{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content3_ani>.index_c3_7_title{transform: translate(0,0);-webkit-transform: translate(0,0);}

.lxwm{max-width: 1000px;position: relative;width: 95%;padding-bottom: 3em;font-size: 1rem;margin-top: 1em;}
section .lxwm .map {
    border: 1px solid #d3d3d3;
    border-radius: 0.3rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
    display: inline-block;
    padding: 6px;
    width: 100%;
    max-width: 590px;
    box-sizing: border-box;
    vertical-align:top;
    margin-bottom: 20px;
    z-index: 10;
}
.lx_content{
    display: inline-block;
    width: 380px;
    max-width: 100%;
    text-align: center;
}
section .lxwm article {
    width: 332px;
    font-size: 1rem;
    max-width: 100%;
    text-align: left;
}
section .lxwm article dl dt {
    font-size: 1.2rem;
    line-height: 2rem;
    background-color: #5bcef9;
    box-sizing: border-box;
    border: 2px solid #41c0ef;
    border-radius: 8px;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 1.2em;
}
section .lxwm article dl:first-child +dl dt {
    background-color: #51caf8;
}
section .lxwm article dl:first-child  +dl +dl dt {
    background-color: #32b5e6;
    border: 2px solid #23a9db;
}
section .lxwm article dl:first-child  +dl +dl +dl dt {
    background-color: #219dcb;
    border: 2px solid #118cb9;
}
section .lxwm article dl:last-child dt{
    background-color: #ff7b83;
    border: 2px solid #f4646d;
}
section .lxwm article dl dt img {
    vertical-align: middle;
}
section .lxwm article dl dd {
    color: #636161;
    padding:0.8em 0 1em 1.5em;
}
section .lxwm article dl dd li{
    line-height: 1.7em;
    font-size: 0.875em;
}
section .lxwm article dl dd li div {
    padding-left: 4em;
}
section .lxwm article dl dd li .lc {
     padding-left: 5em;
 }
section .lxwm article dl dd li label {
    float: left;
    text-align: right;
}
section .lxwm article dl dd li div a{color: #636161}
section .lxwm article dl dd li div span {
    display: block;
}
section .lxwm article dl dd li bdo,a:active {
    color: #ffa800;
}
.ani_xmy1{
    animation: xmy1 3s;
    -moz-animation: xmy1 3s;
    -webkit-animation: xmy1 3s;
    -o-animation: xmy1 3s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@keyframes xmy1
{
    0% {transform: rotate3d(0, 0,0, 0deg);}
    50% {transform: rotate3d(4, 1, -1, 70deg);}
    100% {transform: rotate3d(0, 0,0, 0deg);}
}
@-webkit-keyframes xmy1 {
    0% {-webkit-transform: rotate3d(4, 1, -1, 70deg);}
    100% {-webkit-transform: rotate3d(4, 1, -1, 70deg);}
}

.picwall{max-width: 1000px;padding-bottom: 0.48em;position: relative;height: 25.6em;width: 100%;}
.picwall .pic1{width: 8.32em;position: absolute;left:4.896em; top:6.4em;z-index: 1;}
.picwall .pic2{width: 4.69em;position: absolute;left:0em; top:3.52em;}
.picwall .pic3{width: 7.55em;position: absolute;left:4.8em; top:1.2em;z-index: 0;}/**1.2**/
.picwall .pic4{width: 6.72em;position: absolute;right:0em; top:3.36em;}
.picwall .pic5{width: 12.85em;position: absolute;left:0.48em; top:12.64em;z-index: 2;}
.picwall .pic6{width: 16.48em;position: absolute;left:1.76em; top:20.16em;}
.picwall .pic1{
    animation: wall_pic1 10s;
    -moz-animation: wall_pic1 10s;
    -webkit-animation: wall_pic1 10s;
    -o-animation: wall_pic1 10s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode: forwards;
}
@keyframes wall_pic1
{
    0% {transform: translate(0,-200%)rotate(0deg);}
    10% {transform: translate(0,-167%)rotate(0deg);}
    20% {transform: translate(0,-119%)rotate(20deg);}
    30% {transform: translate(0,3.2%)rotate(40deg);}
    32.5%{transform: translate(0,1.6%)rotate(-10deg);}
    35% {transform: translate(0,0)rotate(5deg);}
    37.5% {transform: rotate(-3deg);}
    40% {transform: rotate(-3deg);}
    50% {transform: rotate(0deg);}
    55% {transform:translate(0,0);}
    60% {transform:translate(-5%,0);}
    65% {transform:translate(-5%,0);}
    70% {transform:translate(0,0);}
    75% {transform: translate(0,0);}
    77% {transform: translate(0,-3.2%);}
    79% {transform: translate(0,0);}
    100% {transform: rotate(0deg);}
}
@-webkit-keyframes wall_pic1 {
    0% {-webkit-transform: translate(0,-200%)rotate(0deg);}
    10% {-webkit-transform: translate(0,-167%)rotate(0deg);}
    20% {-webkit-transform: translate(0,-119%)rotate(20deg);}
    30% {-webkit-transform: translate(0,3.2%)rotate(40deg);}
    32.5%{-webkit-transform: translate(0,1.6%)rotate(-10deg);}
    35% {-webkit-transform: translate(0,0)rotate(5deg);}
    37.5% {-webkit-transform: rotate(-3deg);}
    40% {-webkit-transform: rotate(-3deg);}
    50% {-webkit-transform: rotate(0deg);}
    55% {-webkit-transform:translate(0,0);}
    60% {-webkit-transform:translate(-5%,0);}
    65% {-webkit-transform:translate(-5%,0);}
    70% {-webkit-transform:translate(0,0);}
    75% {-webkit-transform: translate(0,0);}
    77% {-webkit-transform: translate(0,-3.2%);}
    79% {-webkit-transform: translate(0,0);}
    100% {-webkit-transform: rotate(0deg);}
}
.picwall .pic2{
    transform-origin:right;-webkit-transform-origin:right;
    animation: wall_pic2 10s;
    -moz-animation: wall_pic2 10s;
    -webkit-animation: wall_pic2 10s;
    -o-animation: wall_pic2 10s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode: forwards;
}
@keyframes wall_pic2
{
    0% {opacity:0;left:-9.38em;}
    62% {opacity:0;left:-9.38em;}
    65% {opacity:1;left:0em;}
    100% {opacity:1;left:0em;}
}
@-webkit-keyframes wall_pic2 {
    0% {opacity:0;left:-9.38em;}
    62% {opacity:0;left:-9.38em;}
    65% {opacity:1;left:0em;}
    100% {opacity:1;left:0em;}
}
.picwall .pic3{
    animation: wall_pic3 10s;
    -moz-animation: wall_pic3 10s;
    -webkit-animation: wall_pic3 10s;
    -o-animation: wall_pic3 10s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode: forwards;
}
@keyframes wall_pic3
{
    0% {transform: translate(0,-124%)rotate(0deg);}
    37.5% {transform: translate(0,-124%)rotate(0deg);}
    40% {transform: translate(0,6%)rotate(0deg);}
    40.5% {transform: translate(0,6%)rotate(-2deg);}
    42.5% {transform: translate(0,0)rotate(0deg);}
    100% {transform: translate(0,0)rotate(0deg);}
}
@-webkit-keyframes wall_pic3 {
    0% {-webkit-transform: translate(0,-124%)rotate(0deg);}
    37.5% {-webkit-transform: translate(0,-124%)rotate(0deg);}
    40% {-webkit-transform: translate(0,6%)rotate(0deg);}
    40.5% {-webkit-transform: translate(0,6%)rotate(-2deg);}
    42.5% {-webkit-transform: translate(0,0)rotate(0deg);}
    100% {-webkit-transform: translate(0,0)rotate(0deg);}
}
.picwall .pic4{
    transform-origin:left top;-webkit-transform-origin:left top;
    animation: wall_pic4 10s;
    -moz-animation: wall_pic4 10s;
    -webkit-animation: wall_pic4 10s;
    -o-animation: wall_pic4 10s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode: forwards;
}
@keyframes wall_pic4
{
    0% {top:-3em;transform: rotate(-90deg);}
    50% {top:-3em;transform: rotate(-90deg);}
    53% {top:3.36em;transform: rotate(-90deg);}
    55% {top:3.36em;transform: rotate(2.2deg);}
    56% {top:3.36em;transform: rotate(0deg);}
    56.5% {top:3.36em;transform: rotate(0.05deg);}
    57% {top:3.36em;transform: rotate(0deg);}
    100% {top:3.36em;transform: rotate(0deg);}
}
@-webkit-keyframes wall_pic4 {
    0% {top:-3em;-webkit-transform: rotate(-90deg);}
    50% {top:-3em;-webkit-transform: rotate(-90deg);}
    53% {top:3.36em;-webkit-transform: rotate(-90deg);}
    55% {top:3.36em;-webkit-transform: rotate(2.2deg);}
    56% {top:3.36em;-webkit-transform: rotate(0deg);}
    56.5% {top:3.36em;-webkit-transform: rotate(0.05deg);}
    57% {top:3.36em;-webkit-transform: rotate(0deg);}
    100% {top:3.36em;-webkit-transform: rotate(0deg);}
}
.picwall .pic5{
    transform-origin:left top;-webkit-transform-origin:left top;
    animation: wall_pic5 10s;
    -moz-animation: wall_pic5 10s;
    -webkit-animation: wall_pic5 10s;
    -o-animation: wall_pic5 10s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode: forwards;
}
@keyframes wall_pic5
{
    0% {opacity: 0;transform: rotate(90deg);}
    70% {opacity: 0;transform: rotate(90deg);}
    75% {opacity: 1;transform: rotate(-2.2deg);}
    77% {opacity: 1;transform: rotate(0deg);}
    100% {opacity: 1;transform: rotate(0deg);}
}
@-webkit-keyframes wall_pic5 {
    0% {opacity: 0;-webkit-transform: rotate(90deg);}
    70% {opacity: 0;-webkit-transform: rotate(90deg);}
    75% {opacity: 1;-webkit-transform: rotate(-2.2deg);}
    77% {opacity: 1;-webkit-transform: rotate(0deg);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);}
}

.job{max-width: 1000px;
    padding-bottom: 0.48em;
    position: relative;width: 95%;color: #6b6b6b;}
.job .job_header{min-height: 1.6em;}
.job .job_header li{display: inline-block;width: 50%;text-align: center;vertical-align: top;}
.job .job_header li img{width: 4em;vertical-align: top;}
.job a{color: #ffc000;display:inline-block;width: 47%;max-width: 9.6em;line-height: 1.2em;box-sizing: border-box;text-align: center;border-radius: 3px;cursor: pointer;}
.job .close{}
.job a:first-child{margin-right: 2%;}
.job_content a div{height: 3.88em;width: 8.2em;box-sizing: border-box;border: 0.04em solid #e19e0c;background-color: #ffd248;border-radius: 5em;vertical-align: middle;padding: 0.3em;transition:background-color 0.5s;}
.job_content a div img{width:3.24em;vertical-align: middle;float: left;}
.job_content a div span{font-size: 0.52em;line-height: 6em;color: #FFFFFF;}
.job_content .close div{background-color: #fffaec;}
.job_content .close div span{color: #FFC000;}
.job_content .close div img{float: right}
.job_content .brief{height: 1.1em;margin-top: 1.56em;}
.job_content .brief span{display: inline-block;color: #ffffff;font-weight: bold;height: 100%;}
.job_content .brief span:first-child{width: 85%;}
.job_content .brief span>label{font-size: 0.32em;background-color: #ffb20c;border-radius: 0.5em;border: 0.125em solid #f7ac0b;height: 2.625em;width: 8.25em;display: inline-block;vertical-align: top;box-sizing: border-box;text-align: center;line-height: 2.4em;}
.job_content>.content_sc{min-height: 6.56em;}
.job_content>.content_sc li{border-top: 1px solid #ffc000;line-height:1.24em;width: 98.4%; list-style: outside none none;margin: 0;}
.job_content>.content_sc li span{font-size: 0.28em;display: inline-block;width: 10%;color: #818181;vertical-align: top;}
.job_content>.content_sc li img{width: 0.5em;transition:transform 1s;vertical-align: middle;position: relative;top: -4px;}
.job_content>.content_sc li span:first-child{width: 87%;}
.job_content>.content_sc li .detail{background-color: #5bcef9;margin-bottom: 0.52em;line-height: 0.72em;color: #FFFFFF;padding: 0.4em 0.6em 0.6em;border-radius: 0.16em;display: none;border: 0.04em solid #41c0ef;box-sizing: border-box;}
.job_content>.content_sc li .detail label{font-size: 0.28em; display: inline-block;}
.job_content>.content_sc li .detail label>div{height: 0.6em;}
.fz180{transform: rotate(180deg);}
.job_content>.content_sc .color1 span{color: #209cca;}

.trend{max-width: 1000px;padding-bottom: 0.48em;position: relative;width: 95%;color: #6b6b6b;}
.trend .dd{background: url("resources/point_shu.png");background-size: 0.1em auto;width:  0.1em;position: absolute;left: 0.48em;top: 0;}
.ani_lc1{
    animation: lc1 3s;
    -moz-animation: lc1 3s;
    -webkit-animation: lc1 3s;
    -o-animation: lc1 3s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes lc1
{
    0% {height: 0;}
    100% {height: 100%;}
}
@-webkit-keyframes lc1 {
    0% {height: 0;}
    100% {height: 100%;}
}
.trend .trend_content{position: relative;left: 0.65em;padding-top: 1.4em;}
.trend .trend_content>div{padding-bottom: 1em;}
.trend .trend_content>div>li{display: inline-block;position: relative;vertical-align: top;}
.trend .trend_content>div>li:first-child +li{width: 1.4em;height: 1.4em;border-radius: 2em;background-color: #FFB20C;color: #FFFFFF;font-weight: bold;left: -0.2em;opacity: 0;}
.trend .trend_content>div>li:first-child +li>span:first-child{font-size: 0.54em;vertical-align: bottom;display: block;padding-left: 0.39em;padding-top: 0.3em;}
.trend .trend_content>div>li:first-child +li>span:last-child{font-size: 0.38em;display: block;padding-right: 0.4em;text-align: right;top: -0.3em;position: relative;}
.trend .trend_content>div>li:first-child{width: 0em;height: 0.1em;background: url("resources/point_heng.png");background-size:auto 0.1em;position: relative;top: 0.64em;}
/**.trend .trend_content>.type1>li:first-child{width: 2em}
.trend .trend_content>.type2>li:first-child{width: 3.2em}
.trend .trend_content>.type3>li:first-child{width: 1.4em}
.trend .trend_content>.type4>li:first-child{width: 3em}**/
.trend .trend_content>div>li:last-child{width: 0em;height: 5.2em;box-shadow: 2px 2px 8px #F5CAC7;overflow: hidden;}
.trend .trend_content>div>li:last-child .text{padding: 0.5em;box-sizing: border-box;}
.trend .trend_content>.type3>li:last-child .text{width: 8em;float: right;}
.trend .trend_content>.type4>li:last-child .text{width: 8em;float: right;}
.trend .trend_content>div>li:last-child .title{font-size: 0.4em;color: #f88222;white-space: nowrap;overflow: hidden;}
.trend .trend_content>div>li:last-child .content{font-size: 0.28em;  line-height: 1.5em;margin: 0.5em 0 1em;height: 10em;overflow: hidden;color: #969086;}
.trend .trend_content>div>li:last-child .look_detail{text-align: right;font-size: 0.28em;color: #a5520e;}
.trend .trend_content>div>li:last-child .c_img{width: 100%;height: 100%;}
.trend .trend_content>div>li:last-child .c_img2{width: 6em;height: 100%;vertical-align: top;float: left;}

.video_all{max-width: 960px;margin-top: 0.4em;margin-bottom: 1em;position: relative;width: 100%;background-color: #ffffff;min-height: 5em;box-shadow: 1px 1px 4px #FFCCFC /**#FFE6F9**/;}
.video_all .play>div:first-child{line-height: 2.307em;color: #5e5e5e;font-size: 0.52em;padding:0 0.5em;white-space: nowrap;overflow: hidden;}
.video_all .play>div:last-child {width: 100%;height: 11.2em;max-height: 540px;}
.video_all .play>div:last-child>div{width: 100% !important;height: 100% !important;}
.video_all .video_list{padding: 0.4em 0;display: table;}
.video_all .video_list>li{list-style: none;float: left;margin:0.4em 0.4em 0;width: 5.6em;position: relative;overflow: hidden;}
.video_all .video_list>li>img{width: 100%;vertical-align: middle;transition: opacity 0.2s ease}
.video_all .video_list>li:hover .pause{
    transform: translate(0,0);-webkit-transform: translate(0,0);
}
.video_all .video_list>li>.play_bg{
    transform: translate(0,-100%);-webkit-transform: translate(0,-100%);
    position: absolute;left: 0;top: 0;
    width: 100%;height: 100%;
    box-sizing: border-box;
    height: 3.2em;text-align: center;
    transition:transform 0.2s ease;
    -webkit-transition:-webkit-transform 0.2s ease;
}
.video_all .video_list>li>.play_bg .bg{background-color: #000000;opacity: 0.4;width: 100%;height: 100%;}
.video_all .video_list>li>.play_bg img{position: absolute;left: 1.78em;top: 0.56em;width: 2.04em;cursor: pointer;}
.video_all .video_list>li>div:last-child{font-size: 0.32em;color: #707070;line-height: 2.5em;}

.gongwangBg {
    background: rgba(0, 0, 0, 0) url("resources/picp_bg.png") no-repeat scroll 0 0 / 100% 100%;
    color: #000;
    font-size: 12px;
    height: 52px;
    margin: 10px auto;
    padding-left: 50px;
    padding-top: 25px;
    width: 150px;
    box-sizing: border-box;
    cursor: pointer;
}

.floater {
    font-size: 1rem;
    background: rgba(0, 0, 0, 0) url("resources/qrcode.png") repeat scroll 0 0 / 100% 100%;
    color: #ffffff;
    height: 150px;
    margin-top: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 1001;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    display: none;
}
.floater strong {
    color: #00BBBD;
    display: block;
    line-height: 2rem;
    margin-top: -2rem;
    text-align: center;
}
.mljbzsjs {
    border-radius: 3px;border:2px #ffb20c solid;
    font-size: 1rem;
    background: #ffffff;
    height: 50px;
    line-height: 50px;
    margin-top: 7rem;
    position: absolute;
    left: 1em;
    top: 0;
    width: 150px;
    z-index: 1001;
    text-align: center;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    display: block;
}
.mljbzsjs a{
    color: #00BBBD;
}
.music{position: absolute;right: 6.6em;top: 5.4em;width: 1.46em;height: 1.46em;}
.music div{
    position: absolute;left: 0;top: 0;
}
.music div:first-child{
    width: 100%;height: 100%;background-color: #8EDCFF;border-radius: 100%;
}
.music div:first-child +div{
    width: 78%;height: 78%;background-color: #B5E8FF;border-radius: 100%;left: 11%;top: 11%;
}
.music div:last-child{
    width: 26%;height: 26%;background-color: #DFF5FF;border-radius: 5em;left: 37%;top: 37%;
}
.index_content1_ani .music{
    animation: music_ani 4s;
    -webkit-animation: music_ani 4s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes music_ani
{
    0% {transform: scale(0,0);}
    50% {transform: scale(0,0);}
    75% {transform: scale(1,1);}
    100% {transform: scale(1,1);}
}
@-webkit-keyframes music_ani {
    0% {-webkit-transform: scale(0,0);}
    50% {-webkit-transform: scale(0,0);}
    75% {-webkit-transform: scale(1,1);}
    100% {-webkit-transform: scale(1,1);}
}
.index_content1_ani .music div:first-child{
    animation: music_div1_ani 1s;
    -webkit-animation: music_div1_ani 1s;
    animation-direction:normal;
    animation-iteration-count:2;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:2;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:3s;
    -webkit-animation-delay:3s;
}
@keyframes music_div1_ani
{
    0% {transform: scale(1,1);}
    50% {transform: scale(0.9,0.9);}
    100% {transform: scale(1,1);}
}
@-webkit-keyframes music_div1_ani {
    0% {-webkit-transform: scale(1,1);}
    50% {-webkit-transform: scale(0.9,0.9);}
    100% {-webkit-transform: scale(1,1);}
}
.index_content1_ani .music div:first-child +div{
    animation: music_div2_ani 1s;
    -webkit-animation: music_div2_ani 1s;
    animation-direction:normal;
    animation-iteration-count:3;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:3;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
@keyframes music_div2_ani
{
    0% {transform: scale(0,0);}
    100% {transform: scale(1,1);}
}
@-webkit-keyframes music_div2_ani {
    0% {-webkit-transform: scale(0,0);}
    100% {-webkit-transform: scale(1,1);}
}
.music_2{left: 7.9em;top: 7.1em;width: 2.44em;height: 2.44em;}
.music_2 div:first-child{background-color: #ebd2ff;}
.music_2 div:first-child +div{background-color: #d4a0fc;}
.music_2 div:last-child{background-color:#FFDFF0;}
.music_3{left: 6.2em;top: 10.3em;width: 1.68em;height: 1.68em;}
.music_3 div:first-child{background-color: #C3FFF0;}
.music_3 div:first-child +div{background-color: #7DEED2;}
.music_3 div:last-child{background-color:#E2FFEC;}

.pop_video{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1002;}
.pop_video_hide{display: none!important;}
.pop_video .pop_video_bg{background-color: #000000;opacity: 0.5;position:absolute;width: 100%;height: 100%;z-index: -1;}
.pop_video .pop_video_con{background: url("resources/pop_video.png");background-size: 100% auto;width: 14.52em;height: 8em;margin-top: 2em;position: relative;}
.pop_video .pop_video_con .pop_close{width: 1.04em;position: absolute;right: 0.35em;top: 0.83em;cursor: pointer;}
.pop_video .pop_video_con .pop_enter{opacity: 0;transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;}
.pop_video .pop_video_con .pop_enter:hover{opacity: 1}
.pop_video .pop_video_con>div{   background-color: red;height: 6.52em;left: 0.82em;position: absolute;top: 0.74em;width: 11.62em;}
.pop_video .pop_video_con>div>div{width: 100%;height: 100%;}
.pop_video_con_hide{visibility: hidden;}

.pay{max-width: 1000px;padding:3.4em 0;position: relative;width: 95%;color: #6b6b6b;font-size: 1rem;}
.pay .meau{width: 200px;border-right: 1px solid #b9b9b9;display: inline-block;position: relative;vertical-align: top;}
.pay .meau li{list-style: none;text-align: right;padding: 28px;cursor: pointer;height: 30px;}
.pay .meau li img{vertical-align: top;width: 20px;}
.pay .meau li span{font-size: 18px;color: #ffb20c;padding-left: 5px;}
.pay .meau li:last-child span{color: #00a5f6;}
.pay .meau .active span{font-size: 24px;}
.pay .meau .active img{width: 26px;}
.pay .meau .move{position: absolute;right: -14px;top: 30px;background-color: #ffffff;transition: top 0.2s ease-in;}
.pay .pay_content{display: inline-block;max-width:790px;}
.pay_content{padding-top: 4px;}
.pay_content table tr td:first-child{padding: 29px 34px 29px 68px;color: #424242;width: 72px;}
.pay_content table tr td:last-child{padding: 22px 0;}
.pay_content input{height: 36px;border: 1px solid #b9b9b9;border-radius: 3px;width: 152px;background-color: #ffffff;box-sizing: border-box;padding: 5px;}
.jieshao_list .active{background-color: #129bf2;color: #ffffff;}
.jieshao_list .active span:last-child{color: #ffffff;}
.jieshao_list li{width: 300px;height: 30px;line-height: 30px;background-color: #f4f4f4;color:#525252;margin-right: 5px;margin-bottom: 5px;list-style: none;float: left;cursor: pointer;}
.jieshao_list li span:first-child{display:inline-block;padding-left: 30px;width: 60px;}
.jieshao_list li span:first-child +span{padding-right: 10px;}
.jieshao_list li span:last-child{color:#ffb20c;padding-right: 3px;}
.pay_way li{position: relative;width: 100px;height: 36px;line-height:36px;box-sizing: border-box;text-align: center;list-style: none;float: left;margin-right: 10px;border: 1px solid #b9b9b9;color: #939393;background-color: #f4f4f4;cursor: pointer;}
.pay_way li img{opacity: 0;position: absolute;right: -5px;bottom: -5px;}
.pay_way .active{border: 2px solid #129bf2;}
.pay_way .active img{opacity: 1;}
.ok_pay{width: 200px;height: 44px;background-color: #129bf2;color: #ffffff;line-height: 44px;text-align: center;border: none;border-radius: 3px;cursor: pointer;}
.nick_name{padding:0 10px;}
.zstr{background-color: #ffb20c;color: #ffffff;width: 100px;height: 36px;border: none;font-size: 16px;visibility:hidden}
.error_msg{color: #d80000;font-size: 16px;padding:0 10px;}
.show{display: block}.hide{display:none;}
.zt1{color: #ffb20c;}

.layui-layer-btn{font-size: 16px;padding:0 50px 20px !important;}
.layui-layer-btn a{width: 93px;text-align: center;background-color: #2e8ded !important;border-color: #4898d5 !important;color: #fff !important;}

.index_content0_bg{background-color:#ffffff}
.index_content0{max-width: 1000px;position: relative;height: 12em;width: 95%;visibility: hidden;}
.index_content0>img:first-child{position: absolute;left: 0;bottom: 0;width: 6.54em;z-index: 2;transform: translate(-100%,0);transition: transform 1s ease;-webkit-transform: translate(-100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content0>img:first-child +img{position: absolute;right: 9%;top: 25.6%;width: 35.1%;transform: translate(100%,0);transition: transform 1s ease;-webkit-transform: translate(100%,0);-webkit-transition: -webkit-transform 1s ease;}
.index_content0>.index_c0_3{position: absolute;right: 3.5%;top: 53%;width: 40.6%;transform: translate(100%,0);transition: transform 2s ease;-webkit-transform: translate(100%,0);-webkit-transition: -webkit-transform 2s ease;}
.index_content0>.index_c0_4{position: absolute;left: 6.5em;bottom: 0em;width: 3.48em;z-index: 1;}
.index_content0>.index_c0_5{position: absolute;left: 9em;top: 3.5em;width: 1.54em;z-index: 1;opacity: 0;}
.index_content0>.index_c0_6{position: absolute;left: 7.3em;bottom: 5.1em;width: 1.6em;opacity: 0;}
.index_content0>.index_c0_7{position: absolute;left: 9em;bottom: 2em;width: 2.2em;opacity: 0;}
.index_content0_ani{visibility: visible;}
.index_content0_ani>img:first-child{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content0_ani>img:first-child +img{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content0_ani>.index_c0_3{transform: translate(0,0);-webkit-transform: translate(0,0);}
.index_content0_ani>.index_c0_4{
     animation: ani_i_c0_1 2s;
     -moz-animation: ani_i_c0_1 2s;
     -webkit-animation: ani_i_c0_1 2s;
     -o-animation: ani_i_c0_1 2s;
     animation-direction:normal;
     animation-iteration-count:1;/**infinite**/
     animation-timing-function:ease;
     animation-fill-mode: forwards;
     -webkit-animation-direction:normal;
     -webkit-animation-iteration-count:1;
     -webkit-animation-timing-function:ease;
     -webkit-animation-fill-mode: forwards;
 }
@keyframes ani_i_c0_1
{
    0% {opacity: 0;transform: translate(-120%,0);}
    50% {transform: translate(-120%,0);opacity: 0;}
    100% {transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes ani_i_c0_1 {
    0% {-webkit-transform: translate(-120%,0);opacity: 0;}
    50% {-webkit-transform:translate(-120%,0);opacity: 0;}
    100% {-webkit-transform:translate(0,0);opacity: 1;}
}
.index_content0_ani>.index_c0_5{
    animation: ani_i_c0_5 1s;
    -moz-animation: ani_i_c0_5 1s;
    -webkit-animation: ani_i_c0_5 1s;
    -o-animation: ani_i_c0_5 1s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
@keyframes ani_i_c0_5
{
    0% {top: -1.54em;transform:rotate(360deg);opacity: 1}
    100% {top: 3.5em;transform:rotate(0deg);opacity: 1}
}
@-webkit-keyframes ani_i_c0_5 {
    0% {top: -1.54em;-webkit-transform:rotate(360deg);opacity: 1}
    100% {top: 3.5em;-webkit-transform:rotate(0deg);opacity: 1}
}
.index_content0_ani>.index_c0_6,.index_content0_ani>.index_c0_7{
    animation: ani_i_c0_6 2s;
    -moz-animation: ani_i_c0_6 2s;
    -webkit-animation: ani_i_c0_6 2s;
    -o-animation: ani_i_c0_6 2s;
    animation-direction:normal;
    animation-iteration-count:1;/**infinite**/
    animation-timing-function:ease;
    animation-fill-mode: forwards;
    -webkit-animation-direction:normal;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
@keyframes ani_i_c0_6
{
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes ani_i_c0_6 {
    0% {opacity: 0}
    100% {opacity: 1}
}

.jianhu{
    width: 120px;
    height: 35px;
    line-height: 35px;
    border:1px #ffffff solid;
    border-radius: 6px;
    text-align: center;
    color: #ffffff;
    margin-top:10px;
}

.babyPopup{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}
.babyPopup .back{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.51);
}
.babyPopup .main{
    width: 960px;
    height: 400px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:-480px;
    margin-top:-200px;
    border-radius: 15px;
}
.babyPopup .main .close{
    width: 30px;
    height: 30px;
    background: url("resources/close.png") 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:-30px;
    margin-left: 960px;
    cursor: pointer;
}
.babyPopup .main .content{
    padding:30px 50px;
    box-sizing: border-box;
}
.babyPopup .main .content p{
    color: #4e4e4e;
    font-size: 20px;
    line-height: 30px;
}
.babyPopup .main .content p span{
    color: #f7ac0b;
}