.banner-table-submit {
    background: #057dde;
    border-radius: 100px;
    width: 248px;
    height: 40px;
    line-height: 40px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 18px;
    color: #ffffff;
    margin-top: 10px;
    letter-spacing: 0;
    text-align: center;
    display: block;
    box-shadow: 0 4px 0 #345eb3;
    -webkit-box-shadow: 0 4px 0 #345eb3;
}

.button--moema:hover {
    -webkit-animation: anim-moema-1 0.3s forwards;
    -moz-animation: anim-moema-1 0.3s forwards;
    -ms-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}

.banner_bao {
    margin-top: 10px;
    margin: 0 16px;
    width: 280px;
    position: relative;
    height: 107px;
}

.banner_bao_top {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #ffffff;
    width: 100%;
    letter-spacing: 0;
    text-align: left;
    padding-left: 15px;
    background: url(../images/bao.png) no-repeat 1px -2px;
}

.banner_bao_box {
    overflow: hidden;
    width: 246px;
    height: 50px;
    position: relative;
    margin-top: 12px;
}

.banner_bao_box li {
    border: 1px solid #979797;
    width: 229px;
    height: 42px;
    position: absolute;
    opacity: 0;
    display: none;
    padding-left: 15px;
    padding-top: 6px;
}

.banner_bao_box li:nth-child(1) {
    opacity: 1;
    display: list-item;
}

.banner_bao_box .box_hover {
    display: block;
}

.banner_bao_box li img {
    margin-top: 8px;
    float: left;
    margin-right: 24px;
}

