body,h1,h2,h3,ul,li,p{
    margin: 0;
    padding: 0;
    list-style: none;
}
body,html{
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei","黑体","宋体",sans-serif;
    font-weight: 300;
}
a{
    text-decoration: none;
    display: block;
    cursor: pointer;
    -webkit-cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a, a:hover, a:visited, a:link, a:active , a:focus {
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    /*解决手机版点击背景问题*/
}
*{
    box-sizing: border-box;
}
#ieBox{
    background: #eeeeee;
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
#ieBox h1{
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*public style start*/
#box{
    width: 100%;
    height: 100%;
    background: #18288a;
    overflow: auto;
    overflow-x: hidden;
}
#logo{
    position: absolute;
    top: 11px;
    left: 32px;
    background: url("../images/logo.png") no-repeat;
    background-size: 100%;
    width: 67px;
    height: 26px;
    cursor: pointer;
    z-index: 9998;
}
#logo a{
    width: 100%;
    height: 100%;
}

#navBox{
    display: none;
    width: 100%;
    height: 88px;
    line-height: 88px;
    position: absolute;
    top:0;
    padding: 22px;
    background: linear-gradient(0deg, rgba(24, 40, 138, 0), #18288a);
    z-index: 999;
    /*right: 0.22rem;*/
}
#navBox h3{
    width: 60%;
    margin: 0 auto;
    line-height: 44px;
    text-align: center;
    font-weight: 400;
    font-size: 36px;
    color: #fff;
}
#nav {
    position: absolute;
    background: url("../images/nav.png") no-repeat;
    background-size: 100%;
    width: 54px;
    height: 44px;
    right: 22px;
    top: 22px;
    z-index: 9999;
}
#navList{
    position: absolute;
    width: 100%;
    background: #1B298D;
    top: 88px;
    left: 0;
    right: 0;
    z-index: 9999;
}
#navList li a{
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #DC7E22;
}
#navList li a:hover{
    background: #DC7E22;
    color: #fff;
}

.hidden{
    display: none;
}
.boxBg{
    width: 100%;
    min-width: 1080px;
    font-size: 14px;
    color: #C7D0E5;
    /*font-weight: 400;*/
    position: relative;
}
.contBg{
    width: 1080px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    /*padding: 0 10px;*/
}

#aboutContBg .contBg{
    height: auto;
}
#public_header{
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    font-weight: 400;
    /*margin-left: 276px;*/
}
#public_header li{
    float: left;
    margin: 18px 0;
    height: 12px;
    border-right: 1px solid #CA883A;
    width: 97px;
    padding: 0 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#public_header li:first-child{
    width: 67px;
}
#public_header li:last-child{
    border: none;
}
#public_header li a{
    color: #DC7E22;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
}
#public_header  .nowNav a,#public_header li a:hover{
    background: #DB7E22;
    color: #fff;
}
#footerBox{
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

/*public style end*/
/*posts style start*/
#postsContBg{
    width: 100%;
    padding-bottom: 72px;
    /*height: 1800px;*/
    background: url("../images/posts_bg.png") no-repeat;
    background-size: 100% auto;
    /*background-position: 50% 0;*/
}
#postBanner{
    /*width: 1061px;*/
    width: 100%;
    /*height: 570px;*/
    margin: 0 auto;
    position: relative;
    /*background: url("../images/post_banner.png") no-repeat;*/
    /*background-position: center;*/
    margin-bottom: 17px;
 }