.banner_bao_box li .banner_bao_xizi p {
    float: left;
    width: 74px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.banner_bao_box li .banner_bao_xizi i {
    color: #cc141e;
}

.banner_bao_danwei p {
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}


/*--------------第二部分--------------*/

.two {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.two_top {
    width: 1200px;
    margin: 48px auto 42px;
}

.two_top p {
    font-family: MicrosoftYaHei-Bold;
    font-size: 42px;
    color: #000000;
    letter-spacing: 2;
    text-align: center;
    font-weight: bold;
}

.two_top h4 {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    margin-top: 9px;
}

.two_top p i {
    color: #00ca87;
    font-weight: bold;
}



.lef {
    border: 1px solid #00ca87;
    background: #00ca87;
    width: 112px;
    height: 2px;
    display: inline-block;
    position: absolute;
    left: 59px;
    top: 16px;
}




/*第五部分*/

.five {
    width: 100%;
   
    padding-top: 1px;
    background: #fff;
}


.yaoqiu {
    width: 1200px;
    height: 50px;
    margin: 0 auto 54px;
}

.yaoqiu ul {
    width: 758px;
    height: 100%;
    margin: 0 auto;
}

.yaoqiu ul li {
    float: left;
}

.yaoqiu ul li i {
    font-family: MicrosoftYaHei;
    font-size: 42px;
    color: #00ca87;
    letter-spacing: 0;
    line-height: 48px;
    text-align: left;
    float: left;
    margin-right: 9px;
}

.yaoqiu ul li .l {
    float: left;
    margin-right: 17px;
}

.yaoqiu ul li .l .l_one {
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: #cccccc;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left;
}

.yaoqiu ul li .l .l_one span {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #00ca87;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    margin-right: 12px;
}

.yaoqiu ul li .l .l_two {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left;
}

.yaoqiu ul li:nth-child(even) {
    border-left: 1px solid #979797;
    margin-top: 5px;
    margin-right: 10px;
    height: 39px;
}

.yaoqiu ul li:nth-child(3) i {
    color: #057dde;
}

.yaoqiu ul li:nth-child(3) .l .l_one span {
    color: #057dde;
}

.yaoqiu ul li:nth-child(5) i {
    color: #ffa600;
}

.yaoqiu ul li:nth-child(5) .l .l_one span {
    color: #ffa600;
}

.yaoqiu ul li:nth-child(7) .l .l_one span {
    color: #cc141e;
}

.yaoqiu ul li:nth-child(7) i {
    color: #cc141e;
}

.yuzuo {
    width: 1200px;
    height: 420px;
    margin: 0 auto 66px;
    position: relative;
}

.bai_w {
    position: absolute;
    left: 0;
    background: #161b36;
    width: 700px;
    height: 420px;
}

.bai_w img {
    width: 700px;
    height: 420px;
}

.bai_ss {
    position: absolute;
    right: 0;
    top: 40px;
    background: #00ca87;
    width: 658px;
    height: 296px;
    text-align: center;
    padding: 44px 42px 0;
}

.bai_ss h2 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 35px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 35px;
}

.bai_ss p {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    height: 86px;
}

.bai_ss p span {
    background: #ffa600;
    width: 90px;
    height: 86px;
    display: inline-block;
    font-family: MicrosoftYaHei-Bold;
    font-size: 60px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 86px;
    margin: 0 20px 0;
    text-align: center;
}

.bai_ss a {
    display: inline-block;
    background: #ffffff;
    border-radius: 6px;
    width: 294px;
    height: 50px;
    font-weight: bold;
    line-height: 50px;
    margin-top: 28px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #00ca87;
    letter-spacing: 0;
    text-align: center;
}

.five>ul {
    width: 1200px;
    height: 161px;
    margin: 0 auto 59px;
    position: relative;
}

.five>ul li {
    float: left;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    line-height: 73px;
    width: 390px;
    height: 73px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.five>ul li:nth-child(1) {
    background: #ffa600;
}

.five>ul li:nth-child(2) {
    background: #00ca87;
}

.five>ul li:nth-child(3) {
    background: #ff0042;
    margin-right: 0;
}

.five>ul li:nth-child(4) {
    background: #057dde;
}

.five>ul li:nth-child(5) {
    background: #51008a;
}

.five>ul li:nth-child(6) {
    background: #05cfd7;
    margin-right: 0;
}

.five>ul i {
    display: inline-block;
    float: left;
    background: #ffffff;
    border-radius: 100px;
    width: 51px;
    height: 10px;
    position: absolute;
}

.five>ul .s1 {
    left: 371px;
    top: 30px;
}

.five>ul .s2 {
    left: 371px;
    top: 121px;
}

.five>ul .s3 {
    left: 778px;
    top: 121px;
}

.five>ul .s4 {
    left: 778px;
    top: 29px;
}

.five>a {
    display: block;
    background: url(../images/12.png) no-repeat;
    width: 364px;
    height: 81px;
    line-height: 81px;
    margin: 0 auto;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}



.red .airflow {
    font-family: MicrosoftYaHei-Bold;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    z-index: 99;
    position: absolute;
    font-weight: bold;
    left: 194px;
    top: 79px;
    cursor: pointer;
    animation: bing2 4.5s infinite;
    -webkit-animation: bing2 4.5s infinite;
    -moz-animation: bing2 4.5s infinite;
    -o-animation: bing2 4.5s infinite;
}

.red .OLAP {
    left: 396px;
    top: 57px;
}

.red .nifi {
    left: 572px;
    top: 93px;
}

.red .superset {
    left: 832px;
    top: 111px;
}

.red .neo4j {
    opacity: 0.4;
    cursor: pointer;
    font-family: MicrosoftYaHei-Bold;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    left: 361px;
    top: 126px;
    animation: bing2 2.5s infinite;
    -webkit-animation: bing2 2.5s infinite;
    -moz-animation: bing2 2.5s infinite;
    -o-animation: bing2 2.5s infinite;
}

.red .janusGraph {
    left: 715px;
    top: 67px;
}

.gensui {
    width: 200px;
    padding: 10px;
    float: left;
    position: absolute;
    background: url(http://img.mobiletrain.org/templates/mobiletrain/hcxy/img/bigData_class.img/d03.png) no-repeat left 20px;
    padding-left: 15px;
}

.dian {
    width: 200px;
    padding: 15px;
    font-size: 14px;
    background: #c80f19;
    color: #fff;
    position: relative;
    z-index: 99;
    border-radius: 10px;
}

.pbutton {
    width: 840px;
    height: 69px;
    margin: 0 auto 67px;
}

.pbutton a {
    float: left;
    margin-right: 30px;
}

.pbutton a:nth-child(1) {
    width: 371px;
    height: 81px;
    line-height: 81px;
    display: block;
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    background: url(../images/button02.png) no-repeat;
}

.pbutton a:nth-child(2) {
    width: 371px;
    height: 81px;
    line-height: 81px;
    display: block;
    margin-right: 0 font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    background: url(../images/button01.png) no-repeat;
}

.tixi {
    background: url(../images/40.png) no-repeat;
    height: 1082px;
}

.zht {
    width: 1200px;
    height: 925px;
    margin: 0 auto;
    padding-top: 1px;
}

.zht .two_top p {
    font-family: MicrosoftYaHei-Bold;
    font-size: 42px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.zht .two_top h4 {
    opacity: 0.6;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.zht .tixi_hove {
    display: block;
}

.tixi_left {
    width: 586px;
    margin-top: 58px;
    margin-right: 56px;
    display: none;
}

.tixi_right {
    width: 524px;
    margin-top: 58px;
}

.zhuanti_jieshao {
    border: 1px solid #00ca87;
    width: 208px;
    height: 48px;
    line-height: 48px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #00ca87;
    letter-spacing: 0;
    text-align: center;
    font-weight: bold;
    margin-bottom: 19px;
}

.zhuanti_jieshao1 {
    margin-top: 20px;
}

.tixi_left p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 40px;
    text-align: left;
}

.tixi_left .zhuanti_ul {
    margin-left: 10px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 40px;
    text-align: left;
}

.tixi_left .zhuanti_ul li {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.jishu_ul {
    margin-top: 30px;
    margin-left: 20px;
}

.jishu_ul li {
    float: left;
    height: 39px;
    line-height: 39px;
    color: #fff;
    margin-right: 30px;
    margin-bottom: 26px;
    border: 1px solid #0b6289;
    position: relative;
}

.jishu_ul li img {
    float: left;
    margin-left: 10px;
    margin-top: -10px;
    margin-right: 20px;
}

.jishu_ul li i {
    margin-right: 20px;
}

.true {
    background: #0a0f2c;
    padding-bottom: 67px;
}

.sjs .sjs_hove {
    background: #ffffff;
    width: 160px;
    height: 160px;
}

.sjs .sjs_text {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #00ca87;
    letter-spacing: 0;
    text-align: center;
}

.sjs li {
    background: #00ca87;
    width: 160px;
    height: 160px;
    float: left;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px;
    display: table-cell;
    text-align: center;
}

.sjs li div {
    width: 160px;
    height: 113px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.sjs li:nth-child(3) {
    margin-right: 0;
}

.sjs li:nth-child(6) {
    margin-right: 0;
}

.sjs li:nth-child(9) {
    margin-right: 0;
}

.sjs li i {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.tixi>a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #00ca87;
    letter-spacing: 0;
    display: block;
    width: 370px;
    text-align: center;
    line-height: 80px;
    margin: 0 auto;
    background: url(../images/5.png) no-repeat;
}

.enght {
    width: 1300px;
  
    padding-top: 1px;
    overflow-x: hidden;
    background:  url(../images/50.png) no-repeat;
}

.enght .two_top p {
    font-family: MicrosoftYaHei-Bold;
    font-size: 42px;
    color: #cc141e;
    letter-spacing: 0;
    text-align: center;
}

.enght .two_top p i {
    color: ##33333;
}

.banner_xt {
    width: 3700px;
    height: 248px;
    overflow-y: hidden;
    position: relative;
}

.banner_xt #div1 {
    height: 248px;
    position: relative;
    float: left;
    width: 2245px;
    overflow: hidden;
}

.banner_xt #div1 ul {
    width: 2600px;
    height: 100%;
    position: relative;
    overflow-y: hidden;
    float: left;
}

.banner_xt #div1 ul li {
    float: left;
    height: 200px;
    width: 185px;
    position: relative;
    margin-right: 40px;
    margin-top: 20px;
}

.banner_xt #div1 ul li img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 160px;
    height: 160px;
    z-index: 10;
}

.banner_xt #div1 ul li .tu_border {
    border: 1px solid #00ffff;
    width: 158px;
    height: 178px;
    position: absolute;
    right: 0;
    bottom: 0px;
}

.banner_xt #div1 ul li .name {
    background: #00ffff;
    width: 112px;
    height: 30px;
    line-height: 30px;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #110050;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    left: 48px;
    bottom: -14px;
}