#postBanner img{
    width: 100%;
    margin: 0 auto;
}
.red{
    position: absolute;
    left: -155px;
    top: 232px;
    width: 163px;
    height: 163px;
}
.workCity{
    /*width: 954px;*/
    min-height: 200px;
    background: linear-gradient(0deg, #1B298D, #235FCE);
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
}
.workMsg{
    padding-top: 30px;
    text-align: center;
    color: #3ef4f6;
    font-size: 12px;
}
.workBg{
    /*width: 91px;*/
    /*height: 46px;*/
    background: url("../images/post_small.png") no-repeat;
    background-size: 100%;
    position:absolute;
    top: -50px;
    /*right: -63px;*/
}
.workBg1{
    width: 78px;
    height: 39px;
    /*top: 260px;*/
    background: url("../images/post_small.png") no-repeat;
    background-size: 100%;
    position:absolute;
    left: -60px;
    bottom: -45px;
}
.title{
    font-weight: 400;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: auto;
    background: url("../images/posts_title.png") no-repeat;
    background-size: 100%;
    width: 227px;
    height: 43px;
    padding-left: 20px;
    text-align: center;
    line-height: 43px;
    color: #fff;
}
.cityList{
    display: flex;
    justify-content: space-between;
    padding: 0 183px;
}
.cityList ul li{
    cursor: pointer;
}
.cityList ul .cityNow{
    color: #F6DB5E;
}
.cityList ul li:hover,
.cityNow{
    color: #F6DB5E;
    font-weight: bold;
}
.cityList_box{
    position: relative;
    height: 200px;
    width: 204px;
    user-select: none;
}
.cityList .cityList_box:last-child{
    width: 256px;
}
.city_img{
    width: 100%;
    height: 120px;
    background: url("../images/posts_city1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
}
.city_img1{
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 100%;
    height: 126px;
    background: url("../images/posts_city2.png") no-repeat;
    background-size: 100%;
}
.city_title{
    width: 72px;
    height: 30px;
    background: linear-gradient(0deg, #78C2F8, #D67DFF);
    border-radius: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -36px;
}
.cityList ul{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 10px;
}
.cityList ul li{
    height: 14px;
    line-height: 14px;
    color: #fff;
    margin: 0 5px;
}

.workList{
    padding: 24px 60px 12px 60px;
}
.workList li{
    min-height: 24px;
    line-height: 24px;
    margin-bottom: 16px;
    position: relative;
}
.workType{
    font-weight: 400;
    display: inline-block;
    width: 98px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 0;
    color: #fff;
}
.workTypeList{
    width: 100%;
    padding-left: 98px;
}
.workTypeList span{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
}

.workTypeList span:hover,
.workTypeList .workerClick{
    background: #F6DB5E;
    color: #304E97;
}
.workRequire{
    padding: 32px 26px;
}
.workRequire h3{
    height: 30px;
    line-height: 30px;
    color: #fff;
}
.workRequire li{

    line-height: 30px;
}
#resume{
    width: 243px;
    height: 47px;
    background: url("../images/posts_resume.png") no-repeat;
    margin: 0 auto;
}
#resume a{
    width: 100%;
    height: 100%;
    line-height: 14px;
    padding: 16px 0 16px 105px;
    color: #fff;
    font-weight: 400;
}
/*posts style end*/
/*join style start*/
#joinBoxBg{
    height: 100%;
    background: url("../images/boxbg.png") no-repeat;
    background-size: 100%;
    /*overflow: hidden;*/
    overflow: auto;
}
#joinBoxBg .contBg{
    height: 1080px;
}
#joinCont{
    width: 954px;
    height: 904px;
    background: linear-gradient(0deg, rgba(27, 41, 141, 0.7), rgba(36, 96, 206, 0.7));
    border-radius: 20px;
    /*border-bottom:  1px solid rgba(27, 41, 141, 1);*/
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 38px 112px 0 112px;
}
.topBg{
    display: flex;
    justify-content: space-between;
    height: 1px;
}
.topLine{
    width: 30%;
    height: 1px;
    background: #2FCED8;
    float: left;
}
.centerTitle{
    width: 235px;
    height: 53px;
    background: url("../images/join_title.png") no-repeat;
    background-size: 100%;
    margin-top: -28px;
}
.leftLine,.rightLine{
    height: 866px;
    width: 1px;
    background: linear-gradient(0deg, #192b8f, #2FCED8);
    float: left;

}
.rightLine{
    float: right;
}
.joinContent{
    width: 100%;
    padding-top: 45px;
}
.joinUs{
    width: 640px;
    min-height: 200px;
    background: rgba(87, 229, 255, 0.1);
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.joinImg{
    width: 202px;
    height: 100%;
    float: left;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    position: absolute;
    top: 0;
    bottom: 0;
}
.joinImg img{
    display: block;
    z-index: 995;
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 166px;
    margin: auto;
}
.join_msg{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5px;
    color: #3ef4f6;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
.joinList{
    float: left;
    width: 100%;
    padding: 32px 0 24px 202px;
}
.joinUs:first-child{
    height: 180px;
}
.joinUs:first-child .joinImg img{
    margin-top: 44px;
}
.joinUs:first-child .joinList{
    padding-top: 20px;
}
.joinList h3{
    color: #3ED4FF;
}
.joinList div{
    min-height: 32px;
    line-height: 32px;
    color: #4DB5F7;
    margin-bottom: 5px;
}
.circle{
    position: absolute;
    left: -27px;
    top: 64px;
    width: 75px;
    height: 75px;
    background: linear-gradient(0deg, rgba(42, 46, 211, 0.02), rgba(69, 210, 247, 0.2), rgba(69, 210, 247, 0.6), #45D2F7);
    border-radius: 50%;
}
.circle1{
    width: 93px;
    height: 93px;
    left: initial;
    right: -58px;
    top: 360px;
    background: linear-gradient(0deg, rgba(42, 46, 211, 0.03), rgba(69, 210, 247, 0.2), rgba(69, 210, 247, 0.6), #45D2F7);
}
.circleGrop{
    width: 165px;
    height: 177px;
    position: absolute;
    left: -62px;
    bottom: -15px;

}
.circleGrop .circle{
    width: 125px;
    height: 125px;
    background: linear-gradient(20deg, rgba(42, 46, 211, 0.03), rgba(69, 210, 247, 0.2), rgba(69, 210, 247, 0.6), #45D2F7);
    border-radius: 50%;
    top: 0;
    left: 0;
}
.circleGrop .circle:nth-child(2){
    width: 103px;
    height: 103px;
    background: linear-gradient(0deg, rgba(42, 46, 211, 0.01), rgba(249, 134, 255, 0.6));
    top: 74px;
    left: 21px;
}
.circleGrop .circle:nth-child(3){
    width: 78px;
    height: 78px;
    background: linear-gradient(0deg, rgba(42, 46, 211, 0.01), rgba(97, 76, 255, 0.6));
    top: 67px;
    left: 87px;
}
.circleGrop1{
    width: 163px;
    height: 158px;
    position: absolute;
    right: -55px;
    bottom: -46px;
}
.circleGrop1 .circle{
    width: 149px;
    height: 149px;
    background: linear-gradient(0deg, rgba(42, 46, 211, 0.01), rgba(249, 134, 255, 0.6));
    border-radius: 50%;
    top: 0;
    left: 0;
}
.circleGrop1 .circle:nth-child(2){
    width: 78px;
    height: 78px;
    background: linear-gradient(0deg, rgba(42, 46, 211, 0.01), rgba(97, 76, 255, 0.6));
    top: 80px;
    left: 85px;
}
/*join style end*/
/*promotion style start*/
#promtionBoxBg{
    WIDTH: 100%;
    height: 100%;
    background: #18288a url("../images/boxbg.png") no-repeat;
    background-size: 100%;
    /*overflow: auto;*/
    /*overflow: hidden;*/
}
/*#promtionBoxBg .contBg{*/
    /*overflow-x: hidden;*/
/*}*/
.bannerBg{
    width: 1920px;
    height: 882px;
    position: absolute;
    top: -441px;
    left: 50%;
    right: 0;
    margin-left: -960px;
    background: #1A2C88;
    box-shadow: -281px -44px 0 0 rgba(93, 42, 221, 0.2);
    border-radius: 50%;
    padding-top: 441px;
    overflow: hidden;
}
.bannerBg img{
    display: block;
    margin: 0 auto;
}
#promotionCont{
    position: absolute;
    top: 490px;
    left: 10px;
    right: 10px;
    /*width: 100%;*/
}
#promotionCont .workCity{
    /*padding: 0;*/
    padding: 45px 0 36px 0;
}
.promotionList li{
    width: 26%;
    float: left;
    position: relative;
}
.promotionList li:first-child{
    /*width: 135px;*/
    width: 24%;
    padding-left: 4%;
}
.promotionList li:last-child{
    /*width: 180px;*/
    width: 24%;
    padding-right: 4%;
}
.promotionImg{
    height: 128px;
    position: relative;
}
.promotion_imageBox{
    height: 86px;
    position: relative;
    /*display: flex;*/
    /*justify-content: center;*/
}
.promotion_imageBox img{
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.promotionList li:first-child .promotion_imageBox img{
    position: static;
}
.promotionList li:last-child .promotionImg{
    width: 118px;
    float: right;
}

.promotionList li:last-child .promption_line{
    float: left;
}
/*.promotionList li:last-child .promotion_circle{*/
    /*bottom: -9.5px;*/
/*}*/
.promption_font{
    width: 100%;
    height: 42px;
    line-height: 14px;
    padding: 13px 0 14px 0;
    text-align: center;
    color: #fff;
    /*position: relative;*/
    position: absolute;
    bottom: 0;
}
.promotion_circle{
    width: 14px;
    height: 14px;
    background: #445FB0;
    border-radius: 50%;
    position: absolute;
    /*bottom: -4px;*/
    bottom: -9.5px;
    left: 50%;
    margin-left: -7px;
    z-index: 995;
}

.promotionList li:first-child .promption_font{
    width: 82px;
    text-align: left;
}
.promption_line{
    height: 7px;
    width: 100%;
    background: #445FB0;
    position: relative;
}
.promption_line_one{
    width: 50%;
    height: 100%;
}
.promotionList li:first-child .promption_line{
    border-radius: 7px 0 0 7px;
}
.promotion_circle_color{
    background: #fff;
}
.promotion_lineC{
    /*position: absolute;*/
    /*left: -7px;*/
    width: 34px;
    height: 100%;
    background: #fff;
    border-radius: 7px;
    position: relative;
}
.promotion_lineC .promotion_circle{
    left: 100%;
    background: #fff;
    top: -3px;
}
.promotion_jietou{
    width: 21px;
    height: 21px;
    border-top: 7px solid #445FB0;
    border-right: 7px solid #445FB0;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: -7px;
}
.promotion_jietou_color{
    border-top: 7px solid #fff;
    border-right: 7px solid #fff;
}
/*promotion style end*/
/*process style start*/
#process_cont .circle1{
    top: 80px;
    left: 880px;
}
#process_cont #joinCont{
    padding: 0;
    height: 958px;
}
#process_cont .joinContent{
    padding-top: 46px;
    height: 100%;
    position: relative;
}
.processLeft{
    padding: 94px 0 0 0;
    width: 307px;
    height: 100%;
    float: left;
    position: absolute;
    left: 20px;
}
.processLeft h3{
    width: 100%;
    /*width: 160px;*/
    height: 41px;
    background: url("../images/process_h3.png") center no-repeat;
    background-size: auto 100%;
    float: right;
}
.processLeft_img{
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    float: left;
}
.processLeft_img img{
    width: 100%;
    /*width: 307px;*/
}
.processLeft_font{
    width: 276px;
    height: 276px;
    /*background: rgba(27, 41, 141,1);*/
    background: linear-gradient(top,  #336BD1,#1B298D);
    background:-webkit-linear-gradient(top,  #336BD1,#1B298D);
    background:-moz-linear-gradient(top,  #336BD1,#1B298D);
    background:-ms-linear-gradient(top,  #336BD1,#1B298D);
    background:-o-linear-gradient(top,  #336BD1,#1B298D);
    float: right;
    padding: 8px 0 0 14px;
    color: #FFF0D9;
}
.processLeft_font div{
    height: 28px;
    line-height: 28px;
    font-weight: 400;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}
.processLeft_font .processLine{
    height: 12px;
}
.processRight{
    width: 710px;
    height: 100%;
    float: right;
    padding-top: 29px;
    background: url("../images/process_rightbg.png") no-repeat;
    /*background-size: auto 100%;*/
    background-position: right 0;

}
.processRight div{
    padding-left: 292px;
    height: 162px;
    width: 100%;
    padding-top: 65px;
    position: relative;
}
.processRight div img{
    height:33px;
    display: block;
    /*float: right;*/
    /*margin-top: 65px;*/
    /*float: right;*/
}
.processRight div span{
    position: absolute;
    left: 416px;
    top: 108px;
    font-size: 12px;
    color: #D4ECF2;
}
.processRight div:nth-child(even){
    /*padding-left: 292px;*/
    padding-left: 416px;
}

/*process style end*/
/*about style start*/
#aboutContBg{
    height: 100%;
    background: #18288a url("../images/boxbg.png") no-repeat;
    background-size: 100%;
    overflow: auto;
    /*padding-bottom: 20px;*/
}
/*#aboutContBg .contBg{*/
    /*height: 1565px;*/
/*}*/
#aboutBanner{
    width: 954px;
    /*min-height: 424px;*/
    margin: 0 auto;
    padding-top: 60px;
    overflow: hidden;
}
#aboutBanner .aboutP{
    width: 586px;
    float: left;
    font-size: 12px;
    font-weight: 300;
    color: #FFFEFE;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 48px;
}
#aboutBanner .aboutP p{
    text-indent:2em;
}
#aboutBanner img{
    width: 352px;
    float: right;
}
#aboutContBg .workCity{
    padding: 32px 15px 22px 15px;
}
.about_video li{
    margin-bottom: 10px;
    width: 100%;
    height: 223px;
    /*max-height: 223px;*/
    padding: 15px 36px;
    background: rgba(26, 44, 135, 0.4);
    overflow: hidden;
    position: relative;
}
.about_video .videoBox{
    width: 488px;
    /*max-height: 193px;*/
    background: #2F3F84;
    border: 1px solid;
    border-image: linear-gradient(0deg, #9D52F1, #3DDAF6) 1 1;
    float: left;
    position: absolute;
    top: 15px;
    left: 36px;
    bottom:15px;
}
video{
    width: 100%;
    height: 100%;
}
.about_video .videoTitle{
    width: 362px;
    height: 100%;
    float: right;
    padding: 0 0 0 38px;
    color: #ABCEF5;
    line-height: 24px;
    font-size: 12px;
}
.about_video .videoTitle h3{
    font-size: 14px;
    height: 62px;
    line-height: 62px;
    color: #fff;
}
/*#aboutContBg .workCity:last-child{*/
    /*height: 516px;*/
/*}*/

#aboutContBg .circle1{
    top: -43px;
    left: 919px;
}