.data_techer {
    width: 1275px;
 
    
    background-size: 100%;
    padding-top: 1px;
    margin: 61px auto 0;
}

.techer_name {
    width: 819px;
    height: 60px;
    margin: 35px auto 0;
    position: relative;
}

.techer_name i {
    display: block;
    float: left;
    width: 132px;
    height: 50px;
    line-height: 50px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #110050;
    letter-spacing: 0;
    text-align: center;
    font-weight: bold;
    background: url(../images/62.png) no-repeat;
}

.techer_name>div {
    width: 630px;
    height: 50px;
    line-height: 60px;
    float: left;
    background: url(../images/61.png) no-repeat 0 10px;
    margin-left: -10px;
    background-size: 100% 100%;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #110050;
    letter-spacing: 0;
    text-align: left;
    padding-left: 40px;
    font-weight: bold;
}

.techer {
    height: 411px;
    width: 946px;
    margin: 35px auto 0;
    position: relative;
}

.techer_left {
    width: 581px;
    height: 391px;
}

.techer_left p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
}

.techer_left>div {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #333333;
    height: 60px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
}

.techer_left>div i {
    color: #FFA600;
    line-height: 60px;
    font-size: 20px;
}

.techer_left a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    display: block;
    background: url(../images/63.png) no-repeat;
    border-radius: 6px;
    width: 234px;
    height: 50px;
    line-height: 53px;
    padding-left: 20px;
    float: right;
    margin-top: 31px;
}

.techer_right img {
    width: 354px;
    height: 429px;
}

.techer_qiehuan {
    width: 946px;
    height: 77px;
    margin: 0 auto 0;
    position: relative;
}

.qiehuan_stop {
    background: url(../images/64.png) no-repeat;
    background-size: 100% 100%;
    width: 625px;
    height: 34px;
    line-height: 34px;
    float: left;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-size: 18px;
    color: #110050;
    letter-spacing: 0;
    text-align: left;
    padding-left: 52px;
}

.qiehuan_stop1 {
    width: 212px;
    height: 34px;
    float: left;
    display: block;
    background: url(../images/65.png) no-repeat 0 4px;
    margin-left: -1px;
    text-align: center;
    background-size: 100%;
    position: relative;
}

.qiehuan_stop1 b {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-size: 18px;
    color: #110050;
    letter-spacing: 0;
    line-height: 34px;
}

.qiehuan_stop1 i {
    width: 21px;
    height: 20px;
    display: inline-block;
    /*margin-top: 10px;*/
    position: absolute;
    right: 21px;
    top: 8px;
    background: url(../images/66.png) no-repeat;
}

.qiehuan_stop1 span {
    width: 3px;
    background: #00ffff;
    height: 42px;
    position: absolute;
    bottom: -42px;
    left: 101px;
    display: block;
}

.shiting {
    width: 946px;
    height: 228px;
    /*margin-top: 22px;*/
    margin: 0 auto 0;
}

.shiting .shiting01 li {
    float: left;
    width: 273px;
    height: 228px;
    background: #fff;
    position: relative;
    margin-right: 30px;
}

.poster_img {
    width: 261px;
    height: 150px;
    position: absolute;
    background: url(../images/shipin.png) no-repeat;
    left: 6px;
    top: 6px;
    background-size: cover;
}

.shiting .shiting01 li video {
    margin: 6px;
    margin-top: 4px;
}

.shiting .shiting01 li p {
    margin-left: 11px;
}

.shiting .shiting01 li p b {
    width: 195px;
    display: inline-block;
    font-size: 16px;
}

.shiting .shiting01 li p i {
    color: #db0e19;
    font-size: 16px;
    font-weight: 900;
}

.flex {
    margin-left: 11px;
    margin-top: 12px;
}

.flex .mianfei {
    width: 46px;
    height: 21px;
    text-align: center;
    font-size: 14px;
    float: left;
    background: #db0e19;
    color: #fff;
}

.flex .renshu {
    float: right;
    height: 21px;
    line-height: 21px;
    margin-right: 11px;
    padding-top: 1px;
    color: #999;
}

.flex .renshu i {
    width: 13px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    background: url(http://img.mobiletrain.org/templates/mobiletrain/hcxy/img/bigData_class.img/tou.png) no-repeat bottom;
}

.techer_qiehuan1 {
    margin-top: 41px;
}

.qiehuan_top {
    background: url(../images/68.png) no-repeat;
    background-size: 100% 100%;
}

.qiehuan_top1 {
    background: url(../images/67.png) no-repeat;
    background-size: 100% 100%;
}

.qiehuan_top1 span {
    background: #ffa600;
}

.pingjia {
    width: 882px;
    height: 127px;
    margin: 0 auto 0;
    position: relative;
}

.pingjia_l {
    background: #00ffff;
    border-radius: 16px;
    width: 119px;
    display: table;
    height: 119px;
}

.pingjia_l i {
    width: 119px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    display: block;
    text-align: center;
    color: #110050;
    /*display: table-cell;
    vertical-align: middle;*/
    margin-top: 30px;
    letter-spacing: 0;
}

.pingjia_l span {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-size: 30px;
    color: #110050;
    width: 119px;
    text-align: center;
    display: block;
    letter-spacing: 0;
}

.pingjia_r {
    background: #fafafa;
    border-radius: 16px;
    width: 699px;
    height: 119px;
    margin-left: 11px;
    display: flex;
    padding-left: 30px;
    justify-content: space-around;
    flex-direction: column;
}

.pingjia_r .pingjia_top {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #110050;
    width: 661px;
}

.pingjia_r .pingjia_bottom {
    height: 50px;
    width: 577px;
}

.enght>a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #4145c3;
    letter-spacing: 0;
    text-align: center;
    display: block;
    width: 370px;
    height: 80px;
    line-height: 80px;
    margin: 20px auto 0;
    background: url(../images/0003.png) no-repeat;
}

.nice {
    background: #ffffff;
    width: 100%;
    height: 100%;
}

.pro_ul {
    width: 1224px;
    height: 110px;
    margin: 0 auto;
}

.pro_ul li {
    background: url(../images/70.png) no-repeat;
    background-size: 100% 100%;
    width: 206px;
    height: 89px;
    float: left;
    margin-right: 26px;
    padding-top: 34px;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-size: 18px;
    color: #057dde;
    letter-spacing: 0;
}

.pro_ul .last {
    margin-right: 0;
}

.pro_ul .pro_hover {
    background: url(../images/70-s.png) no-repeat;
    background-size: 100% 100%;
    width: 206px;
    color: #fff;
    height: 89px;
}

.pro_ul .pro_hover .io {
    color: #fff;
}

.pro_ul li i {
    font-weight: normal;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    cursor: pointer;
    color: #057dde;
    letter-spacing: 0;
    text-align: center;
}

.pro_bu {
    background: url(../images/71.png) no-repeat;
    background-size: 100% 100%;
    width: 1186px;
    /* height: 789px; */
    overflow: hidden;
    padding-top: 1px;
    margin: 54px auto 0;
    display: none;
    padding: 0 0 98px;
    position: relative;
}

.pro_none {
    display: block;
}

.pro_bu .g {
    position: absolute;
    font-size: 24px;
    text-align: center;
    line-height: 74px;
    font-weight: bold;
    color: #fff;
    left: 311px;
    top: -15px;
    width: 562px;
    height: 75px;
    background: url(../images/72.png) no-repeat;
}

.bac {
    width: 974px;
    overflow: hidden;
    background: #057DDE;
    margin: 39px auto 0;
    padding: 50px 67px;
}

.bac .bac_ul {
    float: left;
    width: 33%;
    height: 154px;
    margin-bottom: 11px;
}

.bac .bac_ul span {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 28px;
    margin-left: 15px;
    text-align: left;
}

.bac .bac_ul1 {
    margin-right: 0;
}

.bac .bac_ul h3 {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 42px;
    text-align: left;
}

.bac .bac_ul2 {
    height: 154px;
}

.bac p {
    float: left;
    width: 33%;
    color: #fff;
    line-height: 40px;
}

.nice>a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    display: block;
    width: 370px;
    height: 80px;
    line-height: 80px;
    margin: 41px auto;
    background: url(../images/73.png) no-repeat;
}