.about_news{
    max-height: 400px;
    overflow: auto;
}
.about_news li{
    height: 36px;
    line-height: 36px;
    background: rgba(33, 48, 140, 0.3);
    margin-bottom: 4px;
    padding: 0 14px;
    color: #fff;
    cursor: pointer;
}
.pagePhone{
    display: none;
}
/*#about_page{*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: auto;*/
/*}*/
.about_news{
    text-align: center;
    line-height: 36px;
}
.about_news span{
    /*width: 740px;*/
    width: 70%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.about_news span:last-child{
    /*width: 110px;*/
    width: 30%;
    padding-right: 24px;
    text-align: right;
    font-size: 14px;
    float: right;
    background: url("../images/about_right.png") no-repeat;
    background-position: right;
}
#about_page .layui-laypage a,#about_page .layui-laypage span,#about_page .layui-laypage .layui-laypage-spr{
    background: #8FDEF5;
    border: none;
    margin: 0 5px;
    height: 40px;
    width: 10px;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
    color: #222;
}
#about_page .layui-laypage span{
    width: 160px;
    background: none;
    color: #fff;
}
#about_page .layui-laypage input{
    height: 40px;
    width: 40px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #8FDEF5;
    border-radius: 2px;
    color: #fff;
}
#about_page .layui-laypage .layui-laypage-curr{
    width: 10px;
    color: #222;
}
#about_page .layui-laypage button{
    height: 40px;
    background: #8FDEF5;
    border: 1px solid #8FDEF5;
}
/*about style end*/