.ten {
    background: #110050;
    padding-top: 1px;
    width: 100%;
    height: 1585px;
}

.ten .two_top p {
    color: #fff;
}

.project {
    width: 1200px;
    margin: 57px auto 0;
}

.project ul {
    width: 100%;
    height: 260px;
    margin: 0 auto;
    position: relative;
}

.project ul li {
    float: left;
    width: 214px;
    height: 161px;
}

.project ul li div {
    text-align: center;
}

.project ul li div img {
    margin-top: 28px;
}

.project ul li div i {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    letter-spacing: 0;
    text-align: center;
}

.project ul .list1,
.project ul .list3,
.project ul .list5 {
    margin-right: 98px;
}

.project ul .list1 div {
    width: 214px;
    height: 161px;
    margin-top: 42px;
    background: url(../images/0004.png) no-repeat;
}

.project ul .list2 {
    position: absolute;
    left: 156px;
}

.project ul .list2 div {
    width: 214px;
    height: 161px;
    position: absolute;
    top: 0;
    background: url(../images/0002.png) no-repeat;
}

.project ul .list3 div {
    width: 214px;
    height: 161px;
    margin-top: 42px;
    background: url(../images/0001.png) no-repeat;
}

.project ul .list4 {
    position: absolute;
    left: 471px;
}

.project ul .list4 div {
    width: 214px;
    height: 161px;
    position: absolute;
    top: 0;
    background: url(../images/0002.png) no-repeat;
}

.project ul .list5 div {
    width: 214px;
    height: 161px;
    margin-top: 42px;
    background: url(../images/0001.png) no-repeat;
}

.project ul .list4 div img {
    margin-top: 8px;
}

.project ul .list6 {
    position: absolute;
    left: 786px;
}

.project ul .list6 div {
    width: 214px;
    height: 161px;
    position: absolute;
    top: 0;
    background: url(../images/0002.png) no-repeat;
}

.project ul .list7 div {
    width: 214px;
    height: 161px;
    margin-top: 42px;
    background: url(../images/0001.png) no-repeat;
}

.project ul .zuo {
    position: absolute;
    left: 0;
    top: 0;
    width: 82px;
    height: 39px;
    background: url(../images/00015.png) no-repeat;
}

.project ul .you {
    position: absolute;
    right: 0;
    top: 0;
    width: 82px;
    height: 39px;
    background: url(../images/00016.png) no-repeat;
}

.pro_box {
    width: 1200px;
    height: 100%;
    background: url(../images/00017.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 1px;
    margin: 24px auto 0;
    display: none;
}

.pro_img {
    width: 1100px;
    height: 446px;
    margin: 35px auto 49px;
}

.proe_pu {
    width: 1100px;
    height: 400px;
    margin: 0 auto 0;
}

.pro_left {
    width: 500px;
    height: 370px;
    float: left;
    margin-right: 56px;
}

.pro_jieshao {
    height: 37px;
    width: 100%;
    position: relative;
}

.pro_jieshao p {
    font-size: 24px;
    color: #fff;
    margin-left: 18px;
    font-weight: 600;
    position: relative;
    z-index: 9;
}

.pro_jieshao i {
    display: block;
    width: 100%;
    height: 25px;
    background: #ffa600;
    position: absolute;
    bottom: 0;
}

.pro_jiagou1,
.pro_jiagou {
    margin-top: 30px;
}

.pro_jiagou1 p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.pro_right {
    width: 500px;
    height: 370px;
    float: left;
}

.pro_jiagou p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.pro_jiagou b {
    color: #e59408;
}

.pro_none1 {
    display: block;
}

.pro_box .pbutton a {
    background: url(../images/00019.png) no-repeat;
}

.pro_box .pbutton a:nth-child(2) {
    background: url(../images/00020.png) no-repeat;
}

.eleven {
    opacity: 0.88;
    background: #ffffff url(../images/80.png) no-repeat;
    width: 100%;
    height: 689px;
    position: relative;
}

.eleven ul {
    width: 1200px;
    height: 498px;
    margin: 80px auto 0;
}

.eleven ul li {
    margin-left: 13px;
    float: left;
    width: 288px;
    height: 498px;
    background: #ffffff;
}

.eleven ul li .top {
    width: 100%;
    height: 235px;
    text-align: center;
    padding-top: 1px;
    /*display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;*/
}

.eleven ul li:nth-child(1) .top {
    background: url(../images/81.png) no-repeat;
}

.eleven ul li:nth-child(2) .top {
    background: url(../images/83.png) no-repeat;
}

.eleven ul li:nth-child(3) .top {
    background: url(../images/84.png) no-repeat;
}

.eleven ul li:nth-child(4) .top {
    background: url(../images/85.png) no-repeat;
}

.eleven ul li .top span {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    margin-top: 40px;
    display: block;
    text-align: center;
    margin-bottom: 7px;
}

.eleven ul li .top p {
    border: 1px solid #ffffff;
    width: 194px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin-top: 7px;
}

.eleven ul li p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #000000;
    margin: 16px auto 0;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px;
}

.eleven ul li:nth-child(1) {
    margin-left: 0;
    border: 1px solid #00ca87;
}

.eleven ul li a {
    background: #00ca87;
    border-radius: 100px;
    width: 154px;
    height: 38px;
    line-height: 38px;
    margin: 24px auto 0;
    display: block;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.eleven ul li:nth-child(2) a {
    background: #057dde;
    margin-top: 59px;
}

.eleven ul li:nth-child(3) a {
    background: #ffa600;
    margin-top: 59px;
}

.eleven ul li:nth-child(2) a {
    background: #cc141e
}

.eleven ul li:nth-child(2) {
    border: 1px solid #057dde;
}

.eleven ul li:nth-child(3) {
    border: 1px solid #ffa600;
}

.eleven ul li:nth-child(4) {
    border: 1px solid #cc141e;
}

.twelve {
    background: #00ca87;
    width: 100%;
    height: 557px;
    padding-top: 1px;
}

.tw_box {
    width: 1200px;
    height: 597px;
    background: url(../images/91.png) no-repeat;
    margin: -20px auto 0;
    position: relative;
    padding-top: 1px;
    z-index: 9
}

.tw_box .two_top p {
    font-family: MicrosoftYaHei-Bold;
    font-size: 42px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.tw_t {
    margin-top: 63px;
    padding: 0 0 0 84px;
    height: 312px;
}

.tw_l {
    float: left;
    width: 48%;
}

.tw_l .from {
    height: 100px;
}

.tw_l .from h4 i {
    background: #ffffff;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
}

.tw_l .from>div {
    position: relative;
    margin-top: 20px;
    float: left;
    margin-right: 10px;
}

.tw_l .from div span {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    margin-left: 15px;
}

.tw_l .from h4 {
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
}

.tw_l .from>.redio {
    margin-top: 20px;
    position: relative;
    margin-right: 50px;
}

.tw_l .from>.redio1 {
    margin-right: 0;
}

.redio i {
    display: inline-block;
    background: url(../images/151.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 2px;
    border-radius: 100%;
}

.redio .i {
    background: url(../images/150.png) no-repeat;
}

.redio b {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #ffffff;
    line-height: 18px;
    letter-spacing: 0;
    text-align: left;
    font-weight: normal;
    margin-left: 25px;
}

.tw_c {
    border-left: 1px dashed #ffffff;
    width: 1px;
    float: left;
    margin-top: 12px;
    height: 244px;
}

.tw_r {
    float: left;
    margin-left: 42px;
}

.tw_r .form1>div {
    margin-bottom: 30px;
}

.tw_r .form1 .name2 span {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #ffffff;
    margin-right: 93px;
    letter-spacing: 0;
    text-align: left;
}

.tw_r .form1 .mobile2 span {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #ffffff;
    margin-right: 93px;
    letter-spacing: 0;
    text-align: left;
}

.tw_r .form1 .QQ2 span {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #ffffff;
    margin-right: 56px;
    letter-spacing: 0;
    text-align: left;
}

.tw_r .form1 input {
    background: #ffffff;
    width: 321px;
    height: 56px;
}

.tw_box>a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #00ca87;
    letter-spacing: 0;
    text-align: center;
    display: block;
    width: 509px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 0;
    background: url(../images/101.png) no-repeat;
}

.thirteen {
    width: 100%;
    height: 1133px;
    background: #fff;
}

.thirteen .two_top {
    margin-top: 80px;
}

.thirteen .two_top p i {
    font-weight: bold;
}

.thir_box {
    width: 100%;
    height: 900px;
}

.thir_l {
    background: #21009b;
    width: 50%;
    height: 830px;
    position: relative;
}

.thir_l ul {
    width: 386px;
    height: 400px;
    float: right;
    margin-right: 215px;
    margin-top: 100px;
}

.thir_l ul li {
    height: 60px;
    cursor: pointer;
    margin-top: 40px;
}

.thir_l ul li .ying_box {
    position: relative;
    border: 1px solid #ffa600;
    border-radius: 100px;
    width: 386px;
    height: 60px;
}

.thir_l ul li .ying_box p {
    font-family: MicrosoftYaHei-Bold;
    line-height: 60px;
    font-size: 30px;
    color: #ffa600;
    letter-spacing: 0;
    text-align: center;
}

.thir_l ul li .ying_box .p {
    color: #fff;
}

.thir_l ul li .th_div {
    position: relative;
    z-index: 99;
    background: url(../images/120.png) no-repeat;
    background-size: 100% 100%;
    width: 404px;
    height: 166px;
    padding-top: 1px;
    display: none;
}

.thir_l ul li .th_div div {
    width: 252px;
    height: 120px;
    margin: 31px auto 0;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
}

.thir_r ul li .th_div div {
    width: 252px;
    height: 120px;
    margin: 23px auto 0;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
}

.thir_l ul .hoe {
    border: none;
    background: #ffa600;
}

.thir_l .ying {
    position: absolute;
    right: 0;
    top: 235px;
    background: url(../images/122.png) no-repeat;
    width: 200px;
    height: 180px;
    line-height: 180px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 100px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.thir_r {
    background: #110050;
    width: 50%;
    height: 790px;
    margin-top: 20px;
    position: relative;
}

.thir_r ul li .ruan_box {
    position: relative;
    border: 1px solid #ff0042;
    border-radius: 100px;
    width: 386px;
    height: 60px;
}

.thir_r ul {
    float: left;
    width: 386px;
    height: 400px;
    margin-left: 215px;
    margin-top: 82px;
}

.thir_r ul li {
    margin-top: 40px;
    position: relative;
}

.thir_r ul li p {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ff0042;
    line-height: 58px;
    letter-spacing: 0;
    text-align: center;
}

.thir_r ul li .p1 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.thir_r ul li .hoer {
    background: #ff0042;
    /*border: none;*/
}

.thir_r .ruan {
    position: absolute;
    left: 0;
    top: 395px;
    background: url(../images/123.png) no-repeat;
    width: 200px;
    height: 180px;
    line-height: 180px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 100px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.thir_r ul li .th_div {
    position: relative;
    z-index: 99;
    background: url(../images/121.png) no-repeat;
    background-size: 100% 100%;
    width: 404px;
    height: 166px;
    padding-top: 1px;
    display: none;
}

.thirteen>a {
    background: url(../images/124.png) no-repeat;
    width: 372px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    display: block;
}

.job_wanted {
    background-color: #f5f5f5;
    overflow: hidden;
}

.job_wanted ul {
    padding-bottom: 48px;
    overflow: hidden;
    height: 379px;
    width: 99999px;
    overflow-y: hidden;
}

.job_wanted img {
    vertical-align: top;
}

.job_wanted li {
    float: left;
    margin-left: 6px;
}

.job_wanted .last {
    margin-right: 0;
}

.job_wanted li div {
    position: relative;
}

.job_wanted li .one {
    margin-bottom: 4px;
}

.job_wanted li span {
    position: absolute;
    width: 100%;
    height: 41px;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 41px;
    font-size: 16px;
    color: #fff;
}

.job_wanted .propmt {
    display: block;
    width: 403px;
    height: 50px;
    border: 1px solid #bd0811;
    background-color: #c90f1a;
    margin: 0 auto;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.job_wanted .propmt:hover {
    background: #fff;
    color: #bd0811;
}

.doubt {
    padding-top: 28px;
    padding-bottom: 62px;
    background-color: #f9f9f9;
}

.doubt h3 {
    line-height: 138px;
    text-align: center;
    color: #020202;
}

.doubt ul {
    padding-bottom: 57px;
}

.doubt ul li {
    float: left;
    position: relative;
    width: 220px;
    height: 153px;
    line-height: 153px;
    font-size: 18px;
    color: #c90f1c;
    text-align: center;
    margin-right: 25px;
    background: url(http://img.mobiletrain.org/templates/mobiletrain/hcxy/images/second_level.images/doubt.png) no-repeat;
    cursor: pointer;
}

.doubt ul li p {
    position: absolute;
    top: 0;
    padding-top: 42px;
    width: 220px;
    height: 111px;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: rgba(201, 15, 25, 0.8);
    display: none;
}

.doubt ul .last {
    margin-right: 0;
}

.fourteen {
    opacity: 0.85;
    background: #ffffff url(../images/125.png) no-repeat center center;
    width: 100%;
    padding-top: 1px;
    height: 946px;
}

.fourteen .two_top p {
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
    font-size: 42px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
}

.fourteen .two_top p i {
    font-weight: bold;
}

.fourteen .two_top h4 {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
}

.teen_box {
    width: 1200px;
    height: 618px;
    margin: 0 auto;
}

.teen_l {
    background: #ffffff;
    width: 845px;
    height: 618px;
    text-align: center;
    position: relative;
}

.zuo_l {
    background: url(../images/126.png) no-repeat;
    width: 64px;
    height: 42px;
    position: absolute;
    top: 299px;
    left: 48px;
}

.teen_l .img {
    margin-top: 60px;
}

.teen_l h3 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    font-weight: bold;
    margin-top: 12px;
}

.teen_l p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 30px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
}

.wenzi {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #000000;
    width: 581px;
    height: 140px;
    letter-spacing: 0;
    margin: 18px auto 39px;
    line-height: 35px;
    text-align: left;
}

.teen_l a {
    background: url(../images/131.png) no-repeat;
    background-size: 100% 100%;
    width: 297px;
    height: 65px;
    line-height: 68px;
    margin: 0 auto;
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    display: block;
}

.zuo_r {
    background: url(../images/127.png) no-repeat;
    width: 64px;
    height: 42px;
    position: absolute;
    bottom: 149px;
    right: 33px;
}

.san {
    width: 33px;
    height: 66px;
    background: url(../images/128.png) no-repeat;
    position: absolute;
    right: 0;
    top: 248px;
}

.teen_r {
    background: #00ca87;
    width: 354px;
    height: 618px;
}

.teen_r ul {
    margin-left: 24px;
    height: 414px;
    padding: 50px 0 0;
}

.teen_r ul li {
    border-bottom: 1px dashed #000000;
    width: 306px;
    height: 99px;
    position: relative;
}

.teen_r ul li img {
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
    margin-top: 10px;
    position: absolute;
    left: 20px;
}

.teen_r ul li p {
    display: inline-block;
    height: 60px;
    cursor: pointer;
    margin-top: 30px;
    float: right;
    margin-right: 20px;
}

.teen_r ul li .hover_p {
    color: #fff;
}

.teen_r ul li p span {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    text-align: left;
    line-height: 30px;
}

.teen_r ul li p i {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
    line-height: 30px;
}

.teen_r a {
    background: url(../images/132.png) no-repeat;
    width: 261px;
    height: 67px;
    line-height: 59px;
    margin: 0 auto;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    display: block;
}

.fifteenth {
    width: 100%;
    background: url(../images/133.png) no-repeat left top;
    background-size: 100% 100%;
    padding-top: 1px;
    height: 827px;
}

.fifteenth .two_top p {
    color: #fff;
}

.fifteenth .two_top h4 {
    opacity: 0.6;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}

.fif_box {
    height: 600px;
    width: 1250px;
    margin: 60px auto 0;
}

.box_ul {
    float: left;
    width: 647px;
    height: 465px;
    margin-top: 40px;
}

.box_ul li {
    width: 647px;
    background: #ffffff;
    height: 60px;
    margin-bottom: 41px;
    position: relative;
}

.box_ul li:nth-child(5) {
    margin-bottom: 0;
}

.box_ul li:nth-child(2) a {
    background: url(../images/142.png) no-repeat 0 -1px;
}

.box_ul li:nth-child(3) a {
    background: url(../images/143.png) no-repeat 0 -1px;
}

.box_ul li:nth-child(4) a {
    background: url(../images/144.png) no-repeat 0 -1px;
}

.box_ul li:nth-child(5) a {
    background: url(../images/145.png) no-repeat 0 -1px;
}

.box_ul li p {
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    line-height: 60px;
    color: #000000;
    letter-spacing: 0;
    text-align: left;
    margin-left: 27px;
}

.box_ul li a {
    background: url(../images/140.png) no-repeat 0 -1px;
    background-size: 100% 100%;
    width: 200px;
    display: block;
    font-weight: bold;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: bold;
}

.box_div {
    width: 545px;
    height: 478px;
    margin-left: 50px;
    float: left;
    margin-top: 40px;
    background: url(../images/146.png) no-repeat 0 -1px;
}

.box_div .form1 {
    margin-top: 99px;
    margin-left: 51px;
}

.box_div .form1 .name4 {
    margin-bottom: 30px;
}

.box_div .form1 .mobile4 {
    margin-bottom: 30px;
}

.box_div .form1 .QQ4 {
    margin-bottom: 30px;
}

.box_div .form1 .name4 span {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #000000;
    margin-right: 93px;
    letter-spacing: 0;
    text-align: left;
}

.box_div .form1 input {
    background: #ffffff;
    width: 321px;
    height: 56px;
}

.box_div .form1 .mobile4 span {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #000000;
    margin-right: 93px;
    letter-spacing: 0;
    text-align: left;
}

.box_div .form1 .QQ4 span {
    font-family: MicrosoftYaHei;
    font-size: 24px;
    color: #000000;
    margin-right: 43px;
    letter-spacing: 0;
    text-align: left;
}

.box_div a {
    background: url(../images/147.png) no-repeat;
    background-size: 100% 100%;
    width: 438px;
    height: 76px;
    line-height: 80px;
    margin: 0 auto;
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    display: block;
}

.fixd {
    position: fixed;
    bottom: 0;
    left: -34px;
    width: 80%;
    height: 228px;
    display: block;
    z-index: 99;
}

.slide1 {
    background: url(../images/fixd.png) no-repeat;
    background-size: 100% 100%;
}

.slide_phone {
    background: url(../images/back.png) no-repeat;
    background-size: 100% 100%;
}

.fixd a {
    display: block;
    width: 100%;
    height: 100%;
}

.fixd div.guanbi {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 6%;
    margin-right: -25px;
    top: 38%;
    margin-bottom: -30px;
    z-index: 99;
    background: url(../images/gb.png) no-repeat;
    background-size: 100% 100%;
}

.ling {
    position: absolute;
    top: 51px;
    right: 85px;
    background: url(../images/ling.png) no-repeat;
    background-size: 100% 100%;
    width: 120px;
    height: 120px;
    display: block;
}

.shouqi {
    position: fixed;
    left: 0;
    bottom: 10px;
    background: url(../images/shouqi.png) no-repeat;
    background-size: 100% 100%;
    width: 385px;
    height: 221px;
    display: none;
    z-index: 99;
}


/*动画*/

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        -moz-transform: scale3d(0.8, 0.8, 1);
        -ms-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        -moz-transform: scale3d(0.8, 0.8, 1);
        -ms-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-ms-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        -moz-transform: scale3d(0.8, 0.8, 1);
        -ms-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes scale {
    from {
        opacity: 0.5;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes scale {
    from {
        opacity: 0.5;
        -webkit-transform: scale(0.5);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scale {
    from {
        opacity: 0.5;
        -moz-transform: scale(0.5);
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-ms-keyframes scale {
    from {
        opacity: 0.5;
        -ms-transform: scale(0.5);
    }
    to {
        opacity: 1;
        -ms-transform: scale(1);
    }
}

@-o-keyframes scale {
    from {
        opacity: 0.5;
        -o-transform: scale(0.5);
    }
    to {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bing2 {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}

@-moz-keyframes bing2 {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}

@-webkit-keyframes bing2 {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}

@-o-keyframes bing2 {
    0% {
        opacity: .1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .1;
    }
}