/*index style start*/
#indexContBg{
    width: 100%;
    height: 100%;
    background:#1b188e url("../images/index_bg.png") no-repeat;
    background-size: cover;
    /*background-position: center top;*/
    overflow: hidden;
}
#indexContBg .contBg{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    /*padding: 20px;*/
    padding: 48px 0 20px 0;
}
.index_main{
    width: 100%;
    height: 100%;

    position: relative;
}
.main_list{
    /*width: 530px;*/
    /*height: 530px;*/
    background: url("../images/index_center.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 136px;
    left: 50%;
    /*transform: translateY(-267px);*/
    opacity: 0;
    border-radius: 45%;
}
.main_list a{
    width: 100%;
    height: 100%;
    background: transparent;
    color :#fff;
    border-radius: 45%;
}

.main_list1_box,.main_list_box{
    background: transparent;
}
.main_list2_box{
    background: transparent;
    opacity: 1;
    z-index: 99;
}

.main_title{
    width: 120px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom:18px;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    color: #fff;
    background: linear-gradient(0deg, #3E8CFF, #AC34D4);
    border-radius: 24px;
}
.main_list:hover .main_title{
    background: linear-gradient(0deg, #2ED5FF, #E42FFF);;
}
.main_list1{
    width: 100%;
    height: 100%;
    background: url("../images/index_center.png") no-repeat;
    background-size: 100%;
}
.main_list2{
    width: 100%;
    height: 100%;
    background: url("../images/index_about.png") no-repeat;
    background-size: 100%;
}
.main_list3{
    background: url("../images/index_promotion.png") no-repeat;
    background-size: 100%;
}
.main_list4{
    background: url("../images/index_join.png") no-repeat;
    background-size: 100%;
}
.main_list5{
    background: url("../images/index_process.png") no-repeat;
    background-size: 100%;
}
.main_star1{
    width: 52px;
    height: 52px;
    background: url("../images/main_star.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 60px;
    right: 260px;
    /*animation: star-wave 1.8s linear infinite;*/
}
.main_star2{
    width: 48px;
    height: 48px;
    background: url("../images/main_star1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 60px;
    left: 50%;
    /*animation: star-wave 1.8s linear infinite;*/
}
.main_star3{
    width: 46px;
    height: 47px;
    background: url("../images/main_star2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 45%;
    left: 30%;
    /*animation: star-wave 1.8s linear infinite;*/
}
.main_line{
    width: 184px;
    height: 107px;
    background: url("../images/index_line.png") no-repeat;
    position: absolute;
    top: 40%;
    right: 10%;
    animation: line-wave 2.4s ease-out infinite;
    /*opacity: 1;*/
}
.main_line1{
    width: 138px;
    height: 80px;
    background: url("../images/index_line1.png") no-repeat;
    position: absolute;
    /*top: 96px;*/
    /*right: 25%;*/
    top: 25%;
    right: 10%;
    animation: line-wave1 2.4s ease-out infinite;
    opacity: 0;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}
.main_line2{
    width: 188px;
    height: 109px;
    background: url("../images/index_line2.png") no-repeat;
    position: absolute;
    top: 10%;
    right: 10%;
    animation: line-wave2 2.4s ease-out infinite;
    opacity: 0;
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
}
@keyframes  line-wave{
    0% {
        top: 40%;
        right: 10%;
        /*opacity: 1;*/
    }
    33.3%{
        top: 100%;
        right: 80%;
    }
    100% {
        top: 100%;
        right: 80%;
        /*opacity: 0.3;*/
    }
}
@keyframes  line-wave1{
    0% {
        top: 25%;
        right:10%;
        opacity: 1;
    }
    42%{
        top: 100%;
        right: 89%;
        opacity: 1;
    }
    /*80% {*/
        /*top: 100%;*/
        /*right: 88%;*/
        /*opacity: 0;*/
    /*}*/
    100% {
        top: 100%;
        right: 88%;
        opacity: 0;
    }

}
@keyframes  line-wave2{
    0% {
        top: 10%;
        right:10%;
        opacity: 1;
    }
    49.5%{
        top: 100%;
        right: 105%;
        opacity: 1;
    }
    100% {
        top: 80%;
        right: 105%;
        opacity: 0;
    }
}
/*index style end*/